@vkzstudio/muza-ui 1.0.48 → 1.2.0

package/dist/components/LoginScreen/LoginScreen.js

@@ -1,45 +1,45 @@
-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 { cn as p } from "../../utils/cn.js";
-const b = ({
-  children: s,
-  className: t,
-  logo: c,
-  languages: r = [],
-  onLanguageChange: m,
-  modelPath: o
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { AnimatePresence as o } 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 a } from "../../utils/cn.js";
+const j = ({
+  children: t,
+  className: m,
+  logo: s,
+  languages: i = [],
+  onLanguageChange: c,
+  modelPath: l
 }) => {
-  const l = n();
-  return /* @__PURE__ */ i(
+  const n = d();
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: p(
+      className: a(
         "grid size-full min-h-[100svh] grid-cols-2 bg-surface-base-tertiary",
         "max-lg:grid-cols-1",
-        t
+        m
       ),
       children: [
-        /* @__PURE__ */ i("div", { className: "flex flex-col p-2xl", children: [
-          /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-            c,
-            (r == null ? void 0 : r.length) > 1 && /* @__PURE__ */ e(
-              f,
+        /* @__PURE__ */ r("div", { className: "flex flex-col p-2xl", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
+            s && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center [&_img]:h-xl [&_img]:w-auto [&_svg]:h-xl [&_svg]:w-auto", children: s }),
+            (i == null ? void 0 : i.length) > 1 && /* @__PURE__ */ e(
+              h,
               {
-                languages: r,
-                onValueChange: m
+                languages: i,
+                onValueChange: c
               }
             )
           ] }),
-          /* @__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(o, { children: t }) })
         ] }),
-        /* @__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: n && /* @__PURE__ */ e(f, { modelPath: l }) })
       ]
     }
   );
 };
 export {
-  b as LoginScreen
+  j as LoginScreen
 };

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

@@ -7,8 +7,8 @@ export declare const Intro: Story;
 export declare const Login: Story;
 export declare const PassRecovery: Story;
 export declare const PassRecoverySent: Story;
-type StoryProps = {
+type LoginState = 'intro' | 'login' | 'pass-recovery' | 'pass-recovery-sent';
+type StoryProps = React.ComponentProps<typeof LoginScreen> & {
     defaultState?: LoginState;
 };
-type LoginState = 'intro' | 'login' | 'pass-recovery' | 'pass-recovery-sent';
 //# sourceMappingURL=LoginScreen.stories.d.ts.map

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;AAc3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAgB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA8ClC,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,OAAO,GAAG,OAAO,GAAG,eAAe,GAAG,oBAAoB,CAAA;AAE5E,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,GAAG;IAC3D,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B,CAAA"}

package/dist/components/LoginScreen/LoginScreen3D/LoginScreen3DModel.js

@@ -1,8 +1,9 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { useRef as u, useEffect as S } from "react";
-import { useGLTF as d } from "../../../node_modules/@react-three/drei/core/useGLTF.js";
-import { useAnimations as g } from "../../../node_modules/@react-three/drei/core/useAnimations.js";
-const E = "/models/Login3D.glb", A = ({
+import "three";
+import { useGLTF as d, useAnimations as g } from "@react-three/drei";
+import "three-stdlib";
+const E = "/models/Login3D.glb", w = ({
   colors: r = {
     object1: "#5F1EB4",
     object2: "#5F1EB4",
@@ -11,15 +12,15 @@ const E = "/models/Login3D.glb", A = ({
   },
   modelPath: h = E,
   onModelReady: t,
-  ...l
+  ...p
 }) => {
-  const i = u(null), { nodes: o, materials: a, animations: p } = d(
+  const n = u(null), { nodes: o, materials: a, animations: l } = d(
     h
-  ), { actions: n } = g(p, i);
+  ), { actions: i } = g(l, n);
   return S(() => {
     var s, c;
-    (s = n["Empty.001Action"]) == null || s.reset().play().setDuration(6), (c = n.EmptyAction) == null || c.reset().play().setDuration(6), t == null || t();
-  }, [n, t]), /* @__PURE__ */ m("group", { name: "Scene", ref: i, ...l, dispose: null, children: [
+    (s = i["Empty.001Action"]) == null || s.reset().play().setDuration(6), (c = i.EmptyAction) == null || c.reset().play().setDuration(6), t == null || t();
+  }, [i, t]), /* @__PURE__ */ m("group", { name: "Scene", ref: n, ...p, dispose: null, children: [
     /* @__PURE__ */ e(
       "mesh",
       {
@@ -89,5 +90,5 @@ const E = "/models/Login3D.glb", A = ({
 };
 export {
   E as DEFAULT_LOGIN_GLB_PATH,
-  A as LoginScreen3DModel
+  w as LoginScreen3DModel
 };

package/dist/components/LoginScreen/LoginScreen3D/LoginScreen3DScene.js

@@ -1,23 +1,22 @@
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { useMemo as m, Suspense as p } from "react";
-import { ColorManagement as b } from "../../../node_modules/three/build/three.module.js";
-import { Canvas as f } from "../../../node_modules/@react-three/fiber/dist/react-three-fiber.esm.js";
-import { useIsMobile as u } from "../../../hooks/use-is-mobile.js";
-import { useIsTablet as d } from "../../../hooks/use-is-tablet.js";
-import { Lights as g } from "./Lights.js";
-import { LoginScreen3DModel as j } from "./LoginScreen3DModel.js";
-import { F } from "../../../node_modules/@react-three/fiber/dist/events-776716bd.esm.js";
-b.enabled = !0;
-const v = () => F(() => null, 1e3), C = ({
-  isRenderEnabled: i = !0,
-  onModelReady: s,
+import * as b from "three";
+import { Canvas as f, useFrame as u } from "@react-three/fiber";
+import { useIsMobile as d } from "../../../hooks/use-is-mobile.js";
+import { useIsTablet as g } from "../../../hooks/use-is-tablet.js";
+import { Lights as j } from "./Lights.js";
+import { LoginScreen3DModel as E } from "./LoginScreen3DModel.js";
+b.ColorManagement.enabled = !0;
+const v = () => u(() => null, 1e3), T = ({
+  isRenderEnabled: s = !0,
+  onModelReady: i,
   modelPath: l
 }) => {
-  const r = d(), t = u(), c = m(() => {
-    let n = 0.78, e = 1.5;
-    return r && (e = 2.4), t && (n = 0.74, e = 3.1), [-0.07, n, e];
+  const r = g(), t = d(), c = m(() => {
+    let n = 0.78, o = 1.5;
+    return r && (o = 2.4), t && (n = 0.74, o = 3.1), [-0.07, n, o];
   }, [r, t]);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "div",
     {
       className: "pointer-events-none relative block size-full bg-(--bg-color) transition-colors",
@@ -36,8 +35,8 @@ const v = () => F(() => null, 1e3), C = ({
             rotation: [0, 0, 0]
           },
           children: [
-            /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(
-              j,
+            /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+              E,
               {
                 colors: {
                   object1: "#5F1EB4",
@@ -46,12 +45,12 @@ const v = () => F(() => null, 1e3), C = ({
                   object4: "#5F1EB4"
                 },
                 position: [0, 0, 0],
-                onModelReady: s,
+                onModelReady: i,
                 modelPath: l
               }
             ) }),
-            /* @__PURE__ */ o(g, {}),
-            !i && /* @__PURE__ */ o(v, {})
+            /* @__PURE__ */ e(j, {}),
+            !s && /* @__PURE__ */ e(v, {})
           ]
         }
       )
@@ -59,5 +58,5 @@ const v = () => F(() => null, 1e3), C = ({
   );
 };
 export {
-  C as LoginScreen3DScene
+  T as LoginScreen3DScene
 };

package/dist/components/LoginScreen/LoginScreenItem.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { motion as e } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { motion as e } from "framer-motion";
 import { cn as m } from "../../utils/cn.js";
 const n = ({ children: t, className: o }) => /* @__PURE__ */ i(
   e.div,

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

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof MultiSelect>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const OpenState: Story;
 export declare const WithLabelAndHint: Story;
 export declare const WithError: Story;
 export declare const Disabled: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAqB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA4HlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAuBlC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA4DtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA2C5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAoDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}
+{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAS3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAqB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA4HlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAwBlC,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA2B9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA4DtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA+BzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA2C5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAoDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiFjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAgBjC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAsBD,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA"}
+{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiFjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAgBjC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAA"}

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

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof Popover>;
 export default meta;
 type Story = StoryObj<typeof Popover>;
 export declare const Default: Story;
+export declare const OpenState: Story;
 export declare const DifferentPositions: Story;
 export declare const DifferentAlignments: Story;
 export declare const WithRichContent: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,OAAO,EAAkC,MAAM,WAAW,CAAA;AAEnE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAyC9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyEhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA0DjC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgH7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAuD/B,CAAA"}
+{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,OAAO,EAAkC,MAAM,WAAW,CAAA;AAEnE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAyC9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA4BvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyEhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA0DjC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgH7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAuD/B,CAAA"}

package/dist/components/Reorderable/Reorderable.js

@@ -1,30 +1,26 @@
-import { jsx as R } from "react/jsx-runtime";
-import { forwardRef as _, useContext as S, useRef as T, useCallback as A, createContext as F, useState as $, useEffect as j } from "react";
-import { useMuzaTranslations as Z } from "../../translations/TranslationContext.js";
-import { AnimatePresence as P } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-import { useDragControls as ee } from "../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
-import { motion as te } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { jsx as w } from "react/jsx-runtime";
+import { forwardRef as _, useContext as S, useRef as T, useCallback as A, createContext as F, useState as P, useEffect as j } from "react";
+import { AnimatePresence as ee, Reorder as Z, useDragControls as te, motion as re } from "motion/react";
+import { useMuzaTranslations as q } from "../../translations/TranslationContext.js";
 import { cn as H } from "../../utils/cn.js";
-import { ReorderGroup as re } from "../../node_modules/framer-motion/dist/es/components/Reorder/Group.js";
-import { ReorderItem as ne } from "../../node_modules/framer-motion/dist/es/components/Reorder/Item.js";
 const K = {
   initial: { opacity: 0, scale: 0.96 },
   animate: { opacity: 1, scale: 1 },
   exit: { opacity: 0, scale: 0.96 },
   transition: { duration: 0.2, ease: "easeOut" }
-}, q = F({}), oe = 50, z = 3, B = () => S(q), J = F(null), se = () => {
-  const r = S(J);
+}, B = F({}), ne = 50, z = 3, J = () => S(B), O = F(null), oe = () => {
+  const r = S(O);
   if (!r)
     throw new Error("useReorderableItem must be used within a ReorderableItem");
   return r;
-}, ie = ({
+}, se = ({
   values: r,
-  onReorder: a,
+  onReorder: i,
   onSync: m,
   syncDelay: p = 300,
-  onSyncPendingChange: d,
+  onSyncPendingChange: f,
   onDragStart: o,
-  onDragEnd: w,
+  onDragEnd: R,
   axis: N = "y",
   as: G = "ol",
   disabled: v = !1,
@@ -34,47 +30,47 @@ const K = {
   className: x,
   children: u
 }, s) => {
-  const I = Z(), f = !!m, [C, h] = $(r), i = T(null), e = T(!1), t = T(!1), l = T(C), D = T(m);
+  const I = q(), d = !!m, [C, h] = P(r), a = T(null), e = T(!1), t = T(!1), l = T(C), D = T(m);
   D.current = m;
-  const n = T(d);
-  n.current = d, j(() => {
-    f && !e.current && (h(r), l.current = r);
-  }, [r, f]), j(() => () => {
-    i.current && clearTimeout(i.current);
+  const n = T(f);
+  n.current = f, j(() => {
+    d && !e.current && (h(r), l.current = r);
+  }, [r, d]), j(() => () => {
+    a.current && clearTimeout(a.current);
   }, []);
   const c = A(
     (E) => {
-      i.current && clearTimeout(i.current), i.current = setTimeout(() => {
+      a.current && clearTimeout(a.current), a.current = setTimeout(() => {
         var k, Y;
-        i.current = null, e.current = !1, (k = n.current) == null || k.call(n, !1), (Y = D.current) == null || Y.call(D, E);
+        a.current = null, e.current = !1, (k = n.current) == null || k.call(n, !1), (Y = D.current) == null || Y.call(D, E);
       }, p);
     },
     [p]
   ), b = A(
     (E) => {
       var k;
-      f ? (h(E), l.current = E, a == null || a(E), e.current || (e.current = !0, (k = n.current) == null || k.call(n, !0)), t.current || c(E)) : a == null || a(E);
+      d ? (h(E), l.current = E, i == null || i(E), e.current || (e.current = !0, (k = n.current) == null || k.call(n, !0)), t.current || c(E)) : i == null || i(E);
     },
-    [f, a, c]
+    [d, i, c]
   ), L = A(() => {
-    t.current = !0, i.current && clearTimeout(i.current), o == null || o();
-  }, [o]), O = A(() => {
-    t.current = !1, e.current && c(l.current), w == null || w();
-  }, [c, w]), V = f ? C : r, Q = {
+    t.current = !0, a.current && clearTimeout(a.current), o == null || o();
+  }, [o]), Q = A(() => {
+    t.current = !1, e.current && c(l.current), R == null || R();
+  }, [c, R]), V = d ? C : r, W = {
     disabled: v,
     values: V,
     onReorder: v ? void 0 : b,
     axis: N,
     animatePresence: !!y,
-    onPointerDragStart: f ? L : void 0,
-    onPointerDragEnd: f ? O : void 0
-  }, X = typeof u == "function" ? u(V) : u, U = y === !0 ? { mode: "popLayout", initial: !1 } : y || null, W = U ? /* @__PURE__ */ R(P, { ...U, children: X }) : X;
-  return /* @__PURE__ */ R(
-    q.Provider,
+    onPointerDragStart: d ? L : void 0,
+    onPointerDragEnd: d ? Q : void 0
+  }, X = typeof u == "function" ? u(V) : u, U = y === !0 ? { mode: "popLayout", initial: !1 } : y || null, $ = U ? /* @__PURE__ */ w(ee, { ...U, children: X }) : X;
+  return /* @__PURE__ */ w(
+    B.Provider,
     {
-      value: Q,
-      children: /* @__PURE__ */ R(
-        re,
+      value: W,
+      children: /* @__PURE__ */ w(
+        Z.Group,
         {
           ref: s,
           axis: N,
@@ -89,21 +85,21 @@ const K = {
             "aria-label": I.reorderableTable.listAriaLabel
           },
           className: H(x),
-          children: W
+          children: $
         }
       )
     }
   );
-}, ae = _(ie);
+}, ae = _(se);
 ae.displayName = "ReorderableGroup";
-const ce = ({
+const ie = ({
   value: r,
-  as: a = "li",
+  as: i = "li",
   disabled: m = !1,
   dragListenerDisabled: p = !1,
-  whileDrag: d,
+  whileDrag: f,
   animation: o,
-  className: w,
+  className: R,
   children: N,
   style: G,
   layout: v,
@@ -115,9 +111,9 @@ const ce = ({
     onReorder: u,
     axis: s,
     animatePresence: I,
-    onPointerDragStart: f,
+    onPointerDragStart: d,
     onPointerDragEnd: C
-  } = B(), h = ee(), i = m || M, e = !i && !p, t = o === !1 ? null : o === !0 ? K : typeof o == "object" ? {
+  } = J(), h = te(), a = m || M, e = !a && !p, t = o === !1 ? null : o === !0 ? K : typeof o == "object" ? {
     initial: o.initial ?? K.initial,
     animate: o.animate ?? K.animate,
     exit: o.exit ?? K.exit,
@@ -141,20 +137,20 @@ const ce = ({
     },
     [e, s, l]
   );
-  return /* @__PURE__ */ R(
-    J.Provider,
+  return /* @__PURE__ */ w(
+    O.Provider,
     {
       value: { dragControls: h, dragListenerDisabled: p, moveItem: l },
-      children: /* @__PURE__ */ R(
-        ne,
+      children: /* @__PURE__ */ w(
+        Z.Item,
         {
           ref: y,
           value: r,
-          as: a,
+          as: i,
           layout: v,
           dragControls: h,
           dragListener: e,
-          onDragStart: e ? f : void 0,
+          onDragStart: e ? d : void 0,
           onDragEnd: e ? C : void 0,
           initial: t == null ? void 0 : t.initial,
           animate: t == null ? void 0 : t.animate,
@@ -162,41 +158,41 @@ const ce = ({
           transition: t == null ? void 0 : t.transition,
           tabIndex: e ? 0 : void 0,
           role: "listitem",
-          "aria-disabled": i,
+          "aria-disabled": a,
           onKeyDown: D,
           onClick: g,
           className: H(
             e && "cursor-grab active:cursor-grabbing",
             e && "focus-visible-default",
-            w
+            R
           ),
           style: G,
           whileDrag: {
-            zIndex: oe,
+            zIndex: ne,
             position: "relative",
-            ...d
+            ...f
           },
           children: N
         }
       )
     }
   );
-}, le = _(ce);
-le.displayName = "ReorderableItem";
-const ue = _(
+}, ce = _(ie);
+ce.displayName = "ReorderableItem";
+const le = _(
   ({
     as: r = "button",
-    disabled: a = !1,
+    disabled: i = !1,
     "aria-label": m,
     className: p,
-    children: d
+    children: f
   }, o) => {
-    const w = Z(), N = m ?? w.reorderableTable.dragHandleAriaLabel, {
+    const R = q(), N = m ?? R.reorderableTable.dragHandleAriaLabel, {
       disabled: G,
       axis: v,
       onPointerDragStart: g,
       onPointerDragEnd: y
-    } = B(), { dragControls: M, dragListenerDisabled: x, moveItem: u } = se(), s = x && !G && !a, I = T(!1), f = (e) => {
+    } = J(), { dragControls: M, dragListenerDisabled: x, moveItem: u } = oe(), s = x && !G && !i, I = T(!1), d = (e) => {
       if (!s) return;
       I.current = !1;
       const t = e.clientX, l = e.clientY, D = (c) => {
@@ -215,10 +211,10 @@ const ue = _(
         e.key === t ? (e.preventDefault(), u(-1)) : e.key === l && (e.preventDefault(), u(1));
       },
       [s, v, u]
-    ), i = {
+    ), a = {
       "aria-label": N,
       "aria-roledescription": "sortable",
-      onPointerDown: f,
+      onPointerDown: d,
       onKeyDown: h,
       onClick: C,
       className: H(
@@ -229,38 +225,38 @@ const ue = _(
         p
       )
     };
-    return r === "button" ? /* @__PURE__ */ R("button", { ref: o, type: "button", disabled: a, ...i, children: d }) : r === "div" ? /* @__PURE__ */ R(
+    return r === "button" ? /* @__PURE__ */ w("button", { ref: o, type: "button", disabled: i, ...a, children: f }) : r === "div" ? /* @__PURE__ */ w(
       "div",
       {
         ref: o,
         tabIndex: s ? 0 : void 0,
         role: s ? "button" : void 0,
-        ...i,
-        children: d
+        ...a,
+        children: f
       }
-    ) : /* @__PURE__ */ R(
+    ) : /* @__PURE__ */ w(
       "span",
       {
         ref: o,
         tabIndex: s ? 0 : void 0,
         role: s ? "button" : void 0,
-        ...i,
-        children: d
+        ...a,
+        children: f
       }
     );
   }
 );
-ue.displayName = "ReorderableHandle";
-const fe = ({ as: r = "li", className: a, children: m }, p) => {
-  const d = te[r];
-  return /* @__PURE__ */ R(d, { ref: p, layout: !0, role: "listitem", className: H(a), children: m });
-}, de = _(fe);
+le.displayName = "ReorderableHandle";
+const ue = ({ as: r = "li", className: i, children: m }, p) => {
+  const f = re[r];
+  return /* @__PURE__ */ w(f, { ref: p, layout: !0, role: "listitem", className: H(i), children: m });
+}, de = _(ue);
 de.displayName = "ReorderableStaticItem";
 export {
   ae as ReorderableGroup,
-  ue as ReorderableHandle,
-  le as ReorderableItem,
+  le as ReorderableHandle,
+  ce as ReorderableItem,
   de as ReorderableStaticItem,
-  B as useReorderableGroup,
-  se as useReorderableItem
+  J as useReorderableGroup,
+  oe as useReorderableItem
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Reorderable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Reorderable/Reorderable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAY3D,OAAO,EACL,gBAAgB,EAIjB,MAAM,eAAe,CAAA;AAyFtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAsFvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAU9C,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAuCtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAA;AASD,eAAO,MAAM,SAAS,EAAE,KA2FvB,CAAA;AAgBD,eAAO,MAAM,cAAc,EAAE,KAsC5B,CAAA;AAmBD,eAAO,MAAM,aAAa,EAAE,KAgD3B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KA+E3B,CAAA;AA4BD,eAAO,MAAM,UAAU,EAAE,KAkDxB,CAAA;AA+GD,eAAO,MAAM,QAAQ,EAAE,KAsFtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAsC3B,CAAA"}
+{"version":3,"file":"Reorderable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Reorderable/Reorderable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAY3D,OAAO,EACL,gBAAgB,EAIjB,MAAM,eAAe,CAAA;AAyFtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAsFvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAU9C,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAuCtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAA;AASD,eAAO,MAAM,SAAS,EAAE,KA2FvB,CAAA;AAgBD,eAAO,MAAM,cAAc,EAAE,KAsC5B,CAAA;AAmBD,eAAO,MAAM,aAAa,EAAE,KAgD3B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KA+E3B,CAAA;AA4BD,eAAO,MAAM,UAAU,EAAE,KAkDxB,CAAA;AA+GD,eAAO,MAAM,QAAQ,EAAE,KAsFtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA6G3B,CAAA"}

package/dist/components/ReorderableTable/ReorderableTable.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as S } from "react";
-import { motion as l } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { motion as l } from "motion/react";
 import { ReorderableGroup as k, ReorderableItem as w, ReorderableHandle as z } from "../Reorderable/Reorderable.js";
 import { Reorder as G } from "../Icons/CustomIcons.js";
 import { cn as d } from "../../utils/cn.js";

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

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof Select>;
 export default meta;
 type Story = StoryObj<typeof Select>;
 export declare const Default: Story;
+export declare const OpenState: Story;
 export declare const WithLabelAndHint: Story;
 export declare const WithError: Story;
 export declare const WithSelectedValue: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAS3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAoI7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AA6BpC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6DtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAqDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoDrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAU3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAoI7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AA6BpC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA2BvB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6DtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAqDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoDrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}

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

@@ -10,6 +10,7 @@ type PlaygroundProps = {
     closeAriaLabel?: string;
 };
 export declare const Default: Story;
+export declare const OpenState: Story;
 export declare const SideLeft: Story;
 export declare const SideTop: Story;
 export declare const SideBottom: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"Sheet.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EACL,KAAK,EASN,MAAM,SAAS,CAAA;AAEhB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAoD5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;AAEtC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IACzC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAmErB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgCnC,CAAA"}
+{"version":3,"file":"Sheet.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EACL,KAAK,EASN,MAAM,SAAS,CAAA;AAEhB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAoD5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;AAEtC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IACzC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAmErB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAwCvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgCnC,CAAA"}