@vkzstudio/muza-ui 1.0.0 → 1.0.2

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

@@ -0,0 +1,9 @@
+import { jsxs as t, Fragment as n, jsx as i } from "react/jsx-runtime";
+const s = () => /* @__PURE__ */ t(n, { children: [
+  /* @__PURE__ */ i("ambientLight", { intensity: 1.2 }),
+  /* @__PURE__ */ i("directionalLight", { position: [1.7, 0.8, 4.4], intensity: 0.35 }),
+  /* @__PURE__ */ i("directionalLight", { position: [2.3, 5.9, 10], intensity: 1 })
+] });
+export {
+  s as Lights
+};

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

@@ -0,0 +1,5 @@
+declare const LoginScreen3D: ({ modelPath }: {
+    modelPath?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export { LoginScreen3D };
+//# sourceMappingURL=LoginScreen3D.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoginScreen3D.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginScreen/LoginScreen3D/LoginScreen3D.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAM3D,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

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

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+import { LoginScreen3DScene as o } from "./LoginScreen3DScene.js";
+const i = ({ modelPath: r }) => /* @__PURE__ */ e("div", { className: "sticky top-md h-[calc(100svh-2*var(--spacing-md))] w-full overflow-hidden rounded-xl bg-purple-500", children: /* @__PURE__ */ e(o, { modelPath: r }) });
+export {
+  i as LoginScreen3D
+};

package/dist/components/LoginScreen/LoginScreen3D/LoginScreen3DModel.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Path to the Login3D GLB model file within the package.
+ *
+ * For consuming projects:
+ * 1. Copy the file from node_modules/@vkzstudio/muza-ui/dist/models/Login3D.glb
+ *    to your public folder (e.g., public/models/Login3D.glb)
+ * 2. Pass the path as modelPath prop: <LoginScreen modelPath="/models/Login3D.glb" />
+ *
+ * Or use a build tool plugin to copy it automatically.
+ */
+export declare const DEFAULT_LOGIN_GLB_PATH = "/models/Login3D.glb";
+export declare const LoginScreen3DModel: ({ colors, modelPath, onModelReady, ...groupProps }: {
+    colors?: {
+        object1: string;
+        object2: string;
+        object3: string;
+        object4: string;
+    };
+    modelPath?: string;
+    onModelReady?: () => void;
+    position?: [number, number, number];
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoginScreen3DModel.d.ts.map

package/dist/components/LoginScreen/LoginScreen3D/LoginScreen3DModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginScreen3DModel.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginScreen/LoginScreen3D/LoginScreen3DModel.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;GASG;AAGH,eAAO,MAAM,sBAAsB,wBAAwB,CAAA;AAW3D,eAAO,MAAM,kBAAkB,GAAI,oDAUhC;IACD,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CACpC,4CAkEA,CAAA"}

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

@@ -0,0 +1,93 @@
+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 = ({
+  colors: r = {
+    object1: "#5F1EB4",
+    object2: "#5F1EB4",
+    object3: "#5F1EB4",
+    object4: "#5F1EB4"
+  },
+  modelPath: h = E,
+  onModelReady: t,
+  ...l
+}) => {
+  const i = u(null), { nodes: o, materials: a, animations: p } = d(
+    h
+  ), { actions: n } = g(p, i);
+  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: [
+    /* @__PURE__ */ e(
+      "mesh",
+      {
+        name: "Sphere003",
+        castShadow: !0,
+        receiveShadow: !0,
+        geometry: o.Sphere003.geometry,
+        position: [0, 0.683, 0],
+        rotation: [0, -0.196, 0],
+        scale: [0.303, 0.092, 0.303],
+        children: /* @__PURE__ */ e(
+          "meshStandardMaterial",
+          {
+            ...a["MAIN.004"],
+            color: r.object1
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ m(
+      "group",
+      {
+        name: "Empty",
+        position: [0, 1.136, 0],
+        rotation: [0, 0.262, 0],
+        scale: 0.568,
+        children: [
+          /* @__PURE__ */ e(
+            "mesh",
+            {
+              name: "Cylinder002",
+              castShadow: !0,
+              receiveShadow: !0,
+              geometry: o.Cylinder002.geometry,
+              rotation: [Math.PI / 2, 0, 0],
+              scale: [0.799, 0.089, 0.799],
+              children: /* @__PURE__ */ e(
+                "meshStandardMaterial",
+                {
+                  ...a["MAIN.004"],
+                  color: r.object2
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e("group", { name: "Empty001", scale: 1.76, children: /* @__PURE__ */ e(
+            "mesh",
+            {
+              name: "Sphere005",
+              castShadow: !0,
+              receiveShadow: !0,
+              geometry: o.Sphere005.geometry,
+              scale: 0.114,
+              children: /* @__PURE__ */ e(
+                "meshStandardMaterial",
+                {
+                  ...a["MAIN.004"],
+                  color: r.object3
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  E as DEFAULT_LOGIN_GLB_PATH,
+  A as LoginScreen3DModel
+};

package/dist/components/LoginScreen/LoginScreen3D/LoginScreen3DScene.d.ts

@@ -0,0 +1,6 @@
+export declare const LoginScreen3DScene: ({ isRenderEnabled, onModelReady, modelPath, }: {
+    isRenderEnabled?: boolean;
+    onModelReady?: () => void;
+    modelPath?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoginScreen3DScene.d.ts.map

package/dist/components/LoginScreen/LoginScreen3D/LoginScreen3DScene.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginScreen3DScene.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginScreen/LoginScreen3D/LoginScreen3DScene.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,kBAAkB,GAAI,+CAIhC;IACD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,4CAuDA,CAAA"}

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

@@ -0,0 +1,63 @@
+import { jsx as o, 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,
+  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];
+  }, [r, t]);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: "pointer-events-none relative block size-full bg-(--bg-color) transition-colors",
+      id: "sceneWrap",
+      style: { "--bg-color": "transparent" },
+      children: /* @__PURE__ */ a(
+        f,
+        {
+          dpr: [1, 2],
+          gl: {},
+          camera: {
+            far: 1e3,
+            near: 0.1,
+            fov: 12,
+            position: c,
+            rotation: [0, 0, 0]
+          },
+          children: [
+            /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(
+              j,
+              {
+                colors: {
+                  object1: "#5F1EB4",
+                  object2: "#5F1EB4",
+                  object3: "#5F1EB4",
+                  object4: "#5F1EB4"
+                },
+                position: [0, 0, 0],
+                onModelReady: s,
+                modelPath: l
+              }
+            ) }),
+            /* @__PURE__ */ o(g, {}),
+            !i && /* @__PURE__ */ o(v, {})
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  C as LoginScreen3DScene
+};

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

@@ -0,0 +1,7 @@
+export interface LoginScreenItemProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const LoginScreenItem: ({ children, className }: LoginScreenItemProps) => import("react/jsx-runtime").JSX.Element;
+export { LoginScreenItem };
+//# sourceMappingURL=LoginScreenItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoginScreenItem.d.ts","sourceRoot":"","sources":["../../../src/components/LoginScreen/LoginScreenItem.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,eAAe,GAAI,yBAAyB,oBAAoB,4CAcrE,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/LoginScreen/LoginScreenItem.js

@@ -0,0 +1,19 @@
+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 { cn as m } from "../../utils/cn.js";
+const n = ({ children: t, className: o }) => /* @__PURE__ */ i(
+  e.div,
+  {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+    className: m(
+      "flex w-full max-w-[400px] flex-col py-10xl text-center",
+      o
+    ),
+    children: t
+  }
+);
+export {
+  n as LoginScreenItem
+};

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

@@ -0,0 +1,4 @@
+export * from './LoginScreen';
+export * from './LoginScreenItem';
+export { DEFAULT_LOGIN_GLB_PATH } from './LoginScreen3D/LoginScreen3DModel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoginScreen/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAA"}

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

@@ -0,0 +1,23 @@
+import { default as React, ReactNode } from 'react';
+export interface IMultiSelectProps {
+    label?: string;
+    hint?: string;
+    error?: boolean;
+    required?: boolean;
+    suffix?: ReactNode;
+    prefix?: ReactNode;
+    placeholder?: string;
+    size?: 'sm' | 'base' | 'lg';
+    options: Array<{
+        value: string;
+        label: ReactNode;
+        disabled?: boolean;
+        icon?: ReactNode;
+    }>;
+    disabled?: boolean;
+    maxNumberOfVisibleTags?: number;
+    value?: string[];
+    onChange?: (value: string[]) => void;
+}
+export declare const MultiSelect: React.ForwardRefExoticComponent<IMultiSelectProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=MultiSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAad,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACrC;AAED,eAAO,MAAM,WAAW,6FAqMvB,CAAA"}

package/dist/components/MultiSelect/MultiSelect.js

@@ -0,0 +1,156 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import p, { forwardRef as O, useMemo as R, useRef as j, useEffect as k } from "react";
+import { triggerWrapperVariants as A } from "../Select/utils.js";
+import { Typography as u } from "../Typography/Typography.js";
+import { Tag as h } from "../Tag/Tag.js";
+import { DropdownMenu as I, DropdownMenuTrigger as V, DropdownMenuContent as E, DropdownMenuCheckboxItem as _ } from "../DropdownMenu/DropdownMenu.js";
+import { AltArrowUpOutline as B } from "@solar-icons/react-perf";
+import { cn as F } from "../../utils/cn.js";
+const L = O(
+  (T, x) => {
+    const {
+      label: g,
+      hint: b,
+      error: w,
+      options: o,
+      onChange: l,
+      value: r,
+      disabled: m,
+      prefix: d,
+      maxNumberOfVisibleTags: c = 2,
+      size: z,
+      placeholder: N = "Select..."
+    } = T, v = R(() => new Map(o.map((e) => [e.value, e.label])), [o]), S = R(() => {
+      const e = r && r.map((s) => v.get(s));
+      return e != null && e.length ? e.length <= c ? /* @__PURE__ */ t("div", { className: "flex flex-1 items-start justify-start gap-xs", children: e.map((s, a) => /* @__PURE__ */ t(h, { variant: "info", className: "max-w-[72px]", children: s }, a)) }) : /* @__PURE__ */ t("div", { className: "flex flex-1 items-center gap-xs", children: [
+        ...e.slice(0, c).map((s, a) => /* @__PURE__ */ t(
+          h,
+          {
+            variant: "info",
+            className: "max-w-[72px] overflow-hidden",
+            children: /* @__PURE__ */ t("span", { className: "truncate", children: s })
+          },
+          a
+        )),
+        /* @__PURE__ */ i(h, { variant: "info", children: [
+          e.length - c,
+          "+"
+        ] }, "more")
+      ] }) : /* @__PURE__ */ t(
+        u,
+        {
+          size: "input",
+          className: "grow-1 fix-y-text truncate text-left text-comp-select-text-placeholder",
+          weight: "regular",
+          component: "span",
+          children: N
+        }
+      );
+    }, [r, N, c, v]), [y, D] = p.useState(!1), [M, W] = p.useState(0), f = p.useRef(!1), C = j(null), n = (typeof x == "function" ? null : x) ?? C;
+    return k(() => {
+      const e = () => {
+        n.current && W(n.current.offsetWidth);
+      };
+      e();
+      const s = new ResizeObserver(e);
+      return n.current && s.observe(n.current), () => {
+        s.disconnect();
+      };
+    }, [n]), /* @__PURE__ */ i("div", { className: "flex flex-col gap-sm", children: [
+      g && /* @__PURE__ */ t(
+        u,
+        {
+          component: "label",
+          size: "sm",
+          weight: "regular",
+          className: "text-comp-select-text-primary",
+          children: g
+        }
+      ),
+      /* @__PURE__ */ i(
+        I,
+        {
+          onOpenChange: (e) => {
+            D(e);
+          },
+          children: [
+            /* @__PURE__ */ t(V, { disabled: m, asChild: !0, children: /* @__PURE__ */ t(
+              "button",
+              {
+                ref: n,
+                type: "button",
+                role: "input",
+                tabIndex: 0,
+                disabled: m,
+                className: A({
+                  size: z,
+                  error: w,
+                  expanded: y,
+                  hasIcon: !!d || (r == null ? void 0 : r.length) === 0
+                }),
+                children: /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
+                  d && /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: m ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def",
+                      children: d
+                    }
+                  ),
+                  S,
+                  /* @__PURE__ */ t(
+                    B,
+                    {
+                      className: F(
+                        "transition-transform duration-200",
+                        y ? "rotate-0" : "rotate-180"
+                      )
+                    }
+                  )
+                ] })
+              }
+            ) }),
+            /* @__PURE__ */ t(
+              E,
+              {
+                className: "mt-1",
+                style: {
+                  width: M > 0 ? `${M}px` : void 0
+                },
+                onCloseAutoFocus: (e) => {
+                  f.current || e.preventDefault(), f.current = !1;
+                },
+                children: o.map((e) => /* @__PURE__ */ t(
+                  _,
+                  {
+                    checked: r == null ? void 0 : r.includes(e.value),
+                    disabled: e.disabled,
+                    icon: e.icon,
+                    onCheckedChange: (s) => {
+                      s ? l == null || l([...r || [], e.value]) : l == null || l((r || []).filter((a) => a !== e.value)), f.current = !0;
+                    },
+                    children: e.label
+                  },
+                  e.value
+                ))
+              }
+            )
+          ]
+        }
+      ),
+      b && /* @__PURE__ */ t(
+        u,
+        {
+          component: "p",
+          size: "sm",
+          weight: "regular",
+          className: w ? "text-comp-select-text-error" : "text-comp-select-text-secondary",
+          children: b
+        }
+      )
+    ] });
+  }
+);
+L.displayName = "MultiSelect";
+export {
+  L as MultiSelect
+};

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

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { MultiSelect } from './MultiSelect';
+declare const meta: Meta<typeof MultiSelect>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabelAndHint: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const AllSizes: Story;
+export declare const PreSelected: Story;
+export declare const MaxVisibleTags: Story;
+export declare const WithPrefix: Story;
+export declare const ManyOptions: Story;
+export declare const WithLongLabels: Story;
+export declare const WithIconsInOptions: Story;
+export declare const WithDisabledOptions: Story;
+//# sourceMappingURL=MultiSelect.stories.d.ts.map

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

@@ -0,0 +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,CAoClC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAsBlC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgDtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAQxB,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"}

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

@@ -0,0 +1,2 @@
+export * from './MultiSelect';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from '../Input';
+export interface PasswordInputProps extends Omit<InputProps, 'suffix' | 'type'> {
+    initialShowPassword?: boolean;
+}
+declare const PasswordInput: import('react').ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export { PasswordInput };
+//# sourceMappingURL=PasswordInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC3C,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED,QAAA,MAAM,aAAa,8HA6BlB,CAAA;AAID,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/PasswordInput/PasswordInput.js

@@ -0,0 +1,36 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as d, useState as m } from "react";
+import { EyeClosed as n } from "../Icons/CustomIcons.js";
+import { Input as l } from "../Input/Input.js";
+import { cn as c } from "../../utils/cn.js";
+import { EyeBold as f } from "@solar-icons/react-perf";
+const u = d(
+  ({ initialShowPassword: r, ...s }, t) => {
+    const [e, i] = m(
+      r || !1
+    );
+    return /* @__PURE__ */ o(
+      l,
+      {
+        ...s,
+        ref: t,
+        type: e ? "text" : "password",
+        suffix: /* @__PURE__ */ o(
+          "button",
+          {
+            className: c("cursor-pointer focus-visible:focus-default", {
+              "pointer-none cursor-not-allowed": s.disabled
+            }),
+            onClick: () => i((a) => !a),
+            disabled: s.disabled,
+            children: e ? /* @__PURE__ */ o(f, { className: "size-icon-medium" }) : /* @__PURE__ */ o(n, { className: "size-icon-medium" })
+          }
+        )
+      }
+    );
+  }
+);
+u.displayName = "PasswordInput";
+export {
+  u as PasswordInput
+};

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { PasswordInput } from './PasswordInput';
+declare const meta: Meta<typeof PasswordInput>;
+export default meta;
+type Story = StoryObj<typeof PasswordInput>;
+export declare const Default: Story;
+//# sourceMappingURL=PasswordInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAwEpC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA"}

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

@@ -0,0 +1,2 @@
+export * from './PasswordInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PasswordInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/components/PinIndicator/PinIndicator.d.ts

@@ -3,6 +3,6 @@ export interface PinIndicatorProps {
     progres?: number;
     className?: string;
 }
-declare function PinIndicator({ className, maxCount, progres, ...props }: PinIndicatorProps): import("react/jsx-runtime").JSX.Element;
+declare const PinIndicator: ({ className, maxCount, progres, ...props }: PinIndicatorProps) => import("react/jsx-runtime").JSX.Element;
 export { PinIndicator };
 //# sourceMappingURL=PinIndicator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PinIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/PinIndicator/PinIndicator.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAY,EACZ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAwBnB;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"PinIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/PinIndicator/PinIndicator.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,GAAI,4CAKnB,iBAAiB,4CAwBnB,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/PinIndicator/PinIndicator.js

@@ -0,0 +1,33 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as i } from "../../utils/cn.js";
+const a = ({
+  className: n,
+  maxCount: p = 4,
+  progres: r,
+  ...c
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: i(
+      "flex items-center justify-center gap-comp-pin-indicator-gap",
+      n
+    ),
+    ...c,
+    children: Array.from({ length: p }, (d, o) => /* @__PURE__ */ e(
+      "div",
+      {
+        className: i(
+          "size-comp-pin-indicator-size shrink-0 rounded-full bg-comp-pin-bg-empty",
+          "border-[1.5px] border-solid border-comp-pin-border-def",
+          {
+            "border-comp-pin-border-none bg-comp-pin-bg-active": r && o < r
+          }
+        )
+      },
+      o
+    ))
+  }
+);
+export {
+  a as PinIndicator
+};

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

@@ -1 +1 @@
-{"version":3,"file":"PinIndicator.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PinIndicator/PinIndicator.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAqCnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAE1C,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAA"}
+{"version":3,"file":"PinIndicator.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PinIndicator/PinIndicator.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAqCnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAE1C,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAalB,CAAA"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAG3D,QAAA,MAAM,OAAO,yCAAwB,CAAA;AAErC,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,cAAc,gKAiBlB,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Popover/Popover.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "react";
+import * as o from "@radix-ui/react-popover";
+import { cn as s } from "../../utils/cn.js";
+const l = o.Root, c = o.Trigger, m = n.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...i }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+  o.Content,
+  {
+    ref: d,
+    align: a,
+    sideOffset: r,
+    className: s(
+      "origin-[--radix-popover-content-transform-origin] rounded-xl bg-surface-base-secondary dropdown-shadow-default outline-none",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+      e
+    ),
+    ...i
+  }
+) }));
+m.displayName = o.Content.displayName;
+export {
+  l as Popover,
+  m as PopoverContent,
+  c as PopoverTrigger
+};