@ensolid/radix 0.0.0

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,79 @@
+import { Component, JSX } from 'solid-js';
+interface AccordionContextValue {
+    value: () => string | string[] | undefined;
+    setValue: (value: string) => void;
+    type: 'single' | 'multiple';
+    collapsible: boolean;
+    isItemOpen: (itemValue: string) => boolean;
+}
+export declare const useAccordionContext: () => AccordionContextValue;
+export declare const useAccordionItemContext: () => {
+    value: string;
+    disabled?: boolean;
+};
+export interface AccordionProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 当前打开的值（单个或数组）
+     */
+    value?: string | string[];
+    /**
+     * 默认打开的值
+     */
+    defaultValue?: string | string[];
+    /**
+     * 值变化回调
+     */
+    onValueChange?: (value: string | string[]) => void;
+    /**
+     * 类型：单个或多个
+     * @default 'single'
+     */
+    type?: 'single' | 'multiple';
+    /**
+     * 是否可折叠（仅 single 类型）
+     * @default false
+     */
+    collapsible?: boolean;
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export interface AccordionComponent extends Component<AccordionProps> {
+    Item: Component<AccordionItemProps>;
+    Trigger: Component<AccordionTriggerProps>;
+    Content: Component<AccordionContentProps>;
+}
+export declare const Accordion: AccordionComponent;
+export interface AccordionItemProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 项的值
+     */
+    value: string;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const AccordionItem: Component<AccordionItemProps>;
+export interface AccordionTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const AccordionTrigger: Component<AccordionTriggerProps>;
+export interface AccordionContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const AccordionContent: Component<AccordionContentProps>;
+export {};
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,qBAAqB;IAC7B,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,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5C;AAKD,eAAO,MAAM,mBAAmB,6BAM/B,CAAC;AAEF,eAAO,MAAM,uBAAuB;WAVgB,MAAM;eAAa,OAAO;CAgB7E,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE;;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,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AA8ED,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,IAAI,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC;IACpC,OAAO,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC1C,OAAO,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,SAAS,EAIhB,kBAAkB,CAAC;AAEzB,MAAM,WAAW,kBAAmB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;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,aAAa,EAAE,SAAS,CAAC,kBAAkB,CAuBvD,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CA+B7D,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAkB7D,CAAC"}

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,193 @@
+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(`<button type=button>`);
+const AccordionContext = createContext();
+const AccordionItemContext = createContext();
+const useAccordionContext = () => {
+  const context = useContext(AccordionContext);
+  if (!context) {
+    throw new Error("Accordion components must be used within Accordion");
+  }
+  return context;
+};
+const useAccordionItemContext = () => {
+  const context = useContext(AccordionItemContext);
+  if (!context) {
+    throw new Error("Accordion.Trigger and Accordion.Content must be used within Accordion.Item");
+  }
+  return context;
+};
+const AccordionBase = (props) => {
+  const [local, others] = splitProps(props, ["value", "defaultValue", "onValueChange", "type", "collapsible", "class", "children"]);
+  const type = () => local.type ?? "single";
+  const collapsible = () => local.collapsible ?? false;
+  const [internalValue, setInternalValue] = createSignal(local.value ?? local.defaultValue);
+  const isControlled = () => local.value !== void 0;
+  const value = () => isControlled() ? local.value : internalValue();
+  const handleValueChange = (itemValue) => {
+    const currentValue = value();
+    let newValue;
+    if (type() === "single") {
+      if (collapsible() && currentValue === itemValue) {
+        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 isItemOpen = (itemValue) => {
+    const currentValue = value();
+    if (type() === "single") {
+      return currentValue === itemValue;
+    } else {
+      const currentArray = Array.isArray(currentValue) ? currentValue : [];
+      return currentArray.includes(itemValue);
+    }
+  };
+  const contextValue = {
+    value,
+    setValue: handleValueChange,
+    type: type(),
+    collapsible: collapsible(),
+    isItemOpen
+  };
+  return createComponent(AccordionContext.Provider, {
+    value: contextValue,
+    get children() {
+      var _el$ = _tmpl$();
+      spread(_el$, mergeProps({
+        get ["class"]() {
+          return local.class;
+        }
+      }, others), false, true);
+      insert(_el$, () => local.children);
+      return _el$;
+    }
+  });
+};
+const Accordion = Object.assign(AccordionBase, {
+  Item: null,
+  Trigger: null,
+  Content: null
+});
+const AccordionItem = (props) => {
+  const [local, others] = splitProps(props, ["value", "disabled", "children", "class"]);
+  const context = useAccordionContext();
+  const isOpen = () => context.isItemOpen(local.value);
+  const itemContext = {
+    value: local.value,
+    disabled: local.disabled
+  };
+  return createComponent(AccordionItemContext.Provider, {
+    value: itemContext,
+    get children() {
+      var _el$2 = _tmpl$();
+      spread(_el$2, mergeProps({
+        get ["class"]() {
+          return local.class;
+        },
+        get ["data-state"]() {
+          return isOpen() ? "open" : "closed";
+        },
+        get ["data-disabled"]() {
+          return local.disabled ? "" : void 0;
+        }
+      }, others), false, true);
+      insert(_el$2, () => local.children);
+      return _el$2;
+    }
+  });
+};
+const AccordionTrigger = (props) => {
+  const [local, others] = splitProps(props, ["children", "class", "onClick"]);
+  const context = useAccordionContext();
+  const itemContext = useAccordionItemContext();
+  const isOpen = () => context.isItemOpen(itemContext.value);
+  const handleClick = (e) => {
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+    if (!itemContext.disabled) {
+      context.setValue(itemContext.value);
+    }
+  };
+  return (() => {
+    var _el$3 = _tmpl$2();
+    _el$3.$$click = handleClick;
+    spread(_el$3, mergeProps({
+      get ["class"]() {
+        return local.class;
+      },
+      get disabled() {
+        return itemContext.disabled;
+      },
+      get ["aria-expanded"]() {
+        return isOpen();
+      },
+      get ["aria-controls"]() {
+        return `accordion-content-${itemContext.value}`;
+      },
+      get ["data-state"]() {
+        return isOpen() ? "open" : "closed";
+      },
+      get ["data-disabled"]() {
+        return itemContext.disabled ? "" : void 0;
+      }
+    }, others), false, true);
+    insert(_el$3, () => local.children);
+    return _el$3;
+  })();
+};
+const AccordionContent = (props) => {
+  const [local, others] = splitProps(props, ["children", "class"]);
+  const context = useAccordionContext();
+  const itemContext = useAccordionItemContext();
+  const isOpen = () => context.isItemOpen(itemContext.value);
+  return (() => {
+    var _el$4 = _tmpl$();
+    spread(_el$4, mergeProps({
+      get id() {
+        return `accordion-content-${itemContext.value}`;
+      },
+      get ["class"]() {
+        return local.class;
+      },
+      get hidden() {
+        return !isOpen();
+      },
+      get ["data-state"]() {
+        return isOpen() ? "open" : "closed";
+      }
+    }, others), false, true);
+    insert(_el$4, (() => {
+      var _c$ = memo(() => !!isOpen());
+      return () => _c$() && local.children;
+    })());
+    return _el$4;
+  })();
+};
+Accordion.Item = AccordionItem;
+Accordion.Trigger = AccordionTrigger;
+Accordion.Content = AccordionContent;
+delegateEvents(["click"]);
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  useAccordionContext,
+  useAccordionItemContext
+};
+//# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { splitProps, createSignal, createContext, useContext } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\n\ninterface AccordionContextValue {\n  value: () => string | string[] | undefined;\n  setValue: (value: string) => void;\n  type: 'single' | 'multiple';\n  collapsible: boolean;\n  isItemOpen: (itemValue: string) => boolean;\n}\n\nconst AccordionContext = createContext<AccordionContextValue>();\nconst AccordionItemContext = createContext<{ value: string; disabled?: boolean }>();\n\nexport const useAccordionContext = () => {\n  const context = useContext(AccordionContext);\n  if (!context) {\n    throw new Error('Accordion components must be used within Accordion');\n  }\n  return context;\n};\n\nexport const useAccordionItemContext = () => {\n  const context = useContext(AccordionItemContext);\n  if (!context) {\n    throw new Error('Accordion.Trigger and Accordion.Content must be used within Accordion.Item');\n  }\n  return context;\n};\n\nexport interface AccordionProps 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   * 是否可折叠（仅 single 类型）\n   * @default false\n   */\n  collapsible?: boolean;\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nconst AccordionBase: Component<AccordionProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'value',\n    'defaultValue',\n    'onValueChange',\n    'type',\n    'collapsible',\n    'class',\n    'children',\n  ]);\n\n  const type = () => local.type ?? 'single';\n  const collapsible = () => local.collapsible ?? false;\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    const currentValue = value();\n    let newValue: string | string[];\n\n    if (type() === 'single') {\n      // 单个模式：如果点击的是已打开的项且可折叠，则关闭；否则打开该项\n      if (collapsible() && currentValue === itemValue) {\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 isItemOpen = (itemValue: string) => {\n    const currentValue = value();\n    if (type() === 'single') {\n      return currentValue === itemValue;\n    } else {\n      const currentArray = Array.isArray(currentValue) ? currentValue : [];\n      return currentArray.includes(itemValue);\n    }\n  };\n\n  const contextValue: AccordionContextValue = {\n    value,\n    setValue: handleValueChange,\n    type: type(),\n    collapsible: collapsible(),\n    isItemOpen,\n  };\n\n  return (\n    <AccordionContext.Provider value={contextValue}>\n      <div class={local.class} {...others}>\n        {local.children}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\n\nexport interface AccordionComponent extends Component<AccordionProps> {\n  Item: Component<AccordionItemProps>;\n  Trigger: Component<AccordionTriggerProps>;\n  Content: Component<AccordionContentProps>;\n}\n\nexport const Accordion = Object.assign(AccordionBase, {\n  Item: null as unknown as Component<AccordionItemProps>,\n  Trigger: null as unknown as Component<AccordionTriggerProps>,\n  Content: null as unknown as Component<AccordionContentProps>,\n}) as AccordionComponent;\n\nexport interface AccordionItemProps extends JSX.HTMLAttributes<HTMLDivElement> {\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 AccordionItem: Component<AccordionItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['value', 'disabled', 'children', 'class']);\n  const context = useAccordionContext();\n\n  const isOpen = () => context.isItemOpen(local.value);\n\n  const itemContext = {\n    value: local.value,\n    disabled: local.disabled,\n  };\n\n  return (\n    <AccordionItemContext.Provider value={itemContext}>\n      <div\n        class={local.class}\n        data-state={isOpen() ? 'open' : 'closed'}\n        data-disabled={local.disabled ? '' : undefined}\n        {...others}\n      >\n        {local.children}\n      </div>\n    </AccordionItemContext.Provider>\n  );\n};\n\nexport interface AccordionTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport const AccordionTrigger: Component<AccordionTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'class', 'onClick']);\n  const context = useAccordionContext();\n  const itemContext = useAccordionItemContext();\n\n  const isOpen = () => context.isItemOpen(itemContext.value);\n\n  const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (e) => {\n    if (typeof local.onClick === 'function') {\n      local.onClick(e);\n    }\n    if (!itemContext.disabled) {\n      context.setValue(itemContext.value);\n    }\n  };\n\n  return (\n    <button\n      type=\"button\"\n      class={local.class}\n      onClick={handleClick}\n      disabled={itemContext.disabled}\n      aria-expanded={isOpen()}\n      aria-controls={`accordion-content-${itemContext.value}`}\n      data-state={isOpen() ? 'open' : 'closed'}\n      data-disabled={itemContext.disabled ? '' : undefined}\n      {...others}\n    >\n      {local.children}\n    </button>\n  );\n};\n\nexport interface AccordionContentProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 子元素\n   */\n  children?: JSX.Element;\n}\n\nexport const AccordionContent: Component<AccordionContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'class']);\n  const context = useAccordionContext();\n  const itemContext = useAccordionItemContext();\n\n  const isOpen = () => context.isItemOpen(itemContext.value);\n\n  return (\n    <div\n      id={`accordion-content-${itemContext.value}`}\n      class={local.class}\n      hidden={!isOpen()}\n      data-state={isOpen() ? 'open' : 'closed'}\n      {...others}\n    >\n      {isOpen() && local.children}\n    </div>\n  );\n};\n\nAccordion.Item = AccordionItem;\nAccordion.Trigger = AccordionTrigger;\nAccordion.Content = AccordionContent;\n\n"],"names":["AccordionContext","createContext","AccordionItemContext","useAccordionContext","context","useContext","Error","useAccordionItemContext","AccordionBase","props","local","others","splitProps","type","collapsible","internalValue","setInternalValue","createSignal","value","defaultValue","isControlled","undefined","handleValueChange","itemValue","currentValue","newValue","currentArray","Array","isArray","index","indexOf","filter","v","onValueChange","isItemOpen","includes","contextValue","setValue","_$createComponent","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","Accordion","Object","assign","Item","Trigger","Content","AccordionItem","isOpen","itemContext","disabled","_el$2","AccordionTrigger","handleClick","e","onClick","_el$3","_tmpl$2","$$click","AccordionContent","_el$4","id","hidden","_c$","_$memo","_$delegateEvents"],"mappings":";;;AAWA,MAAMA,mBAAmBC,cAAAA;AACzB,MAAMC,uBAAuBD,cAAAA;AAEtB,MAAME,sBAAsBA,MAAM;AACvC,QAAMC,UAAUC,WAAWL,gBAAgB;AAC3C,MAAI,CAACI,SAAS;AACZ,UAAM,IAAIE,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAOF;AACT;AAEO,MAAMG,0BAA0BA,MAAM;AAC3C,QAAMH,UAAUC,WAAWH,oBAAoB;AAC/C,MAAI,CAACE,SAAS;AACZ,UAAM,IAAIE,MAAM,4EAA4E;AAAA,EAC9F;AACA,SAAOF;AACT;AA+BA,MAAMI,gBAA4CC,CAAAA,UAAU;AAC1D,QAAM,CAACC,OAAOC,MAAM,IAAIC,WAAWH,OAAO,CACxC,SACA,gBACA,iBACA,QACA,eACA,SACA,UAAU,CACX;AAED,QAAMI,OAAOA,MAAMH,MAAMG,QAAQ;AACjC,QAAMC,cAAcA,MAAMJ,MAAMI,eAAe;AAE/C,QAAM,CAACC,eAAeC,gBAAgB,IAAIC,aACxCP,MAAMQ,SAASR,MAAMS,YACvB;AAEA,QAAMC,eAAeA,MAAMV,MAAMQ,UAAUG;AAC3C,QAAMH,QAAQA,MAAOE,aAAAA,IAAiBV,MAAMQ,QAAQH,cAAAA;AAEpD,QAAMO,oBAAoBA,CAACC,cAAsB;AAC/C,UAAMC,eAAeN,MAAAA;AACrB,QAAIO;AAEJ,QAAIZ,KAAAA,MAAW,UAAU;AAEvB,UAAIC,YAAAA,KAAiBU,iBAAiBD,WAAW;AAC/CE,mBAAW;AAAA,MACb,OAAO;AACLA,mBAAWF;AAAAA,MACb;AAAA,IACF,OAAO;AAEL,YAAMG,eAAeC,MAAMC,QAAQJ,YAAY,IAAIA,eAAeA,eAAe,CAACA,YAAY,IAAI,CAAA;AAClG,YAAMK,QAAQH,aAAaI,QAAQP,SAAS;AAC5C,UAAIM,QAAQ,IAAI;AACdJ,mBAAWC,aAAaK,OAAQC,CAAAA,MAAMA,MAAMT,SAAS;AAAA,MACvD,OAAO;AACLE,mBAAW,CAAC,GAAGC,cAAcH,SAAS;AAAA,MACxC;AAAA,IACF;AAEA,QAAI,CAACH,gBAAgB;AACnBJ,uBAAiBS,QAAQ;AAAA,IAC3B;AACAf,UAAMuB,gBAAgBR,QAAQ;AAAA,EAChC;AAEA,QAAMS,aAAaA,CAACX,cAAsB;AACxC,UAAMC,eAAeN,MAAAA;AACrB,QAAIL,KAAAA,MAAW,UAAU;AACvB,aAAOW,iBAAiBD;AAAAA,IAC1B,OAAO;AACL,YAAMG,eAAeC,MAAMC,QAAQJ,YAAY,IAAIA,eAAe,CAAA;AAClE,aAAOE,aAAaS,SAASZ,SAAS;AAAA,IACxC;AAAA,EACF;AAEA,QAAMa,eAAsC;AAAA,IAC1ClB;AAAAA,IACAmB,UAAUf;AAAAA,IACVT,MAAMA,KAAAA;AAAAA,IACNC,aAAaA,YAAAA;AAAAA,IACboB;AAAAA,EAAAA;AAGF,SAAAI,gBACGtC,iBAAiBuC,UAAQ;AAAA,IAACrB,OAAOkB;AAAAA,IAAY,IAAAI,WAAA;AAAA,UAAAC,OAAAC,OAAAA;AAAAC,aAAAF,MAAAG,WAAA;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBAChClC,MAAMmC;AAAAA,QAAK;AAAA,MAAA,GAAMlC,MAAM,GAAA,OAAA,IAAA;AAAAmC,aAAAL,MAAA,MAChC/B,MAAM8B,QAAQ;AAAA,aAAAC;AAAAA,IAAA;AAAA,EAAA,CAAA;AAIvB;AAQO,MAAMM,YAAYC,OAAOC,OAAOzC,eAAe;AAAA,EACpD0C,MAAM;AAAA,EACNC,SAAS;AAAA,EACTC,SAAS;AACX,CAAC;AAkBM,MAAMC,gBAAgD5C,CAAAA,UAAU;AACrE,QAAM,CAACC,OAAOC,MAAM,IAAIC,WAAWH,OAAO,CAAC,SAAS,YAAY,YAAY,OAAO,CAAC;AACpF,QAAML,UAAUD,oBAAAA;AAEhB,QAAMmD,SAASA,MAAMlD,QAAQ8B,WAAWxB,MAAMQ,KAAK;AAEnD,QAAMqC,cAAc;AAAA,IAClBrC,OAAOR,MAAMQ;AAAAA,IACbsC,UAAU9C,MAAM8C;AAAAA,EAAAA;AAGlB,SAAAlB,gBACGpC,qBAAqBqC,UAAQ;AAAA,IAACrB,OAAOqC;AAAAA,IAAW,IAAAf,WAAA;AAAA,UAAAiB,QAAAf,OAAAA;AAAAC,aAAAc,OAAAb,WAAA;AAAA,QAAA,KAAA,OAAA,IAAA;AAAA,iBAEtClC,MAAMmC;AAAAA,QAAK;AAAA,QAAA,KAAA,YAAA,IAAA;AAAA,iBACNS,OAAAA,IAAW,SAAS;AAAA,QAAQ;AAAA,QAAA,KAAA,eAAA,IAAA;AAAA,iBACzB5C,MAAM8C,WAAW,KAAKnC;AAAAA,QAAS;AAAA,MAAA,GAC1CV,MAAM,GAAA,OAAA,IAAA;AAAAmC,aAAAW,OAAA,MAET/C,MAAM8B,QAAQ;AAAA,aAAAiB;AAAAA,IAAA;AAAA,EAAA,CAAA;AAIvB;AASO,MAAMC,mBAAsDjD,CAAAA,UAAU;AAC3E,QAAM,CAACC,OAAOC,MAAM,IAAIC,WAAWH,OAAO,CAAC,YAAY,SAAS,SAAS,CAAC;AAC1E,QAAML,UAAUD,oBAAAA;AAChB,QAAMoD,cAAchD,wBAAAA;AAEpB,QAAM+C,SAASA,MAAMlD,QAAQ8B,WAAWqB,YAAYrC,KAAK;AAEzD,QAAMyC,cAAgEC,CAAAA,MAAM;AAC1E,QAAI,OAAOlD,MAAMmD,YAAY,YAAY;AACvCnD,YAAMmD,QAAQD,CAAC;AAAA,IACjB;AACA,QAAI,CAACL,YAAYC,UAAU;AACzBpD,cAAQiC,SAASkB,YAAYrC,KAAK;AAAA,IACpC;AAAA,EACF;AAEA,UAAA,MAAA;AAAA,QAAA4C,QAAAC,QAAAA;AAAAD,UAAAE,UAIaL;AAAWhB,WAAAmB,OAAAlB,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eADblC,MAAMmC;AAAAA,MAAK;AAAA,MAAA,IAElBW,WAAQ;AAAA,eAAED,YAAYC;AAAAA,MAAQ;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eACfF,OAAAA;AAAAA,MAAQ;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eACR,qBAAqBC,YAAYrC,KAAK;AAAA,MAAE;AAAA,MAAA,KAAA,YAAA,IAAA;AAAA,eAC3CoC,OAAAA,IAAW,SAAS;AAAA,MAAQ;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eACzBC,YAAYC,WAAW,KAAKnC;AAAAA,MAAS;AAAA,IAAA,GAChDV,MAAM,GAAA,OAAA,IAAA;AAAAmC,WAAAgB,OAAA,MAETpD,MAAM8B,QAAQ;AAAA,WAAAsB;AAAAA,EAAA,GAAA;AAGrB;AASO,MAAMG,mBAAsDxD,CAAAA,UAAU;AAC3E,QAAM,CAACC,OAAOC,MAAM,IAAIC,WAAWH,OAAO,CAAC,YAAY,OAAO,CAAC;AAC/D,QAAML,UAAUD,oBAAAA;AAChB,QAAMoD,cAAchD,wBAAAA;AAEpB,QAAM+C,SAASA,MAAMlD,QAAQ8B,WAAWqB,YAAYrC,KAAK;AAEzD,UAAA,MAAA;AAAA,QAAAgD,QAAAxB,OAAAA;AAAAC,WAAAuB,OAAAtB,WAAA;AAAA,MAAA,IAEIuB,KAAE;AAAA,eAAE,qBAAqBZ,YAAYrC,KAAK;AAAA,MAAE;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACrCR,MAAMmC;AAAAA,MAAK;AAAA,MAAA,IAClBuB,SAAM;AAAA,eAAE,CAACd,OAAAA;AAAAA,MAAQ;AAAA,MAAA,KAAA,YAAA,IAAA;AAAA,eACLA,OAAAA,IAAW,SAAS;AAAA,MAAQ;AAAA,IAAA,GACpC3C,MAAM,GAAA,OAAA,IAAA;AAAAmC,WAAAoB,QAAA,MAAA;AAAA,UAAAG,MAAAC,KAAA,MAAA,CAAA,CAEThB,QAAQ;AAAA,aAAA,MAARe,SAAY3D,MAAM8B;AAAAA,IAAQ,IAAA;AAAA,WAAA0B;AAAAA,EAAA,GAAA;AAGjC;AAEAnB,UAAUG,OAAOG;AACjBN,UAAUI,UAAUO;AACpBX,UAAUK,UAAUa;AAAiBM,eAAA,CAAA,OAAA,CAAA;"}

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

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

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

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

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,89 @@
+import { Component, JSX } from 'solid-js';
+interface AlertDialogContextValue {
+    open: () => boolean;
+    setOpen: (open: boolean) => void;
+}
+export declare const useAlertDialogContext: () => AlertDialogContextValue;
+export interface AlertDialogProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 是否打开
+     */
+    open?: boolean;
+    /**
+     * 默认打开状态
+     */
+    defaultOpen?: boolean;
+    /**
+     * 打开状态变化回调
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export interface AlertDialogComponent extends Component<AlertDialogProps> {
+    Trigger: Component<AlertDialogTriggerProps>;
+    Overlay: Component<AlertDialogOverlayProps>;
+    Content: Component<AlertDialogContentProps>;
+    Title: Component<AlertDialogTitleProps>;
+    Description: Component<AlertDialogDescriptionProps>;
+    Action: Component<AlertDialogActionProps>;
+    Cancel: Component<AlertDialogCancelProps>;
+}
+export declare const AlertDialog: AlertDialogComponent;
+export interface AlertDialogTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+    /**
+     * 是否作为子元素传递
+     */
+    asChild?: boolean;
+}
+export declare const AlertDialogTrigger: Component<AlertDialogTriggerProps>;
+export interface AlertDialogContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export interface AlertDialogOverlayProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const AlertDialogOverlay: Component<AlertDialogOverlayProps>;
+export declare const AlertDialogContent: Component<AlertDialogContentProps>;
+export interface AlertDialogTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * 标题文本
+     */
+    children?: JSX.Element;
+}
+export declare const AlertDialogTitle: Component<AlertDialogTitleProps>;
+export interface AlertDialogDescriptionProps extends JSX.HTMLAttributes<HTMLParagraphElement> {
+    /**
+     * 描述文本
+     */
+    children?: JSX.Element;
+}
+export declare const AlertDialogDescription: Component<AlertDialogDescriptionProps>;
+export interface AlertDialogActionProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const AlertDialogAction: Component<AlertDialogActionProps>;
+export interface AlertDialogCancelProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * 子元素
+     */
+    children?: JSX.Element;
+}
+export declare const AlertDialogCancel: Component<AlertDialogCancelProps>;
+export {};
+//# sourceMappingURL=AlertDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/AlertDialog/AlertDialog.js

@@ -0,0 +1,235 @@
+import { delegateEvents, isServer, createComponent, template, spread, mergeProps, insert, Portal } from "solid-js/web";
+import { createContext, splitProps, createSignal, onMount, createEffect, onCleanup, Show, useContext } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<button type=button>`), _tmpl$2 = /* @__PURE__ */ template(`<div>`), _tmpl$3 = /* @__PURE__ */ template(`<div role=alertdialog aria-modal=true>`), _tmpl$4 = /* @__PURE__ */ template(`<h2>`), _tmpl$5 = /* @__PURE__ */ template(`<p>`);
+const AlertDialogContext = createContext();
+const useAlertDialogContext = () => {
+  const context = useContext(AlertDialogContext);
+  if (!context) {
+    throw new Error("AlertDialog components must be used within AlertDialog");
+  }
+  return context;
+};
+const AlertDialogBase = (props) => {
+  const [local] = splitProps(props, ["open", "defaultOpen", "onOpenChange", "children"]);
+  const [internalOpen, setInternalOpen] = createSignal(local.open ?? local.defaultOpen ?? false);
+  const isControlled = () => local.open !== void 0;
+  const open = () => isControlled() ? local.open : internalOpen();
+  const handleOpenChange = (newOpen) => {
+    if (!isControlled()) {
+      setInternalOpen(newOpen);
+    }
+    local.onOpenChange?.(newOpen);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Escape" && open()) {
+      handleOpenChange(false);
+    }
+  };
+  onMount(() => {
+    if (!isServer && open()) {
+      document.addEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = "hidden";
+    }
+  });
+  createEffect(() => {
+    if (!isServer) {
+      if (open()) {
+        document.addEventListener("keydown", handleKeyDown);
+        document.body.style.overflow = "hidden";
+      } else {
+        document.removeEventListener("keydown", handleKeyDown);
+        document.body.style.overflow = "";
+      }
+    }
+  });
+  onCleanup(() => {
+    if (!isServer) {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = "";
+    }
+  });
+  const contextValue = {
+    open,
+    setOpen: handleOpenChange
+  };
+  return createComponent(AlertDialogContext.Provider, {
+    value: contextValue,
+    get children() {
+      return local.children;
+    }
+  });
+};
+const AlertDialog = Object.assign(AlertDialogBase, {
+  Trigger: null,
+  Overlay: null,
+  Content: null,
+  Title: null,
+  Description: null,
+  Action: null,
+  Cancel: null
+});
+const AlertDialogTrigger = (props) => {
+  const [local, others] = splitProps(props, ["children", "asChild", "class", "onClick"]);
+  const context = useAlertDialogContext();
+  const handleClick = (e) => {
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+    context.setOpen(true);
+  };
+  return (() => {
+    var _el$ = _tmpl$();
+    _el$.$$click = handleClick;
+    spread(_el$, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, true);
+    insert(_el$, () => local.children);
+    return _el$;
+  })();
+};
+const AlertDialogOverlay = (props) => {
+  const [local, others] = splitProps(props, ["children", "class", "onClick"]);
+  const context = useAlertDialogContext();
+  const handleClick = (e) => {
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+  };
+  return (() => {
+    var _el$2 = _tmpl$2();
+    _el$2.$$click = handleClick;
+    spread(_el$2, mergeProps({
+      get ["class"]() {
+        return local.class;
+      },
+      get ["data-state"]() {
+        return context.open() ? "open" : "closed";
+      }
+    }, others), false, true);
+    insert(_el$2, () => local.children);
+    return _el$2;
+  })();
+};
+const AlertDialogContent = (props) => {
+  const [local, others] = splitProps(props, ["class", "children"]);
+  const context = useAlertDialogContext();
+  return createComponent(Show, {
+    get when() {
+      return context.open();
+    },
+    get children() {
+      return createComponent(Portal, {
+        get mount() {
+          return !isServer ? document.body : void 0;
+        },
+        get children() {
+          return [createComponent(AlertDialogOverlay, {
+            "class": "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+          }), (() => {
+            var _el$3 = _tmpl$3();
+            spread(_el$3, mergeProps({
+              get ["class"]() {
+                return local.class;
+              },
+              get ["data-state"]() {
+                return context.open() ? "open" : "closed";
+              }
+            }, others), false, true);
+            insert(_el$3, () => local.children);
+            return _el$3;
+          })()];
+        }
+      });
+    }
+  });
+};
+const AlertDialogTitle = (props) => {
+  const [local, others] = splitProps(props, ["children", "class"]);
+  return (() => {
+    var _el$4 = _tmpl$4();
+    spread(_el$4, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, true);
+    insert(_el$4, () => local.children);
+    return _el$4;
+  })();
+};
+const AlertDialogDescription = (props) => {
+  const [local, others] = splitProps(props, ["children", "class"]);
+  return (() => {
+    var _el$5 = _tmpl$5();
+    spread(_el$5, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, true);
+    insert(_el$5, () => local.children);
+    return _el$5;
+  })();
+};
+const AlertDialogAction = (props) => {
+  const [local, others] = splitProps(props, ["children", "class", "onClick"]);
+  const context = useAlertDialogContext();
+  const handleClick = (e) => {
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+    context.setOpen(false);
+  };
+  return (() => {
+    var _el$6 = _tmpl$();
+    _el$6.$$click = handleClick;
+    spread(_el$6, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, true);
+    insert(_el$6, () => local.children);
+    return _el$6;
+  })();
+};
+const AlertDialogCancel = (props) => {
+  const [local, others] = splitProps(props, ["children", "class", "onClick"]);
+  const context = useAlertDialogContext();
+  const handleClick = (e) => {
+    if (typeof local.onClick === "function") {
+      local.onClick(e);
+    }
+    context.setOpen(false);
+  };
+  return (() => {
+    var _el$7 = _tmpl$();
+    _el$7.$$click = handleClick;
+    spread(_el$7, mergeProps({
+      get ["class"]() {
+        return local.class;
+      }
+    }, others), false, true);
+    insert(_el$7, () => local.children);
+    return _el$7;
+  })();
+};
+AlertDialog.Trigger = AlertDialogTrigger;
+AlertDialog.Overlay = AlertDialogOverlay;
+AlertDialog.Content = AlertDialogContent;
+AlertDialog.Title = AlertDialogTitle;
+AlertDialog.Description = AlertDialogDescription;
+AlertDialog.Action = AlertDialogAction;
+AlertDialog.Cancel = AlertDialogCancel;
+delegateEvents(["click"]);
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogOverlay,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  useAlertDialogContext
+};
+//# sourceMappingURL=AlertDialog.js.map