@neut/ui 0.0.15 → 0.0.17

package/dist/components/tabs/Tabs/Tabs.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.context.js","names":["createContext","createEffect","createSignal","Accessor","ParentProps","useContext","createStore","TabsValue","TriggerEntry","value","disabled","element","HTMLElement","TabsContextValue","setValue","isSelected","orientation","dir","loop","highlightedValue","setHighlightedValue","registerTrigger","entry","getTriggers","isFirstEnabled","isUsable","setTriggerId","id","getTriggerId","setContentId","getContentId","TabsContext","TabsProvider","props","defaultValue","onValueChange","internalValue","setInternalValue","triggerOrder","setTriggerOrder","ids","setIds","trigger","Record","content","next","undefined","v","current","active","document","activeElement","getAttribute","prev","filter","t","first","find","some","String","contextValue","_$createComponent","Provider","children","useTabsContext","context","Error"],"sources":["../../../../src/components/tabs/Tabs/Tabs.context.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createSignal,\n  type Accessor,\n  type ParentProps,\n  useContext,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\nimport type { TabsValue } from \"./Tabs.types\";\n\ninterface TriggerEntry {\n  value: TabsValue;\n  /** accessor,支持运行时 disabled 翻转 */\n  disabled: () => boolean;\n  element: HTMLElement;\n}\n\nexport interface TabsContextValue {\n  /** 当前激活值(受控优先,否则内部状态) */\n  value: Accessor<TabsValue | undefined>;\n  setValue: (value: TabsValue) => void;\n  isSelected: (value: TabsValue) => boolean;\n  orientation: Accessor<\"horizontal\" | \"vertical\">;\n  dir: Accessor<\"ltr\" | \"rtl\" | \"auto\">;\n  loop: Accessor<boolean>;\n  /**\n   * 当前焦点高亮 tab,与激活值分离:\n   * 默认(activateOnFocus=false)聚焦/键盘导航只更新高亮,不激活;\n   * 激活只发生在点击(click)时。与 base-ui 的 highlighted/active 语义一致。\n   */\n  highlightedValue: Accessor<TabsValue | undefined>;\n  setHighlightedValue: (value: TabsValue) => void;\n  /** 按挂载顺序注册 trigger,返回注销函数;仅用于渲染期推导与键盘导航 */\n  registerTrigger: (entry: TriggerEntry) => () => void;\n  /** 已注册的 trigger 列表(挂载顺序) */\n  getTriggers: () => TriggerEntry[];\n  /** 无高亮时,该 value 是否为第一个可用 trigger(键盘 tabindex 起点) */\n  isFirstEnabled: (value: TabsValue) => boolean;\n  /** 该 value 对应的 trigger 当前是否可用(已注册且未 disabled) */\n  isUsable: (value: TabsValue) => boolean;\n  /** value -> triggerId / contentId 交叉注册,供 aria-controls / aria-labelledby 使用 */\n  setTriggerId: (value: TabsValue, id: string) => void;\n  getTriggerId: (value: TabsValue) => string | undefined;\n  setContentId: (value: TabsValue, id: string) => void;\n  getContentId: (value: TabsValue) => string | undefined;\n}\n\nconst TabsContext = createContext<TabsContextValue>();\n\nexport function TabsProvider(\n  props: ParentProps & {\n    defaultValue?: TabsValue;\n    value?: TabsValue;\n    onValueChange?: (value: TabsValue) => void;\n    orientation: \"horizontal\" | \"vertical\";\n    dir: \"ltr\" | \"rtl\" | \"auto\";\n    loop: boolean;\n  },\n) {\n  const [internalValue, setInternalValue] = createSignal<TabsValue | undefined>(\n    props.defaultValue,\n  );\n  const [highlightedValue, setHighlightedValue] = createSignal<\n    TabsValue | undefined\n  >();\n  const [triggerOrder, setTriggerOrder] = createSignal<TriggerEntry[]>([]);\n  const [ids, setIds] = createStore<{\n    trigger: Record<string, string>;\n    content: Record<string, string>;\n  }>({ trigger: {}, content: {} });\n\n  // 受控优先:props.value 存在时读外部值,否则读内部状态\n  const value = (): TabsValue | undefined => props.value ?? internalValue();\n\n  const setValue = (next: TabsValue) => {\n    // 受控模式:只通知外部,不改本地状态\n    if (props.value !== undefined) {\n      props.onValueChange?.(next);\n      return;\n    }\n    setInternalValue(next);\n    props.onValueChange?.(next);\n  };\n\n  const isSelected = (v: TabsValue) => value() === v;\n\n  // 对齐 base-ui:激活值变化时,若焦点不在 tab 上,将高亮同步到激活 tab\n  // (键盘 roving focus 过程中不覆盖,保持相对当前位置导航)\n  createEffect(() => {\n    const current = value();\n    if (current === undefined) return;\n    const active = document.activeElement as HTMLElement | null;\n    if (active?.getAttribute(\"role\") !== \"tab\") {\n      setHighlightedValue(current);\n    }\n  });\n\n  const registerTrigger = (entry: TriggerEntry) => {\n    setTriggerOrder((prev) => [...prev, entry]);\n    return () =>\n      setTriggerOrder((prev) => prev.filter((t) => t.value !== entry.value));\n  };\n\n  const isFirstEnabled = (v: TabsValue) => {\n    const first = triggerOrder().find((t) => !t.disabled());\n    return first?.value === v;\n  };\n\n  const isUsable = (v: TabsValue) =>\n    triggerOrder().some((t) => t.value === v && !t.disabled());\n\n  const setTriggerId = (v: TabsValue, id: string) =>\n    setIds(\"trigger\", String(v), id);\n  const getTriggerId = (v: TabsValue) => ids.trigger[String(v)];\n  const setContentId = (v: TabsValue, id: string) =>\n    setIds(\"content\", String(v), id);\n  const getContentId = (v: TabsValue) => ids.content[String(v)];\n\n  const contextValue: TabsContextValue = {\n    value,\n    setValue,\n    isSelected,\n    orientation: () => props.orientation,\n    dir: () => props.dir,\n    loop: () => props.loop,\n    highlightedValue,\n    setHighlightedValue,\n    registerTrigger,\n    getTriggers: () => triggerOrder(),\n    isFirstEnabled,\n    isUsable,\n    setTriggerId,\n    getTriggerId,\n    setContentId,\n    getContentId,\n  };\n\n  return (\n    <TabsContext.Provider value={contextValue}>\n      {props.children}\n    </TabsContext.Provider>\n  );\n}\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext);\n  if (!context)\n    throw new Error(\"useTabsContext must be used within a <Tabs> component\");\n  return context;\n};\n"],"mappings":";;;;AAgDA,IAAM+B,IAAc/B,EAAgC;AAEpD,SAAgBgC,EACdC,GAQA;CACA,IAAM,CAACG,GAAeC,KAAoBnC,EACxC+B,EAAMC,YACR,GACM,CAACf,GAAkBC,KAAuBlB,EAE9C,GACI,CAACoC,GAAcC,KAAmBrC,EAA6B,CAAA,CAAE,GACjE,CAACsC,GAAKC,KAAUnC,EAGnB;EAAEoC,SAAS,CAAC;EAAGE,SAAS,CAAC;CAAE,CAAC,GAGzBnC,UAAqCwB,EAAMxB,SAAS2B,EAAc,GAElEtB,KAAY+B,MAAoB;EAEpC,IAAIZ,EAAMxB,UAAUqC,KAAAA,GAAW;GAC7Bb,EAAME,gBAAgBU,CAAI;GAC1B;EACF;EAEAZ,AADAI,EAAiBQ,CAAI,GACrBZ,EAAME,gBAAgBU,CAAI;CAC5B,GAEM9B,KAAcgC,MAAiBtC,EAAM,MAAMsC;CAIjD9C,QAAmB;EACjB,IAAM+C,IAAUvC,EAAM;EAClBuC,MAAYF,KAAAA,KACDI,SAASC,eACZC,aAAa,MAAM,MAAM,SACnChC,EAAoB4B,CAAO;CAE/B,CAAC;CAuBD,IAAMY,IAAiC;EACrCnD;EACAK;EACAC;EACAC,mBAAmBiB,EAAMjB;EACzBC,WAAWgB,EAAMhB;EACjBC,YAAYe,EAAMf;EAClBC;EACAC;EACAC,kBA9BuBC,OACvBiB,GAAiBc,MAAS,CAAC,GAAGA,GAAM/B,CAAK,CAAC,SAExCiB,GAAiBc,MAASA,EAAKC,QAAQC,MAAMA,EAAE9C,UAAUa,EAAMb,KAAK,CAAC;EA4BvEc,mBAAmBe,EAAa;EAChCd,iBA1BsBuB,MACRT,EAAa,CAAC,CAACmB,MAAMF,MAAM,CAACA,EAAE7C,SAAS,CAC9C8C,CAAAA,EAAO/C,UAAUsC;EAyBxBtB,WAtBgBsB,MAChBT,EAAa,CAAC,CAACoB,MAAMH,MAAMA,EAAE9C,UAAUsC,KAAK,CAACQ,EAAE7C,SAAS,CAAC;EAsBzDgB,eApBoBqB,GAAcpB,MAClCc,EAAO,WAAWkB,OAAOZ,CAAC,GAAGpB,CAAE;EAoB/BC,eAnBoBmB,MAAiBP,EAAIE,QAAQiB,OAAOZ,CAAC;EAoBzDlB,eAnBoBkB,GAAcpB,MAClCc,EAAO,WAAWkB,OAAOZ,CAAC,GAAGpB,CAAE;EAmB/BG,eAlBoBiB,MAAiBP,EAAII,QAAQe,OAAOZ,CAAC;CAmB3D;CAEA,OAAAc,EACG9B,EAAY+B,UAAQ;EAACrD,OAAOmD;EAAY,IAAAG,WAAA;GAAA,OACtC9B,EAAM8B;EAAQ;CAAA,CAAA;AAGrB;AAEA,IAAaC,UAAuB;CAClC,IAAMC,IAAU5D,EAAW0B,CAAW;CACtC,IAAI,CAACkC,GACH,MAAUC,MAAM,uDAAuD;CACzE,OAAOD;AACT"}
+{"version":3,"file":"Tabs.context.js","names":["createContext","createEffect","createSignal","Accessor","ParentProps","useContext","createStore","TabsValue","TriggerEntry","value","disabled","element","HTMLElement","TabsContextValue","setValue","isSelected","orientation","dir","loop","highlightedValue","setHighlightedValue","registerTrigger","entry","getTriggers","isFirstEnabled","isUsable","setTriggerId","id","getTriggerId","setContentId","getContentId","TabsContext","TabsProvider","props","defaultValue","onValueChange","internalValue","setInternalValue","triggerOrder","setTriggerOrder","ids","setIds","trigger","Record","content","next","undefined","v","current","active","document","activeElement","getAttribute","prev","filter","t","first","find","some","String","contextValue","_$createComponent","Provider","children","useTabsContext","context","Error","_$createComponent","TabsContext","createContext","TabsProvider","internalValue","setInternalValue","createSignal","props","highlightedValue","setHighlightedValue","triggerOrder","setTriggerOrder","ids","setIds","createStore","value","setValue","next","isSelected","v","current","contextValue","prev","entry","t","id","createComponent","useTabsContext","context","useContext"],"sources":["../../../../src/components/tabs/Tabs/Tabs.context.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createSignal,\n  type Accessor,\n  type ParentProps,\n  useContext,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\nimport type { TabsValue } from \"./Tabs.types\";\n\ninterface TriggerEntry {\n  value: TabsValue;\n  /** accessor,支持运行时 disabled 翻转 */\n  disabled: () => boolean;\n  element: HTMLElement;\n}\n\nexport interface TabsContextValue {\n  /** 当前激活值(受控优先,否则内部状态) */\n  value: Accessor<TabsValue | undefined>;\n  setValue: (value: TabsValue) => void;\n  isSelected: (value: TabsValue) => boolean;\n  orientation: Accessor<\"horizontal\" | \"vertical\">;\n  dir: Accessor<\"ltr\" | \"rtl\" | \"auto\">;\n  loop: Accessor<boolean>;\n  /**\n   * 当前焦点高亮 tab,与激活值分离:\n   * 默认(activateOnFocus=false)聚焦/键盘导航只更新高亮,不激活;\n   * 激活只发生在点击(click)时。与 base-ui 的 highlighted/active 语义一致。\n   */\n  highlightedValue: Accessor<TabsValue | undefined>;\n  setHighlightedValue: (value: TabsValue) => void;\n  /** 按挂载顺序注册 trigger,返回注销函数;仅用于渲染期推导与键盘导航 */\n  registerTrigger: (entry: TriggerEntry) => () => void;\n  /** 已注册的 trigger 列表(挂载顺序) */\n  getTriggers: () => TriggerEntry[];\n  /** 无高亮时,该 value 是否为第一个可用 trigger(键盘 tabindex 起点) */\n  isFirstEnabled: (value: TabsValue) => boolean;\n  /** 该 value 对应的 trigger 当前是否可用(已注册且未 disabled) */\n  isUsable: (value: TabsValue) => boolean;\n  /** value -> triggerId / contentId 交叉注册,供 aria-controls / aria-labelledby 使用 */\n  setTriggerId: (value: TabsValue, id: string) => void;\n  getTriggerId: (value: TabsValue) => string | undefined;\n  setContentId: (value: TabsValue, id: string) => void;\n  getContentId: (value: TabsValue) => string | undefined;\n}\n\nconst TabsContext = createContext<TabsContextValue>();\n\nexport function TabsProvider(\n  props: ParentProps & {\n    defaultValue?: TabsValue;\n    value?: TabsValue;\n    onValueChange?: (value: TabsValue) => void;\n    orientation: \"horizontal\" | \"vertical\";\n    dir: \"ltr\" | \"rtl\" | \"auto\";\n    loop: boolean;\n  },\n) {\n  const [internalValue, setInternalValue] = createSignal<TabsValue | undefined>(\n    props.defaultValue,\n  );\n  const [highlightedValue, setHighlightedValue] = createSignal<\n    TabsValue | undefined\n  >();\n  const [triggerOrder, setTriggerOrder] = createSignal<TriggerEntry[]>([]);\n  const [ids, setIds] = createStore<{\n    trigger: Record<string, string>;\n    content: Record<string, string>;\n  }>({ trigger: {}, content: {} });\n\n  // 受控优先:props.value 存在时读外部值,否则读内部状态\n  const value = (): TabsValue | undefined => props.value ?? internalValue();\n\n  const setValue = (next: TabsValue) => {\n    // 受控模式:只通知外部,不改本地状态\n    if (props.value !== undefined) {\n      props.onValueChange?.(next);\n      return;\n    }\n    setInternalValue(next);\n    props.onValueChange?.(next);\n  };\n\n  const isSelected = (v: TabsValue) => value() === v;\n\n  // 对齐 base-ui:激活值变化时,若焦点不在 tab 上,将高亮同步到激活 tab\n  // (键盘 roving focus 过程中不覆盖,保持相对当前位置导航)\n  createEffect(() => {\n    const current = value();\n    if (current === undefined) return;\n    const active = document.activeElement as HTMLElement | null;\n    if (active?.getAttribute(\"role\") !== \"tab\") {\n      setHighlightedValue(current);\n    }\n  });\n\n  const registerTrigger = (entry: TriggerEntry) => {\n    setTriggerOrder((prev) => [...prev, entry]);\n    return () =>\n      setTriggerOrder((prev) => prev.filter((t) => t.value !== entry.value));\n  };\n\n  const isFirstEnabled = (v: TabsValue) => {\n    const first = triggerOrder().find((t) => !t.disabled());\n    return first?.value === v;\n  };\n\n  const isUsable = (v: TabsValue) =>\n    triggerOrder().some((t) => t.value === v && !t.disabled());\n\n  const setTriggerId = (v: TabsValue, id: string) =>\n    setIds(\"trigger\", String(v), id);\n  const getTriggerId = (v: TabsValue) => ids.trigger[String(v)];\n  const setContentId = (v: TabsValue, id: string) =>\n    setIds(\"content\", String(v), id);\n  const getContentId = (v: TabsValue) => ids.content[String(v)];\n\n  const contextValue: TabsContextValue = {\n    value,\n    setValue,\n    isSelected,\n    orientation: () => props.orientation,\n    dir: () => props.dir,\n    loop: () => props.loop,\n    highlightedValue,\n    setHighlightedValue,\n    registerTrigger,\n    getTriggers: () => triggerOrder(),\n    isFirstEnabled,\n    isUsable,\n    setTriggerId,\n    getTriggerId,\n    setContentId,\n    getContentId,\n  };\n\n  return (\n    <TabsContext.Provider value={contextValue}>\n      {props.children}\n    </TabsContext.Provider>\n  );\n}\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext);\n  if (!context)\n    throw new Error(\"useTabsContext must be used within a <Tabs> component\");\n  return context;\n};\n"],"mappings":";;;;AAgDA,IAAM+B,IAAc/B,EAAgC;AAEpD,SAAgBgC,EACdC,GAQA;CACA,IAAM,CAACG,GAAeC,KAAoBnC,EACxC+B,EAAMC,YACR,GACM,CAACf,GAAkBC,KAAuBlB,EAE9C,GACI,CAACoC,GAAcC,KAAmBrC,EAA6B,CAAA,CAAE,GACjE,CAACsC,GAAKC,KAAUnC,EAGnB;EAAEoC,SAAS,CAAC;EAAGE,SAAS,CAAC;CAAE,CAAC,GAGzBnC,UAAqCwB,EAAMxB,SAAS2B,EAAc,GAElEtB,KAAY+B,MAAoB;EAEpC,IAAIZ,EAAMxB,UAAUqC,KAAAA,GAAW;GAC7Bb,EAAME,gBAAgBU,CAAI;GAC1B;EACF;EAEAZ,AADAI,EAAiBQ,CAAI,GACrBZ,EAAME,gBAAgBU,CAAI;CAC5B,GAEM9B,KAAcgC,MAAiBtC,EAAM,MAAMsC;CAIjD9C,QAAmB;EACjB,IAAM+C,IAAUvC,EAAM;EACtB,AAAIuC,MAAYF,KAAAA,KACDI,SAASC,eACZC,aAAa,MAAM,MAAM,SACnChC,EAAoB4B,CAAO;CAE/B,CAAC;CAuBD,IAAMY,IAAiC;EACrCnD;EACAK;EACAC;EACAC,mBAAmBiB,EAAMjB;EACzBC,WAAWgB,EAAMhB;EACjBC,YAAYe,EAAMf;EAClBC;EACAC;EACAC,kBA9BuBC,OACvBiB,GAAiBc,MAAS,CAAC,GAAGA,GAAM/B,CAAK,CAAC,SAExCiB,GAAiBc,MAASA,EAAKC,QAAQC,MAAMA,EAAE9C,UAAUa,EAAMb,KAAK,CAAC;EA4BvEc,mBAAmBe,EAAa;EAChCd,iBA1BsBuB,MACRT,EAAa,CAAC,CAACmB,MAAMF,MAAM,CAACA,EAAE7C,SAAS,CAC9C8C,CAAAA,EAAO/C,UAAUsC;EAyBxBtB,WAtBgBsB,MAChBT,EAAa,CAAC,CAACoB,MAAMH,MAAMA,EAAE9C,UAAUsC,KAAK,CAACQ,EAAE7C,SAAS,CAAC;EAsBzDgB,eApBoBqB,GAAcpB,MAClCc,EAAO,WAAWkB,OAAOZ,CAAC,GAAGpB,CAAE;EAoB/BC,eAnBoBmB,MAAiBP,EAAIE,QAAQiB,OAAOZ,CAAC;EAoBzDlB,eAnBoBkB,GAAcpB,MAClCc,EAAO,WAAWkB,OAAOZ,CAAC,GAAGpB,CAAE;EAmB/BG,eAlBoBiB,MAAiBP,EAAII,QAAQe,OAAOZ,CAAC;CAmB3D;CAEA,OAAAc,EACG9B,EAAY+B,UAAQ;EAACrD,OAAOmD;EAAY,IAAAG,WAAA;GAAA,OACtC9B,EAAM8B;EAAQ;CAAA,CAAA;AAGrB;AAEA,IAAaC,UAAuB;CAClC,IAAMC,IAAU5D,EAAW0B,CAAW;CACtC,IAAI,CAACkC,GACH,MAAUC,MAAM,uDAAuD;CACzE,OAAOD;AACT"}

package/dist/components/tabs/Tabs/Tabs.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["mergeProps","splitProps","TabsProps","clsx","TabsProvider","Tabs","props","merged","orientation","loop","dir","const","local","others","isVertical","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","data-vertical","data-horizontal","class","classList","_$insert","_$createComponent","defaultValue","value","onValueChange","children"],"sources":["../../../../src/components/tabs/Tabs/Tabs.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { TabsProps } from \"./Tabs.types\";\nimport { clsx } from \"~/utils\";\nimport { TabsProvider } from \"./Tabs.context\";\n\nexport const Tabs = (props: TabsProps) => {\n  const merged = mergeProps(\n    {\n      orientation: \"horizontal\",\n      loop: true,\n      dir: \"ltr\",\n    } as const,\n    props,\n  );\n  const [local, others] = splitProps(merged, [\n    \"defaultValue\",\n    \"value\",\n    \"onValueChange\",\n    \"orientation\",\n    \"loop\",\n    \"dir\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const isVertical = () => local.orientation === \"vertical\";\n\n  return (\n    <div\n      data-slot=\"tabs\"\n      data-orientation={local.orientation}\n      // 现有样式依赖 group-data-vertical/tabs 与 group-data-horizontal/tabs,\n      // 需要根元素上的 data-vertical / data-horizontal 属性才能生效\n      data-vertical={isVertical() ? \"\" : null}\n      data-horizontal={isVertical() ? null : \"\"}\n      dir={local.dir}\n      class={clsx(\n        \"group/tabs flex gap-2 data-[orientation=horizontal]:flex-col\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    >\n      <TabsProvider\n        defaultValue={local.defaultValue}\n        value={local.value}\n        onValueChange={local.onValueChange}\n        orientation={local.orientation}\n        dir={local.dir}\n        loop={local.loop}\n      >\n        {local.children}\n      </TabsProvider>\n    </div>\n  );\n};\n"],"mappings":";;;;;iDAKaK,KAAQC,MAAqB;CACxC,IAAMC,IAASP,EACb;EACEQ,aAAa;EACbC,MAAM;EACNC,KAAK;CACP,GACAJ,CACF,GACM,CAACM,GAAOC,KAAUZ,EAAWM,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKO,UAAmBF,EAAMJ,gBAAgB;CAE/C,cAAA;EAAA,IAAAO,IAAAC,EAAA;EAwBqB,OAxBrBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBN,EAAMJ;GAAW;GAAA,IAAA,kBAAA;IAAA,OAGpBM,EAAW,IAAI,KAAK;GAAI;GAAA,IAAA,oBAAA;IAAA,OACtBA,EAAW,IAAI,OAAO;GAAE;GAAA,IACzCJ,MAAG;IAAA,OAAEE,EAAMF;GAAG;GAAA,IAAA,QAAA;IAAA,OACPP,EACL,gEACAS,EAAMU,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEX,EAAMW;GAAS;EAAA,GACtBV,CAAM,GAAA,IAAA,EAAA,GAAAW,EAAAT,GAAAU,EAETrB,GAAY;GAAA,IACXsB,eAAY;IAAA,OAAEd,EAAMc;GAAY;GAAA,IAChCC,QAAK;IAAA,OAAEf,EAAMe;GAAK;GAAA,IAClBC,gBAAa;IAAA,OAAEhB,EAAMgB;GAAa;GAAA,IAClCpB,cAAW;IAAA,OAAEI,EAAMJ;GAAW;GAAA,IAC9BE,MAAG;IAAA,OAAEE,EAAMF;GAAG;GAAA,IACdD,OAAI;IAAA,OAAEG,EAAMH;GAAI;GAAA,IAAAoB,WAAA;IAAA,OAEfjB,EAAMiB;GAAQ;EAAA,CAAA,CAAA,GAAAd;CAAA,EAAA,CAAA;AAIvB"}
+{"version":3,"file":"Tabs.js","names":["mergeProps","splitProps","TabsProps","clsx","TabsProvider","Tabs","props","merged","orientation","loop","dir","const","local","others","isVertical","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","data-vertical","data-horizontal","class","classList","_$insert","_$createComponent","defaultValue","value","onValueChange","children","mergeProps","_$mergeProps","_$createComponent","mergeProps$1","_tmpl$","Tabs","merged","props","local","others","splitProps","isVertical","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","TabsProvider"],"sources":["../../../../src/components/tabs/Tabs/Tabs.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { TabsProps } from \"./Tabs.types\";\nimport { clsx } from \"~/utils\";\nimport { TabsProvider } from \"./Tabs.context\";\n\nexport const Tabs = (props: TabsProps) => {\n  const merged = mergeProps(\n    {\n      orientation: \"horizontal\",\n      loop: true,\n      dir: \"ltr\",\n    } as const,\n    props,\n  );\n  const [local, others] = splitProps(merged, [\n    \"defaultValue\",\n    \"value\",\n    \"onValueChange\",\n    \"orientation\",\n    \"loop\",\n    \"dir\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const isVertical = () => local.orientation === \"vertical\";\n\n  return (\n    <div\n      data-slot=\"tabs\"\n      data-orientation={local.orientation}\n      // 现有样式依赖 group-data-vertical/tabs 与 group-data-horizontal/tabs,\n      // 需要根元素上的 data-vertical / data-horizontal 属性才能生效\n      data-vertical={isVertical() ? \"\" : null}\n      data-horizontal={isVertical() ? null : \"\"}\n      dir={local.dir}\n      class={clsx(\n        \"group/tabs flex gap-2 data-[orientation=horizontal]:flex-col\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    >\n      <TabsProvider\n        defaultValue={local.defaultValue}\n        value={local.value}\n        onValueChange={local.onValueChange}\n        orientation={local.orientation}\n        dir={local.dir}\n        loop={local.loop}\n      >\n        {local.children}\n      </TabsProvider>\n    </div>\n  );\n};\n"],"mappings":";;;;;iDAKaK,KAAQC,MAAqB;CACxC,IAAMC,IAASP,EACb;EACEQ,aAAa;EACbC,MAAM;EACNC,KAAK;CACP,GACAJ,CACF,GACM,CAACM,GAAOC,KAAUZ,EAAWM,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKO,UAAmBF,EAAMJ,gBAAgB;CAE/C,cAAA;EAAA,IAAAO,IAAAC,EAAA;EAwBqB,OAxBrBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBN,EAAMJ;GAAW;GAAA,IAAA,kBAAA;IAAA,OAGpBM,EAAW,IAAI,KAAK;GAAI;GAAA,IAAA,oBAAA;IAAA,OACtBA,EAAW,IAAI,OAAO;GAAE;GAAA,IACzCJ,MAAG;IAAA,OAAEE,EAAMF;GAAG;GAAA,IAAAmC,QAAA;IAAA,OACP1C,EACL,gEACAS,EAAMU,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEX,EAAMW;GAAS;EAAA,GACtBV,CAAM,GAAA,IAAA,EAAA,GAAAW,EAAAT,GAAAU,EAETrB,GAAY;GAAA,IACXsB,eAAY;IAAA,OAAEd,EAAMc;GAAY;GAAA,IAChCC,QAAK;IAAA,OAAEf,EAAMe;GAAK;GAAA,IAClBC,gBAAa;IAAA,OAAEhB,EAAMgB;GAAa;GAAA,IAClCpB,cAAW;IAAA,OAAEI,EAAMJ;GAAW;GAAA,IAC9BE,MAAG;IAAA,OAAEE,EAAMF;GAAG;GAAA,IACdD,OAAI;IAAA,OAAEG,EAAMH;GAAI;GAAA,IAAAoB,WAAA;IAAA,OAEfjB,EAAMiB;GAAQ;EAAA,CAAA,CAAA,GAAAd;CAAA,EAAA,CAAA;AAIvB"}

package/dist/components/tabs/Tabs/call-event-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"call-event-handler.js","names":[],"sources":["../../../../src/components/tabs/Tabs/call-event-handler.ts"],"sourcesContent":["/**\n * 调用用户传入的事件处理器(兼容 Solid 的函数或函数数组形式)。\n * splitProps restKeys 提取出的事件类型是 EventHandlerUnion,不能直接调用。\n */\nexport function callEventHandler<E extends Event>(\n  handler: unknown,\n  event: E,\n): void {\n  const list = Array.isArray(handler) ? handler : [handler];\n  for (const h of list) {\n    if (typeof h === \"function\") (h as (e: E) => void)(event);\n  }\n}\n"],"mappings":";AAIA,SAAgB,EACd,GACA,GACM;CACN,IAAM,IAAO,MAAM,QAAQ,CAAO,IAAI,IAAU,CAAC,CAAO;CACxD,KAAK,IAAM,KAAK,GACd,AAAI,OAAO,KAAM,cAAY,EAAsB,CAAK;AAE5D"}
+{"version":3,"file":"call-event-handler.js","names":["callEventHandler","list","handler","h","event"],"sources":["../../../../src/components/tabs/Tabs/call-event-handler.ts"],"sourcesContent":["/**\n * 调用用户传入的事件处理器(兼容 Solid 的函数或函数数组形式)。\n * splitProps restKeys 提取出的事件类型是 EventHandlerUnion,不能直接调用。\n */\nexport function callEventHandler<E extends Event>(\n  handler: unknown,\n  event: E,\n): void {\n  const list = Array.isArray(handler) ? handler : [handler];\n  for (const h of list) {\n    if (typeof h === \"function\") (h as (e: E) => void)(event);\n  }\n}\n"],"mappings":";AAIA,SAAgBA,EACd,GACA,GACM;CACN,IAAMC,IAAO,MAAM,QAAQC,CAAO,IAAIA,IAAU,CAACA,CAAO;CACxD,KAAK,IAAMC,KAAKF,GACd,AAAI,OAAOE,KAAM,cAAYA,EAAsBC,CAAK;AAE5D"}

package/dist/components/tabs/Tabs/useTabsKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTabsKeyboard.js","names":[],"sources":["../../../../src/components/tabs/Tabs/useTabsKeyboard.ts"],"sourcesContent":["import type { TabsContextValue } from \"./Tabs.context\";\n\nconst NAV_KEYS = new Set([\n  \"ArrowLeft\",\n  \"ArrowRight\",\n  \"ArrowUp\",\n  \"ArrowDown\",\n  \"Home\",\n  \"End\",\n]);\n\n/**\n * tablist 的 roving focus 键盘导航(纯逻辑,可在事件中独立单测)\n *\n * 方向映射:\n * - horizontal + ltr: ArrowRight → next, ArrowLeft → prev\n * - horizontal + rtl: 左右反转\n * - vertical:          ArrowDown → next, ArrowUp → prev\n * - Home → 第一个,End → 最后一个\n * - loop=true 环绕,false 边界停止;跳过 disabled 的 trigger\n *\n * 与 base-ui 一致:方向键只移动焦点(触发 onFocus 更新高亮),不激活;\n * 激活靠点击(Enter/Space 触发 button 的 click)。activateOnFocus 时的\n * 聚焦激活由 TabsTrigger 的 onFocus 处理,这里不做。\n */\nexport function useTabsKeyboard(ctx: TabsContextValue) {\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (!NAV_KEYS.has(e.key)) return;\n\n    const activeEl = document.activeElement as HTMLElement | null;\n    // 只有焦点在 tab 上时才接管键盘\n    if (activeEl?.getAttribute(\"role\") !== \"tab\") return;\n\n    const tabs = ctx.getTriggers().filter((t) => !t.disabled());\n    if (tabs.length === 0) return;\n\n    const currentIndex = tabs.findIndex((t) => t.element === activeEl);\n    if (currentIndex === -1) return;\n\n    const isVertical = ctx.orientation() === \"vertical\";\n    // dir=auto 时回退到文档实际方向\n    const dir = ctx.dir();\n    const isRTL =\n      dir === \"rtl\" ||\n      (dir === \"auto\" &&\n        typeof document !== \"undefined\" &&\n        document.documentElement.dir === \"rtl\");\n\n    let nextIndex: number | undefined;\n    switch (e.key) {\n      case \"Home\":\n        nextIndex = 0;\n        break;\n      case \"End\":\n        nextIndex = tabs.length - 1;\n        break;\n      case \"ArrowLeft\":\n        if (isVertical) return;\n        nextIndex = currentIndex + (isRTL ? 1 : -1);\n        break;\n      case \"ArrowRight\":\n        if (isVertical) return;\n        nextIndex = currentIndex + (isRTL ? -1 : 1);\n        break;\n      case \"ArrowUp\":\n        if (!isVertical) return;\n        nextIndex = currentIndex - 1;\n        break;\n      case \"ArrowDown\":\n        if (!isVertical) return;\n        nextIndex = currentIndex + 1;\n        break;\n    }\n\n    if (nextIndex === undefined) return;\n\n    // 方向键与当前布局匹配,接管默认滚动行为\n    e.preventDefault();\n\n    if (ctx.loop()) {\n      nextIndex = (nextIndex + tabs.length) % tabs.length;\n    } else {\n      nextIndex = Math.min(tabs.length - 1, Math.max(0, nextIndex));\n    }\n\n    // focus 触发 trigger 的 onFocus → 更新高亮(及 activateOnFocus 时激活)\n    tabs[nextIndex].element.focus();\n  };\n\n  return { handleKeyDown };\n}\n"],"mappings":";AAEA,IAAM,oBAAW,IAAI,IAAI;CACvB;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAgBD,SAAgB,EAAgB,GAAuB;CAgErD,OAAO,EAAE,gBA/Dc,MAAqB;EAC1C,IAAI,CAAC,EAAS,IAAI,EAAE,GAAG,GAAG;EAE1B,IAAM,IAAW,SAAS;EAE1B,IAAI,GAAU,aAAa,MAAM,MAAM,OAAO;EAE9C,IAAM,IAAO,EAAI,YAAY,CAAC,CAAC,QAAQ,MAAM,CAAC,EAAE,SAAS,CAAC;EAC1D,IAAI,EAAK,WAAW,GAAG;EAEvB,IAAM,IAAe,EAAK,WAAW,MAAM,EAAE,YAAY,CAAQ;EACjE,IAAI,MAAiB,IAAI;EAEzB,IAAM,IAAa,EAAI,YAAY,MAAM,YAEnC,IAAM,EAAI,IAAI,GACd,IACJ,MAAQ,SACP,MAAQ,UACP,OAAO,WAAa,OACpB,SAAS,gBAAgB,QAAQ,OAEjC;EACJ,QAAQ,EAAE,KAAV;GACE,KAAK;IACH,IAAY;IACZ;GACF,KAAK;IACH,IAAY,EAAK,SAAS;IAC1B;GACF,KAAK;IACH,IAAI,GAAY;IAChB,IAAY,KAAgB,IAAQ,IAAI;IACxC;GACF,KAAK;IACH,IAAI,GAAY;IAChB,IAAY,KAAgB,IAAQ,KAAK;IACzC;GACF,KAAK;IACH,IAAI,CAAC,GAAY;IACjB,IAAY,IAAe;IAC3B;GACF,KAAK;IACH,IAAI,CAAC,GAAY;IACjB,IAAY,IAAe;EAE/B;EAEI,MAAc,KAAA,MAGlB,EAAE,eAAe,GAEjB,AAGE,IAHE,EAAI,KAAK,KACE,IAAY,EAAK,UAAU,EAAK,SAEjC,KAAK,IAAI,EAAK,SAAS,GAAG,KAAK,IAAI,GAAG,CAAS,CAAC,GAI9D,EAAK,EAAU,CAAC,QAAQ,MAAM;CAChC,EAEuB;AACzB"}
+{"version":3,"file":"useTabsKeyboard.js","names":["NAV_KEYS","useTabsKeyboard","e","activeEl","tabs","ctx","t","currentIndex","isVertical","dir","isRTL","nextIndex"],"sources":["../../../../src/components/tabs/Tabs/useTabsKeyboard.ts"],"sourcesContent":["import type { TabsContextValue } from \"./Tabs.context\";\n\nconst NAV_KEYS = new Set([\n  \"ArrowLeft\",\n  \"ArrowRight\",\n  \"ArrowUp\",\n  \"ArrowDown\",\n  \"Home\",\n  \"End\",\n]);\n\n/**\n * tablist 的 roving focus 键盘导航(纯逻辑,可在事件中独立单测)\n *\n * 方向映射:\n * - horizontal + ltr: ArrowRight → next, ArrowLeft → prev\n * - horizontal + rtl: 左右反转\n * - vertical:          ArrowDown → next, ArrowUp → prev\n * - Home → 第一个,End → 最后一个\n * - loop=true 环绕,false 边界停止;跳过 disabled 的 trigger\n *\n * 与 base-ui 一致:方向键只移动焦点(触发 onFocus 更新高亮),不激活;\n * 激活靠点击(Enter/Space 触发 button 的 click)。activateOnFocus 时的\n * 聚焦激活由 TabsTrigger 的 onFocus 处理,这里不做。\n */\nexport function useTabsKeyboard(ctx: TabsContextValue) {\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (!NAV_KEYS.has(e.key)) return;\n\n    const activeEl = document.activeElement as HTMLElement | null;\n    // 只有焦点在 tab 上时才接管键盘\n    if (activeEl?.getAttribute(\"role\") !== \"tab\") return;\n\n    const tabs = ctx.getTriggers().filter((t) => !t.disabled());\n    if (tabs.length === 0) return;\n\n    const currentIndex = tabs.findIndex((t) => t.element === activeEl);\n    if (currentIndex === -1) return;\n\n    const isVertical = ctx.orientation() === \"vertical\";\n    // dir=auto 时回退到文档实际方向\n    const dir = ctx.dir();\n    const isRTL =\n      dir === \"rtl\" ||\n      (dir === \"auto\" &&\n        typeof document !== \"undefined\" &&\n        document.documentElement.dir === \"rtl\");\n\n    let nextIndex: number | undefined;\n    switch (e.key) {\n      case \"Home\":\n        nextIndex = 0;\n        break;\n      case \"End\":\n        nextIndex = tabs.length - 1;\n        break;\n      case \"ArrowLeft\":\n        if (isVertical) return;\n        nextIndex = currentIndex + (isRTL ? 1 : -1);\n        break;\n      case \"ArrowRight\":\n        if (isVertical) return;\n        nextIndex = currentIndex + (isRTL ? -1 : 1);\n        break;\n      case \"ArrowUp\":\n        if (!isVertical) return;\n        nextIndex = currentIndex - 1;\n        break;\n      case \"ArrowDown\":\n        if (!isVertical) return;\n        nextIndex = currentIndex + 1;\n        break;\n    }\n\n    if (nextIndex === undefined) return;\n\n    // 方向键与当前布局匹配,接管默认滚动行为\n    e.preventDefault();\n\n    if (ctx.loop()) {\n      nextIndex = (nextIndex + tabs.length) % tabs.length;\n    } else {\n      nextIndex = Math.min(tabs.length - 1, Math.max(0, nextIndex));\n    }\n\n    // focus 触发 trigger 的 onFocus → 更新高亮(及 activateOnFocus 时激活)\n    tabs[nextIndex].element.focus();\n  };\n\n  return { handleKeyDown };\n}\n"],"mappings":";AAEA,IAAMA,oBAAW,IAAI,IAAI;CACvB;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAgBD,SAAgBC,EAAgB,GAAuB;CAgErD,OAAO,EAAE,gBA/Dc,MAAqB;EAC1C,IAAI,CAACD,EAAS,IAAIE,EAAE,GAAG,GAAG;EAE1B,IAAMC,IAAW,SAAS;EAE1B,IAAIA,GAAU,aAAa,MAAM,MAAM,OAAO;EAE9C,IAAMC,IAAOC,EAAI,YAAY,CAAC,CAAC,QAAQ,MAAM,CAACC,EAAE,SAAS,CAAC;EAC1D,IAAIF,EAAK,WAAW,GAAG;EAEvB,IAAMG,IAAeH,EAAK,WAAW,MAAME,EAAE,YAAYH,CAAQ;EACjE,IAAII,MAAiB,IAAI;EAEzB,IAAMC,IAAaH,EAAI,YAAY,MAAM,YAEnCI,IAAMJ,EAAI,IAAI,GACdK,IACJD,MAAQ,SACPA,MAAQ,UACP,OAAO,WAAa,OACpB,SAAS,gBAAgB,QAAQ,OAEjCE;EACJ,QAAQT,EAAE,KAAV;GACE,KAAK;IACH,IAAY;IACZ;GACF,KAAK;IACH,IAAYE,EAAK,SAAS;IAC1B;GACF,KAAK;IACH,IAAII,GAAY;IAChB,IAAYD,KAAgBG,IAAQ,IAAI;IACxC;GACF,KAAK;IACH,IAAIF,GAAY;IAChB,IAAYD,KAAgBG,IAAQ,KAAK;IACzC;GACF,KAAK;IACH,IAAI,CAACF,GAAY;IACjB,IAAYD,IAAe;IAC3B;GACF,KAAK;IACH,IAAI,CAACC,GAAY;IACjB,IAAYD,IAAe;EAE/B;EAEA,AAAII,MAAc,KAAA,MAGlBT,EAAE,eAAe,GAEjB,AAGES,IAHEN,EAAI,KAAK,KACEM,IAAYP,EAAK,UAAUA,EAAK,SAEjC,KAAK,IAAIA,EAAK,SAAS,GAAG,KAAK,IAAI,GAAGO,CAAS,CAAC,GAI9DP,EAAKO,EAAU,CAAC,QAAQ,MAAM;CAChC,EAEuB;AACzB"}

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

@@ -1 +1 @@
-{"version":3,"file":"TabsContent.js","names":["createUniqueId","onMount","Show","splitProps","JSX","clsx","useTabsContext","TabsContentProps","TabsContent","props","local","others","ctx","id","contentId","setContentId","value","selected","isSelected","mounted","forceMount","style","CSSProperties","display","_$createComponent","when","children","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","aria-labelledby","getTriggerId","data-active","class","classList","hidden","_$memo"],"sources":["../../../../src/components/tabs/TabsContent/TabsContent.tsx"],"sourcesContent":["import { createUniqueId, onMount, Show, splitProps } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useTabsContext } from \"../Tabs/Tabs.context\";\nimport type { TabsContentProps } from \"./TabsContent.types\";\n\nexport const TabsContent = (props: TabsContentProps) => {\n  const [local, others] = splitProps(props, [\n    \"value\",\n    \"forceMount\",\n    \"class\",\n    \"classList\",\n    \"style\",\n  ]);\n  const ctx = useTabsContext();\n\n  const id = createUniqueId();\n  const contentId = `tabs-content-${id}`;\n\n  onMount(() => ctx.setContentId(local.value, contentId));\n\n  const selected = () => ctx.isSelected(local.value);\n  const mounted = () => selected() || !!local.forceMount;\n\n  // flex-1 的 display:flex 会覆盖 UA 的 [hidden] 规则,forceMount 隐藏必须显式 display:none\n  const style = (): JSX.CSSProperties | undefined => {\n    if (selected() || !local.forceMount) return local.style;\n    return { ...local.style, display: \"none\" };\n  };\n\n  return (\n    <Show when={mounted()}>\n      <div\n        id={contentId}\n        role=\"tabpanel\"\n        data-slot=\"tabs-content\"\n        aria-labelledby={ctx.getTriggerId(local.value)}\n        tabindex=\"0\"\n        data-active={selected() ? \"\" : null}\n        class={clsx(\"flex-1 text-sm outline-none\", local.class)}\n        classList={local.classList}\n        {...others}\n        hidden={!selected() && !!local.forceMount}\n        style={style()}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;kFAMaQ,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAO,CACR,GACKG,IAAMN,EAAe,GAGrBQ,IAAY,gBADPd,EACuBa;CAElCZ,QAAcW,EAAIG,aAAaL,EAAMM,OAAOF,CAAS,CAAC;CAEtD,IAAMG,UAAiBL,EAAIM,WAAWR,EAAMM,KAAK,GAC3CG,UAAgBF,EAAS,KAAK,CAAC,CAACP,EAAMU,YAGtCC,UACAJ,EAAS,KAAK,CAACP,EAAMU,aAAmBV,EAAMW,QAC3C;EAAE,GAAGX,EAAMW;EAAOE,SAAS;CAAO;CAG3C,OAAAC,EACGtB,GAAI;EAAA,IAACuB,OAAI;GAAA,OAAEN,EAAQ;EAAC;EAAA,IAAAO,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAYH,OAZGC,EAAAF,GAAA,MAEbb,CAAS,GAAAgB,EAAAH,GAAAI,EAAA;IAAA,IAAA,oBAAA;KAAA,OAGInB,EAAIqB,aAAavB,EAAMM,KAAK;IAAC;IAAA,IAAA,gBAAA;KAAA,OAEjCC,EAAS,IAAI,KAAK;IAAI;IAAA,IAAA,QAAA;KAAA,OAC5BZ,EAAK,+BAA+BK,EAAMyB,KAAK;IAAC;IAAA,IACvDC,YAAS;KAAA,OAAE1B,EAAM0B;IAAS;GAAA,GACtBzB,GAAM;IAAA,IACV0B,SAAM;KAAA,OAAEC,QAAA,CAACrB,EAAS,CAAC,CAAA,CAAA,KAAI,CAAC,CAACP,EAAMU;IAAU;IAAA,IACzCC,QAAK;KAAA,OAAEA,EAAM;IAAC;GAAA,CAAA,GAAA,IAAA,EAAA,GAAAM;EAAA;CAAA,CAAA;AAItB"}
+{"version":3,"file":"TabsContent.js","names":["createUniqueId","onMount","Show","splitProps","JSX","clsx","useTabsContext","TabsContentProps","TabsContent","props","local","others","ctx","id","contentId","setContentId","value","selected","isSelected","mounted","forceMount","style","CSSProperties","display","_$createComponent","when","children","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","aria-labelledby","getTriggerId","data-active","class","classList","hidden","_$memo","_$createComponent","_$mergeProps","_$memo","_tmpl$","TabsContent","local","others","splitProps","props","ctx","useTabsContext","contentId","createUniqueId","selected","mounted","style","createComponent","Show","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","memo"],"sources":["../../../../src/components/tabs/TabsContent/TabsContent.tsx"],"sourcesContent":["import { createUniqueId, onMount, Show, splitProps } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useTabsContext } from \"../Tabs/Tabs.context\";\nimport type { TabsContentProps } from \"./TabsContent.types\";\n\nexport const TabsContent = (props: TabsContentProps) => {\n  const [local, others] = splitProps(props, [\n    \"value\",\n    \"forceMount\",\n    \"class\",\n    \"classList\",\n    \"style\",\n  ]);\n  const ctx = useTabsContext();\n\n  const id = createUniqueId();\n  const contentId = `tabs-content-${id}`;\n\n  onMount(() => ctx.setContentId(local.value, contentId));\n\n  const selected = () => ctx.isSelected(local.value);\n  const mounted = () => selected() || !!local.forceMount;\n\n  // flex-1 的 display:flex 会覆盖 UA 的 [hidden] 规则,forceMount 隐藏必须显式 display:none\n  const style = (): JSX.CSSProperties | undefined => {\n    if (selected() || !local.forceMount) return local.style;\n    return { ...local.style, display: \"none\" };\n  };\n\n  return (\n    <Show when={mounted()}>\n      <div\n        id={contentId}\n        role=\"tabpanel\"\n        data-slot=\"tabs-content\"\n        aria-labelledby={ctx.getTriggerId(local.value)}\n        tabindex=\"0\"\n        data-active={selected() ? \"\" : null}\n        class={clsx(\"flex-1 text-sm outline-none\", local.class)}\n        classList={local.classList}\n        {...others}\n        hidden={!selected() && !!local.forceMount}\n        style={style()}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;kFAMaQ,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAO,CACR,GACKG,IAAMN,EAAe,GAGrBQ,IAAY,gBADPd,EACuBa;CAElCZ,QAAcW,EAAIG,aAAaL,EAAMM,OAAOF,CAAS,CAAC;CAEtD,IAAMG,UAAiBL,EAAIM,WAAWR,EAAMM,KAAK,GAC3CG,UAAgBF,EAAS,KAAK,CAAC,CAACP,EAAMU,YAGtCC,UACAJ,EAAS,KAAK,CAACP,EAAMU,aAAmBV,EAAMW,QAC3C;EAAE,GAAGX,EAAMW;EAAOE,SAAS;CAAO;CAG3C,OAAAC,EACGtB,GAAI;EAAA,IAACuB,OAAI;GAAA,OAAEN,EAAQ;EAAC;EAAA,IAAAO,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAYH,OAZGC,EAAAF,GAAA,MAEbb,CAAS,GAAAgB,EAAAH,GAAAI,EAAA;IAAA,IAAA,oBAAA;KAAA,OAGInB,EAAIqB,aAAavB,EAAMM,KAAK;IAAC;IAAA,IAAA,gBAAA;KAAA,OAEjCC,EAAS,IAAI,KAAK;IAAI;IAAA,IAAA4C,QAAA;KAAA,OAC5BxD,EAAK,+BAA+BK,EAAMyB,KAAK;IAAC;IAAA,IACvDC,YAAS;KAAA,OAAE1B,EAAM0B;IAAS;GAAA,GACtBzB,GAAM;IAAA,IACV0B,SAAM;KAAA,OAAEC,QAAA,CAACrB,EAAS,CAAC,CAAA,CAAA,KAAI,CAAC,CAACP,EAAMU;IAAU;IAAA,IACzCC,QAAK;KAAA,OAAEA,EAAM;IAAC;GAAA,CAAA,GAAA,IAAA,EAAA,GAAAM;EAAA;CAAA,CAAA;AAItB"}

package/dist/components/tabs/TabsList/TabsList.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.context.js","names":[],"sources":["../../../../src/components/tabs/TabsList/TabsList.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface TabsListContextValue {\n  /** 聚焦是否激活 tab(base-ui 语义,默认 false:聚焦只高亮,点击才激活) */\n  activateOnFocus: boolean;\n}\n\nexport const TabsListContext = createContext<TabsListContextValue>();\n\nexport const useTabsListContext = () => {\n  const context = useContext(TabsListContext);\n  if (!context)\n    throw new Error(\n      \"useTabsListContext must be used within a <TabsList> component\",\n    );\n  return context;\n};\n"],"mappings":";;AAOA,IAAa,IAAkB,EAAoC,GAEtD,UAA2B;CACtC,IAAM,IAAU,EAAW,CAAe;CAC1C,IAAI,CAAC,GACH,MAAU,MACR,+DACF;CACF,OAAO;AACT"}
+{"version":3,"file":"TabsList.context.js","names":["TabsListContext","createContext","useTabsListContext","context","useContext"],"sources":["../../../../src/components/tabs/TabsList/TabsList.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface TabsListContextValue {\n  /** 聚焦是否激活 tab(base-ui 语义,默认 false:聚焦只高亮,点击才激活) */\n  activateOnFocus: boolean;\n}\n\nexport const TabsListContext = createContext<TabsListContextValue>();\n\nexport const useTabsListContext = () => {\n  const context = useContext(TabsListContext);\n  if (!context)\n    throw new Error(\n      \"useTabsListContext must be used within a <TabsList> component\",\n    );\n  return context;\n};\n"],"mappings":";;AAOA,IAAaA,IAAkBC,EAAoC,GAEtDC,UAA2B;CACtC,IAAMC,IAAUC,EAAWJ,CAAe;CAC1C,IAAI,CAACG,GACH,MAAU,MACR,+DACF;CACF,OAAOA;AACT"}

package/dist/components/tabs/TabsList/TabsList.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"TabsList.js","names":["mergeProps","splitProps","TabsListProps","clsx","tabsListVariants","useTabsContext","useTabsKeyboard","callEventHandler","TabsListContext","TabsList","props","merged","variant","activateOnFocus","const","local","events","others","ctx","handleKeyDown","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","aria-orientation","orientation","undefined","class","classList","e","onKeyDown"],"sources":["../../../../src/components/tabs/TabsList/TabsList.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { TabsListProps } from \"./TabsList.types\";\nimport { clsx } from \"~/utils\";\nimport { tabsListVariants } from \"./TabsList.styles\";\nimport { useTabsContext } from \"../Tabs/Tabs.context\";\nimport { useTabsKeyboard } from \"../Tabs/useTabsKeyboard\";\nimport { callEventHandler } from \"../Tabs/call-event-handler\";\nimport { TabsListContext } from \"./TabsList.context\";\n\nexport const TabsList = (props: TabsListProps) => {\n  const merged = mergeProps(\n    { variant: \"secondary\", activateOnFocus: false } as const,\n    props,\n  );\n  const [local, events, others] = splitProps(\n    merged,\n    [\"variant\", \"class\", \"classList\", \"activateOnFocus\"],\n    [\"onKeyDown\"],\n  );\n\n  const ctx = useTabsContext();\n  const { handleKeyDown } = useTabsKeyboard(ctx);\n\n  return (\n    <TabsListContext.Provider\n      value={{ activateOnFocus: local.activateOnFocus }}\n    >\n      <div\n        role=\"tablist\"\n        data-slot=\"tabs-list\"\n        data-variant={local.variant}\n        aria-orientation={\n          ctx.orientation() === \"vertical\" ? \"vertical\" : undefined\n        }\n        class={clsx(tabsListVariants({ variant: local.variant }), local.class)}\n        classList={local.classList}\n        {...others}\n        onKeyDown={(e) => {\n          handleKeyDown(e);\n          callEventHandler(events.onKeyDown, e);\n        }}\n      />\n    </TabsListContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;mEASaS,KAAYC,MAAyB;CAChD,IAAMC,IAASX,EACb;EAAEY,SAAS;EAAaC,iBAAiB;CAAM,GAC/CH,CACF,GACM,CAACK,GAAOC,GAAQC,KAAUhB,EAC9BU,GACA;EAAC;EAAW;EAAS;EAAa;CAAiB,GACnD,CAAC,WAAW,CACd,GAEMO,IAAMb,EAAe,GACrB,EAAEc,qBAAkBb,EAAgBY,CAAG;CAE7C,OAAAE,EACGZ,EAAgBa,UAAQ;EAAA,IACvBC,QAAK;GAAA,OAAE,EAAET,iBAAiBE,EAAMF,gBAAgB;EAAC;EAAA,IAAAU,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAe9C,OAf8CC,EAAAF,GAAAG,EAAA;IAAA,IAAA,iBAAA;KAAA,OAKjCZ,EAAMH;IAAO;IAAA,IAAA,qBAAA;KAAA,OAEzBM,EAAIY,YAAY,MAAM,aAAa,aAAaC,KAAAA;IAAS;IAAA,IAAA,QAAA;KAAA,OAEpD5B,EAAKC,EAAiB,EAAEQ,SAASG,EAAMH,QAAQ,CAAC,GAAGG,EAAMiB,KAAK;IAAC;IAAA,IACtEC,YAAS;KAAA,OAAElB,EAAMkB;IAAS;GAAA,GACtBhB,GAAM,EAAA,YACEiB,MAAM;IAEhB3B,AADAY,EAAce,CAAC,GACf3B,EAAiBS,EAAOmB,WAAWD,CAAC;GACtC,EAAC,CAAA,GAAA,IAAA,EAAA,GAAAV;EAAA;CAAA,CAAA;AAIT"}
+{"version":3,"file":"TabsList.js","names":["mergeProps","splitProps","TabsListProps","clsx","tabsListVariants","useTabsContext","useTabsKeyboard","callEventHandler","TabsListContext","TabsList","props","merged","variant","activateOnFocus","const","local","events","others","ctx","handleKeyDown","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","aria-orientation","orientation","undefined","class","classList","e","onKeyDown","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","TabsList","merged","props","local","events","others","splitProps","ctx","useTabsContext","useTabsKeyboard","createComponent","TabsListContext","_el$","spread","mergeProps","\"class\"","clsx","tabsListVariants","\"onKeyDown\"","handleKeyDown","callEventHandler"],"sources":["../../../../src/components/tabs/TabsList/TabsList.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { TabsListProps } from \"./TabsList.types\";\nimport { clsx } from \"~/utils\";\nimport { tabsListVariants } from \"./TabsList.styles\";\nimport { useTabsContext } from \"../Tabs/Tabs.context\";\nimport { useTabsKeyboard } from \"../Tabs/useTabsKeyboard\";\nimport { callEventHandler } from \"../Tabs/call-event-handler\";\nimport { TabsListContext } from \"./TabsList.context\";\n\nexport const TabsList = (props: TabsListProps) => {\n  const merged = mergeProps(\n    { variant: \"secondary\", activateOnFocus: false } as const,\n    props,\n  );\n  const [local, events, others] = splitProps(\n    merged,\n    [\"variant\", \"class\", \"classList\", \"activateOnFocus\"],\n    [\"onKeyDown\"],\n  );\n\n  const ctx = useTabsContext();\n  const { handleKeyDown } = useTabsKeyboard(ctx);\n\n  return (\n    <TabsListContext.Provider\n      value={{ activateOnFocus: local.activateOnFocus }}\n    >\n      <div\n        role=\"tablist\"\n        data-slot=\"tabs-list\"\n        data-variant={local.variant}\n        aria-orientation={\n          ctx.orientation() === \"vertical\" ? \"vertical\" : undefined\n        }\n        class={clsx(tabsListVariants({ variant: local.variant }), local.class)}\n        classList={local.classList}\n        {...others}\n        onKeyDown={(e) => {\n          handleKeyDown(e);\n          callEventHandler(events.onKeyDown, e);\n        }}\n      />\n    </TabsListContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;mEASaS,KAAYC,MAAyB;CAChD,IAAMC,IAASX,EACb;EAAEY,SAAS;EAAaC,iBAAiB;CAAM,GAC/CH,CACF,GACM,CAACK,GAAOC,GAAQC,KAAUhB,EAC9BU,GACA;EAAC;EAAW;EAAS;EAAa;CAAiB,GACnD,CAAC,WAAW,CACd,GAEMO,IAAMb,EAAe,GACrB,EAAEc,qBAAkBb,EAAgBY,CAAG;CAE7C,OAAAE,EACGZ,EAAgBa,UAAQ;EAAA,IACvBC,QAAK;GAAA,OAAE,EAAET,iBAAiBE,EAAMF,gBAAgB;EAAC;EAAA,IAAAU,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAe9C,OAf8CC,EAAAF,GAAAG,EAAA;IAAA,IAAA,iBAAA;KAAA,OAKjCZ,EAAMH;IAAO;IAAA,IAAA,qBAAA;KAAA,OAEzBM,EAAIY,YAAY,MAAM,aAAa,aAAaC,KAAAA;IAAS;IAAA,IAAAyB,QAAA;KAAA,OAEpDrD,EAAKC,EAAiB,EAAEQ,SAASG,EAAMH,QAAQ,CAAC,GAAGG,EAAMiB,KAAK;IAAC;IAAA,IACtEC,YAAS;KAAA,OAAElB,EAAMkB;IAAS;GAAA,GACtBhB,GAAM,EAAA0C,YACEzB,MAAM;IAEhB3B,AADAY,EAAce,CAAC,GACf3B,EAAiBS,EAAOmB,WAAWD,CAAC;GACtC,EAAC,CAAA,GAAA,IAAA,EAAA,GAAAV;EAAA;CAAA,CAAA;AAIT"}

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

@@ -1 +1 @@
-{"version":3,"file":"TabsList.styles.js","names":[],"sources":["../../../../src/components/tabs/TabsList/TabsList.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const tabsListVariants = cva(\n  \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-0.75 text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n  {\n    variants: {\n      variant: {\n        secondary: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"secondary\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAa,IAAmB,EAC9B,0OACA;CACE,UAAU,EACR,SAAS;EACP,WAAW;EACX,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,YACX;AACF,CACF"}
+{"version":3,"file":"TabsList.styles.js","names":["tabsListVariants","cva"],"sources":["../../../../src/components/tabs/TabsList/TabsList.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const tabsListVariants = cva(\n  \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-0.75 text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n  {\n    variants: {\n      variant: {\n        secondary: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"secondary\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAaA,IAAmBC,EAC9B,0OACA;CACE,UAAU,EACR,SAAS;EACP,WAAW;EACX,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,YACX;AACF,CACF"}

package/dist/components/tabs/TabsTrigger/TabsTrigger.d.ts

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

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;