@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/join/Join.js

@@ -2,7 +2,6 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__ from "./Join.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const Join = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -16,16 +15,17 @@ const Join = (props)=>{
         "children"
     ]);
     const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__.CLASSES.base, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            [__WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__.CLASSES.flag.vertical]: !local.responsive && local.vertical,
-            [__WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__.CLASSES.flag.horizontal]: !local.responsive && local.horizontal,
-            [__WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__.CLASSES.flag.responsive]: local.responsive
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("join", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "join-vertical": !local.responsive && local.vertical,
+            "join-horizontal": !local.responsive && local.horizontal,
+            "join-vertical lg:join-horizontal": local.responsive
         }), local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: classes()
-            }), {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return classes();
+            },
             get ["data-theme"] () {
                 return local.dataTheme;
             },

package/dist/components/kbd/Kbd.d.ts

@@ -1,29 +1,5 @@
-import "./Kbd.css";
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type KbdVariant = "default" | "light";
-export type KbdKey = "command" | "shift" | "ctrl" | "option" | "enter" | "delete" | "escape" | "tab" | "capslock" | "up" | "right" | "down" | "left" | "pageup" | "pagedown" | "home" | "end" | "help" | "space" | "fn" | "win" | "alt";
-export declare const kbdKeysMap: Record<KbdKey, string>;
-export declare const kbdKeysLabelMap: Record<KbdKey, string>;
-export type KbdRootProps = Omit<JSX.HTMLAttributes<HTMLElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    variant?: KbdVariant;
-};
-export type KbdAbbrProps = Omit<JSX.HTMLAttributes<HTMLElement>, "children"> & IComponentBaseProps & {
-    keyValue: KbdKey;
-};
-export type KbdContentProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-declare const KbdRoot: Component<KbdRootProps>;
-declare const KbdAbbr: Component<KbdAbbrProps>;
-declare const KbdContent: Component<KbdContentProps>;
-type KbdComponent = Component<KbdRootProps> & {
-    Root: Component<KbdRootProps>;
-    Abbr: Component<KbdAbbrProps>;
-    Content: Component<KbdContentProps>;
-};
-declare const Kbd: KbdComponent;
-export type KbdProps = KbdRootProps;
-export { KbdRoot, KbdAbbr, KbdContent };
+import "./kbd.css";
+import { type ComponentProps } from "solid-js";
+export type KbdProps = ComponentProps<"kbd">;
+declare const Kbd: (props: KbdProps) => import("solid-js").JSX.Element;
 export default Kbd;

package/dist/components/kbd/Kbd.js

@@ -1,148 +1,22 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./Kbd.css";
+import "./kbd.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__ from "./Kbd.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<kbd>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<abbr>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
-const kbdKeysMap = {
-    command: "\u2318",
-    shift: "\u21E7",
-    ctrl: "\u2303",
-    option: "\u2325",
-    enter: "\u21B5",
-    delete: "\u232B",
-    escape: "\u238B",
-    tab: "\u21E5",
-    capslock: "\u21EA",
-    up: "\u2191",
-    right: "\u2192",
-    down: "\u2193",
-    left: "\u2190",
-    pageup: "\u21DE",
-    pagedown: "\u21DF",
-    home: "\u2196",
-    end: "\u2198",
-    help: "?",
-    space: "\u2423",
-    fn: "Fn",
-    win: "\u2318",
-    alt: "\u2325"
-};
-const kbdKeysLabelMap = {
-    command: "Command",
-    shift: "Shift",
-    ctrl: "Control",
-    option: "Option",
-    enter: "Enter",
-    delete: "Delete",
-    escape: "Escape",
-    tab: "Tab",
-    capslock: "Caps Lock",
-    up: "Up",
-    right: "Right",
-    down: "Down",
-    left: "Left",
-    pageup: "Page Up",
-    pagedown: "Page Down",
-    home: "Home",
-    end: "End",
-    help: "Help",
-    space: "Space",
-    fn: "Fn",
-    win: "Win",
-    alt: "Alt"
-};
-const KbdRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "children",
-        "variant"
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<kbd>");
+const Kbd = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class"
     ]);
-    const variant = ()=>local.variant ?? "default";
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__.CLASSES.variant[variant()], local.class, local.className)
-            }), {
-            "data-slot": "kbd",
-            get ["data-variant"] () {
-                return variant();
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("kbd", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class));
             }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        }), false, false);
         return _el$;
     })();
 };
-const KbdAbbr = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "keyValue",
-        "title"
-    ]);
-    return (()=>{
-        var _el$2 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__.CLASSES.slot.abbr, local.class, local.className)
-            }), {
-            get title () {
-                return local.title ?? kbdKeysLabelMap[local.keyValue];
-            },
-            "data-slot": "kbd-abbr",
-            get ["data-key"] () {
-                return local.keyValue;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>kbdKeysMap[local.keyValue]);
-        return _el$2;
-    })();
-};
-const KbdContent = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "children"
-    ]);
-    return (()=>{
-        var _el$3 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__.CLASSES.slot.content, local.class, local.className)
-            }), {
-            "data-slot": "kbd-content",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
-        return _el$3;
-    })();
-};
-const Kbd = Object.assign(KbdRoot, {
-    Root: KbdRoot,
-    Abbr: KbdAbbr,
-    Content: KbdContent
-});
 const kbd_Kbd = Kbd;
-export { KbdAbbr, KbdContent, KbdRoot, kbd_Kbd as default, kbdKeysLabelMap, kbdKeysMap };
+export { kbd_Kbd as default };

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

@@ -1 +1 @@
-export { default, KbdRoot, KbdAbbr, KbdContent, kbdKeysMap, kbdKeysLabelMap, type KbdProps, type KbdRootProps, type KbdAbbrProps, type KbdContentProps, type KbdVariant, type KbdKey, } from "./Kbd";
+export { default, type KbdProps } from "./Kbd";

package/dist/components/kbd/index.js

@@ -1,8 +1,3 @@
 import * as __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__ from "./Kbd.js";
-var __webpack_exports__KbdAbbr = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__.KbdAbbr;
-var __webpack_exports__KbdContent = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__.KbdContent;
-var __webpack_exports__KbdRoot = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__.KbdRoot;
 var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__["default"];
-var __webpack_exports__kbdKeysLabelMap = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__.kbdKeysLabelMap;
-var __webpack_exports__kbdKeysMap = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__.kbdKeysMap;
-export { __webpack_exports__KbdAbbr as KbdAbbr, __webpack_exports__KbdContent as KbdContent, __webpack_exports__KbdRoot as KbdRoot, __webpack_exports__default as default, __webpack_exports__kbdKeysLabelMap as kbdKeysLabelMap, __webpack_exports__kbdKeysMap as kbdKeysMap };
+export { __webpack_exports__default as default };

package/dist/components/kbd/kbd.css

@@ -0,0 +1,55 @@
+@layer components {
+  .kbd {
+      box-shadow: none;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: var(--radius-field);
+      background-color: var(--color-base-200);
+      vertical-align: middle;
+      padding-inline: 0.5em;
+      border: var(--border) solid var(--color-base-content);
+      border-bottom: calc(var(--border) + 1px) solid var(--color-base-content);
+      --size: calc(var(--size-selector, 0.25rem) * 6);
+      font-size: 0.875rem;
+      height: var(--size);
+      min-width: var(--size);
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .kbd {
+      border: var(--border) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
+    }
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .kbd {
+      border-bottom: calc(var(--border) + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
+    }
+    }
+
+  .kbd-lg {
+      --size: calc(var(--size-selector, 0.25rem) * 7);
+      font-size: 1rem;
+    }
+
+  .kbd-md {
+      --size: calc(var(--size-selector, 0.25rem) * 6);
+      font-size: 0.875rem;
+    }
+
+  .kbd-sm {
+      --size: calc(var(--size-selector, 0.25rem) * 5);
+      font-size: 0.75rem;
+    }
+
+  .kbd-xl {
+      --size: calc(var(--size-selector, 0.25rem) * 8);
+      font-size: 1.125rem;
+    }
+
+  .kbd-xs {
+      --size: calc(var(--size-selector, 0.25rem) * 4);
+      font-size: 0.625rem;
+    }
+}

package/dist/components/language-switcher/LanguageSwitcher.d.ts

@@ -1,4 +1,3 @@
-import "./LanguageSwitcher.css";
 import { type Component } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 import type { I18nStore } from "./createI18n";

package/dist/components/language-switcher/LanguageSwitcher.js

@@ -1,11 +1,10 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./LanguageSwitcher.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__ from "../dropdown/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__ from "./LanguageSwitcher.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs font-bold uppercase"aria-hidden=true>');
 const LanguageSwitcher = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "i18n",
@@ -24,10 +23,11 @@ const LanguageSwitcher = (props)=>{
         await local.i18n.setLocale(lang);
         local.onLanguageChange?.(lang);
     };
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.base, local.class, local.className);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Root, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-            class: classes()
-        }), {
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class, local.className));
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Root, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        get ["class"] () {
+            return classes();
+        },
         get style () {
             return local.style;
         },
@@ -37,9 +37,8 @@ const LanguageSwitcher = (props)=>{
         },
         get children () {
             return [
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Trigger, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.trigger
-                    }), {
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Trigger, {
+                    class: "btn btn-sm",
                     get ["aria-label"] () {
                         return `${local.currentLanguageLabel ?? "Current language"}: ${currentLanguageName()}`;
                     },
@@ -49,34 +48,26 @@ const LanguageSwitcher = (props)=>{
                                 return !local.i18n.isLoading;
                             },
                             get fallback () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                    name: "icon-[mdi--loading]"
-                                }, ()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.loadingIcon
-                                    }), {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+                                    name: "icon-[mdi--loading]",
+                                    class: "animate-spin",
                                     width: 16,
                                     height: 16,
                                     get ["aria-label"] () {
                                         return local.loadingLabel ?? "Loading language";
                                     }
-                                }));
+                                });
                             },
                             get children () {
                                 var _el$ = _tmpl$();
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.locale
-                                    }), {
-                                    "aria-hidden": "true"
-                                }), false, true);
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.i18n.locale.toUpperCase());
                                 return _el$;
                             }
                         });
                     }
-                })),
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Menu, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.menu
-                    }), {
+                }),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Menu, {
+                    class: "min-w-32",
                     get ["aria-label"] () {
                         return local.optionsLabel ?? "Language options";
                     },
@@ -85,21 +76,21 @@ const LanguageSwitcher = (props)=>{
                             get each () {
                                 return local.i18n.languages;
                             },
-                            children: (lang)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Item, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                    onClick: ()=>handleSelect(lang.code)
-                                }, ()=>({
-                                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.item, isSelected(lang.code) && __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.itemSelected)
-                                    }), {
+                            children: (lang)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Item, {
+                                    onClick: ()=>handleSelect(lang.code),
+                                    get ["class"] () {
+                                        return isSelected(lang.code) ? "bg-base-200" : "";
+                                    },
                                     get ["aria-current"] () {
                                         return isSelected(lang.code) ? "true" : void 0;
                                     },
                                     get children () {
                                         return lang.name;
                                     }
-                                }))
+                                })
                         });
                     }
-                }))
+                })
             ];
         }
     }));

package/dist/components/link/Link.d.ts

@@ -1,22 +1,13 @@
-import "./Link.css";
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type LinkVariant = "default";
-export type LinkUnderline = "always" | "hover" | "none";
-export type LinkRootProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, "color"> & IComponentBaseProps & {
-    variant?: LinkVariant;
-    underline?: LinkUnderline;
-    isExternal?: boolean;
-    isDisabled?: boolean;
+import "./link.css";
+import { type JSX } from "solid-js";
+import type { ComponentColor, IComponentBaseProps } from "../types";
+export type LinkProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & IComponentBaseProps & {
+    color?: ComponentColor;
+    hover?: boolean;
+    asChild?: boolean;
+    "aria-current"?: "page" | "step" | "location" | "date" | "time" | boolean;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
 };
-export type LinkIconProps = JSX.HTMLAttributes<HTMLSpanElement> & IComponentBaseProps;
-declare const LinkRoot: Component<LinkRootProps>;
-declare const LinkIcon: Component<LinkIconProps>;
-type LinkComponent = Component<LinkRootProps> & {
-    Root: Component<LinkRootProps>;
-    Icon: Component<LinkIconProps>;
-};
-declare const Link: LinkComponent;
-export type LinkProps = LinkRootProps;
-export { LinkRoot, LinkIcon };
+declare const Link: (props: LinkProps) => JSX.Element;
 export default Link;

package/dist/components/link/Link.js

@@ -1,118 +1,70 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./Link.css";
+import "./link.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__ from "./Link.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg><path d="M7 1H11V5M11 1L5 7"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M10 7.5V9.5C10 10.3284 9.32843 11 8.5 11H2.5C1.67157 11 1 10.3284 1 9.5V3.5C1 2.67157 1.67157 2 2.5 2H4.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
-const ensureExternalRel = (value)=>{
-    const relTokens = new Set((value ?? "").split(/\s+/).filter(Boolean));
-    relTokens.add("noopener");
-    relTokens.add("noreferrer");
-    return Array.from(relTokens).join(" ");
-};
-const LinkRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>");
+const Link = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "href",
+        "color",
+        "hover",
         "class",
         "className",
         "dataTheme",
         "style",
-        "variant",
-        "underline",
-        "isExternal",
-        "isDisabled",
-        "target",
-        "rel",
-        "tabIndex"
+        "asChild",
+        "aria-current",
+        "aria-label",
+        "aria-describedby"
     ]);
-    const variant = ()=>local.variant ?? "default";
-    const underline = ()=>local.underline ?? "always";
-    const isDisabled = ()=>Boolean(local.isDisabled);
-    const isExternal = ()=>Boolean(local.isExternal);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("link", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "link-hover": false !== local.hover,
+            "link-neutral": "neutral" === local.color,
+            "link-primary": "primary" === local.color,
+            "link-secondary": "secondary" === local.color,
+            "link-accent": "accent" === local.color,
+            "link-info": "info" === local.color,
+            "link-success": "success" === local.color,
+            "link-warning": "warning" === local.color,
+            "link-error": "error" === local.color,
+            "link-ghost": "ghost" === local.color
+        }), local.class, local.className));
+    const ariaCurrent = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-current"]);
+    const ariaLabel = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-label"]);
+    const ariaDescribedby = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-describedby"]);
+    if (local.asChild) return resolvedChildren();
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
             get href () {
-                return isDisabled() ? void 0 : local.href;
+                return local.href;
             },
-            get target () {
-                return isExternal() ? "_blank" : local.target;
+            get ["class"] () {
+                return classes();
             },
-            get rel () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isExternal())() ? ensureExternalRel(local.rel) : local.rel;
+            get style () {
+                return local.style;
             },
-            get tabIndex () {
-                return isDisabled() ? -1 : local.tabIndex;
-            }
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.variant[variant()], __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.underline[underline()], isExternal() && __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.flag.external, isDisabled() && __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.flag.disabled, local.class, local.className)
-            }), {
-            "data-slot": "link",
             get ["data-theme"] () {
                 return local.dataTheme;
             },
-            get ["data-external"] () {
-                return isExternal() ? "true" : "false";
+            get ["aria-current"] () {
+                return ariaCurrent();
             },
-            get ["data-disabled"] () {
-                return isDisabled() ? "true" : "false";
+            get ["aria-label"] () {
+                return ariaLabel();
             },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : void 0;
+            get ["aria-describedby"] () {
+                return ariaDescribedby();
             },
-            get style () {
-                return local.style;
-            }
+            rel: "noopener noreferrer"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
         return _el$;
     })();
 };
-const LinkIcon = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "className",
-        "children",
-        "dataTheme",
-        "style"
-    ]);
-    const hasCustomIcon = ()=>null != local.children;
-    return (()=>{
-        var _el$2 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.slot.icon, local.class, local.className)
-            }), {
-            "data-slot": "link-icon",
-            get ["data-default-icon"] () {
-                return hasCustomIcon() ? "false" : "true";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children ?? (()=>{
-                var _el$3 = _tmpl$3();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.slot.iconDefault
-                    }), {
-                    "data-slot": "link-default-icon",
-                    viewBox: "0 0 12 12",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    "aria-hidden": "true"
-                }), true, true);
-                return _el$3;
-            })());
-        return _el$2;
-    })();
-};
-const Link = Object.assign(LinkRoot, {
-    Root: LinkRoot,
-    Icon: LinkIcon
-});
 const link_Link = Link;
-export { LinkIcon, LinkRoot, link_Link as default };
+export { link_Link as default };

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

@@ -1 +1 @@
-export { default, LinkRoot, LinkIcon, type LinkProps, type LinkRootProps, type LinkIconProps, type LinkVariant, type LinkUnderline, } from "./Link";
+export { default, type LinkProps } from "./Link";

package/dist/components/link/index.js

@@ -1,5 +1,3 @@
 import * as __WEBPACK_EXTERNAL_MODULE__Link_js_42733813__ from "./Link.js";
-var __webpack_exports__LinkIcon = __WEBPACK_EXTERNAL_MODULE__Link_js_42733813__.LinkIcon;
-var __webpack_exports__LinkRoot = __WEBPACK_EXTERNAL_MODULE__Link_js_42733813__.LinkRoot;
 var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Link_js_42733813__["default"];
-export { __webpack_exports__LinkIcon as LinkIcon, __webpack_exports__LinkRoot as LinkRoot, __webpack_exports__default as default };
+export { __webpack_exports__default as default };