50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T966,/* Native checks, radios and switches: forms, keyboard and screen readers work without script. */ .cr-check { display: inline-flex; align-items: flex-start; gap: var(--cr-space-3); color: var(--cr-color-text-default); font-family: var(--cr-font-family-sans); font-size: var(--cr-font-size-md); line-height: var(--cr-font-line-height-normal); cursor: pointer; } .cr-check:has(input:disabled) { color: var(--cr-color-text-muted); cursor: not-allowed; } .cr-check__input { flex: none; width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--cr-color-ink-bg); cursor: inherit; } .cr-check__input:focus-visible { outline: var(--cr-focus-width) solid var(--cr-color-focus); outline-offset: var(--cr-focus-offset); } .cr-check__text { display: grid; gap: 2px; } .cr-check__description { color: var(--cr-color-text-muted); font-size: var(--cr-font-size-sm); } /* Switch: a checkbox drawn as a capsule. Ink when on. */ .cr-switch__input { position: relative; flex: none; width: 52px; height: 32px; margin: 0; border-radius: var(--cr-radius-full); background: var(--cr-color-border-strong); appearance: none; cursor: inherit; transition: background-color var(--cr-motion-duration-base) var(--cr-motion-easing-standard); } .cr-switch__input::before { content: ''; position: absolute; top: 3px; left: 3px; width: 26px; height: 26px; border-radius: var(--cr-radius-full); /* White on ink in light; graphite on off-white in dark, so the knob always shows. */ background: var(--cr-color-bg-raised); box-shadow: var(--cr-shadow-sm); transition: transform var(--cr-motion-duration-base) var(--cr-motion-easing-spring), width var(--cr-motion-duration-fast) var(--cr-motion-easing-standard); } .cr-switch__input:checked { background: var(--cr-color-ink-bg); } .cr-switch__input:checked::before { transform: translateX(20px); } /* While pressed, the knob stretches toward where it will go. */ .cr-switch__input:active:not(:disabled)::before { width: 32px; } .cr-switch__input:checked:active:not(:disabled)::before { transform: translateX(14px); } .cr-switch__input:focus-visible { outline: var(--cr-focus-width) solid var(--cr-color-focus); outline-offset: var(--cr-focus-offset); } .cr-switch__input:disabled { opacity: 0.5; } .cr-switch { align-items: center; justify-content: space-between; } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L50",null,{"namespace":"@creance","registryDependencies":["https://creance.pages.dev/r/creance-base.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"checkbox/Checkbox.css","content":"$52","type":"registry:file","target":"@components/creance/checkbox/Checkbox.css"},{"path":"checkbox/Checkbox.tsx","content":"import { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react';\nimport { cx } from '@/lib/creance/cx';\nimport './Checkbox.css';\n\nexport interface CheckboxProps extends Omit, 'type'> {\n label: ReactNode;\n description?: ReactNode;\n}\n\n/** A native checkbox with its label. The whole row is the click target. */\nexport const Checkbox = forwardRef(function Checkbox(\n { label, description, className, ...props },\n ref,\n) {\n return (\n \n \n \n {label}\n {description && {description}}\n \n \n );\n});\n","type":"registry:ui","target":"@components/creance/checkbox/Checkbox.tsx"}],"className":"h-[70svh] min-h-80"}]]}]