@neut/ui 0.0.15 → 0.0.16

package/dist/components/tabs/TabsTrigger/TabsTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTrigger.js","names":["createUniqueId","onCleanup","onMount","splitProps","clsx","useTabsContext","useTabsListContext","callEventHandler","tabsTriggerStyles","TabsTriggerProps","TabsTrigger","props","local","events","others","ctx","listCtx","id","triggerId","elementRef","HTMLButtonElement","disabled","selected","isSelected","value","tabIndex","highlighted","highlightedValue","isUsable","undefined","isFirstEnabled","setTriggerId","registerTrigger","element","_el$","_tmpl$","_$use","el","_$setAttribute","_$spread","_$mergeProps","data-active","data-highlighted","aria-selected","aria-controls","getContentId","aria-disabled","tabindex","class","classList","e","setValue","onClick","setHighlightedValue","activateOnFocus","onFocus"],"sources":["../../../../src/components/tabs/TabsTrigger/TabsTrigger.tsx"],"sourcesContent":["import { createUniqueId, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useTabsContext } from \"../Tabs/Tabs.context\";\nimport { useTabsListContext } from \"../TabsList/TabsList.context\";\nimport { callEventHandler } from \"../Tabs/call-event-handler\";\nimport { tabsTriggerStyles } from \"./TabsTrigger.styles\";\nimport type { TabsTriggerProps } from \"./TabsTrigger.types\";\n\nexport const TabsTrigger = (props: TabsTriggerProps) => {\n  const [local, events, others] = splitProps(\n    props,\n    [\"value\", \"class\", \"classList\", \"disabled\"],\n    [\"onClick\", \"onFocus\"],\n  );\n  const ctx = useTabsContext();\n  const listCtx = useTabsListContext();\n\n  const id = createUniqueId();\n  const triggerId = `tabs-trigger-${id}`;\n\n  let elementRef: HTMLButtonElement | undefined;\n\n  const disabled = () => !!local.disabled;\n  const selected = () => ctx.isSelected(local.value);\n\n  // roving tabindex 跟随焦点高亮:高亮 tab 持 0;\n  // 高亮为空或高亮指向的 trigger 不可用(disabled/卸载)时,\n  // 首个可用 tab 持 0 作为键盘起点,避免 tablist 键盘不可达\n  const tabIndex = () => {\n    if (disabled()) return -1;\n    const highlighted = ctx.highlightedValue();\n    if (highlighted === local.value && ctx.isUsable(local.value)) return 0;\n    if (\n      (highlighted === undefined || !ctx.isUsable(highlighted)) &&\n      ctx.isFirstEnabled(local.value)\n    ) {\n      return 0;\n    }\n    return -1;\n  };\n\n  onMount(() => {\n    ctx.setTriggerId(local.value, triggerId);\n    onCleanup(\n      ctx.registerTrigger({\n        value: local.value,\n        disabled,\n        element: elementRef!,\n      }),\n    );\n  });\n\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        elementRef = el;\n      }}\n      role=\"tab\"\n      id={triggerId}\n      data-slot=\"tabs-trigger\"\n      data-active={selected() ? \"\" : null}\n      data-highlighted={ctx.highlightedValue() === local.value ? \"\" : null}\n      aria-selected={selected()}\n      aria-controls={ctx.getContentId(local.value)}\n      aria-disabled={disabled() ? \"true\" : undefined}\n      tabindex={tabIndex()}\n      disabled={local.disabled}\n      class={clsx(tabsTriggerStyles, local.class)}\n      classList={local.classList}\n      {...others}\n      onClick={(e) => {\n        // base-ui 语义:激活发生在点击(鼠标抬起/Enter/Space)时,\n        // mousedown 触发的 focus 不激活\n        if (!disabled()) ctx.setValue(local.value);\n        callEventHandler(events.onClick, e);\n      }}\n      onFocus={(e) => {\n        // 聚焦只更新高亮(roving focus);activateOnFocus 时聚焦即激活\n        if (!disabled()) {\n          ctx.setHighlightedValue(local.value);\n          if (listCtx.activateOnFocus) ctx.setValue(local.value);\n        }\n        callEventHandler(events.onFocus, e);\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;;;iFAQaU,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,GAAQC,KAAUX,EAC9BQ,GACA;EAAC;EAAS;EAAS;EAAa;CAAU,GAC1C,CAAC,WAAW,SAAS,CACvB,GACMI,IAAMV,EAAe,GACrBW,IAAUV,EAAmB,GAG7BY,IAAY,gBADPlB,EACuBiB,KAE9BE,GAEEE,UAAiB,CAAC,CAACT,EAAMS,UACzBC,UAAiBP,EAAIQ,WAAWX,EAAMY,KAAK,GAK3CC,UAAiB;EACrB,IAAIJ,EAAS,GAAG,OAAO;EACvB,IAAMK,IAAcX,EAAIY,iBAAiB;EAQzC,OAPID,MAAgBd,EAAMY,SAAST,EAAIa,SAAShB,EAAMY,KAAK,MAExDE,MAAgBG,KAAAA,KAAa,CAACd,EAAIa,SAASF,CAAW,MACvDX,EAAIe,eAAelB,EAAMY,KAAK,IAEvB,IAEF;CACT;CAaA,OAXAtB,QAAc;EAEZD,AADAc,EAAIgB,aAAanB,EAAMY,OAAON,CAAS,GACvCjB,EACEc,EAAIiB,gBAAgB;GAClBR,OAAOZ,EAAMY;GACbH;GACAY,SAASd;EACX,CAAC,CACH;CACF,CAAC,UAED;EAAA,IAAAe,IAAAC,EAAA;EAgCK,OAhCLC,GAGUC,MAAO;GACXlB,IAAakB;EACf,GAACH,CAAA,GAAAI,EAAAJ,GAAA,MAEGhB,CAAS,GAAAqB,EAAAL,GAAAM,EAAA;GAAA,IAAA,gBAAA;IAAA,OAEAlB,EAAS,IAAI,KAAK;GAAI;GAAA,IAAA,qBAAA;IAAA,OACjBP,EAAIY,iBAAiB,MAAMf,EAAMY,QAAQ,KAAK;GAAI;GAAA,IAAA,kBAAA;IAAA,OACrDF,EAAS;GAAC;GAAA,IAAA,kBAAA;IAAA,OACVP,EAAI8B,aAAajC,EAAMY,KAAK;GAAC;GAAA,IAAA,kBAAA;IAAA,OAC7BH,EAAS,IAAI,SAASQ,KAAAA;GAAS;GAAA,IAC9CkB,WAAQ;IAAA,OAAEtB,EAAS;GAAC;GAAA,IACpBJ,WAAQ;IAAA,OAAET,EAAMS;GAAQ;GAAA,IAAA,QAAA;IAAA,OACjBjB,EAAKI,GAAmBI,EAAMoC,KAAK;GAAC;GAAA,IAC3CC,YAAS;IAAA,OAAErC,EAAMqC;GAAS;EAAA,GACtBnC,GAAM;GAAA,UACAoC,MAAM;IAId3C,AADKc,EAAS,KAAGN,EAAIoC,SAASvC,EAAMY,KAAK,GACzCjB,EAAiBM,EAAOuC,SAASF,CAAC;GACpC;GAAC,UACSA,MAAM;IAMd3C,AAJKc,EAAS,MACZN,EAAIsC,oBAAoBzC,EAAMY,KAAK,GAC/BR,EAAQsC,mBAAiBvC,EAAIoC,SAASvC,EAAMY,KAAK,IAEvDjB,EAAiBM,EAAO0C,SAASL,CAAC;GACpC;EAAC,CAAA,GAAA,IAAA,EAAA,GAAAhB;CAAA,EAAA,CAAA;AAGP"}
+{"version":3,"file":"TabsTrigger.js","names":["createUniqueId","onCleanup","onMount","splitProps","clsx","useTabsContext","useTabsListContext","callEventHandler","tabsTriggerStyles","TabsTriggerProps","TabsTrigger","props","local","events","others","ctx","listCtx","id","triggerId","elementRef","HTMLButtonElement","disabled","selected","isSelected","value","tabIndex","highlighted","highlightedValue","isUsable","undefined","isFirstEnabled","setTriggerId","registerTrigger","element","_el$","_tmpl$","_$use","el","_$setAttribute","_$spread","_$mergeProps","data-active","data-highlighted","aria-selected","aria-controls","getContentId","aria-disabled","tabindex","class","classList","e","setValue","onClick","setHighlightedValue","activateOnFocus","onFocus","_$mergeProps","_tmpl$","TabsTrigger","local","events","others","splitProps","props","ctx","useTabsContext","listCtx","useTabsListContext","triggerId","createUniqueId","elementRef","disabled","selected","tabIndex","highlighted","onMount","onCleanup","_el$","use","el","setAttribute","spread","mergeProps","\"class\"","clsx","tabsTriggerStyles","\"onClick\"","callEventHandler","\"onFocus\""],"sources":["../../../../src/components/tabs/TabsTrigger/TabsTrigger.tsx"],"sourcesContent":["import { createUniqueId, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useTabsContext } from \"../Tabs/Tabs.context\";\nimport { useTabsListContext } from \"../TabsList/TabsList.context\";\nimport { callEventHandler } from \"../Tabs/call-event-handler\";\nimport { tabsTriggerStyles } from \"./TabsTrigger.styles\";\nimport type { TabsTriggerProps } from \"./TabsTrigger.types\";\n\nexport const TabsTrigger = (props: TabsTriggerProps) => {\n  const [local, events, others] = splitProps(\n    props,\n    [\"value\", \"class\", \"classList\", \"disabled\"],\n    [\"onClick\", \"onFocus\"],\n  );\n  const ctx = useTabsContext();\n  const listCtx = useTabsListContext();\n\n  const id = createUniqueId();\n  const triggerId = `tabs-trigger-${id}`;\n\n  let elementRef: HTMLButtonElement | undefined;\n\n  const disabled = () => !!local.disabled;\n  const selected = () => ctx.isSelected(local.value);\n\n  // roving tabindex 跟随焦点高亮:高亮 tab 持 0;\n  // 高亮为空或高亮指向的 trigger 不可用(disabled/卸载)时,\n  // 首个可用 tab 持 0 作为键盘起点,避免 tablist 键盘不可达\n  const tabIndex = () => {\n    if (disabled()) return -1;\n    const highlighted = ctx.highlightedValue();\n    if (highlighted === local.value && ctx.isUsable(local.value)) return 0;\n    if (\n      (highlighted === undefined || !ctx.isUsable(highlighted)) &&\n      ctx.isFirstEnabled(local.value)\n    ) {\n      return 0;\n    }\n    return -1;\n  };\n\n  onMount(() => {\n    ctx.setTriggerId(local.value, triggerId);\n    onCleanup(\n      ctx.registerTrigger({\n        value: local.value,\n        disabled,\n        element: elementRef!,\n      }),\n    );\n  });\n\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        elementRef = el;\n      }}\n      role=\"tab\"\n      id={triggerId}\n      data-slot=\"tabs-trigger\"\n      data-active={selected() ? \"\" : null}\n      data-highlighted={ctx.highlightedValue() === local.value ? \"\" : null}\n      aria-selected={selected()}\n      aria-controls={ctx.getContentId(local.value)}\n      aria-disabled={disabled() ? \"true\" : undefined}\n      tabindex={tabIndex()}\n      disabled={local.disabled}\n      class={clsx(tabsTriggerStyles, local.class)}\n      classList={local.classList}\n      {...others}\n      onClick={(e) => {\n        // base-ui 语义:激活发生在点击(鼠标抬起/Enter/Space)时,\n        // mousedown 触发的 focus 不激活\n        if (!disabled()) ctx.setValue(local.value);\n        callEventHandler(events.onClick, e);\n      }}\n      onFocus={(e) => {\n        // 聚焦只更新高亮(roving focus);activateOnFocus 时聚焦即激活\n        if (!disabled()) {\n          ctx.setHighlightedValue(local.value);\n          if (listCtx.activateOnFocus) ctx.setValue(local.value);\n        }\n        callEventHandler(events.onFocus, e);\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;;;iFAQaU,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,GAAQC,KAAUX,EAC9BQ,GACA;EAAC;EAAS;EAAS;EAAa;CAAU,GAC1C,CAAC,WAAW,SAAS,CACvB,GACMI,IAAMV,EAAe,GACrBW,IAAUV,EAAmB,GAG7BY,IAAY,gBADPlB,EACuBiB,KAE9BE,GAEEE,UAAiB,CAAC,CAACT,EAAMS,UACzBC,UAAiBP,EAAIQ,WAAWX,EAAMY,KAAK,GAK3CC,UAAiB;EACrB,IAAIJ,EAAS,GAAG,OAAO;EACvB,IAAMK,IAAcX,EAAIY,iBAAiB;EAQzC,OAPID,MAAgBd,EAAMY,SAAST,EAAIa,SAAShB,EAAMY,KAAK,MAExDE,MAAgBG,KAAAA,KAAa,CAACd,EAAIa,SAASF,CAAW,MACvDX,EAAIe,eAAelB,EAAMY,KAAK,IAEvB,IAEF;CACT;CAaA,OAXAtB,QAAc;EAEZD,AADAc,EAAIgB,aAAanB,EAAMY,OAAON,CAAS,GACvCjB,EACEc,EAAIiB,gBAAgB;GAClBR,OAAOZ,EAAMY;GACbH;GACAY,SAASd;EACX,CAAC,CACH;CACF,CAAC,UAED;EAAA,IAAAe,IAAAC,EAAA;EAgCK,OAhCLC,GAGUC,MAAO;GACXlB,IAAakB;EACf,GAACH,CAAA,GAAAI,EAAAJ,GAAA,MAEGhB,CAAS,GAAAqB,EAAAL,GAAAM,EAAA;GAAA,IAAA,gBAAA;IAAA,OAEAlB,EAAS,IAAI,KAAK;GAAI;GAAA,IAAA,qBAAA;IAAA,OACjBP,EAAIY,iBAAiB,MAAMf,EAAMY,QAAQ,KAAK;GAAI;GAAA,IAAA,kBAAA;IAAA,OACrDF,EAAS;GAAC;GAAA,IAAA,kBAAA;IAAA,OACVP,EAAI8B,aAAajC,EAAMY,KAAK;GAAC;GAAA,IAAA,kBAAA;IAAA,OAC7BH,EAAS,IAAI,SAASQ,KAAAA;GAAS;GAAA,IAC9CkB,WAAQ;IAAA,OAAEtB,EAAS;GAAC;GAAA,IACpBJ,WAAQ;IAAA,OAAET,EAAMS;GAAQ;GAAA,IAAA8D,QAAA;IAAA,OACjB/E,EAAKI,GAAmBI,EAAMoC,KAAK;GAAC;GAAA,IAC3CC,YAAS;IAAA,OAAErC,EAAMqC;GAAS;EAAA,GACtBnC,GAAM;GAAAwE,UACApC,MAAM;IAId3C,AADKc,EAAS,KAAGN,EAAIoC,SAASvC,EAAMY,KAAK,GACzCjB,EAAiBM,EAAOuC,SAASF,CAAC;GACpC;GAACsC,UACStC,MAAM;IAMd3C,AAJKc,EAAS,MACZN,EAAIsC,oBAAoBzC,EAAMY,KAAK,GAC/BR,EAAQsC,mBAAiBvC,EAAIoC,SAASvC,EAAMY,KAAK,IAEvDjB,EAAiBM,EAAO0C,SAASL,CAAC;GACpC;EAAC,CAAA,GAAA,IAAA,EAAA,GAAAhB;CAAA,EAAA,CAAA;AAGP"}

package/dist/components/tabs/TabsTrigger/TabsTrigger.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTrigger.styles.js","names":[],"sources":["../../../../src/components/tabs/TabsTrigger/TabsTrigger.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const tabsTriggerStyles = clsx(\n  \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=secondary]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent\",\n  \"data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground\",\n  \"after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:-bottom-1.25 group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n);\n"],"mappings":";;AAEA,IAAa,IAAoB,EAC/B,g2BACA,iQACA,qJACA,qYACF"}
+{"version":3,"file":"TabsTrigger.styles.js","names":["tabsTriggerStyles","clsx"],"sources":["../../../../src/components/tabs/TabsTrigger/TabsTrigger.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const tabsTriggerStyles = clsx(\n  \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=secondary]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent\",\n  \"data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground\",\n  \"after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:-bottom-1.25 group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n);\n"],"mappings":";;AAEA,IAAaA,IAAoBC,EAC/B,g2BACA,iQACA,qJACA,qYACF"}

package/dist/components/textarea/Textarea.d.ts

@@ -1,2 +1,2 @@
 import { TextareaProps } from './Textarea.types';
-export declare const Textarea: (props: TextareaProps) => import("solid-js").JSX.Element;
+export declare const Textarea: (props: TextareaProps) => import('solid-js').JSX.Element;

package/dist/components/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":["splitProps","TextareaProps","clsx","Textarea","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { TextareaProps } from \"./Textarea.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Textarea = (props: TextareaProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      class={clsx(\n        \"flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWR,EACL,0hBACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Textarea.js","names":["splitProps","TextareaProps","clsx","Textarea","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","Textarea","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { TextareaProps } from \"./Textarea.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Textarea = (props: TextareaProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      class={clsx(\n        \"flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWpB,EACL,0hBACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/time-picker/TimePicker/TimePicker.context.d.ts

@@ -0,0 +1,29 @@
+import { TimePickerChangeEventDetails, TimePickerContextValue, TimePickerHourCycle } from './TimePicker.types';
+/** createTimePickerState 的输入:TimePickerProps 的运行时形态 */
+export interface TimePickerStateProps {
+    value?: Date;
+    defaultValue?: Date;
+    onValueChange?: (value: Date | undefined, details: TimePickerChangeEventDetails) => void;
+    hourCycle?: TimePickerHourCycle;
+    showSeconds?: boolean;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    locale?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    formatTime?: (date: Date) => string;
+    dir?: "ltr" | "rtl" | "auto";
+}
+/**
+ * TimePicker 的唯一状态源:选中时间(受控/非受控)与列交互所需的派生数据。
+ *
+ * 传入的 `props` 是响应式代理(直接传根组件的 props 或 splitProps 结果),
+ * 所有 accessor 读取到的都是最新值。组件根只负责组装 Provider,
+ * 时间换算等纯逻辑收敛在 time-picker.utils.ts。
+ */
+export declare function createTimePickerState(props: TimePickerStateProps): TimePickerContextValue;
+declare const TimePickerContext: import('solid-js').Context<TimePickerContextValue | undefined>;
+export declare function useTimePickerContext(component: string): TimePickerContextValue;
+export { TimePickerContext };

package/dist/components/time-picker/TimePicker/TimePicker.context.js

@@ -0,0 +1,49 @@
+import { createTimePickerChangeEventDetails as e } from "./create-change-event-details.js";
+import { formatTime as t, getUnitLabel as n, getUnitOptions as r, getUnitValue as i, getUnits as a, withUnit as o } from "./time-picker.utils.js";
+import { createContext as s, createSignal as c, useContext as l } from "solid-js";
+//#region src/components/time-picker/TimePicker/TimePicker.context.ts
+function u(s) {
+	let [l, u] = c(s.defaultValue), d = () => s.value !== void 0, f = () => d() ? s.value : l(), p = /* @__PURE__ */ new Date(), m = () => s.hourCycle ?? 24, h = () => s.showSeconds === !0, g = () => ({
+		hourCycle: m(),
+		showSeconds: h(),
+		hourStep: s.hourStep ?? 1,
+		minuteStep: s.minuteStep ?? 1,
+		secondStep: s.secondStep ?? 1,
+		locale: s.locale
+	}), _ = () => a(g()), [v, y] = c(), b = /* @__PURE__ */ new Map();
+	return {
+		value: f,
+		setUnitValue: (t, n, r) => {
+			if (s.disabled || s.readOnly) return;
+			let i = f() ?? p, a = o(i, t, n, m()), c = e(r?.reason ?? "none", r?.event, r?.trigger);
+			s.onValueChange?.(a, c), !c.isCanceled && (d() || u(a));
+		},
+		hourCycle: m,
+		showSeconds: h,
+		units: _,
+		disabled: () => s.disabled === !0,
+		readOnly: () => s.readOnly === !0,
+		placeholder: () => s.placeholder,
+		dir: () => s.dir,
+		formatTime: (e) => s.formatTime ? s.formatTime(e) : t(e, g()),
+		getOptions: (e) => r(e, g()),
+		getUnitValue: (e) => i(f(), e, m()),
+		getUnitLabel: n,
+		activeUnit: v,
+		setActiveUnit: y,
+		registerColumn: (e, t) => (b.set(e, t), () => {
+			b.get(e) === t && b.delete(e);
+		}),
+		getColumnElement: (e) => b.get(e)
+	};
+}
+var d = s();
+function f(e) {
+	let t = l(d);
+	if (!t) throw Error(`<${e}> 必须渲染在 <TimePicker> 内部`);
+	return t;
+}
+//#endregion
+export { d as TimePickerContext, u as createTimePickerState, f as useTimePickerContext };
+
+//# sourceMappingURL=TimePicker.context.js.map

package/dist/components/time-picker/TimePicker/TimePicker.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.context.js","names":["formatTimeValue","getUnitValueFromDate","createTimePickerState","internalValue","setInternalValue","createSignal","props","isControlled","value","baseDate","hourCycle","showSeconds","config","units","getUnits","activeUnit","setActiveUnit","columnElements","current","next","withUnit","unit","unitValue","details","createTimePickerChangeEventDetails","options","date","formatTime","getUnitOptions","getUnitValue","element","TimePickerContext","createContext","useTimePickerContext","ctx","useContext","component"],"sources":["../../../../src/components/time-picker/TimePicker/TimePicker.context.ts"],"sourcesContent":["import { createContext, createSignal, useContext } from \"solid-js\";\nimport { createTimePickerChangeEventDetails } from \"./create-change-event-details\";\nimport {\n  formatTime as formatTimeValue,\n  getUnitLabel,\n  getUnitOptions,\n  getUnitValue as getUnitValueFromDate,\n  getUnits,\n  type TimePickerConfig,\n  withUnit,\n} from \"./time-picker.utils\";\nimport type {\n  TimePickerChangeEventDetails,\n  TimePickerContextValue,\n  TimePickerHourCycle,\n  TimePickerUnit,\n} from \"./TimePicker.types\";\n\n/** createTimePickerState 的输入:TimePickerProps 的运行时形态 */\nexport interface TimePickerStateProps {\n  value?: Date;\n  defaultValue?: Date;\n  onValueChange?: (\n    value: Date | undefined,\n    details: TimePickerChangeEventDetails,\n  ) => void;\n  hourCycle?: TimePickerHourCycle;\n  showSeconds?: boolean;\n  hourStep?: number;\n  minuteStep?: number;\n  secondStep?: number;\n  locale?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  placeholder?: string;\n  formatTime?: (date: Date) => string;\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n\n/**\n * TimePicker 的唯一状态源:选中时间(受控/非受控)与列交互所需的派生数据。\n *\n * 传入的 `props` 是响应式代理(直接传根组件的 props 或 splitProps 结果),\n * 所有 accessor 读取到的都是最新值。组件根只负责组装 Provider,\n * 时间换算等纯逻辑收敛在 time-picker.utils.ts。\n */\nexport function createTimePickerState(\n  props: TimePickerStateProps,\n): TimePickerContextValue {\n  const [internalValue, setInternalValue] = createSignal<Date | undefined>(\n    props.defaultValue,\n  );\n  const isControlled = () => props.value !== undefined;\n  const value = () => (isControlled() ? props.value : internalValue());\n\n  // 无值时以组件创建时刻为基准:只改被操作的字段,其余字段(含日期)保持\n  const baseDate = new Date();\n\n  const hourCycle = (): TimePickerHourCycle => props.hourCycle ?? 24;\n  const showSeconds = () => props.showSeconds === true;\n\n  const config = (): TimePickerConfig => ({\n    hourCycle: hourCycle(),\n    showSeconds: showSeconds(),\n    hourStep: props.hourStep ?? 1,\n    minuteStep: props.minuteStep ?? 1,\n    secondStep: props.secondStep ?? 1,\n    locale: props.locale,\n  });\n\n  const units = () => getUnits(config());\n\n  const [activeUnit, setActiveUnit] = createSignal<\n    TimePickerUnit | undefined\n  >();\n  const columnElements = new Map<TimePickerUnit, HTMLElement>();\n\n  const setUnitValue: TimePickerContextValue[\"setUnitValue\"] = (\n    unit,\n    unitValue,\n    options,\n  ) => {\n    if (props.disabled || props.readOnly) return;\n    const current = value() ?? baseDate;\n    const next = withUnit(current, unit, unitValue, hourCycle());\n\n    // 先通知外部:onValueChange 中 cancel() 可阻止组件提交本次变更\n    const details = createTimePickerChangeEventDetails(\n      options?.reason ?? \"none\",\n      options?.event,\n      options?.trigger,\n    );\n    props.onValueChange?.(next, details);\n    if (details.isCanceled) return;\n\n    if (!isControlled()) setInternalValue(next);\n  };\n\n  return {\n    value,\n    setUnitValue,\n    hourCycle,\n    showSeconds,\n    units,\n    disabled: () => props.disabled === true,\n    readOnly: () => props.readOnly === true,\n    placeholder: () => props.placeholder,\n    dir: () => props.dir,\n    formatTime: (date) =>\n      props.formatTime\n        ? props.formatTime(date)\n        : formatTimeValue(date, config()),\n    getOptions: (unit) => getUnitOptions(unit, config()),\n    getUnitValue: (unit) => getUnitValueFromDate(value(), unit, hourCycle()),\n    getUnitLabel,\n    activeUnit,\n    setActiveUnit,\n    registerColumn: (unit, element) => {\n      columnElements.set(unit, element);\n      return () => {\n        if (columnElements.get(unit) === element) columnElements.delete(unit);\n      };\n    },\n    getColumnElement: (unit) => columnElements.get(unit),\n  };\n}\n\nconst TimePickerContext = createContext<TimePickerContextValue>();\n\nexport function useTimePickerContext(\n  component: string,\n): TimePickerContextValue {\n  const ctx = useContext(TimePickerContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <TimePicker> 内部`);\n  }\n  return ctx;\n}\n\nexport { TimePickerContext };\n"],"mappings":";;;;AA8CA,SAAgBE,EACd,GACwB;CACxB,IAAM,CAACC,GAAeC,KAAoBC,EACxCC,EAAM,YACR,GACMC,UAAqBD,EAAM,UAAU,KAAA,GACrCE,UAAeD,EAAa,IAAID,EAAM,QAAQH,EAAc,GAG5DM,oBAAW,IAAI,KAAK,GAEpBC,UAAuCJ,EAAM,aAAa,IAC1DK,UAAoBL,EAAM,gBAAgB,IAE1CM,WAAkC;EACtC,WAAWF,EAAU;EACrB,aAAaC,EAAY;EACzB,UAAUL,EAAM,YAAY;EAC5B,YAAYA,EAAM,cAAc;EAChC,YAAYA,EAAM,cAAc;EAChC,QAAQA,EAAM;CAChB,IAEMO,UAAcC,EAASF,EAAO,CAAC,GAE/B,CAACG,GAAYC,KAAiBX,EAElC,GACIY,oBAAiB,IAAI,IAAiC;CAuB5D,OAAO;EACL;EACA,eAtBA,GACA,GACA,MACG;GACH,IAAIX,EAAM,YAAYA,EAAM,UAAU;GACtC,IAAMY,IAAUV,EAAM,KAAKC,GACrBU,IAAOC,EAASF,GAASG,GAAMC,GAAWZ,EAAU,CAAC,GAGrDa,IAAUC,EACdC,GAAS,UAAU,QACnBA,GAAS,OACTA,GAAS,OACX;GAEA,AADAnB,EAAM,gBAAgBa,GAAMI,CAAO,GAC/B,GAAQ,eAEPhB,EAAa,KAAGH,EAAiBe,CAAI;EAC5C;EAKE;EACA;EACA;EACA,gBAAgBb,EAAM,aAAa;EACnC,gBAAgBA,EAAM,aAAa;EACnC,mBAAmBA,EAAM;EACzB,WAAWA,EAAM;EACjB,aAAa,MACXA,EAAM,aACFA,EAAM,WAAWoB,CAAI,IACrB1B,EAAgB0B,GAAMd,EAAO,CAAC;EACpC,aAAa,MAASgB,EAAeP,GAAMT,EAAO,CAAC;EACnD,eAAe,MAASX,EAAqBO,EAAM,GAAGa,GAAMX,EAAU,CAAC;EACvE;EACA;EACA;EACA,iBAAiB,GAAM,OACrBO,EAAe,IAAII,GAAMS,CAAO,SACnB;GACX,AAAIb,EAAe,IAAII,CAAI,MAAMS,KAASb,EAAe,OAAOI,CAAI;EACtE;EAEF,mBAAmB,MAASJ,EAAe,IAAII,CAAI;CACrD;AACF;AAEA,IAAMU,IAAoBC,EAAsC;AAEhE,SAAgBC,EACd,GACwB;CACxB,IAAMC,IAAMC,EAAWJ,CAAiB;CACxC,IAAI,CAACG,GACH,MAAU,MAAM,IAAIE,EAAU,wBAAwB;CAExD,OAAOF;AACT"}

package/dist/components/time-picker/TimePicker/TimePicker.d.ts

@@ -0,0 +1,23 @@
+import { JSX } from 'solid-js';
+import { TimePickerProps } from './TimePicker.types';
+/**
+ * TimePicker 根组件:不渲染任何 DOM,只负责时间状态 + 提供 Context,
+ * 并用 Popover 承载浮层。默认渲染 <TimePickerTrigger> + <TimePickerContent>,
+ * 需要自定义时传入自己的子组件即可(例如替换触发器或列布局)。
+ *
+ * 时间列由 `hourCycle` / `showSeconds` / 步长决定:24h 显示 时/分,12h 额外显示 AM/PM,
+ * `showSeconds` 时插入秒列。
+ *
+ * @example
+ * ```tsx
+ * // 开箱即用
+ * <TimePicker value={time()} onValueChange={(v) => setTime(v)} />
+ *
+ * // 组合式
+ * <TimePicker value={time()} onValueChange={(v) => setTime(v)} hourCycle={12}>
+ *   <TimePickerTrigger />
+ *   <TimePickerContent />
+ * </TimePicker>
+ * ```
+ */
+export declare function TimePicker(props: TimePickerProps): JSX.Element;

package/dist/components/time-picker/TimePicker/TimePicker.js

@@ -0,0 +1,52 @@
+import { Popover as e } from "../../popover/Popover/Popover.js";
+import { TimePickerContext as t, createTimePickerState as n } from "./TimePicker.context.js";
+import { TimePickerContent as r } from "../TimePickerContent/TimePickerContent.js";
+import { TimePickerTrigger as i } from "../TimePickerTrigger/TimePickerTrigger.js";
+import { createComponent as a } from "solid-js/web";
+import { Show as o, children as s } from "solid-js";
+//#region src/components/time-picker/TimePicker/TimePicker.tsx
+function c(e) {
+	let t = s(() => e.children);
+	return a(o, {
+		get when() {
+			return t();
+		},
+		get fallback() {
+			return [a(i, {}), a(r, {})];
+		},
+		get children() {
+			return t();
+		}
+	});
+}
+function l(r) {
+	let i = n(r);
+	return a(t.Provider, {
+		value: i,
+		get children() {
+			return a(e, {
+				get open() {
+					return r.open;
+				},
+				get defaultOpen() {
+					return r.defaultOpen;
+				},
+				get onOpenChange() {
+					return r.onOpenChange;
+				},
+				get disabled() {
+					return r.disabled;
+				},
+				get children() {
+					return a(c, { get children() {
+						return r.children;
+					} });
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { l as TimePicker };
+
+//# sourceMappingURL=TimePicker.js.map

package/dist/components/time-picker/TimePicker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","names":["Show","children","JSX","ParentProps","Popover","TimePickerContent","TimePickerTrigger","TimePickerContext","createTimePickerState","TimePickerProps","TimePickerSlots","props","Element","resolved","_$createComponent","when","fallback","TimePicker","ctx","Provider","value","open","defaultOpen","onOpenChange","disabled","_$createComponent","TimePickerSlots","resolved","children","props","createComponent","Show","TimePickerTrigger","TimePickerContent","TimePicker","ctx","createTimePickerState","TimePickerContext","Popover"],"sources":["../../../../src/components/time-picker/TimePicker/TimePicker.tsx"],"sourcesContent":["import { Show, children, type JSX, type ParentProps } from \"solid-js\";\nimport { Popover } from \"~/components/popover\";\nimport { TimePickerContent } from \"../TimePickerContent\";\nimport { TimePickerTrigger } from \"../TimePickerTrigger\";\nimport { TimePickerContext, createTimePickerState } from \"./TimePicker.context\";\nimport type { TimePickerProps } from \"./TimePicker.types\";\n\n/**\n * 在 Provider 内部解析 children:必须放在 Provider 的子树里,\n * 否则 `children()` 的 memo 会捕获 Provider 之前的 owner,\n * 导致其中的 <TimePickerTrigger>/<TimePickerContent> 读不到 Context。\n */\nfunction TimePickerSlots(props: ParentProps): JSX.Element {\n  const resolved = children(() => props.children);\n  return (\n    <Show\n      when={resolved()}\n      fallback={\n        <>\n          <TimePickerTrigger />\n          <TimePickerContent />\n        </>\n      }\n    >\n      {resolved()}\n    </Show>\n  );\n}\n\n/**\n * TimePicker 根组件:不渲染任何 DOM,只负责时间状态 + 提供 Context,\n * 并用 Popover 承载浮层。默认渲染 <TimePickerTrigger> + <TimePickerContent>,\n * 需要自定义时传入自己的子组件即可(例如替换触发器或列布局)。\n *\n * 时间列由 `hourCycle` / `showSeconds` / 步长决定:24h 显示 时/分,12h 额外显示 AM/PM,\n * `showSeconds` 时插入秒列。\n *\n * @example\n * ```tsx\n * // 开箱即用\n * <TimePicker value={time()} onValueChange={(v) => setTime(v)} />\n *\n * // 组合式\n * <TimePicker value={time()} onValueChange={(v) => setTime(v)} hourCycle={12}>\n *   <TimePickerTrigger />\n *   <TimePickerContent />\n * </TimePicker>\n * ```\n */\nexport function TimePicker(props: TimePickerProps): JSX.Element {\n  const ctx = createTimePickerState(props);\n\n  return (\n    <TimePickerContext.Provider value={ctx}>\n      <Popover\n        open={props.open}\n        defaultOpen={props.defaultOpen}\n        onOpenChange={props.onOpenChange}\n        disabled={props.disabled}\n      >\n        <TimePickerSlots>{props.children}</TimePickerSlots>\n      </Popover>\n    </TimePickerContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAASU,EAAgBC,GAAiC;CACxD,IAAME,IAAWZ,QAAeU,EAAMV,QAAQ;CAC9C,OAAAa,EACGd,GAAI;EAAA,IACHe,OAAI;GAAA,OAAEF,EAAS;EAAC;EAAA,IAChBG,WAAQ;GAAA,OAAA,CAAAF,EAEHR,GAAiB,CAAA,CAAA,GAAAQ,EACjBT,GAAiB,CAAA,CAAA,CAAA;EAAA;EAAA,IAAAJ,WAAA;GAAA,OAIrBY,EAAS;EAAC;CAAA,CAAA;AAGjB;AAsBA,SAAgBI,EAAWN,GAAqC;CAC9D,IAAMO,IAAMV,EAAsBG,CAAK;CAEvC,OAAAG,EACGP,EAAkBY,UAAQ;EAACC,OAAOF;EAAG,IAAAjB,WAAA;GAAA,OAAAa,EACnCV,GAAO;IAAA,IACNiB,OAAI;KAAA,OAAEV,EAAMU;IAAI;IAAA,IAChBC,cAAW;KAAA,OAAEX,EAAMW;IAAW;IAAA,IAC9BC,eAAY;KAAA,OAAEZ,EAAMY;IAAY;IAAA,IAChCC,WAAQ;KAAA,OAAEb,EAAMa;IAAQ;IAAA,IAAAvB,WAAA;KAAA,OAAAa,EAEvBJ,GAAe,EAAA,IAAAT,WAAA;MAAA,OAAEU,EAAMV;KAAQ,EAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAIxC"}

package/dist/components/time-picker/TimePicker/TimePicker.types.d.ts

@@ -0,0 +1,91 @@
+import { Accessor, ParentProps } from 'solid-js';
+/** 12 小时制 / 24 小时制 */
+export type TimePickerHourCycle = 12 | 24;
+/**
+ * 面板里的一个可选单位列。
+ * 12 小时制会额外出现 `meridiem`(AM/PM)列,`showSeconds` 决定是否出现 `second` 列。
+ */
+export type TimePickerUnit = "hour" | "minute" | "second" | "meridiem";
+export type TimePickerMeridiem = "AM" | "PM";
+/** 单位列里一项的值:小时/分钟/秒是数字,meridiem 是 AM/PM */
+export type TimePickerUnitValue = number | TimePickerMeridiem;
+/** 对齐仓库既有 ChangeEventDetails 的 reason 取值 */
+export type TimePickerChangeReason = "option-press" | "keyboard" | "clear" | "input" | "none";
+export interface TimePickerOptionMeta {
+    value: TimePickerUnitValue;
+    label: string;
+}
+/**
+ * onValueChange 的第二个参数,语义对齐 base-ui 的 `ChangeEventDetails`。
+ *
+ * - `cancel()`:在回调里阻止组件提交本次变更(受控模式下状态由外部决定,组件本就不提交)
+ * - `allowPropagation()`:API 对齐保留;本实现不主动阻止事件传播,因此是空操作
+ */
+export interface TimePickerChangeEventDetails {
+    reason: TimePickerChangeReason;
+    event?: Event;
+    trigger?: Element;
+    cancel: () => void;
+    allowPropagation: () => void;
+    readonly isCanceled: boolean;
+    readonly isPropagationAllowed: boolean;
+}
+/** 提交某个单位列选择时的附加信息 */
+export interface TimePickerCommitOptions {
+    reason?: TimePickerChangeReason;
+    event?: Event;
+    trigger?: Element;
+}
+export interface TimePickerProps extends ParentProps {
+    /** 受控选中时间;不传则内部自管理(非受控模式) */
+    value?: Date;
+    /** 非受控模式下的初始选中时间 */
+    defaultValue?: Date;
+    onValueChange?: (value: Date | undefined, details: TimePickerChangeEventDetails) => void;
+    /** 小时制,默认 24 */
+    hourCycle?: TimePickerHourCycle;
+    /** 是否显示秒列,默认 false */
+    showSeconds?: boolean;
+    /** 小时列步长,默认 1 */
+    hourStep?: number;
+    /** 分钟列步长(如 15 → :00/:15/:30/:45),默认 1 */
+    minuteStep?: number;
+    /** 秒列步长,默认 1 */
+    secondStep?: number;
+    /** 传给 Intl 的 locale(影响 AM/PM 文案) */
+    locale?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    /** 自定义触发器里的时间格式化;默认 24 小时制输出 "HH:mm[:ss]" */
+    formatTime?: (date: Date) => string;
+    /** 阅读方向,影响左右方向键在列之间的移动;默认 ltr */
+    dir?: "ltr" | "rtl" | "auto";
+    /** 受控打开状态 */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export interface TimePickerContextValue {
+    value: Accessor<Date | undefined>;
+    /** 选中某个单位列的一项,合并进当前值并派发 onValueChange */
+    setUnitValue: (unit: TimePickerUnit, value: TimePickerUnitValue, options?: TimePickerCommitOptions) => void;
+    hourCycle: Accessor<TimePickerHourCycle>;
+    showSeconds: Accessor<boolean>;
+    /** 当前需要渲染的列(按顺序) */
+    units: Accessor<TimePickerUnit[]>;
+    disabled: Accessor<boolean>;
+    readOnly: Accessor<boolean>;
+    placeholder: Accessor<string | undefined>;
+    dir: Accessor<"ltr" | "rtl" | "auto" | undefined>;
+    /** 格式化当前值供触发器展示 */
+    formatTime: (date: Date) => string;
+    getOptions: (unit: TimePickerUnit) => TimePickerOptionMeta[];
+    getUnitValue: (unit: TimePickerUnit) => TimePickerUnitValue | undefined;
+    getUnitLabel: (unit: TimePickerUnit) => string;
+    activeUnit: Accessor<TimePickerUnit | undefined>;
+    setActiveUnit: (unit: TimePickerUnit | undefined) => void;
+    /** 列挂载时注册自己的 DOM 元素(供跨列方向键聚焦),返回注销函数 */
+    registerColumn: (unit: TimePickerUnit, element: HTMLElement) => () => void;
+    getColumnElement: (unit: TimePickerUnit) => HTMLElement | undefined;
+}

package/dist/components/time-picker/TimePicker/create-change-event-details.d.ts

@@ -0,0 +1,8 @@
+import { TimePickerChangeEventDetails, TimePickerChangeReason } from './TimePicker.types';
+/**
+ * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。
+ *
+ * `isCanceled` / `isPropagationAllowed` 用 getter 暴露:回调内部可以即时读到
+ * `cancel()` / `allowPropagation()` 之后的最新值,而不是创建时的快照。
+ */
+export declare function createTimePickerChangeEventDetails(reason: TimePickerChangeReason, event?: Event, trigger?: Element): TimePickerChangeEventDetails;

package/dist/components/time-picker/TimePicker/create-change-event-details.js

@@ -0,0 +1,25 @@
+//#region src/components/time-picker/TimePicker/create-change-event-details.ts
+function e(e, t, n) {
+	let r = !1, i = !1;
+	return {
+		reason: e,
+		event: t,
+		trigger: n,
+		cancel: () => {
+			r = !0;
+		},
+		allowPropagation: () => {
+			i = !0;
+		},
+		get isCanceled() {
+			return r;
+		},
+		get isPropagationAllowed() {
+			return i;
+		}
+	};
+}
+//#endregion
+export { e as createTimePickerChangeEventDetails };
+
+//# sourceMappingURL=create-change-event-details.js.map

package/dist/components/time-picker/TimePicker/create-change-event-details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-change-event-details.js","names":["createTimePickerChangeEventDetails","canceled","propagationAllowed"],"sources":["../../../../src/components/time-picker/TimePicker/create-change-event-details.ts"],"sourcesContent":["import type {\n  TimePickerChangeEventDetails,\n  TimePickerChangeReason,\n} from \"./TimePicker.types\";\n\n/**\n * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。\n *\n * `isCanceled` / `isPropagationAllowed` 用 getter 暴露:回调内部可以即时读到\n * `cancel()` / `allowPropagation()` 之后的最新值,而不是创建时的快照。\n */\nexport function createTimePickerChangeEventDetails(\n  reason: TimePickerChangeReason,\n  event?: Event,\n  trigger?: Element,\n): TimePickerChangeEventDetails {\n  let canceled = false;\n  let propagationAllowed = false;\n\n  return {\n    reason,\n    event,\n    trigger,\n    cancel: () => {\n      canceled = true;\n    },\n    allowPropagation: () => {\n      propagationAllowed = true;\n    },\n    get isCanceled() {\n      return canceled;\n    },\n    get isPropagationAllowed() {\n      return propagationAllowed;\n    },\n  };\n}\n"],"mappings":";AAWA,SAAgBA,EACd,GACA,GACA,GAC8B;CAC9B,IAAIC,IAAW,IACXC,IAAqB;CAEzB,OAAO;EACL;EACA;EACA;EACA,cAAc;GACZ,IAAW;EACb;EACA,wBAAwB;GACtB,IAAqB;EACvB;EACA,IAAI,aAAa;GACf,OAAOD;EACT;EACA,IAAI,uBAAuB;GACzB,OAAOC;EACT;CACF;AACF"}

package/dist/components/time-picker/TimePicker/index.d.ts

@@ -0,0 +1,4 @@
+export { TimePicker } from './TimePicker';
+export { TimePickerContext, useTimePickerContext } from './TimePicker.context';
+export type { TimePickerStateProps } from './TimePicker.context';
+export type { TimePickerProps, TimePickerContextValue, TimePickerHourCycle, TimePickerUnit, TimePickerUnitValue, TimePickerMeridiem, TimePickerOptionMeta, TimePickerChangeReason, TimePickerChangeEventDetails, TimePickerCommitOptions, } from './TimePicker.types';

package/dist/components/time-picker/TimePicker/time-picker.utils.d.ts

@@ -0,0 +1,28 @@
+import { TimePickerHourCycle, TimePickerOptionMeta, TimePickerUnit, TimePickerUnitValue } from './TimePicker.types';
+/** 生成列选项所需的已解析配置 */
+export interface TimePickerConfig {
+    hourCycle: TimePickerHourCycle;
+    showSeconds: boolean;
+    hourStep: number;
+    minuteStep: number;
+    secondStep: number;
+    locale?: string;
+}
+/** 列的无障碍名称(也是 aria-label 的默认值) */
+export declare function getUnitLabel(unit: TimePickerUnit): string;
+export declare function pad2(value: number): string;
+export declare function getUnits(config: TimePickerConfig): TimePickerUnit[];
+/**
+ * AM/PM 文案走 Intl,避免硬编码英文;locale 缺失或取不到时回退 AM/PM。
+ */
+export declare function getMeridiemLabels(locale?: string): {
+    am: string;
+    pm: string;
+};
+export declare function getUnitOptions(unit: TimePickerUnit, config: TimePickerConfig): TimePickerOptionMeta[];
+/** 读取当前值在某个单位列上的展示值 */
+export declare function getUnitValue(date: Date | undefined, unit: TimePickerUnit, hourCycle: TimePickerHourCycle): TimePickerUnitValue | undefined;
+/** 把某个单位列的选择合并回 Date,其余字段保持不变 */
+export declare function withUnit(date: Date, unit: TimePickerUnit, value: TimePickerUnitValue, hourCycle: TimePickerHourCycle): Date;
+/** 触发器默认的时间格式化 */
+export declare function formatTime(date: Date, config: TimePickerConfig): string;

package/dist/components/time-picker/TimePicker/time-picker.utils.js

@@ -0,0 +1,103 @@
+//#region src/components/time-picker/TimePicker/time-picker.utils.ts
+var e = {
+	hour: "Hour",
+	minute: "Minute",
+	second: "Second",
+	meridiem: "AM/PM"
+};
+function t(t) {
+	return e[t];
+}
+function n(e) {
+	return String(e).padStart(2, "0");
+}
+function r(e, t, n) {
+	let r = [], i = Math.max(1, Math.floor(n));
+	for (let n = e; n <= t; n += i) r.push(n);
+	return r;
+}
+function i(e) {
+	let t = ["hour", "minute"];
+	return e.showSeconds && t.push("second"), e.hourCycle === 12 && t.push("meridiem"), t;
+}
+function a(e) {
+	let t = (t) => new Intl.DateTimeFormat(e, {
+		hour: "numeric",
+		hour12: !0
+	}).formatToParts(new Date(2024, 0, 1, t)).find((e) => e.type === "dayPeriod")?.value;
+	return {
+		am: t(9) ?? "AM",
+		pm: t(21) ?? "PM"
+	};
+}
+function o(e, t) {
+	switch (e) {
+		case "hour": return t.hourCycle === 12 ? r(1, 12, t.hourStep).map((e) => ({
+			value: e,
+			label: n(e)
+		})) : r(0, 23, t.hourStep).map((e) => ({
+			value: e,
+			label: n(e)
+		}));
+		case "minute": return r(0, 59, t.minuteStep).map((e) => ({
+			value: e,
+			label: n(e)
+		}));
+		case "second": return r(0, 59, t.secondStep).map((e) => ({
+			value: e,
+			label: n(e)
+		}));
+		case "meridiem": {
+			let { am: e, pm: n } = a(t.locale);
+			return [{
+				value: "AM",
+				label: e
+			}, {
+				value: "PM",
+				label: n
+			}];
+		}
+	}
+}
+function s(e, t, n) {
+	if (e) switch (t) {
+		case "hour": {
+			let t = e.getHours();
+			return n === 12 ? t % 12 == 0 ? 12 : t % 12 : t;
+		}
+		case "minute": return e.getMinutes();
+		case "second": return e.getSeconds();
+		case "meridiem": return e.getHours() < 12 ? "AM" : "PM";
+	}
+}
+function c(e, t, n, r) {
+	let i = new Date(e.getTime());
+	switch (t) {
+		case "hour": {
+			let e = Number(n);
+			if (r === 12) {
+				let t = i.getHours() >= 12;
+				i.setHours(e % 12 + (t ? 12 : 0));
+			} else i.setHours(e);
+			return i;
+		}
+		case "minute": return i.setMinutes(Number(n)), i;
+		case "second": return i.setSeconds(Number(n)), i;
+		case "meridiem": {
+			let e = n === "PM";
+			return i.setHours(i.getHours() % 12 + (e ? 12 : 0)), i;
+		}
+	}
+}
+function l(e, t) {
+	let r = e.getHours(), i = e.getMinutes(), o = e.getSeconds(), s = t.showSeconds ? `:${n(o)}` : "";
+	if (t.hourCycle === 12) {
+		let { am: e, pm: o } = a(t.locale);
+		return `${r % 12 == 0 ? 12 : r % 12}:${n(i)}${s} ${r < 12 ? e : o}`;
+	}
+	return `${n(r)}:${n(i)}${s}`;
+}
+//#endregion
+export { l as formatTime, a as getMeridiemLabels, t as getUnitLabel, o as getUnitOptions, s as getUnitValue, i as getUnits, n as pad2, c as withUnit };
+
+//# sourceMappingURL=time-picker.utils.js.map

package/dist/components/time-picker/TimePicker/time-picker.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.utils.js","names":["UNIT_LABELS","getUnitLabel","unit","pad2","value","range","result","safeStep","step","start","end","getUnits","units","config","getMeridiemLabels","label","locale","hour","part","getUnitOptions","minute","second","am","pm","getUnitValue","date","hours","hourCycle","withUnit","next","display","isPm","formatTime","minutes","seconds","secondsPart"],"sources":["../../../../src/components/time-picker/TimePicker/time-picker.utils.ts"],"sourcesContent":["import type {\n  TimePickerHourCycle,\n  TimePickerMeridiem,\n  TimePickerOptionMeta,\n  TimePickerUnit,\n  TimePickerUnitValue,\n} from \"./TimePicker.types\";\n\n/** 生成列选项所需的已解析配置 */\nexport interface TimePickerConfig {\n  hourCycle: TimePickerHourCycle;\n  showSeconds: boolean;\n  hourStep: number;\n  minuteStep: number;\n  secondStep: number;\n  locale?: string;\n}\n\nconst UNIT_LABELS: Record<TimePickerUnit, string> = {\n  hour: \"Hour\",\n  minute: \"Minute\",\n  second: \"Second\",\n  meridiem: \"AM/PM\",\n};\n\n/** 列的无障碍名称(也是 aria-label 的默认值) */\nexport function getUnitLabel(unit: TimePickerUnit): string {\n  return UNIT_LABELS[unit];\n}\n\nexport function pad2(value: number): string {\n  return String(value).padStart(2, \"0\");\n}\n\n/** 闭区间 [start, end],步长至少为 1 */\nfunction range(start: number, end: number, step: number): number[] {\n  const result: number[] = [];\n  const safeStep = Math.max(1, Math.floor(step));\n  for (let value = start; value <= end; value += safeStep) {\n    result.push(value);\n  }\n  return result;\n}\n\nexport function getUnits(config: TimePickerConfig): TimePickerUnit[] {\n  const units: TimePickerUnit[] = [\"hour\", \"minute\"];\n  if (config.showSeconds) units.push(\"second\");\n  if (config.hourCycle === 12) units.push(\"meridiem\");\n  return units;\n}\n\n/**\n * AM/PM 文案走 Intl,避免硬编码英文;locale 缺失或取不到时回退 AM/PM。\n */\nexport function getMeridiemLabels(locale?: string): { am: string; pm: string } {\n  const label = (hour: number): string | undefined =>\n    new Intl.DateTimeFormat(locale, { hour: \"numeric\", hour12: true })\n      .formatToParts(new Date(2024, 0, 1, hour))\n      .find((part) => part.type === \"dayPeriod\")?.value;\n\n  return { am: label(9) ?? \"AM\", pm: label(21) ?? \"PM\" };\n}\n\nexport function getUnitOptions(\n  unit: TimePickerUnit,\n  config: TimePickerConfig,\n): TimePickerOptionMeta[] {\n  switch (unit) {\n    case \"hour\": {\n      // 12 小时制直接按展示值 1..12 生成,避免 24h→12h 映射后出现重复项\n      if (config.hourCycle === 12) {\n        return range(1, 12, config.hourStep).map((hour) => ({\n          value: hour,\n          label: pad2(hour),\n        }));\n      }\n      return range(0, 23, config.hourStep).map((hour) => ({\n        value: hour,\n        label: pad2(hour),\n      }));\n    }\n    case \"minute\":\n      return range(0, 59, config.minuteStep).map((minute) => ({\n        value: minute,\n        label: pad2(minute),\n      }));\n    case \"second\":\n      return range(0, 59, config.secondStep).map((second) => ({\n        value: second,\n        label: pad2(second),\n      }));\n    case \"meridiem\": {\n      const { am, pm } = getMeridiemLabels(config.locale);\n      return [\n        { value: \"AM\" as TimePickerMeridiem, label: am },\n        { value: \"PM\" as TimePickerMeridiem, label: pm },\n      ];\n    }\n  }\n}\n\n/** 读取当前值在某个单位列上的展示值 */\nexport function getUnitValue(\n  date: Date | undefined,\n  unit: TimePickerUnit,\n  hourCycle: TimePickerHourCycle,\n): TimePickerUnitValue | undefined {\n  if (!date) return undefined;\n  switch (unit) {\n    case \"hour\": {\n      const hours = date.getHours();\n      if (hourCycle === 12) return hours % 12 === 0 ? 12 : hours % 12;\n      return hours;\n    }\n    case \"minute\":\n      return date.getMinutes();\n    case \"second\":\n      return date.getSeconds();\n    case \"meridiem\":\n      return date.getHours() < 12 ? \"AM\" : \"PM\";\n  }\n}\n\n/** 把某个单位列的选择合并回 Date,其余字段保持不变 */\nexport function withUnit(\n  date: Date,\n  unit: TimePickerUnit,\n  value: TimePickerUnitValue,\n  hourCycle: TimePickerHourCycle,\n): Date {\n  const next = new Date(date.getTime());\n  switch (unit) {\n    case \"hour\": {\n      const display = Number(value);\n      if (hourCycle === 12) {\n        const isPm = next.getHours() >= 12;\n        next.setHours((display % 12) + (isPm ? 12 : 0));\n      } else {\n        next.setHours(display);\n      }\n      return next;\n    }\n    case \"minute\":\n      next.setMinutes(Number(value));\n      return next;\n    case \"second\":\n      next.setSeconds(Number(value));\n      return next;\n    case \"meridiem\": {\n      const isPm = value === \"PM\";\n      next.setHours((next.getHours() % 12) + (isPm ? 12 : 0));\n      return next;\n    }\n  }\n}\n\n/** 触发器默认的时间格式化 */\nexport function formatTime(date: Date, config: TimePickerConfig): string {\n  const hours = date.getHours();\n  const minutes = date.getMinutes();\n  const seconds = date.getSeconds();\n  const secondsPart = config.showSeconds ? `:${pad2(seconds)}` : \"\";\n\n  if (config.hourCycle === 12) {\n    const { am, pm } = getMeridiemLabels(config.locale);\n    const display = hours % 12 === 0 ? 12 : hours % 12;\n    return `${display}:${pad2(minutes)}${secondsPart} ${hours < 12 ? am : pm}`;\n  }\n\n  return `${pad2(hours)}:${pad2(minutes)}${secondsPart}`;\n}\n"],"mappings":"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"}

package/dist/components/time-picker/TimePickerColumn/TimePickerColumn.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'solid-js';
+import { TimePickerColumnProps } from './TimePickerColumn.types';
+/**
+ * 单个时间列:`role="listbox"` 的可滚动列表,选项是 `role="option"`。
+ *
+ * 焦点停在列本身,`aria-activedescendant` 指向选中项;这样列表是唯一可聚焦的
+ * 复合控件,方向键、Home/End、左右切换列都集中在 useTimePickerColumn 里。
+ * 原生滚动条隐藏,用与 Select 一致的上下箭头提示还有内容。
+ */
+export declare function TimePickerColumn(props: TimePickerColumnProps): JSX.Element;

package/dist/components/time-picker/TimePickerColumn/TimePickerColumn.js

@@ -0,0 +1,60 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { ScrollArrows as t } from "../../scroll-arrows/ScrollArrows.js";
+import { TimePickerOption as n } from "../TimePickerOption/TimePickerOption.js";
+import { useTimePickerContext as r } from "../TimePicker/TimePicker.context.js";
+import { useTimePickerColumn as i } from "./useTimePickerColumn.js";
+import { className as a, createComponent as o, effect as s, insert as c, setAttribute as l, template as u, use as d } from "solid-js/web";
+import { For as f } from "solid-js";
+//#region src/components/time-picker/TimePickerColumn/TimePickerColumn.tsx
+var p = /*#__PURE__*/ u("<div data-slot=time-picker-column><div role=listbox tabindex=0>");
+function m(u) {
+	let m = r("TimePickerColumn"), { options: h, selected: g, activeOptionId: _, optionId: v, listElement: y, attachList: b } = i(() => u), x = (e, t) => {
+		m.setUnitValue(u.unit, e, {
+			reason: "option-press",
+			event: t,
+			trigger: t.currentTarget
+		});
+	};
+	return (() => {
+		var r = p(), i = r.firstChild;
+		return d(b, i), c(i, o(f, {
+			get each() {
+				return h();
+			},
+			children: (e) => o(n, {
+				get id() {
+					return v(e.value);
+				},
+				get value() {
+					return e.value;
+				},
+				get selected() {
+					return g() === e.value;
+				},
+				onSelect: (t) => {
+					t && x(e.value, t);
+				},
+				get children() {
+					return e.label;
+				}
+			})
+		})), c(r, o(t, {
+			target: y,
+			upClass: "rounded-t-md",
+			downClass: "rounded-b-md"
+		}), null), s((t) => {
+			var n = u.unit, o = e("relative flex flex-col", u.class), s = u.label ?? m.getUnitLabel(u.unit), c = _(), d = e("h-52 w-12 overflow-y-auto overscroll-contain rounded-md p-1", "no-scrollbar [&::-webkit-scrollbar]:hidden", "outline-none focus-visible:ring-2 focus-visible:ring-ring/50");
+			return n !== t.e && l(r, "data-unit", t.e = n), o !== t.t && a(r, t.t = o), s !== t.a && l(i, "aria-label", t.a = s), c !== t.o && l(i, "aria-activedescendant", t.o = c), d !== t.i && a(i, t.i = d), t;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0
+		}), r;
+	})();
+}
+//#endregion
+export { m as TimePickerColumn };
+
+//# sourceMappingURL=TimePickerColumn.js.map

package/dist/components/time-picker/TimePickerColumn/TimePickerColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerColumn.js","names":["For","JSX","clsx","ScrollArrows","TimePickerOption","useTimePickerContext","TimePickerUnitValue","TimePickerColumnProps","useTimePickerColumn","TimePickerColumn","props","Element","ctx","options","selected","activeOptionId","optionId","listElement","attachList","selectOption","value","event","MouseEvent","currentTarget","HTMLDivElement","target","setUnitValue","unit","reason","trigger","_el$","_tmpl$","_el$2","firstChild","_$use","_$insert","_$createComponent","each","children","option","id","onSelect","label","upClass","downClass","_$effect","_p$","_v$","_v$2","class","_v$3","getUnitLabel","_v$4","_v$5","e","_$setAttribute","t","_$className","a","o","i","undefined","_$createComponent","_$setAttribute","_$className","_tmpl$","TimePickerColumn","ctx","useTimePickerContext","useTimePickerColumn","props","selectOption","value","event","_el$","_el$2","use","attachList","insert","createComponent","For","options","TimePickerOption","optionId","option","selected","ScrollArrows","listElement","effect","_v$","_v$2","clsx","_v$3","_v$4","activeOptionId","_v$5","_p$","setAttribute","className"],"sources":["../../../../src/components/time-picker/TimePickerColumn/TimePickerColumn.tsx"],"sourcesContent":["import { For, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { ScrollArrows } from \"~/components/scroll-arrows\";\nimport { TimePickerOption } from \"../TimePickerOption\";\nimport { useTimePickerContext } from \"../TimePicker/TimePicker.context\";\nimport type { TimePickerUnitValue } from \"../TimePicker/TimePicker.types\";\nimport type { TimePickerColumnProps } from \"./TimePickerColumn.types\";\nimport { useTimePickerColumn } from \"./useTimePickerColumn\";\n\n/**\n * 单个时间列:`role=\"listbox\"` 的可滚动列表,选项是 `role=\"option\"`。\n *\n * 焦点停在列本身,`aria-activedescendant` 指向选中项;这样列表是唯一可聚焦的\n * 复合控件,方向键、Home/End、左右切换列都集中在 useTimePickerColumn 里。\n * 原生滚动条隐藏,用与 Select 一致的上下箭头提示还有内容。\n */\nexport function TimePickerColumn(props: TimePickerColumnProps): JSX.Element {\n  const ctx = useTimePickerContext(\"TimePickerColumn\");\n  const {\n    options,\n    selected,\n    activeOptionId,\n    optionId,\n    listElement,\n    attachList,\n  } = useTimePickerColumn(() => props);\n\n  const selectOption = (\n    value: TimePickerUnitValue,\n    event: MouseEvent & { currentTarget: HTMLDivElement; target: Element },\n  ) => {\n    ctx.setUnitValue(props.unit, value, {\n      reason: \"option-press\",\n      event,\n      trigger: event.currentTarget,\n    });\n  };\n\n  return (\n    // 外层只做相对定位,供滚动箭头贴住列表上下沿;自身不滚动\n    <div\n      data-slot=\"time-picker-column\"\n      data-unit={props.unit}\n      class={clsx(\"relative flex flex-col\", props.class)}\n    >\n      <div\n        ref={attachList}\n        role=\"listbox\"\n        aria-label={props.label ?? ctx.getUnitLabel(props.unit)}\n        aria-activedescendant={activeOptionId()}\n        tabIndex={0}\n        class={clsx(\n          \"h-52 w-12 overflow-y-auto overscroll-contain rounded-md p-1\",\n          \"no-scrollbar [&::-webkit-scrollbar]:hidden\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-ring/50\",\n        )}\n      >\n        <For each={options()}>\n          {(option) => (\n            <TimePickerOption\n              id={optionId(option.value)}\n              value={option.value}\n              selected={selected() === option.value}\n              onSelect={(event) => {\n                if (event) selectOption(option.value, event);\n              }}\n            >\n              {option.label}\n            </TimePickerOption>\n          )}\n        </For>\n      </div>\n      <ScrollArrows\n        target={listElement}\n        upClass=\"rounded-t-md\"\n        downClass=\"rounded-b-md\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgBS,EAAiBC,GAA2C;CAC1E,IAAME,IAAMP,EAAqB,kBAAkB,GAC7C,EACJQ,YACAC,aACAC,mBACAC,aACAC,gBACAC,kBACEV,QAA0BE,CAAK,GAE7BS,KACJC,GACAC,MACG;EACHT,EAAIc,aAAahB,EAAMiB,MAAMP,GAAO;GAClCQ,QAAQ;GACRP;GACAQ,SAASR,EAAME;EACjB,CAAC;CACH;CAEA,cACE;EAAA,IAAAO,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAgBK,OAhBLC,EAOShB,GAAUc,CAAA,GAAAG,EAAAH,GAAAI,EAWdpC,GAAG;GAAA,IAACqC,OAAI;IAAA,OAAExB,EAAQ;GAAC;GAAAyB,WAChBC,MAAMH,EACLhC,GAAgB;IAAA,IACfoC,KAAE;KAAA,OAAExB,EAASuB,EAAOnB,KAAK;IAAC;IAAA,IAC1BA,QAAK;KAAA,OAAEmB,EAAOnB;IAAK;IAAA,IACnBN,WAAQ;KAAA,OAAEA,EAAS,MAAMyB,EAAOnB;IAAK;IACrCqB,WAAWpB,MAAU;KACnB,AAAIA,KAAOF,EAAaoB,EAAOnB,OAAOC,CAAK;IAC7C;IAAC,IAAAiB,WAAA;KAAA,OAEAC,EAAOG;IAAK;GAAA,CAAA;EAEhB,CAAA,CAAA,GAAAP,EAAAL,GAAAM,EAGJjC,GAAY;GACXsB,QAAQR;GACR0B,SAAO;GACPC,WAAS;EAAA,CAAA,GAAA,IAAA,GAAAC,GAAAC,MAAA;GAAA,IAAAC,IAjCArC,EAAMiB,MAAIqB,IACd9C,EAAK,0BAA0BQ,EAAMuC,KAAK,GAACC,IAKpCxC,EAAMgC,SAAS9B,EAAIuC,aAAazC,EAAMiB,IAAI,GAACyB,IAChCrC,EAAe,GAACsC,IAEhCnD,EACL,+DACA,8CACA,8DACF;GAAC,OAAA6C,MAAAD,EAAAQ,KAAAC,EAAAzB,GAAA,aAAAgB,EAAAQ,IAAAP,CAAA,GAAAC,MAAAF,EAAAU,KAAAC,EAAA3B,GAAAgB,EAAAU,IAAAR,CAAA,GAAAE,MAAAJ,EAAAY,KAAAH,EAAAvB,GAAA,cAAAc,EAAAY,IAAAR,CAAA,GAAAE,MAAAN,EAAAa,KAAAJ,EAAAvB,GAAA,yBAAAc,EAAAa,IAAAP,CAAA,GAAAC,MAAAP,EAAAc,KAAAH,EAAAzB,GAAAc,EAAAc,IAAAP,CAAA,GAAAP;EAAA,GAAA;GAAAQ,GAAAO,KAAAA;GAAAL,GAAAK,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAA/B;CAAA,EAAA,CAAA;AAwBT"}