@pathscale/ui 1.1.37 → 1.1.39

package/dist/components/immersive-landing/components/PWAInstallPrompt.js

@@ -3,7 +3,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__ from "../../button/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__ from "../../card/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__ from "../../flex/index.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="w-14 h-14 flex-shrink-0 rounded-xl bg-base-200 p-2"><img class="w-full h-full">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h3 id=pwa-install-title class="text-base font-medium leading-6">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-sm text-base-content/70">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div role=dialog aria-modal=false aria-labelledby=pwa-install-title class="fixed bottom-4 left-4 right-4 md:left-auto md:right-4 md:max-w-sm z-51 animate-slide-up">');
+import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__ from "../ImmersiveLanding.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><img>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h3 id=pwa-install-title>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=dialog aria-modal=false aria-labelledby=pwa-install-title>");
 const DISMISS_DURATION = 604800000;
 const defaultTexts = {
     title: "Install App",
@@ -81,14 +82,18 @@ const PWAInstallPrompt = (props)=>{
             var _el$ = _tmpl$4();
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"], {
                 variant: "shadow",
-                class: "relative border border-base-300",
+                get ["class"] () {
+                    return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.card;
+                },
                 get children () {
                     return [
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
                             size: "sm",
                             variant: "ghost",
                             isIconOnly: true,
-                            class: "absolute top-2 right-2",
+                            get ["class"] () {
+                                return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.closeButton;
+                            },
                             onClick: handleDismiss,
                             get ["aria-label"] () {
                                 return texts().closeLabel;
@@ -96,39 +101,53 @@ const PWAInstallPrompt = (props)=>{
                             children: "X"
                         }),
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Body, {
+                            get ["class"] () {
+                                return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.body;
+                            },
                             get children () {
                                 return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
                                     align: "start",
                                     gap: "md",
+                                    get ["class"] () {
+                                        return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.media;
+                                    },
                                     get children () {
                                         return [
                                             (()=>{
                                                 var _el$2 = _tmpl$(), _el$3 = _el$2.firstChild;
                                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                                    var _v$ = appIcon(), _v$2 = appName();
-                                                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "src", _p$.e = _v$);
-                                                    _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "alt", _p$.t = _v$2);
+                                                    var _v$ = __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.appIconWrap, _v$2 = appIcon(), _v$3 = appName(), _v$4 = __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.appIcon;
+                                                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
+                                                    _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "src", _p$.t = _v$2);
+                                                    _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "alt", _p$.a = _v$3);
+                                                    _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.o = _v$4);
                                                     return _p$;
                                                 }, {
                                                     e: void 0,
-                                                    t: void 0
+                                                    t: void 0,
+                                                    a: void 0,
+                                                    o: void 0
                                                 });
                                                 return _el$2;
                                             })(),
                                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
                                                 direction: "col",
                                                 gap: "sm",
-                                                class: "flex-1 min-w-0 pr-6",
+                                                get ["class"] () {
+                                                    return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.textWrap;
+                                                },
                                                 get children () {
                                                     return [
                                                         (()=>{
                                                             var _el$4 = _tmpl$2();
                                                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>texts().title);
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.title));
                                                             return _el$4;
                                                         })(),
                                                         (()=>{
                                                             var _el$5 = _tmpl$3();
                                                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>texts().description);
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.description));
                                                             return _el$5;
                                                         })()
                                                     ];
@@ -140,12 +159,16 @@ const PWAInstallPrompt = (props)=>{
                             }
                         }),
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Footer, {
-                            class: "mt-1",
+                            get ["class"] () {
+                                return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.footer;
+                            },
                             get children () {
                                 return [
                                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
                                         variant: "primary",
-                                        class: "flex-1",
+                                        get ["class"] () {
+                                            return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.action;
+                                        },
                                         onClick: handleInstall,
                                         get children () {
                                             return texts().installButton;
@@ -153,7 +176,9 @@ const PWAInstallPrompt = (props)=>{
                                     }),
                                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
                                         variant: "ghost",
-                                        class: "flex-1",
+                                        get ["class"] () {
+                                            return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.action;
+                                        },
                                         onClick: handleDismiss,
                                         get children () {
                                             return texts().notNowButton;
@@ -165,6 +190,7 @@ const PWAInstallPrompt = (props)=>{
                     ];
                 }
             }));
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.dialog));
             return _el$;
         }
     });

package/dist/components/immersive-landing/index.d.ts

@@ -1,3 +1,4 @@
+import "./ImmersiveLanding.css";
 export { default } from "./ImmersiveLanding";
 export { useImmersiveLanding } from "./useImmersiveLanding";
 export { ImmersiveLandingContext, useImmersiveLandingContext } from "./ImmersiveLandingContext";

package/dist/components/immersive-landing/index.js

@@ -1,3 +1,4 @@
+import "./ImmersiveLanding.css";
 import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_js_2b17ea6a__ from "./ImmersiveLanding.js";
 import * as __WEBPACK_EXTERNAL_MODULE__useImmersiveLanding_js_66194376__ from "./useImmersiveLanding.js";
 import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLandingContext_js_0e3f38c0__ from "./ImmersiveLandingContext.js";

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

@@ -0,0 +1,11 @@
+export declare const CLASSES: {
+    readonly base: "kbd";
+    readonly variant: {
+        readonly default: "kbd--default";
+        readonly light: "kbd--light";
+    };
+    readonly slot: {
+        readonly abbr: "kbd__abbr";
+        readonly content: "kbd__content";
+    };
+};

package/dist/components/kbd/Kbd.classes.js

@@ -0,0 +1,12 @@
+const CLASSES = {
+    base: "kbd",
+    variant: {
+        default: "kbd--default",
+        light: "kbd--light"
+    },
+    slot: {
+        abbr: "kbd__abbr",
+        content: "kbd__content"
+    }
+};
+export { CLASSES };

package/dist/components/kbd/Kbd.css

@@ -0,0 +1,60 @@
+@layer components {
+  .kbd {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.125rem;
+    min-width: 1.5rem;
+    height: 1.5rem;
+    padding-inline: 0.5rem;
+    border-radius: 0.5rem;
+    text-align: center;
+    vertical-align: middle;
+    white-space: nowrap;
+    font-family: var(
+      --font-sans,
+      ui-sans-serif,
+      system-ui,
+      -apple-system,
+      "Segoe UI",
+      sans-serif
+    );
+    font-size: 0.875rem;
+    font-weight: 500;
+    line-height: 1;
+    word-spacing: -0.25rem;
+  }
+
+  .kbd--default {
+    background-color: var(--color-default, var(--color-base-200));
+    color: var(
+      --color-muted,
+      color-mix(in oklab, var(--color-base-content) 72%, transparent)
+    );
+    border: 1px solid
+      color-mix(in oklab, var(--color-base-content) 16%, transparent);
+  }
+
+  .kbd--light {
+    background-color: transparent;
+    color: var(
+      --color-muted,
+      color-mix(in oklab, var(--color-base-content) 72%, transparent)
+    );
+    border: 1px solid transparent;
+  }
+
+  .kbd__abbr {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    text-decoration: none;
+    font-style: normal;
+  }
+
+  .kbd__content {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+}

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

@@ -1,5 +1,29 @@
-import "./kbd.css";
-import { type ComponentProps } from "solid-js";
-export type KbdProps = ComponentProps<"kbd">;
-declare const Kbd: (props: KbdProps) => import("solid-js").JSX.Element;
+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 };
 export default Kbd;

package/dist/components/kbd/Kbd.js

@@ -1,22 +1,151 @@
 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, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("kbd", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class));
+                return (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, {
+            get ["class"] () {
+                return (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, {
+            get ["class"] () {
+                return (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/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,3 +1,4 @@
+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,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 aria-hidden=true>");
 const LanguageSwitcher = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "i18n",
@@ -23,7 +24,7 @@ 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));
+    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, {
         get ["class"] () {
             return classes();
@@ -38,7 +39,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",
+                    get ["class"] () {
+                        return __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.trigger;
+                    },
                     get ["aria-label"] () {
                         return `${local.currentLanguageLabel ?? "Current language"}: ${currentLanguageName()}`;
                     },
@@ -50,7 +53,9 @@ const LanguageSwitcher = (props)=>{
                             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",
+                                    get ["class"] () {
+                                        return __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.loadingIcon;
+                                    },
                                     width: 16,
                                     height: 16,
                                     get ["aria-label"] () {
@@ -61,13 +66,16 @@ const LanguageSwitcher = (props)=>{
                             get children () {
                                 var _el$ = _tmpl$();
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.i18n.locale.toUpperCase());
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.locale));
                                 return _el$;
                             }
                         });
                     }
                 }),
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Menu, {
-                    class: "min-w-32",
+                    get ["class"] () {
+                        return __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.menu;
+                    },
                     get ["aria-label"] () {
                         return local.optionsLabel ?? "Language options";
                     },
@@ -79,7 +87,7 @@ const LanguageSwitcher = (props)=>{
                             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" : "";
+                                        return (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;

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 };