@neut/ui 0.0.9 → 0.0.11

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,71 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { TabsProvider as t } from "./Tabs.context.js";
+import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { mergeProps as s, splitProps as c } from "solid-js";
+//#region src/components/tabs/Tabs/Tabs.tsx
+var l = /*#__PURE__*/ o("<div data-slot=tabs>"), u = (o) => {
+	let u = s({
+		orientation: "horizontal",
+		loop: !0,
+		dir: "ltr"
+	}, o), [d, f] = c(u, [
+		"defaultValue",
+		"value",
+		"onValueChange",
+		"orientation",
+		"loop",
+		"dir",
+		"class",
+		"classList",
+		"children"
+	]), p = () => d.orientation === "vertical";
+	return (() => {
+		var o = l();
+		return a(o, i({
+			get "data-orientation"() {
+				return d.orientation;
+			},
+			get "data-vertical"() {
+				return p() ? "" : null;
+			},
+			get "data-horizontal"() {
+				return p() ? null : "";
+			},
+			get dir() {
+				return d.dir;
+			},
+			get class() {
+				return e("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", d.class);
+			},
+			get classList() {
+				return d.classList;
+			}
+		}, f), !1, !0), r(o, n(t, {
+			get defaultValue() {
+				return d.defaultValue;
+			},
+			get value() {
+				return d.value;
+			},
+			get onValueChange() {
+				return d.onValueChange;
+			},
+			get orientation() {
+				return d.orientation;
+			},
+			get dir() {
+				return d.dir;
+			},
+			get loop() {
+				return d.loop;
+			},
+			get children() {
+				return d.children;
+			}
+		})), o;
+	})();
+};
+//#endregion
+export { u as Tabs };
+
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type TabsValue = string | number;
+interface BaseTabsProps extends BaseProps {
+    /** 非受控模式:初始激活值 */
+    defaultValue?: TabsValue;
+    /** 受控模式:激活值(提供后组件不再自管状态) */
+    value?: TabsValue;
+    /** 值变化回调(受控与非受控都会触发) */
+    onValueChange?: (value: TabsValue) => void;
+    /** 布局方向,默认 "horizontal" */
+    orientation?: "horizontal" | "vertical";
+    /** 方向键是否循环,默认 true */
+    loop?: boolean;
+}
+export type TabsProps = PolymorphicProps<"div", BaseTabsProps, false>;
+export {};

package/dist/components/tabs/Tabs/call-event-handler.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 调用用户传入的事件处理器(兼容 Solid 的函数或函数数组形式)。
+ * splitProps restKeys 提取出的事件类型是 EventHandlerUnion,不能直接调用。
+ */
+export declare function callEventHandler<E extends Event>(handler: unknown, event: E): void;

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

@@ -0,0 +1,9 @@
+//#region src/components/tabs/Tabs/call-event-handler.ts
+function e(e, t) {
+	let n = Array.isArray(e) ? e : [e];
+	for (let e of n) typeof e == "function" && e(t);
+}
+//#endregion
+export { e as callEventHandler };
+
+//# sourceMappingURL=call-event-handler.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export { Tabs } from './Tabs';
+export * from './Tabs.types';

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

@@ -0,0 +1,18 @@
+import { TabsContextValue } from './Tabs.context';
+/**
+ * tablist 的 roving focus 键盘导航(纯逻辑,可在事件中独立单测)
+ *
+ * 方向映射:
+ * - horizontal + ltr: ArrowRight → next, ArrowLeft → prev
+ * - horizontal + rtl: 左右反转
+ * - vertical:          ArrowDown → next, ArrowUp → prev
+ * - Home → 第一个,End → 最后一个
+ * - loop=true 环绕,false 边界停止;跳过 disabled 的 trigger
+ *
+ * 与 base-ui 一致:方向键只移动焦点(触发 onFocus 更新高亮),不激活;
+ * 激活靠点击(Enter/Space 触发 button 的 click)。activateOnFocus 时的
+ * 聚焦激活由 TabsTrigger 的 onFocus 处理,这里不做。
+ */
+export declare function useTabsKeyboard(ctx: TabsContextValue): {
+    handleKeyDown: (e: KeyboardEvent) => void;
+};

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

@@ -0,0 +1,49 @@
+//#region src/components/tabs/Tabs/useTabsKeyboard.ts
+var e = /* @__PURE__ */ new Set([
+	"ArrowLeft",
+	"ArrowRight",
+	"ArrowUp",
+	"ArrowDown",
+	"Home",
+	"End"
+]);
+function t(t) {
+	return { handleKeyDown: (n) => {
+		if (!e.has(n.key)) return;
+		let r = document.activeElement;
+		if (r?.getAttribute("role") !== "tab") return;
+		let i = t.getTriggers().filter((e) => !e.disabled());
+		if (i.length === 0) return;
+		let a = i.findIndex((e) => e.element === r);
+		if (a === -1) return;
+		let o = t.orientation() === "vertical", s = t.dir(), c = s === "rtl" || s === "auto" && typeof document < "u" && document.documentElement.dir === "rtl", l;
+		switch (n.key) {
+			case "Home":
+				l = 0;
+				break;
+			case "End":
+				l = i.length - 1;
+				break;
+			case "ArrowLeft":
+				if (o) return;
+				l = a + (c ? 1 : -1);
+				break;
+			case "ArrowRight":
+				if (o) return;
+				l = a + (c ? -1 : 1);
+				break;
+			case "ArrowUp":
+				if (!o) return;
+				l = a - 1;
+				break;
+			case "ArrowDown":
+				if (!o) return;
+				l = a + 1;
+		}
+		l !== void 0 && (n.preventDefault(), l = t.loop() ? (l + i.length) % i.length : Math.min(i.length - 1, Math.max(0, l)), i[l].element.focus());
+	} };
+}
+//#endregion
+export { t as useTabsKeyboard };
+
+//# sourceMappingURL=useTabsKeyboard.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+import { JSX } from 'solid-js';
+import { TabsContentProps } from './TabsContent.types';
+export declare const TabsContent: (props: TabsContentProps) => JSX.Element;

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

@@ -0,0 +1,52 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useTabsContext as t } from "../Tabs/Tabs.context.js";
+import { createComponent as n, memo as r, mergeProps as i, setAttribute as a, spread as o, template as s } from "solid-js/web";
+import { Show as c, createUniqueId as l, onMount as u, splitProps as d } from "solid-js";
+//#region src/components/tabs/TabsContent/TabsContent.tsx
+var f = /*#__PURE__*/ s("<div role=tabpanel data-slot=tabs-content tabindex=0>"), p = (s) => {
+	let [p, m] = d(s, [
+		"value",
+		"forceMount",
+		"class",
+		"classList",
+		"style"
+	]), h = t(), g = `tabs-content-${l()}`;
+	u(() => h.setContentId(p.value, g));
+	let _ = () => h.isSelected(p.value), v = () => _() || !!p.forceMount, y = () => _() || !p.forceMount ? p.style : {
+		...p.style,
+		display: "none"
+	};
+	return n(c, {
+		get when() {
+			return v();
+		},
+		get children() {
+			var t = f();
+			return a(t, "id", g), o(t, i({
+				get "aria-labelledby"() {
+					return h.getTriggerId(p.value);
+				},
+				get "data-active"() {
+					return _() ? "" : null;
+				},
+				get class() {
+					return e("flex-1 text-sm outline-none", p.class);
+				},
+				get classList() {
+					return p.classList;
+				}
+			}, m, {
+				get hidden() {
+					return r(() => !_())() && !!p.forceMount;
+				},
+				get style() {
+					return y();
+				}
+			}), !1, !1), t;
+		}
+	});
+};
+//#endregion
+export { p as TabsContent };
+
+//# sourceMappingURL=TabsContent.js.map

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

@@ -0,0 +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"}

package/dist/components/tabs/TabsContent/TabsContent.types.d.ts

@@ -0,0 +1,6 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+import { TabsValue } from '../Tabs/Tabs.types';
+export type TabsContentProps = PolymorphicProps<"div", BaseProps & {
+    value: TabsValue;
+    forceMount?: boolean;
+}, false>;

package/dist/components/tabs/TabsContent/index.d.ts

@@ -0,0 +1,2 @@
+export { TabsContent } from './TabsContent';
+export * from './TabsContent.types';

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

@@ -0,0 +1,7 @@
+interface TabsListContextValue {
+    /** 聚焦是否激活 tab(base-ui 语义,默认 false:聚焦只高亮,点击才激活) */
+    activateOnFocus: boolean;
+}
+export declare const TabsListContext: import('solid-js').Context<TabsListContextValue | undefined>;
+export declare const useTabsListContext: () => TabsListContextValue;
+export {};

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

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/tabs/TabsList/TabsList.context.ts
+var n = e(), r = () => {
+	let e = t(n);
+	if (!e) throw Error("useTabsListContext must be used within a <TabsList> component");
+	return e;
+};
+//#endregion
+export { n as TabsListContext, r as useTabsListContext };
+
+//# sourceMappingURL=TabsList.context.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,48 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useTabsContext as t } from "../Tabs/Tabs.context.js";
+import { tabsListVariants as n } from "./TabsList.styles.js";
+import { useTabsKeyboard as r } from "../Tabs/useTabsKeyboard.js";
+import { callEventHandler as i } from "../Tabs/call-event-handler.js";
+import { TabsListContext as a } from "./TabsList.context.js";
+import { createComponent as o, mergeProps as s, spread as c, template as l } from "solid-js/web";
+import { mergeProps as u, splitProps as d } from "solid-js";
+//#region src/components/tabs/TabsList/TabsList.tsx
+var f = /*#__PURE__*/ l("<div role=tablist data-slot=tabs-list>"), p = (l) => {
+	let p = u({
+		variant: "secondary",
+		activateOnFocus: !1
+	}, l), [m, h, g] = d(p, [
+		"variant",
+		"class",
+		"classList",
+		"activateOnFocus"
+	], ["onKeyDown"]), _ = t(), { handleKeyDown: v } = r(_);
+	return o(a.Provider, {
+		get value() {
+			return { activateOnFocus: m.activateOnFocus };
+		},
+		get children() {
+			var t = f();
+			return c(t, s({
+				get "data-variant"() {
+					return m.variant;
+				},
+				get "aria-orientation"() {
+					return _.orientation() === "vertical" ? "vertical" : void 0;
+				},
+				get class() {
+					return e(n({ variant: m.variant }), m.class);
+				},
+				get classList() {
+					return m.classList;
+				}
+			}, g, { onKeyDown: (e) => {
+				v(e), i(h.onKeyDown, e);
+			} }), !1, !1), t;
+		}
+	});
+};
+//#endregion
+export { p as TabsList };
+
+//# sourceMappingURL=TabsList.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+export declare const tabsListVariants: (props?: ({
+    variant?: "line" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,13 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/tabs/TabsList/TabsList.styles.ts
+var t = e("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", {
+	variants: { variant: {
+		secondary: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "secondary" }
+});
+//#endregion
+export { t as tabsListVariants };
+
+//# sourceMappingURL=TabsList.styles.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+import { BaseProps, PolymorphicProps } from '../../../types';
+import { tabsListVariants } from './TabsList.styles';
+export type TabsListProps = PolymorphicProps<"div", BaseProps & VariantProps<typeof tabsListVariants> & {
+    /** 聚焦 tab 时是否同时激活,默认 false(与 base-ui 一致) */
+    activateOnFocus?: boolean;
+}, false>;

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

@@ -0,0 +1,2 @@
+export { TabsList } from './TabsList';
+export * from './TabsList.types';

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

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

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

@@ -0,0 +1,71 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useTabsContext as t } from "../Tabs/Tabs.context.js";
+import { callEventHandler as n } from "../Tabs/call-event-handler.js";
+import { useTabsListContext as r } from "../TabsList/TabsList.context.js";
+import { tabsTriggerStyles as i } from "./TabsTrigger.styles.js";
+import { mergeProps as a, setAttribute as o, spread as s, template as c, use as l } from "solid-js/web";
+import { createUniqueId as u, onCleanup as d, onMount as f, splitProps as p } from "solid-js";
+//#region src/components/tabs/TabsTrigger/TabsTrigger.tsx
+var m = /*#__PURE__*/ c("<button type=button role=tab data-slot=tabs-trigger>"), h = (c) => {
+	let [h, g, _] = p(c, [
+		"value",
+		"class",
+		"classList",
+		"disabled"
+	], ["onClick", "onFocus"]), v = t(), y = r(), b = `tabs-trigger-${u()}`, x, S = () => !!h.disabled, C = () => v.isSelected(h.value), w = () => {
+		if (S()) return -1;
+		let e = v.highlightedValue();
+		return e === h.value && v.isUsable(h.value) || (e === void 0 || !v.isUsable(e)) && v.isFirstEnabled(h.value) ? 0 : -1;
+	};
+	return f(() => {
+		v.setTriggerId(h.value, b), d(v.registerTrigger({
+			value: h.value,
+			disabled: S,
+			element: x
+		}));
+	}), (() => {
+		var t = m();
+		return l((e) => {
+			x = e;
+		}, t), o(t, "id", b), s(t, a({
+			get "data-active"() {
+				return C() ? "" : null;
+			},
+			get "data-highlighted"() {
+				return v.highlightedValue() === h.value ? "" : null;
+			},
+			get "aria-selected"() {
+				return C();
+			},
+			get "aria-controls"() {
+				return v.getContentId(h.value);
+			},
+			get "aria-disabled"() {
+				return S() ? "true" : void 0;
+			},
+			get tabindex() {
+				return w();
+			},
+			get disabled() {
+				return h.disabled;
+			},
+			get class() {
+				return e(i, h.class);
+			},
+			get classList() {
+				return h.classList;
+			}
+		}, _, {
+			onClick: (e) => {
+				S() || v.setValue(h.value), n(g.onClick, e);
+			},
+			onFocus: (e) => {
+				S() || (v.setHighlightedValue(h.value), y.activateOnFocus && v.setValue(h.value)), n(g.onFocus, e);
+			}
+		}), !1, !1), t;
+	})();
+};
+//#endregion
+export { h as TabsTrigger };
+
+//# sourceMappingURL=TabsTrigger.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1 @@
+export declare const tabsTriggerStyles: string;

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

@@ -0,0 +1,7 @@
+import { clsx as e } from "../../../utils/clsx.js";
+//#region src/components/tabs/TabsTrigger/TabsTrigger.styles.ts
+var t = e("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", "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", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "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");
+//#endregion
+export { t as tabsTriggerStyles };
+
+//# sourceMappingURL=TabsTrigger.styles.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,6 @@
+import { BaseProps, MouseEventHandler, PolymorphicProps } from '../../../types';
+import { TabsValue } from '../Tabs/Tabs.types';
+export type TabsTriggerProps = PolymorphicProps<"button", BaseProps & {
+    value: TabsValue;
+    onClick?: MouseEventHandler<"button">;
+}, false>;

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

@@ -0,0 +1,2 @@
+export { TabsTrigger } from './TabsTrigger';
+export * from './TabsTrigger.types';

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

@@ -0,0 +1,4 @@
+export * from './Tabs';
+export * from './TabsList';
+export * from './TabsTrigger';
+export * from './TabsContent';

package/dist/components/tabs/index.js

@@ -0,0 +1,5 @@
+import { Tabs as e } from "./Tabs/Tabs.js";
+import { TabsList as t } from "./TabsList/TabsList.js";
+import { TabsTrigger as n } from "./TabsTrigger/TabsTrigger.js";
+import { TabsContent as r } from "./TabsContent/TabsContent.js";
+export { e as Tabs, r as TabsContent, t as TabsList, n as TabsTrigger };

package/dist/components/textarea/Textarea.js

@@ -2,12 +2,12 @@ import { clsx as e } from "../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/textarea/Textarea.tsx
-var a = /* @__PURE__ */ r("<textarea data-slot=textarea>"), o = (r) => {
+var a = /*#__PURE__*/ r("<textarea data-slot=textarea>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
 		return n(r, t({ get class() {
-			return e("flex field-sizing-content min-h-16 w-full rounded-lg border border-neutral-200 dark:border-white/15 bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-neutral-500 dark:placeholder:text-neutral-400 focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500  focus-visible:ring-3 focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 disabled:cursor-not-allowed disabled:bg-neutral-200/50 disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 md:text-sm dark:bg-white/4.5 dark:disabled:bg-white/12 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40", o.class);
+			return e("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", o.class);
 		} }, s), !1, !1), r;
 	})();
 };

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-neutral-200 dark:border-white/15 bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-neutral-500 dark:placeholder:text-neutral-400 focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500  focus-visible:ring-3 focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 disabled:cursor-not-allowed disabled:bg-neutral-200/50 disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 md:text-sm dark:bg-white/4.5 dark:disabled:bg-white/12 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;4DAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWR,EACL,qqBACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"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"}