@ensolid/radix 0.0.0

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,150 @@
+import { delegateEvents, createComponent, template, spread, mergeProps, insert, memo } from "solid-js/web";
+import { createContext, splitProps, createSignal, useContext } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<div>`), _tmpl$2 = /* @__PURE__ */ template(`<div role=tablist>`), _tmpl$3 = /* @__PURE__ */ template(`<button type=button role=tab>`), _tmpl$4 = /* @__PURE__ */ template(`<div role=tabpanel>`);
+const TabsContext = createContext();
+const useTabsContext = () => {
+  const context = useContext(TabsContext);
+  if (!context) {
+    throw new Error("Tabs components must be used within Tabs");
+  }
+  return context;
+};
+const TabsBase = (props) => {
+  const [local, others] = splitProps(props, ["value", "defaultValue", "onValueChange", "orientation", "class", "children"]);
+  const [internalValue, setInternalValue] = createSignal(local.value ?? local.defaultValue);
+  const isControlled = () => local.value !== void 0;
+  const value = () => isControlled() ? local.value : internalValue();
+  const handleValueChange = (newValue) => {
+    if (!isControlled()) {
+      setInternalValue(newValue);
+    }
+    local.onValueChange?.(newValue);
+  };
+  const contextValue = {
+    value,
+    setValue: handleValueChange,
+    orientation: local.orientation ?? "horizontal"
+  };
+  return createComponent(TabsContext.Provider, {
+    value: contextValue,
+    get children() {
+      var _el$ = _tmpl$();
+      spread(_el$, mergeProps({
+        get ["class"]() {
+          return local.class;
+        },
+        get ["data-orientation"]() {
+          return contextValue.orientation;
+        }
+      }, others), false, true);
+      insert(_el$, () => local.children);
+      return _el$;
+    }
+  });
+};
+const Tabs = Object.assign(TabsBase, {
+  List: null,
+  Trigger: null,
+  Content: null
+});
+const TabsList = (props) => {
+  const [local, others] = splitProps(props, ["children", "class"]);
+  const context = useTabsContext();
+  return (() => {
+    var _el$2 = _tmpl$2();
+    spread(_el$2, mergeProps({
+      get ["class"]() {
+        return local.class;
+      },
+      get ["aria-orientation"]() {
+        return context.orientation;
+      },
+      get ["data-orientation"]() {
+        return context.orientation;
+      }
+    }, others), false, true);
+    insert(_el$2, () => local.children);
+    return _el$2;
+  })();
+};
+const TabsTrigger = (props) => {
+  const [local, others] = splitProps(props, ["value", "disabled", "children", "class", "onClick"]);
+  const context = useTabsContext();
+  const isActive = () => context.value() === local.value;
+  const handleClick = (e) => {
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+    if (!local.disabled) {
+      context.setValue(local.value);
+    }
+  };
+  return (() => {
+    var _el$3 = _tmpl$3();
+    _el$3.$$click = handleClick;
+    spread(_el$3, mergeProps({
+      get ["class"]() {
+        return local.class;
+      },
+      get disabled() {
+        return local.disabled;
+      },
+      get ["aria-selected"]() {
+        return isActive();
+      },
+      get ["aria-controls"]() {
+        return `tabpanel-${local.value}`;
+      },
+      get ["data-state"]() {
+        return isActive() ? "active" : "inactive";
+      },
+      get ["data-disabled"]() {
+        return local.disabled ? "" : void 0;
+      }
+    }, others), false, true);
+    insert(_el$3, () => local.children);
+    return _el$3;
+  })();
+};
+const TabsContent = (props) => {
+  const [local, others] = splitProps(props, ["value", "children", "class"]);
+  const context = useTabsContext();
+  const isActive = () => context.value() === local.value;
+  return (() => {
+    var _el$4 = _tmpl$4();
+    spread(_el$4, mergeProps({
+      get id() {
+        return `tabpanel-${local.value}`;
+      },
+      get ["class"]() {
+        return local.class;
+      },
+      get ["aria-labelledby"]() {
+        return `tab-${local.value}`;
+      },
+      get hidden() {
+        return !isActive();
+      },
+      get ["data-state"]() {
+        return isActive() ? "active" : "inactive";
+      }
+    }, others), false, true);
+    insert(_el$4, (() => {
+      var _c$ = memo(() => !!isActive());
+      return () => _c$() && local.children;
+    })());
+    return _el$4;
+  })();
+};
+Tabs.List = TabsList;
+Tabs.Trigger = TabsTrigger;
+Tabs.Content = TabsContent;
+delegateEvents(["click"]);
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  useTabsContext
+};
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { createContext, createSignal, splitProps, useContext } from \"solid-js\";\nimport type { Component, JSX } from \"solid-js\";\n\ninterface TabsContextValue {\n  value: () => string | undefined;\n  setValue: (value: string) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nconst TabsContext = createContext<TabsContextValue>();\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error(\"Tabs components must be used within Tabs\");\n  }\n  return context;\n};\n\nexport interface TabsProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 当前激活的标签页值\n   */\n  value?: string;\n  /**\n   * 默认激活的标签页值\n   */\n  defaultValue?: string;\n  /**\n   * 值变化回调\n   */\n  onValueChange?: (value: string) => void;\n  /**\n   * 标签页方向\n   * @default 'horizontal'\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nconst TabsBase: Component<TabsProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"orientation\",\n    \"class\",\n    \"children\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal<string | undefined>(\n    local.value ?? local.defaultValue,\n  );\n\n  const isControlled = () => local.value !== undefined;\n  const value = () => (isControlled() ? local.value : internalValue());\n\n  const handleValueChange = (newValue: string) => {\n    if (!isControlled()) {\n      setInternalValue(newValue);\n    }\n    local.onValueChange?.(newValue);\n  };\n\n  const contextValue: TabsContextValue = {\n    value,\n    setValue: handleValueChange,\n    orientation: local.orientation ?? \"horizontal\",\n  };\n\n  return (\n    <TabsContext.Provider value={contextValue}>\n      <div\n        class={local.class}\n        data-orientation={contextValue.orientation}\n        {...others}\n      >\n        {local.children}\n      </div>\n    </TabsContext.Provider>\n  );\n};\n\nexport interface TabsComponent extends Component<TabsProps> {\n  List: Component<TabsListProps>;\n  Trigger: Component<TabsTriggerProps>;\n  Content: Component<TabsContentProps>;\n}\n\nexport const Tabs = Object.assign(TabsBase, {\n  List: null as unknown as Component<TabsListProps>,\n  Trigger: null as unknown as Component<TabsTriggerProps>,\n  Content: null as unknown as Component<TabsContentProps>,\n}) as TabsComponent;\n\nexport interface TabsListProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport const TabsList: Component<TabsListProps> = (props) => {\n  const [local, others] = splitProps(props, [\"children\", \"class\"]);\n  const context = useTabsContext();\n\n  return (\n    <div\n      role=\"tablist\"\n      class={local.class}\n      aria-orientation={context.orientation}\n      data-orientation={context.orientation}\n      {...others}\n    >\n      {local.children}\n    </div>\n  );\n};\n\nexport interface TabsTriggerProps\n  extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * 标签页的值\n   */\n  value: string;\n  /**\n   * 是否禁用\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport const TabsTrigger: Component<TabsTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    \"value\",\n    \"disabled\",\n    \"children\",\n    \"class\",\n    \"onClick\",\n  ]);\n  const context = useTabsContext();\n\n  const isActive = () => context.value() === local.value;\n\n  const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (e) => {\n    if (typeof local.onClick === \"function\") {\n      local.onClick(e);\n    }\n    if (!local.disabled) {\n      context.setValue(local.value);\n    }\n  };\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      class={local.class}\n      disabled={local.disabled}\n      aria-selected={isActive()}\n      aria-controls={`tabpanel-${local.value}`}\n      data-state={isActive() ? \"active\" : \"inactive\"}\n      data-disabled={local.disabled ? \"\" : undefined}\n      onClick={handleClick}\n      {...others}\n    >\n      {local.children}\n    </button>\n  );\n};\n\nexport interface TabsContentProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 内容对应的标签页值\n   */\n  value: string;\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport const TabsContent: Component<TabsContentProps> = (props) => {\n  const [local, others] = splitProps(props, [\"value\", \"children\", \"class\"]);\n  const context = useTabsContext();\n\n  const isActive = () => context.value() === local.value;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      id={`tabpanel-${local.value}`}\n      class={local.class}\n      aria-labelledby={`tab-${local.value}`}\n      hidden={!isActive()}\n      data-state={isActive() ? \"active\" : \"inactive\"}\n      {...others}\n    >\n      {isActive() && local.children}\n    </div>\n  );\n};\n\nTabs.List = TabsList;\nTabs.Trigger = TabsTrigger;\nTabs.Content = TabsContent;\n"],"names":["TabsContext","createContext","useTabsContext","context","useContext","Error","TabsBase","props","local","others","splitProps","internalValue","setInternalValue","createSignal","value","defaultValue","isControlled","undefined","handleValueChange","newValue","onValueChange","contextValue","setValue","orientation","_$createComponent","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","Tabs","Object","assign","List","Trigger","Content","TabsList","_el$2","_tmpl$2","TabsTrigger","isActive","handleClick","e","onClick","disabled","_el$3","_tmpl$3","$$click","TabsContent","_el$4","_tmpl$4","id","hidden","_c$","_$memo","_$delegateEvents"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from './Tabs';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,22 @@
+import { Component, JSX } from 'solid-js';
+export interface ToggleProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    /**
+     * 是否按下
+     */
+    pressed?: boolean;
+    /**
+     * 默认按下状态
+     */
+    defaultPressed?: boolean;
+    /**
+     * 按下状态变化回调
+     */
+    onPressedChange?: (pressed: boolean) => void;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+}
+export declare const Toggle: Component<ToggleProps>;
+//# sourceMappingURL=Toggle.d.ts.map

package/dist/components/Toggle/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAChG;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,SAAS,CAAC,WAAW,CAoDzC,CAAC"}

package/dist/components/Toggle/Toggle.js

@@ -0,0 +1,51 @@
+import { delegateEvents, template, spread, mergeProps, insert } from "solid-js/web";
+import { splitProps, createSignal } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<button type=button role=switch>`);
+const Toggle = (props) => {
+  const [local, others] = splitProps(props, ["pressed", "defaultPressed", "onPressedChange", "disabled", "class", "children", "onClick"]);
+  const [internalPressed, setInternalPressed] = createSignal(local.pressed ?? local.defaultPressed ?? false);
+  const isControlled = () => local.pressed !== void 0;
+  const pressed = () => isControlled() ? local.pressed : internalPressed();
+  const handleClick = (e) => {
+    if (local.disabled) {
+      e.preventDefault();
+      return;
+    }
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+    const newPressed = !pressed();
+    if (!isControlled()) {
+      setInternalPressed(newPressed);
+    }
+    local.onPressedChange?.(newPressed);
+  };
+  return (() => {
+    var _el$ = _tmpl$();
+    _el$.$$click = handleClick;
+    spread(_el$, mergeProps({
+      get ["aria-pressed"]() {
+        return pressed();
+      },
+      get disabled() {
+        return local.disabled;
+      },
+      get ["class"]() {
+        return local.class;
+      },
+      get ["data-state"]() {
+        return pressed() ? "on" : "off";
+      },
+      get ["data-disabled"]() {
+        return local.disabled ? "" : void 0;
+      }
+    }, others), false, true);
+    insert(_el$, () => local.children);
+    return _el$;
+  })();
+};
+delegateEvents(["click"]);
+export {
+  Toggle
+};
+//# sourceMappingURL=Toggle.js.map

package/dist/components/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import { splitProps, createSignal } from 'solid-js';\nimport type { Component } from 'solid-js';\nimport type { JSX } from 'solid-js';\n\nexport interface ToggleProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  /**\n   * 是否按下\n   */\n  pressed?: boolean;\n  /**\n   * 默认按下状态\n   */\n  defaultPressed?: boolean;\n  /**\n   * 按下状态变化回调\n   */\n  onPressedChange?: (pressed: boolean) => void;\n  /**\n   * 是否禁用\n   * @default false\n   */\n  disabled?: boolean;\n}\n\nexport const Toggle: Component<ToggleProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'pressed',\n    'defaultPressed',\n    'onPressedChange',\n    'disabled',\n    'class',\n    'children',\n    'onClick',\n  ]);\n\n  const [internalPressed, setInternalPressed] = createSignal(\n    local.pressed ?? local.defaultPressed ?? false\n  );\n\n  const isControlled = () => local.pressed !== undefined;\n  const pressed = () => (isControlled() ? local.pressed! : internalPressed());\n\n  const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (e) => {\n    if (local.disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    if (typeof local.onClick === 'function') {\n      local.onClick(e);\n    }\n\n    const newPressed = !pressed();\n    \n    if (!isControlled()) {\n      setInternalPressed(newPressed);\n    }\n    \n    local.onPressedChange?.(newPressed);\n  };\n\n  return (\n    <button\n      type=\"button\"\n      role=\"switch\"\n      aria-pressed={pressed()}\n      disabled={local.disabled}\n      class={local.class}\n      onClick={handleClick}\n      data-state={pressed() ? 'on' : 'off'}\n      data-disabled={local.disabled ? '' : undefined}\n      {...others}\n    >\n      {local.children}\n    </button>\n  );\n};\n\n"],"names":["Toggle","props","local","others","splitProps","internalPressed","setInternalPressed","createSignal","pressed","defaultPressed","isControlled","undefined","handleClick","e","disabled","preventDefault","onClick","newPressed","onPressedChange","_el$","_tmpl$","$$click","_$spread","_$mergeProps","class","_$insert","children","_$delegateEvents"],"mappings":";;;AAwBO,MAAMA,SAAkCC,CAAAA,UAAU;AACvD,QAAM,CAACC,OAAOC,MAAM,IAAIC,WAAWH,OAAO,CACxC,WACA,kBACA,mBACA,YACA,SACA,YACA,SAAS,CACV;AAED,QAAM,CAACI,iBAAiBC,kBAAkB,IAAIC,aAC5CL,MAAMM,WAAWN,MAAMO,kBAAkB,KAC3C;AAEA,QAAMC,eAAeA,MAAMR,MAAMM,YAAYG;AAC7C,QAAMH,UAAUA,MAAOE,aAAAA,IAAiBR,MAAMM,UAAWH,gBAAAA;AAEzD,QAAMO,cAAgEC,CAAAA,MAAM;AAC1E,QAAIX,MAAMY,UAAU;AAClBD,QAAEE,eAAAA;AACF;AAAA,IACF;AAEA,QAAI,OAAOb,MAAMc,YAAY,YAAY;AACvCd,YAAMc,QAAQH,CAAC;AAAA,IACjB;AAEA,UAAMI,aAAa,CAACT,QAAAA;AAEpB,QAAI,CAACE,gBAAgB;AACnBJ,yBAAmBW,UAAU;AAAA,IAC/B;AAEAf,UAAMgB,kBAAkBD,UAAU;AAAA,EACpC;AAEA,UAAA,MAAA;AAAA,QAAAE,OAAAC,OAAAA;AAAAD,SAAAE,UAOaT;AAAWU,WAAAH,MAAAI,WAAA;AAAA,MAAA,KAAA,cAAA,IAAA;AAAA,eAHNf,QAAAA;AAAAA,MAAS;AAAA,MAAA,IACvBM,WAAQ;AAAA,eAAEZ,MAAMY;AAAAA,MAAQ;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACjBZ,MAAMsB;AAAAA,MAAK;AAAA,MAAA,KAAA,YAAA,IAAA;AAAA,eAENhB,QAAAA,IAAY,OAAO;AAAA,MAAK;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eACrBN,MAAMY,WAAW,KAAKH;AAAAA,MAAS;AAAA,IAAA,GAC1CR,MAAM,GAAA,OAAA,IAAA;AAAAsB,WAAAN,MAAA,MAETjB,MAAMwB,QAAQ;AAAA,WAAAP;AAAAA,EAAA,GAAA;AAGrB;AAAEQ,eAAA,CAAA,OAAA,CAAA;"}

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

@@ -0,0 +1,2 @@
+export * from './Toggle';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,67 @@
+import { Component, JSX } from 'solid-js';
+interface ToggleGroupContextValue {
+    value: () => string | string[] | undefined;
+    setValue: (value: string) => void;
+    type: 'single' | 'multiple';
+    disabled?: boolean;
+}
+export declare const useToggleGroupContext: () => ToggleGroupContextValue;
+export interface ToggleGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 当前选中的值（单个或数组）
+     */
+    value?: string | string[];
+    /**
+     * 默认选中的值
+     */
+    defaultValue?: string | string[];
+    /**
+     * 值变化回调
+     */
+    onValueChange?: (value: string | string[]) => void;
+    /**
+     * 类型：单个或多个
+     * @default 'single'
+     */
+    type?: 'single' | 'multiple';
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否不允许取消选中（仅 single 类型）
+     * @default false
+     */
+    rovingFocus?: boolean;
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export interface ToggleGroupComponent extends Component<ToggleGroupProps> {
+    Item: Component<ToggleGroupItemProps>;
+}
+export declare const ToggleGroup: ToggleGroupComponent;
+export interface ToggleGroupItemProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * 项的值
+     */
+    value: string;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+    /**
+     * 是否作为子元素传递
+     */
+    asChild?: boolean;
+}
+export declare const ToggleGroupItem: Component<ToggleGroupItemProps>;
+export {};
+//# sourceMappingURL=ToggleGroup.d.ts.map

package/dist/components/ToggleGroup/ToggleGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;IAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,eAAO,MAAM,qBAAqB,+BAMjC,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AA0ED,MAAM,WAAW,oBAAqB,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACvE,IAAI,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,WAAW,EAElB,oBAAoB,CAAC;AAE3B,MAAM,WAAW,oBAAqB,SAAQ,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,SAAS,CAAC,oBAAoB,CA6C3D,CAAC"}

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -0,0 +1,119 @@
+import { delegateEvents, createComponent, template, spread, mergeProps, insert } from "solid-js/web";
+import { createContext, splitProps, createSignal, useContext } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<div role=group>`), _tmpl$2 = /* @__PURE__ */ template(`<button type=button role=button>`);
+const ToggleGroupContext = createContext();
+const useToggleGroupContext = () => {
+  const context = useContext(ToggleGroupContext);
+  if (!context) {
+    throw new Error("ToggleGroup.Item must be used within ToggleGroup");
+  }
+  return context;
+};
+const ToggleGroupBase = (props) => {
+  const [local, others] = splitProps(props, ["value", "defaultValue", "onValueChange", "type", "disabled", "rovingFocus", "class", "children"]);
+  const type = () => local.type ?? "single";
+  const [internalValue, setInternalValue] = createSignal(local.value ?? local.defaultValue);
+  const isControlled = () => local.value !== void 0;
+  const value = () => isControlled() ? local.value : internalValue();
+  const handleValueChange = (itemValue) => {
+    if (local.disabled) return;
+    const currentValue = value();
+    let newValue;
+    if (type() === "single") {
+      if (currentValue === itemValue && local.rovingFocus !== true) {
+        newValue = "";
+      } else {
+        newValue = itemValue;
+      }
+    } else {
+      const currentArray = Array.isArray(currentValue) ? currentValue : currentValue ? [currentValue] : [];
+      const index = currentArray.indexOf(itemValue);
+      if (index > -1) {
+        newValue = currentArray.filter((v) => v !== itemValue);
+      } else {
+        newValue = [...currentArray, itemValue];
+      }
+    }
+    if (!isControlled()) {
+      setInternalValue(newValue);
+    }
+    local.onValueChange?.(newValue);
+  };
+  const contextValue = {
+    value,
+    setValue: handleValueChange,
+    type: type(),
+    disabled: local.disabled
+  };
+  return createComponent(ToggleGroupContext.Provider, {
+    value: contextValue,
+    get children() {
+      var _el$ = _tmpl$();
+      spread(_el$, mergeProps({
+        get ["class"]() {
+          return local.class;
+        },
+        get ["data-disabled"]() {
+          return local.disabled ? "" : void 0;
+        }
+      }, others), false, true);
+      insert(_el$, () => local.children);
+      return _el$;
+    }
+  });
+};
+const ToggleGroup = Object.assign(ToggleGroupBase, {
+  Item: null
+});
+const ToggleGroupItem = (props) => {
+  const [local, others] = splitProps(props, ["value", "disabled", "asChild", "children", "class", "onClick"]);
+  const context = useToggleGroupContext();
+  const isSelected = () => {
+    const currentValue = context.value();
+    if (context.type === "single") {
+      return currentValue === local.value;
+    } else {
+      const currentArray = Array.isArray(currentValue) ? currentValue : [];
+      return currentArray.includes(local.value);
+    }
+  };
+  const handleClick = (e) => {
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+    if (!local.disabled && !context.disabled) {
+      context.setValue(local.value);
+    }
+  };
+  return (() => {
+    var _el$2 = _tmpl$2();
+    _el$2.$$click = handleClick;
+    spread(_el$2, mergeProps({
+      get ["class"]() {
+        return local.class;
+      },
+      get disabled() {
+        return local.disabled || context.disabled;
+      },
+      get ["aria-pressed"]() {
+        return isSelected();
+      },
+      get ["data-state"]() {
+        return isSelected() ? "on" : "off";
+      },
+      get ["data-disabled"]() {
+        return local.disabled || context.disabled ? "" : void 0;
+      }
+    }, others), false, true);
+    insert(_el$2, () => local.children);
+    return _el$2;
+  })();
+};
+ToggleGroup.Item = ToggleGroupItem;
+delegateEvents(["click"]);
+export {
+  ToggleGroup,
+  ToggleGroupItem,
+  useToggleGroupContext
+};
+//# sourceMappingURL=ToggleGroup.js.map

package/dist/components/ToggleGroup/ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.js","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import { splitProps, createSignal, createContext, useContext } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\n\ninterface ToggleGroupContextValue {\n  value: () => string | string[] | undefined;\n  setValue: (value: string) => void;\n  type: 'single' | 'multiple';\n  disabled?: boolean;\n}\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>();\n\nexport const useToggleGroupContext = () => {\n  const context = useContext(ToggleGroupContext);\n  if (!context) {\n    throw new Error('ToggleGroup.Item must be used within ToggleGroup');\n  }\n  return context;\n};\n\nexport interface ToggleGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 当前选中的值（单个或数组）\n   */\n  value?: string | string[];\n  /**\n   * 默认选中的值\n   */\n  defaultValue?: string | string[];\n  /**\n   * 值变化回调\n   */\n  onValueChange?: (value: string | string[]) => void;\n  /**\n   * 类型：单个或多个\n   * @default 'single'\n   */\n  type?: 'single' | 'multiple';\n  /**\n   * 是否禁用\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * 是否不允许取消选中（仅 single 类型）\n   * @default false\n   */\n  rovingFocus?: boolean;\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nconst ToggleGroupBase: Component<ToggleGroupProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'value',\n    'defaultValue',\n    'onValueChange',\n    'type',\n    'disabled',\n    'rovingFocus',\n    'class',\n    'children',\n  ]);\n\n  const type = () => local.type ?? 'single';\n\n  const [internalValue, setInternalValue] = createSignal<string | string[] | undefined>(\n    local.value ?? local.defaultValue\n  );\n\n  const isControlled = () => local.value !== undefined;\n  const value = () => (isControlled() ? local.value : internalValue());\n\n  const handleValueChange = (itemValue: string) => {\n    if (local.disabled) return;\n\n    const currentValue = value();\n    let newValue: string | string[];\n\n    if (type() === 'single') {\n      // 单个模式：如果点击的是已选中的项，则取消选中；否则选中该项\n      if (currentValue === itemValue && local.rovingFocus !== true) {\n        newValue = '';\n      } else {\n        newValue = itemValue;\n      }\n    } else {\n      // 多个模式：切换该项的选中状态\n      const currentArray = Array.isArray(currentValue) ? currentValue : currentValue ? [currentValue] : [];\n      const index = currentArray.indexOf(itemValue);\n      if (index > -1) {\n        newValue = currentArray.filter((v) => v !== itemValue);\n      } else {\n        newValue = [...currentArray, itemValue];\n      }\n    }\n\n    if (!isControlled()) {\n      setInternalValue(newValue);\n    }\n    local.onValueChange?.(newValue);\n  };\n\n  const contextValue: ToggleGroupContextValue = {\n    value,\n    setValue: handleValueChange,\n    type: type(),\n    disabled: local.disabled,\n  };\n\n  return (\n    <ToggleGroupContext.Provider value={contextValue}>\n      <div\n        class={local.class}\n        role=\"group\"\n        data-disabled={local.disabled ? '' : undefined}\n        {...others}\n      >\n        {local.children}\n      </div>\n    </ToggleGroupContext.Provider>\n  );\n};\n\nexport interface ToggleGroupComponent extends Component<ToggleGroupProps> {\n  Item: Component<ToggleGroupItemProps>;\n}\n\nexport const ToggleGroup = Object.assign(ToggleGroupBase, {\n  Item: null as unknown as Component<ToggleGroupItemProps>,\n}) as ToggleGroupComponent;\n\nexport interface ToggleGroupItemProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * 项的值\n   */\n  value: string;\n  /**\n   * 是否禁用\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n  /**\n   * 是否作为子元素传递\n   */\n  asChild?: boolean;\n}\n\nexport const ToggleGroupItem: Component<ToggleGroupItemProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'value',\n    'disabled',\n    'asChild',\n    'children',\n    'class',\n    'onClick',\n  ]);\n  const context = useToggleGroupContext();\n\n  const isSelected = () => {\n    const currentValue = context.value();\n    if (context.type === 'single') {\n      return currentValue === local.value;\n    } else {\n      const currentArray = Array.isArray(currentValue) ? currentValue : [];\n      return currentArray.includes(local.value);\n    }\n  };\n\n  const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (e) => {\n    if (typeof local.onClick === 'function') {\n      local.onClick(e);\n    }\n    if (!local.disabled && !context.disabled) {\n      context.setValue(local.value);\n    }\n  };\n\n  return (\n    <button\n      type=\"button\"\n      role=\"button\"\n      class={local.class}\n      disabled={local.disabled || context.disabled}\n      onClick={handleClick}\n      aria-pressed={isSelected()}\n      data-state={isSelected() ? 'on' : 'off'}\n      data-disabled={local.disabled || context.disabled ? '' : undefined}\n      {...others}\n    >\n      {local.children}\n    </button>\n  );\n};\n\nToggleGroup.Item = ToggleGroupItem;\n\n"],"names":["ToggleGroupContext","createContext","useToggleGroupContext","context","useContext","Error","ToggleGroupBase","props","local","others","splitProps","type","internalValue","setInternalValue","createSignal","value","defaultValue","isControlled","undefined","handleValueChange","itemValue","disabled","currentValue","newValue","rovingFocus","currentArray","Array","isArray","index","indexOf","filter","v","onValueChange","contextValue","setValue","_$createComponent","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","ToggleGroup","Object","assign","Item","ToggleGroupItem","isSelected","includes","handleClick","e","onClick","_el$2","_tmpl$2","$$click","_$delegateEvents"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from './ToggleGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ToggleGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,82 @@
+import { Component, JSX } from 'solid-js';
+export interface ToolbarProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export interface ToolbarComponent extends Component<ToolbarProps> {
+    ToggleGroup: Component<ToolbarToggleGroupProps>;
+    ToggleItem: Component<ToolbarToggleItemProps>;
+    Separator: Component<ToolbarSeparatorProps>;
+    Link: Component<ToolbarLinkProps>;
+    Button: Component<ToolbarButtonProps>;
+}
+export declare const Toolbar: ToolbarComponent;
+export interface ToolbarToggleGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 类型：单个或多个
+     * @default 'single'
+     */
+    type?: 'single' | 'multiple';
+    /**
+     * 当前选中的值
+     */
+    value?: string | string[];
+    /**
+     * 默认选中的值
+     */
+    defaultValue?: string | string[];
+    /**
+     * 值变化回调
+     */
+    onValueChange?: (value: string | string[]) => void;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const ToolbarToggleGroup: Component<ToolbarToggleGroupProps>;
+export interface ToolbarToggleItemProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * 项的值
+     */
+    value: string;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const ToolbarToggleItem: Component<ToolbarToggleItemProps>;
+export interface ToolbarSeparatorProps extends JSX.HTMLAttributes<HTMLHRElement> {
+}
+export declare const ToolbarSeparator: Component<ToolbarSeparatorProps>;
+export interface ToolbarLinkProps extends JSX.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const ToolbarLink: Component<ToolbarLinkProps>;
+export interface ToolbarButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+    /**
+     * 是否作为子元素传递
+     */
+    asChild?: boolean;
+}
+export declare const ToolbarButton: Component<ToolbarButtonProps>;
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/components/Toolbar/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,WAAW,YAAa,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC/D,WAAW,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAC;IAChD,UAAU,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAC;IAC9C,SAAS,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC5C,IAAI,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAClC,MAAM,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC;CACvC;AAiBD,eAAO,MAAM,OAAO,EAMd,gBAAgB,CAAC;AAEvB,MAAM,WAAW,uBAAwB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,uBAAuB,CAqBjE,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,EAAE,SAAS,CAAC,sBAAsB,CAe/D,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,GAAG,CAAC,cAAc,CAAC,aAAa,CAAC;CAC/E;AAED,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAU7D,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACnF;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CAWnD,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,kBAAkB,CAYvD,CAAC"}