@vkzstudio/muza-ui 1.0.47 → 1.1.0

package/dist/components/Icons/LogosAndBadges.stories.d.ts

@@ -3,5 +3,6 @@ declare const meta: Meta;
 export default meta;
 type Story = StoryObj;
 export declare const Logos: Story;
+export declare const LogosLight: Story;
 export declare const Badges: Story;
 //# sourceMappingURL=LogosAndBadges.stories.d.ts.map

package/dist/components/Icons/LogosAndBadges.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogosAndBadges.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/LogosAndBadges.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI,EAAE,IAeX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAyBrB,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAyBpB,CAAA"}
+{"version":3,"file":"LogosAndBadges.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/LogosAndBadges.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI,EAAE,IAeX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAyBrB,eAAO,MAAM,KAAK,EAAE,KAqBnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6BxB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAyBpB,CAAA"}

package/dist/components/Input/Input.js

@@ -1,17 +1,7 @@
 import { jsx as s, jsxs as z } from "react/jsx-runtime";
 import { forwardRef as A, useId as C, useRef as E, useEffect as y } from "react";
 import { cva as M } from "class-variance-authority";
-import "../../node_modules/imask/esm/index.js";
-import "../../node_modules/imask/esm/controls/input.js";
-import "../../node_modules/imask/esm/masked/factory.js";
-import "../../node_modules/imask/esm/controls/mask-element.js";
-import "../../node_modules/imask/esm/controls/html-input-mask-element.js";
-import "../../node_modules/imask/esm/controls/html-mask-element.js";
-import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
-import "../../node_modules/imask/esm/controls/input-history.js";
-import "../../node_modules/react-imask/esm/input.js";
-import P from "../../node_modules/react-imask/esm/hook.js";
-import "../../node_modules/react-imask/esm/mixin.js";
+import { useIMask as P } from "react-imask";
 import { FormField as T } from "../FormField/FormField.js";
 import { cn as u } from "../../utils/cn.js";
 import { typographyVariants as U } from "../Typography/Typography.js";
@@ -41,9 +31,9 @@ const Y = M(
       error: !1
     }
   }
-), B = (p) => u(
+), B = (a) => u(
   U({
-    size: p === "xs" || p === "sm" ? "input" : "base",
+    size: a === "xs" || a === "sm" ? "input" : "base",
     weight: "medium",
     fixY: !0
   }),
@@ -54,7 +44,7 @@ const Y = M(
   "w-full"
 ), D = A(
   ({
-    className: p,
+    className: a,
     type: w = "text",
     prefix: m,
     suffix: f,
@@ -63,7 +53,7 @@ const Y = M(
     size: x,
     error: d,
     mask: o,
-    onChange: a,
+    onChange: p,
     id: I,
     required: l,
     disableRequiredAsterisk: N,
@@ -72,35 +62,35 @@ const Y = M(
     stopClickPropagation: F,
     ...v
   }, i) => {
-    const j = C(), c = I ?? j, g = b ? `${c}-hint` : void 0, k = h ? `${c}-label` : void 0, e = E(null), r = P(
+    const j = C(), c = I ?? j, g = b ? `${c}-hint` : void 0, k = h ? `${c}-label` : void 0, t = E(null), r = P(
       {
         mask: o || "",
         // Pattern like 'aaaaa-aaaaa' where 'a' = alphanumeric, '0' = digit
-        prepare: (t) => t.toUpperCase()
+        prepare: (e) => e.toUpperCase()
         // Auto-uppercase all typed characters
       },
       {
-        ref: e
+        ref: t
       }
     );
     y(() => {
-      if (o && (r != null && r.maskRef.current) && a) {
-        const t = r.maskRef.current, n = () => {
+      if (o && (r != null && r.maskRef.current) && p) {
+        const e = r.maskRef.current, n = () => {
           const $ = {
-            target: { value: t.value }
+            target: { value: e.value }
           };
-          a($);
+          p($);
         };
-        return t.on("accept", n), () => {
-          t.off("accept", n);
+        return e.on("accept", n), () => {
+          e.off("accept", n);
         };
       }
-    }, [o, r, a]), y(() => {
-      i && (typeof i == "function" ? i(e.current) : i.current = e.current);
-    }, [e, i]);
-    const W = (t) => {
+    }, [o, r, p]), y(() => {
+      i && (typeof i == "function" ? i(t.current) : i.current = t.current);
+    }, [t, i]);
+    const W = (e) => {
       var n;
-      F && t.stopPropagation(), !v.disabled && t.target !== e.current && ((n = e.current) == null || n.focus());
+      F && e.stopPropagation(), !v.disabled && e.target !== t.current && ((n = t.current) == null || n.focus());
     };
     return /* @__PURE__ */ s(
       T,
@@ -123,7 +113,7 @@ const Y = M(
                 size: x,
                 error: d
               }),
-              p
+              a
             ),
             onClick: W,
             children: [
@@ -138,8 +128,8 @@ const Y = M(
                     "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-clear-button]:hidden [&::-webkit-inner-spin-button]:hidden",
                     "[&::-webkit-datetime-edit-text]:px-3xs"
                   ),
-                  ref: o ? r.ref : e,
-                  onChange: o ? void 0 : a,
+                  ref: o ? r.ref : t,
+                  onChange: o ? void 0 : p,
                   id: c,
                   "aria-describedby": g,
                   "aria-labelledby": k,

package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts

@@ -1,4 +1,22 @@
+import { VariantProps } from 'class-variance-authority';
 import { ButtonProps } from '../Button';
+/**
+ * Visual variant of the LanguageSwitcher text trigger.
+ *
+ * - `'default'` — dark text on light surface, brand-color hover/focus.
+ * - `'invert'` — white text on dark surface, light-grey hover/focus. Use
+ *   on dark / branded backgrounds such as the universal footer.
+ *
+ * Both variants resolve through the design-system
+ * `comp-language-switcher-{default,invert}-*` tokens.
+ */
+export declare const languageSwitcherTriggerVariants: (props?: ({
+    variant?: "default" | "invert" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const languageSwitcherChevronVariants: (props?: ({
+    variant?: "default" | "invert" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type LanguageSwitcherVariant = NonNullable<VariantProps<typeof languageSwitcherTriggerVariants>['variant']>;
 /**
  * Represents a single language option in the LanguageSwitcher dropdown.
  *
@@ -47,7 +65,14 @@ export interface LanguageSwitcherProps {
     buttonProps?: Omit<ButtonProps, 'icon'>;
     /** Prevents interaction and applies disabled styling. @default false */
     disabled?: boolean;
+    /**
+     * Color treatment of the text trigger.
+     *
+     * @default 'default'
+     * @see LanguageSwitcherVariant
+     */
+    variant?: LanguageSwitcherVariant;
 }
-declare const LanguageSwitcher: ({ languages, onValueChange, defaultValue, value, isIconButton, buttonProps, disabled, }: LanguageSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+declare const LanguageSwitcher: ({ languages, onValueChange, defaultValue, value, isIconButton, buttonProps, disabled, variant, }: LanguageSwitcherProps) => import("react/jsx-runtime").JSX.Element;
 export { LanguageSwitcher };
 //# sourceMappingURL=LanguageSwitcher.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LanguageSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageSwitcher/LanguageSwitcher.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAWpD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAA;IACZ,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,wFAAwF;IACxF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IACvC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,gBAAgB,GAAI,yFAQvB,qBAAqB,4CAuEvB,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"LanguageSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageSwitcher/LanguageSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAWpD;;;;;;;;;GASG;AAQH,eAAO,MAAM,+BAA+B;;8EAuB3C,CAAA;AAED,eAAO,MAAM,+BAA+B;;8EAiB3C,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,WAAW,CAC/C,YAAY,CAAC,OAAO,+BAA+B,CAAC,CAAC,SAAS,CAAC,CAChE,CAAA;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAA;IACZ,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,wFAAwF;IACxF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IACvC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAA;CAClC;AAED,QAAA,MAAM,gBAAgB,GAAI,kGASvB,qBAAqB,4CAqEvB,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/LanguageSwitcher/LanguageSwitcher.js

@@ -1,83 +1,125 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useState as h, useEffect as v } from "react";
-import { DropdownMenu as w, DropdownMenuTrigger as x, DropdownMenuContent as b, DropdownMenuRadioGroup as D, DropdownMenuRadioItem as y } from "../DropdownMenu/DropdownMenu.js";
-import { Button as z } from "../Button/Button.js";
-import { Typography as M } from "../Typography/Typography.js";
-import { AltArrowDownOutline as N } from "@solar-icons/react-perf";
-import { cn as A } from "../../utils/cn.js";
-const G = ({
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { useState as w, useEffect as b } from "react";
+import { cva as g } from "class-variance-authority";
+import { DropdownMenu as y, DropdownMenuTrigger as D, DropdownMenuContent as z, DropdownMenuRadioGroup as M, DropdownMenuRadioItem as N } from "../DropdownMenu/DropdownMenu.js";
+import { Button as S } from "../Button/Button.js";
+import { cn as v } from "../../utils/cn.js";
+import { Typography as A } from "../Typography/Typography.js";
+import { AltArrowDownOutline as I } from "@solar-icons/react-perf";
+const T = g(
+  "group flex cursor-pointer items-center gap-sm focus-visible:focus-default disabled:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: [
+          "text-comp-language-switcher-default-def",
+          "hover:text-comp-language-switcher-default-hover",
+          "focus-visible:text-comp-language-switcher-default-focused",
+          "active:text-text-dark-primary-pressed",
+          "disabled:text-comp-language-switcher-default-disabled"
+        ],
+        invert: [
+          "text-comp-language-switcher-invert-def",
+          "hover:text-comp-language-switcher-invert-hover",
+          "focus-visible:text-comp-language-switcher-invert-focused",
+          "active:text-text-invert-pressed",
+          "disabled:text-comp-language-switcher-invert-disabled"
+        ]
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+), j = g(
+  "size-[12px] transition-transform duration-300 group-data-[state=open]:rotate-180",
+  {
+    variants: {
+      variant: {
+        default: [
+          "group-hover:text-comp-language-switcher-default-hover",
+          "group-active:text-text-dark-primary-pressed"
+        ],
+        invert: [
+          "group-hover:text-comp-language-switcher-invert-hover",
+          "group-active:text-text-invert-pressed"
+        ]
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+), Y = ({
   languages: i,
-  onValueChange: s,
-  defaultValue: u,
-  value: n,
-  isIconButton: f,
-  buttonProps: g,
-  disabled: a
+  onValueChange: o,
+  defaultValue: f,
+  value: s,
+  isIconButton: h,
+  buttonProps: x,
+  disabled: n,
+  variant: c
 }) => {
   var p;
-  const [c, m] = h(
-    u || ((p = i[0]) == null ? void 0 : p.value) || ""
+  const [l, d] = w(
+    f || ((p = i[0]) == null ? void 0 : p.value) || ""
   );
-  v(() => {
-    n && m(n);
-  }, [n]);
-  const e = i.find(({ value: o }) => o === c);
-  return /* @__PURE__ */ r(w, { children: [
-    /* @__PURE__ */ t(x, { asChild: !0, children: f ? /* @__PURE__ */ t(
-      z,
+  b(() => {
+    s && d(s);
+  }, [s]);
+  const e = i.find(({ value: r }) => r === l);
+  return /* @__PURE__ */ a(y, { children: [
+    /* @__PURE__ */ t(D, { asChild: !0, children: h ? /* @__PURE__ */ t(
+      S,
       {
         variant: "tertiary",
         size: "sm",
-        disabled: a,
-        ...g,
+        disabled: n,
+        ...x,
         icon: e == null ? void 0 : e.icon
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ a(
       "button",
       {
-        disabled: a,
-        className: "group flex cursor-pointer items-center gap-sm hover:text-comp-language-switcher-hover focus-visible:text-comp-language-switcher-focused focus-visible:focus-default disabled:pointer-events-none disabled:text-comp-language-switcher-disabled",
+        disabled: n,
+        className: v(T({ variant: c })),
         children: [
           /* @__PURE__ */ t(
-            M,
+            A,
             {
               component: "span",
               size: "sm",
               weight: "medium",
               variant: "body",
               fixY: !0,
-              children: e ? /* @__PURE__ */ r("span", { className: "flex items-center gap-sm [&>svg]:size-icon-small group-disabled:[&>svg]:opacity-50", children: [
+              children: e ? /* @__PURE__ */ a("span", { className: "flex items-center gap-sm [&>svg]:size-icon-small group-disabled:[&>svg]:opacity-50", children: [
                 e.icon && e.icon,
                 e.name
               ] }) : null
             }
           ),
           /* @__PURE__ */ t(
-            N,
+            I,
             {
-              className: A(
-                "size-[12px] transition-transform duration-300 group-hover:text-comp-language-switcher-hover group-data-[state=open]:rotate-180"
-              )
+              className: v(j({ variant: c }))
             }
           )
         ]
       }
     ) }),
-    /* @__PURE__ */ t(b, { className: "w-50", side: "bottom", align: "end", children: /* @__PURE__ */ t(
-      D,
+    /* @__PURE__ */ t(z, { className: "w-50", side: "top", align: "start", children: /* @__PURE__ */ t(
+      M,
       {
-        value: c,
-        onValueChange: (o) => {
-          m(o), s == null || s(o);
+        value: l,
+        onValueChange: (r) => {
+          d(r), o == null || o(r);
         },
-        children: i.map(({ name: o, value: l, icon: d }) => /* @__PURE__ */ t(y, { value: l, children: /* @__PURE__ */ r("span", { className: "flex items-center gap-sm [&>svg]:size-icon-small", children: [
-          d && d,
-          o
-        ] }) }, l))
+        children: i.map(({ name: r, value: m, icon: u }) => /* @__PURE__ */ t(N, { value: m, children: /* @__PURE__ */ a("span", { className: "flex items-center gap-sm [&>svg]:size-icon-small", children: [
+          u && u,
+          r
+        ] }) }, m))
       }
     ) })
   ] });
 };
 export {
-  G as LanguageSwitcher
+  Y as LanguageSwitcher,
+  j as languageSwitcherChevronVariants,
+  T as languageSwitcherTriggerVariants
 };

package/dist/components/LanguageSwitcher/LanguageSwitcher.stories.d.ts

@@ -4,7 +4,9 @@ declare const meta: Meta<typeof LanguageSwitcher>;
 export default meta;
 type Story = StoryObj<typeof LanguageSwitcher>;
 export declare const Default: Story;
+export declare const OpenState: Story;
 export declare const IconButton: Story;
+export declare const Invert: Story;
 export declare const Disabled: Story;
 export declare const Controlled: Story;
 //# sourceMappingURL=LanguageSwitcher.stories.d.ts.map

package/dist/components/LanguageSwitcher/LanguageSwitcher.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSwitcher.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageSwitcher/LanguageSwitcher.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAwCvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAA"}
+{"version":3,"file":"LanguageSwitcher.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageSwitcher/LanguageSwitcher.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CA+CvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAwBpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../../src/components/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,IAAI,EACJ,KAAK,YAAY,IAAI,sBAAsB,EAE5C,MAAM,0BAA0B,CAAA;AAIjC,wFAAwF;AACxF,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAA;AA0BlD,QAAA,MAAM,QAAQ,GAAI,uBAAuB,aAAa,4CAerD,CAAA;AAED,+CAA+C;AAC/C,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,eAAe,8GA4B3B,CAAA;AAID,+GAA+G;AAC/G,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,GAAG,EAAE,MAAM,CAAA;IACX,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAA;IACd,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,wBAAwB,GAAI,8BAK/B,kBAAkB,4CAWpB,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,wBAAwB,EAAE,IAAI,IAAI,YAAY,EAAE,CAAA"}
+{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../../src/components/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,IAAI,EACJ,KAAK,YAAY,IAAI,sBAAsB,EAE5C,MAAM,0BAA0B,CAAA;AAIjC,wFAAwF;AACxF,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAA;AAgDlD,QAAA,MAAM,QAAQ,GAAI,uBAAuB,aAAa,4CAerD,CAAA;AAED,+CAA+C;AAC/C,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,eAAe,8GA4B3B,CAAA;AAID,+GAA+G;AAC/G,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,GAAG,EAAE,MAAM,CAAA;IACX,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAA;IACd,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,wBAAwB,GAAI,8BAK/B,kBAAkB,4CAWpB,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,wBAAwB,EAAE,IAAI,IAAI,YAAY,EAAE,CAAA"}

package/dist/components/Lightbox/Lightbox.js

@@ -1,92 +1,108 @@
 import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as f, cloneElement as g, isValidElement as d } from "react";
-import { s as m } from "../../_virtual/server.browser.js";
-import { Gallery as h } from "../../node_modules/react-photoswipe-gallery/dist/gallery.js";
-import { Item as v } from "../../node_modules/react-photoswipe-gallery/dist/item.js";
-import { useGallery as x } from "../../node_modules/react-photoswipe-gallery/dist/hooks.js";
-import { Button as l } from "../Button/Button.js";
+import { forwardRef as g, cloneElement as f, isValidElement as h } from "react";
+import { renderToStaticMarkup as l } from "react-dom/server";
+import { useGallery as y, Gallery as d, Item as x } from "react-photoswipe-gallery";
+import { Item as E } from "react-photoswipe-gallery";
+import { buttonVariants as m } from "../Button/buttonVariants.js";
+import "../Button/Button.js";
 import { ArrowLeftOutline as L, ArrowRightOutline as p } from "@solar-icons/react-perf";
-import { XClose as y } from "../Icons/CustomIcons.js";
-const C = m.renderToStaticMarkup(
-  /* @__PURE__ */ t(l, { size: "sm", variant: "secondary", icon: /* @__PURE__ */ t(y, {}), asChild: !0 })
-), b = m.renderToStaticMarkup(
+import { XClose as v } from "../Icons/CustomIcons.js";
+const b = l(
   /* @__PURE__ */ t(
-    l,
+    "span",
     {
-      size: "sm",
-      variant: "invert",
-      ghost: !0,
-      icon: /* @__PURE__ */ t(p, {}),
-      asChild: !0
+      className: m({
+        variant: "secondary",
+        size: "sm",
+        iconOnly: !0
+      }),
+      children: /* @__PURE__ */ t(v, {})
     }
   )
-), k = m.renderToStaticMarkup(
+), G = l(
   /* @__PURE__ */ t(
-    l,
+    "span",
     {
-      size: "sm",
-      variant: "invert",
-      ghost: !0,
-      icon: /* @__PURE__ */ t(L, {}),
-      asChild: !0
+      "data-ghost": "true",
+      className: m({
+        variant: "invert",
+        size: "sm",
+        iconOnly: !0,
+        ghost: !0
+      }),
+      children: /* @__PURE__ */ t(p, {})
     }
   )
-), I = ({ children: r, ...i }) => /* @__PURE__ */ t(
-  h,
+), k = l(
+  /* @__PURE__ */ t(
+    "span",
+    {
+      "data-ghost": "true",
+      className: m({
+        variant: "invert",
+        size: "sm",
+        iconOnly: !0,
+        ghost: !0
+      }),
+      children: /* @__PURE__ */ t(L, {})
+    }
+  )
+), S = ({ children: o, ...n }) => /* @__PURE__ */ t(
+  d,
   {
-    ...i,
+    ...n,
     options: {
-      closeSVG: C,
+      closeSVG: b,
       zoom: !1,
       counter: !1,
-      arrowNextSVG: b,
+      arrowNextSVG: G,
       arrowPrevSVG: k
     },
-    children: r
+    children: o
   }
-), T = f(
-  ({ children: r, indexToOpen: i = 0, asChild: a, ...o }, n) => {
-    const { open: c } = x();
-    return a ? g(r, {
+), w = g(
+  ({ children: o, indexToOpen: n = 0, asChild: a, ...r }, i) => {
+    const { open: c } = y();
+    return a ? f(o, {
       onClick: (s) => {
         var e, u;
-        d(r) && ((u = (e = r.props) == null ? void 0 : e.onClick) == null || u.call(e, s)), c(i);
+        h(o) && ((u = (e = o.props) == null ? void 0 : e.onClick) == null || u.call(e, s)), c(n);
       },
-      ref: n,
-      ...o
+      ref: i,
+      ...r
     }) : /* @__PURE__ */ t(
       "button",
       {
-        ...o,
-        ref: n,
+        ...r,
+        ref: i,
         onClick: (s) => {
           var e;
-          (e = o.onClick) == null || e.call(o, s), c(i);
+          (e = r.onClick) == null || e.call(r, s), c(n);
         },
-        children: r
+        children: o
       }
     );
   }
 );
-T.displayName = "LightboxTrigger";
-const A = ({
-  src: r,
-  width: i,
+w.displayName = "LightboxTrigger";
+const B = ({
+  src: o,
+  width: n,
   height: a,
-  alt: o
+  alt: r
 }) => /* @__PURE__ */ t(
-  v,
+  x,
   {
-    original: r,
-    width: i,
+    original: o,
+    width: n,
     height: a,
-    alt: o,
-    children: ({ ref: n }) => /* @__PURE__ */ t("div", { ref: n, style: { display: "none" } })
+    alt: r,
+    children: ({ ref: i }) => /* @__PURE__ */ t("div", { ref: i, style: { display: "none" } })
   }
 );
 export {
-  I as Lightbox,
-  A as LightboxGalleryOnlyImage,
-  v as LightboxItem,
-  T as LightboxTrigger
+  S as Lightbox,
+  B as LightboxGalleryOnlyImage,
+  E as LightboxItem,
+  w as LightboxTrigger
 };

package/dist/components/Lightbox/Lightbox.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof Lightbox>;
 export default meta;
 type Story = StoryObj<typeof Lightbox>;
 export declare const DefaultLightBox: Story;
+export declare const OpenState: Story;
 export declare const GalleryWithHiddenImages: Story;
 export declare const ButtonToOpenGallery: Story;
 export declare const WithoutLoop: Story;

package/dist/components/Lightbox/Lightbox.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Lightbox/Lightbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EACL,QAAQ,EAKT,MAAM,YAAY,CAAA;AAuCnB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAwD/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,eAAe,EAAE,KA+B7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KA+CrC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAmCzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAoC5B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAqCrC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAyC1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA0CxB,CAAA"}
+{"version":3,"file":"Lightbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Lightbox/Lightbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EACL,QAAQ,EAKT,MAAM,YAAY,CAAA;AAsDnB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAwD/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,eAAe,EAAE,KA+B7B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA2CvB,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KA+CrC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAmCzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAoC5B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAqCrC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAyC1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA0CxB,CAAA"}

package/dist/components/Lightbox/LightboxOverrides.css

@@ -1,5 +1,5 @@
-.pswp__button {
-  &:focus-visible {
-    outline: 1px solid var(--brand-primary);
-  }
-}
+.pswp__button {
+  &:focus-visible {
+    outline: 1px solid var(--brand-primary);
+  }
+}

package/dist/components/LoginScreen/LoginScreen.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useIsDesktop as n } from "../../hooks/use-is-desktop.js";
-import { LoginScreen3D as d } from "./LoginScreen3D/LoginScreen3D.js";
-import { LanguageSwitcher as f } from "../LanguageSwitcher/LanguageSwitcher.js";
-import { AnimatePresence as h } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { AnimatePresence as n } from "framer-motion";
+import { useIsDesktop as d } from "../../hooks/use-is-desktop.js";
+import { LoginScreen3D as f } from "./LoginScreen3D/LoginScreen3D.js";
+import { LanguageSwitcher as h } from "../LanguageSwitcher/LanguageSwitcher.js";
 import { cn as p } from "../../utils/cn.js";
 const b = ({
   children: s,
@@ -12,7 +12,7 @@ const b = ({
   onLanguageChange: m,
   modelPath: o
 }) => {
-  const l = n();
+  const l = d();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -26,16 +26,16 @@ const b = ({
           /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
             c,
             (r == null ? void 0 : r.length) > 1 && /* @__PURE__ */ e(
-              f,
+              h,
               {
                 languages: r,
                 onValueChange: m
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e(h, { children: s }) })
+          /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e(n, { children: s }) })
         ] }),
-        /* @__PURE__ */ e("div", { className: "p-md max-lg:hidden", children: l && /* @__PURE__ */ e(d, { modelPath: o }) })
+        /* @__PURE__ */ e("div", { className: "p-md max-lg:hidden", children: l && /* @__PURE__ */ e(f, { modelPath: o }) })
       ]
     }
   );

package/dist/components/LoginScreen/LoginScreen.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginScreen.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LoginScreen/LoginScreen.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAM3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA2ClC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;AAEjC,eAAO,MAAM,KAAK,EAAE,KAkDnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAA;AAID,KAAK,UAAU,GAAG;IAChB,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B,CAAA;AAED,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,eAAe,GAAG,oBAAoB,CAAA"}
+{"version":3,"file":"LoginScreen.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LoginScreen/LoginScreen.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAM3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA2ClC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;AAEjC,eAAO,MAAM,KAAK,EAAE,KA4KnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAA;AAID,KAAK,UAAU,GAAG;IAChB,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B,CAAA;AAED,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,eAAe,GAAG,oBAAoB,CAAA"}