@pathscale/ui 1.2.1 → 1.2.2

package/dist/components/kbd/Kbd.js

@@ -1,22 +1,148 @@
 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_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"
+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"
     ]);
+    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)(rest, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("kbd", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class));
+        (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;
             }
-        }), false, false);
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
         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 { kbd_Kbd as default };
+export { KbdAbbr, KbdContent, KbdRoot, kbd_Kbd as default, kbdKeysLabelMap, kbdKeysMap };

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

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

package/dist/components/kbd/index.js

@@ -1,3 +1,8 @@
 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"];
-export { __webpack_exports__default as 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 };

package/dist/components/label/Label.classes.d.ts

@@ -0,0 +1,8 @@
+export declare const CLASSES: {
+    readonly base: "label";
+    readonly flag: {
+        readonly required: "label--required";
+        readonly disabled: "label--disabled";
+        readonly invalid: "label--invalid";
+    };
+};

package/dist/components/label/Label.classes.js

@@ -0,0 +1,9 @@
+const CLASSES = {
+    base: "label",
+    flag: {
+        required: "label--required",
+        disabled: "label--disabled",
+        invalid: "label--invalid"
+    }
+};
+export { CLASSES };

package/dist/components/label/Label.css

@@ -0,0 +1,30 @@
+@layer components {
+  .label {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    font-weight: 500;
+    color: var(--color-foreground);
+  }
+
+  .label--required::after,
+  [data-required="true"]:not([role="group"]):not([role="radiogroup"]):not([role="checkboxgroup"])
+    > .label::after,
+  [data-required="true"]:not([data-slot="radio"]):not([data-slot="checkbox"]) > .label::after {
+    margin-inline-start: 0.125rem;
+    color: var(--color-danger);
+    content: "*";
+  }
+
+  .label--disabled,
+  [data-disabled="true"] .label {
+    opacity: var(--disabled-opacity, 0.5);
+    cursor: var(--cursor-disabled, not-allowed);
+    pointer-events: none;
+  }
+
+  .label--invalid,
+  [data-invalid="true"] .label,
+  [aria-invalid="true"] .label {
+    color: var(--color-danger);
+  }
+}

package/dist/components/label/Label.d.ts

@@ -0,0 +1,17 @@
+import "./Label.css";
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type LabelRootProps = Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, "for"> & IComponentBaseProps & {
+    for?: string;
+    htmlFor?: string;
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+};
+declare const LabelRoot: Component<LabelRootProps>;
+declare const Label: Component<LabelRootProps> & {
+    Root: Component<LabelRootProps>;
+};
+export default Label;
+export { Label, LabelRoot };
+export type { LabelRootProps as LabelProps };

package/dist/components/label/Label.js

@@ -0,0 +1,60 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Label.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__Label_classes_js_09cdb60c__ from "./Label.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label>");
+const LabelRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "for",
+        "htmlFor",
+        "isRequired",
+        "isDisabled",
+        "isInvalid"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["for"] () {
+                return local.for ?? local.htmlFor;
+            },
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.base, local.isRequired && __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.flag.required, local.isDisabled && __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.flag.disabled, local.isInvalid && __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.flag.invalid, local.class, local.className);
+            },
+            "data-slot": "label",
+            get ["data-required"] () {
+                return local.isRequired ? "true" : void 0;
+            },
+            get ["data-disabled"] () {
+                return local.isDisabled ? "true" : void 0;
+            },
+            get ["data-invalid"] () {
+                return local.isInvalid ? "true" : void 0;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            get ["aria-disabled"] () {
+                return local.isDisabled ? "true" : void 0;
+            },
+            get ["aria-invalid"] () {
+                return local.isInvalid ? "true" : void 0;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const Label = Object.assign(LabelRoot, {
+    Root: LabelRoot
+});
+const label_Label = Label;
+export { Label, LabelRoot, label_Label as default };

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

@@ -0,0 +1 @@
+export { default, Label, LabelRoot, type LabelProps, type LabelRootProps, } from "./Label";

package/dist/components/label/index.js

@@ -0,0 +1,5 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__ from "./Label.js";
+var __webpack_exports__Label = __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__.Label;
+var __webpack_exports__LabelRoot = __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__.LabelRoot;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__["default"];
+export { __webpack_exports__Label as Label, __webpack_exports__LabelRoot as LabelRoot, __webpack_exports__default as default };

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

@@ -0,0 +1,9 @@
+export declare const CLASSES: {
+    readonly base: "language-switcher";
+    readonly trigger: "language-switcher__trigger";
+    readonly loadingIcon: "language-switcher__loading-icon";
+    readonly locale: "language-switcher__locale";
+    readonly menu: "language-switcher__menu";
+    readonly item: "language-switcher__item";
+    readonly itemSelected: "language-switcher__item--selected";
+};

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

@@ -0,0 +1,10 @@
+const CLASSES = {
+    base: "language-switcher",
+    trigger: "language-switcher__trigger",
+    loadingIcon: "language-switcher__loading-icon",
+    locale: "language-switcher__locale",
+    menu: "language-switcher__menu",
+    item: "language-switcher__item",
+    itemSelected: "language-switcher__item--selected"
+};
+export { CLASSES };

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

@@ -0,0 +1,56 @@
+@layer components {
+  .language-switcher {
+    display: inline-flex;
+  }
+
+  .language-switcher__trigger {
+    display: inline-flex;
+    min-height: 2rem;
+    min-width: 2.25rem;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--radius-field);
+    border: 1px solid color-mix(in oklab, var(--color-base-content) 18%, transparent);
+    background: var(--color-base-100);
+    color: var(--color-base-content);
+    padding: 0.25rem 0.5rem;
+    font-size: 0.75rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    transition:
+      background-color 150ms ease,
+      border-color 150ms ease,
+      color 150ms ease;
+  }
+
+  .language-switcher__trigger:hover {
+    background: var(--color-base-200);
+  }
+
+  .language-switcher__trigger:focus-visible {
+    outline: 2px solid color-mix(in oklab, var(--color-primary) 70%, transparent);
+    outline-offset: 2px;
+  }
+
+  .language-switcher__loading-icon {
+    animation: language-switcher-spin 0.9s linear infinite;
+  }
+
+  .language-switcher__locale {
+    letter-spacing: 0.04em;
+  }
+
+  .language-switcher__menu {
+    min-width: 8rem;
+  }
+
+  .language-switcher__item--selected {
+    background: var(--color-base-200);
+  }
+
+  @keyframes language-switcher-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+}

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

@@ -1,4 +1,6 @@
+import "./LanguageSwitcher.css";
 import { type Component } from "solid-js";
+import { type DropdownAlign } from "../dropdown";
 import type { IComponentBaseProps } from "../types";
 import type { I18nStore } from "./createI18n";
 export interface LanguageSwitcherProps extends IComponentBaseProps {
@@ -22,6 +24,11 @@ export interface LanguageSwitcherProps extends IComponentBaseProps {
      * ARIA label shown while loading
      */
     loadingLabel?: string;
+    /**
+     * Menu alignment relative to the trigger. Forwarded to the underlying
+     * Dropdown.Menu.
+     */
+    align?: DropdownAlign;
     /**
      * Callback when language changes
      */

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

@@ -1,10 +1,11 @@
 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";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs font-bold uppercase"aria-hidden=true>');
+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>");
 const LanguageSwitcher = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "i18n",
@@ -15,6 +16,7 @@ const LanguageSwitcher = (props)=>{
         "currentLanguageLabel",
         "optionsLabel",
         "loadingLabel",
+        "align",
         "onLanguageChange"
     ]);
     const currentLanguageName = ()=>local.i18n.languageNames[local.i18n.locale];
@@ -23,11 +25,10 @@ const LanguageSwitcher = (props)=>{
         await local.i18n.setLocale(lang);
         local.onLanguageChange?.(lang);
     };
-    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();
-        },
+    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()
+        }), {
         get style () {
             return local.style;
         },
@@ -37,8 +38,9 @@ const LanguageSwitcher = (props)=>{
         },
         get children () {
             return [
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Trigger, {
-                    class: "btn btn-sm",
+                (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
+                    }), {
                     get ["aria-label"] () {
                         return `${local.currentLanguageLabel ?? "Current language"}: ${currentLanguageName()}`;
                     },
@@ -48,26 +50,37 @@ 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"], {
-                                    name: "icon-[mdi--loading]",
-                                    class: "animate-spin",
+                                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
+                                    }), {
                                     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, {
-                    class: "min-w-32",
+                })),
+                (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
+                    }), {
+                    get align () {
+                        return local.align;
+                    },
                     get ["aria-label"] () {
                         return local.optionsLabel ?? "Language options";
                     },
@@ -76,21 +89,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, {
-                                    onClick: ()=>handleSelect(lang.code),
-                                    get ["class"] () {
-                                        return isSelected(lang.code) ? "bg-base-200" : "";
-                                    },
+                            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)
+                                    }), {
                                     get ["aria-current"] () {
                                         return isSelected(lang.code) ? "true" : void 0;
                                     },
                                     get children () {
                                         return lang.name;
                                     }
-                                })
+                                }))
                         });
                     }
-                })
+                }))
             ];
         }
     }));

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

@@ -0,0 +1,19 @@
+export declare const CLASSES: {
+    readonly base: "link";
+    readonly variant: {
+        readonly default: "link--default";
+    };
+    readonly underline: {
+        readonly always: "link--underline-always";
+        readonly hover: "link--underline-hover";
+        readonly none: "link--underline-none";
+    };
+    readonly flag: {
+        readonly external: "link--external";
+        readonly disabled: "link--disabled";
+    };
+    readonly slot: {
+        readonly icon: "link__icon";
+        readonly iconDefault: "link__icon-default";
+    };
+};

package/dist/components/link/Link.classes.js

@@ -0,0 +1,20 @@
+const CLASSES = {
+    base: "link",
+    variant: {
+        default: "link--default"
+    },
+    underline: {
+        always: "link--underline-always",
+        hover: "link--underline-hover",
+        none: "link--underline-none"
+    },
+    flag: {
+        external: "link--external",
+        disabled: "link--disabled"
+    },
+    slot: {
+        icon: "link__icon",
+        iconDefault: "link__icon-default"
+    }
+};
+export { CLASSES };