@oneplatformdev/ui 0.1.99-beta.24 → 0.1.99-beta.241

package/InfoBlock/InfoBlock.js

@@ -0,0 +1,28 @@
+import { jsx as e, jsxs as c, Fragment as m } from "react/jsx-runtime";
+import { cn as f } from "@oneplatformdev/utils";
+import { infoBlockVariants as p } from "./infoBlockVariants.js";
+import { isValidElement as d, createElement as h } from "react";
+import { InfoIcon as u, TriangleAlertIcon as w } from "lucide-react";
+const N = (r) => r ? d(r) ? r : h(r) : null, x = {
+  error: /* @__PURE__ */ e(w, { className: "fill-[#DC2626] text-white!" }),
+  info: /* @__PURE__ */ e(u, { className: "fill-[#9368FF] text-white!" })
+}, k = (r) => {
+  const { className: t, variant: n = "error", content: a, icon: o, children: i, node: l, ...s } = r;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ...s,
+      className: f(p({ className: t, variant: n })),
+      children: i ?? /* @__PURE__ */ c(m, { children: [
+        N(o ?? x[n]),
+        l ?? /* @__PURE__ */ e("span", { className: "whitespace-pre-wrap wrap-break-word line-clamp-10", children: a })
+      ] })
+    }
+  );
+};
+k.displayName = "InfoBlock";
+export {
+  k as InfoBlock,
+  k as default
+};
+//# sourceMappingURL=InfoBlock.js.map

package/InfoBlock/InfoBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBlock.js","sources":["../../src/InfoBlock/InfoBlock.tsx"],"sourcesContent":["import { InfoBlockIconType, InfoBlockProps } from \"./InfoBlock.types\";\nimport { cn } from \"@oneplatformdev/utils\";\nimport { infoBlockVariants } from \"./infoBlockVariants\";\nimport { createElement, isValidElement } from \"react\";\nimport { TriangleAlertIcon, InfoIcon } from \"lucide-react\";\n\nconst renderInnerIcon = (Icon?: InfoBlockIconType) => {\n  if (!Icon) return null;\n  if (isValidElement(Icon)) return Icon;\n  return createElement(Icon);\n};\n\nconst iconByVariant: Record<NonNullable<InfoBlockProps['variant']>, InfoBlockIconType> = {\n  error: <TriangleAlertIcon className='fill-[#DC2626] text-white!'/>,\n  info: <InfoIcon className='fill-[#9368FF] text-white!'/>\n}\n\nexport const InfoBlock = (props: InfoBlockProps) => {\n  const { className, variant = 'error', content, icon, children, node, ...rest } = props;\n  return (\n    <div\n      {...rest}\n      className={cn(infoBlockVariants({ className, variant }))}\n    >\n      {children ?? (\n        <>\n          {renderInnerIcon(icon ?? iconByVariant[variant!])}\n          {node ?? (\n            <span className='whitespace-pre-wrap wrap-break-word line-clamp-10'>\n            {content}\n          </span>\n          )}\n        </>\n      )}\n    </div>\n  )\n}\nInfoBlock.displayName = 'InfoBlock';\nexport default InfoBlock;\n\n"],"names":["renderInnerIcon","Icon","isValidElement","createElement","iconByVariant","jsx","TriangleAlertIcon","InfoIcon","InfoBlock","props","className","variant","content","icon","children","node","rest","cn","infoBlockVariants","jsxs","Fragment"],"mappings":";;;;;AAMA,MAAMA,IAAkB,CAACC,MAClBA,IACDC,EAAeD,CAAI,IAAUA,IAC1BE,EAAcF,CAAI,IAFP,MAKdG,IAAmF;AAAA,EACvF,OAAO,gBAAAC,EAACC,GAAA,EAAkB,WAAU,6BAAA,CAA4B;AAAA,EAChE,MAAM,gBAAAD,EAACE,GAAA,EAAS,WAAU,6BAAA,CAA4B;AACxD,GAEaC,IAAY,CAACC,MAA0B;AAClD,QAAM,EAAE,WAAAC,GAAW,SAAAC,IAAU,SAAS,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,MAAAC,GAAM,GAAGC,EAAA,IAASP;AACjF,SACE,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGW;AAAA,MACJ,WAAWC,EAAGC,EAAkB,EAAE,WAAAR,GAAW,SAAAC,EAAA,CAAS,CAAC;AAAA,MAEtD,eACC,gBAAAQ,EAAAC,GAAA,EACG,UAAA;AAAA,QAAApB,EAAgBa,KAAQT,EAAcO,CAAQ,CAAC;AAAA,QAC/CI,KACC,gBAAAV,EAAC,QAAA,EAAK,WAAU,qDACf,UAAAO,EAAA,CACH;AAAA,MAAA,EAAA,CAEF;AAAA,IAAA;AAAA,EAAA;AAIR;AACAJ,EAAU,cAAc;"}

package/InfoBlock/InfoBlock.stories.js

@@ -0,0 +1,50 @@
+import { jsx as t } from "react/jsx-runtime";
+import { InfoBlock as o } from "./InfoBlock.js";
+import { CircleAlert as n } from "lucide-react";
+const a = {
+  title: "UI/InfoBlock",
+  component: o,
+  argTypes: {
+    variant: {
+      control: "select",
+      options: ["error", "info"],
+      description: "Defines the color scheme and default icon"
+    },
+    content: {
+      control: "text",
+      description: "Text or content inside the block"
+    }
+  },
+  parameters: {
+    layout: "centered"
+  }
+}, i = {
+  args: {
+    variant: "error",
+    content: "Увага! Перш ніж архівувати підрозділ “Підрозділ дизайну”, переведіть співробітників до іншого — інакше вони будуть автоматично звільнені."
+  }
+}, s = {
+  args: {
+    variant: "info",
+    content: "Зміни вступлять в силу після збереження налаштувань профілю."
+  }
+}, l = {
+  args: {
+    variant: "info",
+    icon: /* @__PURE__ */ t(n, { className: "text-blue-500" }),
+    content: "Цей блок використовує передану вручну іконку замість стандартної."
+  }
+}, f = {
+  args: {
+    variant: "error",
+    content: "Дуже довгий текст: ".repeat(20)
+  }
+};
+export {
+  l as CustomIcon,
+  i as Error,
+  s as Info,
+  f as LongContent,
+  a as default
+};
+//# sourceMappingURL=InfoBlock.stories.js.map

package/InfoBlock/InfoBlock.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBlock.stories.js","sources":["../../src/InfoBlock/InfoBlock.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\nimport { InfoBlock } from './InfoBlock';\nimport { CircleAlert } from 'lucide-react';\n\nconst meta = {\n  title: 'UI/InfoBlock',\n  component: InfoBlock,\n  argTypes: {\n    variant: {\n      control: 'select',\n      options: ['error', 'info'],\n      description: 'Defines the color scheme and default icon',\n    },\n    content: {\n      control: 'text',\n      description: 'Text or content inside the block',\n    },\n  },\n  parameters: {\n    layout: 'centered',\n  },\n} satisfies Meta<typeof InfoBlock>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Error: Story = {\n  args: {\n    variant: 'error',\n    content: 'Увага! Перш ніж архівувати підрозділ “Підрозділ дизайну”, переведіть співробітників до іншого — інакше вони будуть автоматично звільнені.',\n  },\n};\n\nexport const Info: Story = {\n  args: {\n    variant: 'info',\n    content: 'Зміни вступлять в силу після збереження налаштувань профілю.',\n  },\n};\n\nexport const CustomIcon: Story = {\n  args: {\n    variant: 'info',\n    icon: <CircleAlert className=\"text-blue-500\" />,\n    content: 'Цей блок використовує передану вручну іконку замість стандартної.',\n  },\n};\n\nexport const LongContent: Story = {\n  args: {\n    variant: 'error',\n    content: 'Дуже довгий текст: '.repeat(20),\n  },\n};\n"],"names":["meta","InfoBlock","Error","Info","CustomIcon","jsx","CircleAlert","LongContent"],"mappings":";;;AAIA,MAAMA,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS,CAAC,SAAS,MAAM;AAAA,MACzB,aAAa;AAAA,IAAA;AAAA,IAEf,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,YAAY;AAAA,IACV,QAAQ;AAAA,EAAA;AAEZ,GAMaC,IAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb,GAEaC,IAAc;AAAA,EACzB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb,GAEaC,IAAoB;AAAA,EAC/B,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,MAAM,gBAAAC,EAACC,GAAA,EAAY,WAAU,gBAAA,CAAgB;AAAA,IAC7C,SAAS;AAAA,EAAA;AAEb,GAEaC,IAAqB;AAAA,EAChC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,SAAS,sBAAsB,OAAO,EAAE;AAAA,EAAA;AAE5C;"}

package/InfoBlock/InfoBlock.types.d.ts

@@ -0,0 +1,9 @@
+import { InfoBlockVariantsProps } from './infoBlockVariants';
+import { ComponentType, HTMLAttributes, PropsWithChildren, ReactElement, ReactNode, SVGProps } from 'react';
+export type InfoBlockIconType = ComponentType<SVGProps<SVGSVGElement>> | ReactElement<SVGProps<SVGSVGElement>>;
+export interface InfoBlockProps extends PropsWithChildren, InfoBlockVariantsProps, Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'content'> {
+    content?: ReactNode;
+    node?: ReactNode;
+    icon?: InfoBlockIconType;
+}
+//# sourceMappingURL=InfoBlock.types.d.ts.map

package/InfoBlock/InfoBlock.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBlock.types.d.ts","sourceRoot":"","sources":["../../src/InfoBlock/InfoBlock.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EACL,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,QAAQ,EACT,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,iBAAiB,GACzB,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GACtC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE1C,MAAM,WAAW,cACf,SAAQ,iBAAiB,EACvB,sBAAsB,EACtB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B"}

package/InfoBlock/InfoBlock.types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=InfoBlock.types.js.map

package/InfoBlock/InfoBlock.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBlock.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/InfoBlock/index.d.ts

@@ -0,0 +1,3 @@
+export * from './InfoBlock';
+export type * from './InfoBlock.types';
+//# sourceMappingURL=index.d.ts.map

package/InfoBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InfoBlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,mBAAmB,mBAAmB,CAAA"}

package/InfoBlock/index.js

@@ -0,0 +1,5 @@
+import { InfoBlock as r } from "./InfoBlock.js";
+export {
+  r as InfoBlock
+};
+//# sourceMappingURL=index.js.map

package/InfoBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/InfoBlock/infoBlockVariants.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const infoBlockVariants: (props?: ({
+    variant?: "error" | "info" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InfoBlockVariantsProps = VariantProps<typeof infoBlockVariants>;
+//# sourceMappingURL=infoBlockVariants.d.ts.map

package/InfoBlock/infoBlockVariants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"infoBlockVariants.d.ts","sourceRoot":"","sources":["../../src/InfoBlock/infoBlockVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,iBAAiB;;8EAqB7B,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/InfoBlock/infoBlockVariants.js

@@ -0,0 +1,27 @@
+import { cva as t } from "class-variance-authority";
+const a = t(
+  [
+    "flex items-start gap-2",
+    "p-2.5 rounded-lg",
+    "font-medium text-base leading-normal text-[#06080D]",
+    "whitespace-pre-wrap break-words",
+    "[&>p]:m-0 [&>p]:p-0",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-6",
+    "transition-transform duration-200 [&_svg]:transition-transform [&_svg]:duration-200"
+  ],
+  {
+    variants: {
+      variant: {
+        error: "bg-[#DC26260F] [&>svg]:text-[#DC2626]",
+        info: "bg-[#9368FF0F] [&>svg]:text-[#9368FF]"
+      }
+    },
+    defaultVariants: {
+      variant: "error"
+    }
+  }
+);
+export {
+  a as infoBlockVariants
+};
+//# sourceMappingURL=infoBlockVariants.js.map

package/InfoBlock/infoBlockVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"infoBlockVariants.js","sources":["../../src/InfoBlock/infoBlockVariants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const infoBlockVariants = cva(\n  [\n    'flex items-start gap-2',\n    'p-2.5 rounded-lg',\n    'font-medium text-base leading-normal text-[#06080D]',\n    'whitespace-pre-wrap break-words',\n    '[&>p]:m-0 [&>p]:p-0',\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-6\",\n    'transition-transform duration-200 [&_svg]:transition-transform [&_svg]:duration-200',\n  ],\n  {\n    variants: {\n      variant: {\n        error: 'bg-[#DC26260F] [&>svg]:text-[#DC2626]',\n        info: 'bg-[#9368FF0F] [&>svg]:text-[#9368FF]',\n      },\n    },\n    defaultVariants: {\n      variant: 'error',\n    },\n  }\n)\n\nexport type InfoBlockVariantsProps = VariantProps<typeof infoBlockVariants>;\n"],"names":["infoBlockVariants","cva"],"mappings":";AAEO,MAAMA,IAAoBC;AAAA,EAC/B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,SAAS,qFAmDrB,CAAC;AAGF,eAAO,MAAM,aAAa,qFAiBzB,CAAC;AAkBF,eAAO,MAAM,KAAK,qFAKjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,SAAS,qFAiErB,CAAC;AAGF,eAAO,MAAM,aAAa,qFAiBzB,CAAC;AAkBF,eAAO,MAAM,KAAK,qFAKjB,CAAC"}

package/Input/Input.js

@@ -1,86 +1,100 @@
-import { jsxs as w, jsx as s } from "react/jsx-runtime";
-import u, { useState as v } from "react";
-import { Eye as h, EyeOff as P } from "lucide-react";
-import { inputVariants as x } from "./inputVariants.js";
-import { cn as p } from "@oneplatformdev/utils";
-const m = u.forwardRef(
-  (t, a) => {
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import c, { useState as P } from "react";
+import { Eye as S, EyeOff as V } from "lucide-react";
+import { inputVariants as B } from "./inputVariants.js";
+import { cn as n } from "@oneplatformdev/utils";
+const f = c.forwardRef(
+  (t, s) => {
     const {
-      className: e,
+      className: a,
       variant: o,
-      type: n,
-      slotProps: { input: l, wrapper: c } = {},
-      onChange: f,
-      onTransform: d,
+      type: l,
+      slotProps: { input: i, wrapper: d } = {},
+      onChange: g,
+      onTransform: y,
+      counter: h = !1,
+      maxLength: p,
       fullSize: N = !1,
-      ...g
+      value: w,
+      ...x
     } = t, {
-      startAdornment: i,
-      className: I,
-      ...b
-    } = l || {};
-    return /* @__PURE__ */ w(
+      startAdornment: u,
+      className: v,
+      ...I
+    } = i || {};
+    return /* @__PURE__ */ m(
       "div",
       {
-        ...c || {},
-        className: p(
+        ...d || {},
+        className: n(
           "relative",
           N && "w-full",
-          c?.className
+          d?.className
         ),
         children: [
-          !!i && /* @__PURE__ */ s("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: i }),
-          /* @__PURE__ */ s(
+          !!u && /* @__PURE__ */ e("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: u }),
+          /* @__PURE__ */ e(
             "input",
             {
-              type: n,
-              className: p(
-                x({ variant: o, className: e }),
-                !!i && "pl-10",
-                I,
+              type: l,
+              className: n(
+                B({ variant: o, className: a }),
+                !!u && "pl-10",
+                v,
                 N && "min-w-auto"
               ),
-              ref: a,
-              ...b,
-              ...g,
+              ref: s,
+              maxLength: p,
+              value: w,
+              ...I,
+              ...x,
               onChange: (r) => {
-                typeof d?.(r.target.value, r) == "string" && (r.target.value = d(r.target.value, r)), f && f(r);
+                typeof y?.(r.target.value, r) == "string" && (r.target.value = y(r.target.value, r)), g && g(r);
               }
             }
-          )
+          ),
+          h && typeof p == "number" && /* @__PURE__ */ m("div", { className: n(
+            "w-full text-right inline-flex items-center justify-end",
+            "text-xs font-medium leading-[1.2] text-muted-foreground",
+            "peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+          ), children: [
+            String(w || "").length,
+            "/",
+            p
+          ] })
         ]
       }
     );
   }
 );
-m.displayName = "Input";
-const y = u.forwardRef(
-  (t, a) => {
-    const [e, o] = v(!1), n = e ? "text" : "password", l = () => {
-      o(!e);
+f.displayName = "Input";
+const b = c.forwardRef(
+  (t, s) => {
+    const [a, o] = P(!1), l = a ? "text" : "password", i = () => {
+      o(!a);
     };
-    return /* @__PURE__ */ w("div", { ...t?.slotProps?.wrapper || {}, className: p("relative", t?.slotProps?.wrapper?.className), children: [
-      /* @__PURE__ */ s(m, { ...t, type: n, className: "pr-8", ref: a }),
-      /* @__PURE__ */ s(V, { isVisible: e, onClick: l })
+    return /* @__PURE__ */ m("div", { ...t?.slotProps?.wrapper || {}, className: n("relative", t?.slotProps?.wrapper?.className), children: [
+      /* @__PURE__ */ e(f, { ...t, type: l, className: "pr-8", ref: s }),
+      /* @__PURE__ */ e(R, { isVisible: a, onClick: i })
     ] });
   }
 );
-y.displayName = "PasswordInput";
-const V = ({ isVisible: t, onClick: a }) => /* @__PURE__ */ s(
+b.displayName = "PasswordInput";
+const R = ({ isVisible: t, onClick: s }) => /* @__PURE__ */ e(
   "button",
   {
     type: "button",
-    onClick: a,
+    onClick: s,
     className: "absolute top-1/2 right-3 transform -translate-y-1/2",
-    children: t ? /* @__PURE__ */ s(h, { size: 16 }) : /* @__PURE__ */ s(P, { size: 16 })
+    children: t ? /* @__PURE__ */ e(S, { size: 16 }) : /* @__PURE__ */ e(V, { size: 16 })
   }
-), B = u.forwardRef(
-  ({ type: t, ...a }, e) => t === "password" ? /* @__PURE__ */ s(y, { type: t, ...a, ref: e }) : /* @__PURE__ */ s(m, { type: t, ...a, ref: e })
+), j = c.forwardRef(
+  ({ type: t, ...s }, a) => t === "password" ? /* @__PURE__ */ e(b, { type: t, ...s, ref: a }) : /* @__PURE__ */ e(f, { type: t, ...s, ref: a })
 );
-B.displayName = "Input";
+j.displayName = "Input";
 export {
-  m as BaseInput,
-  B as Input,
-  y as PasswordInput
+  f as BaseInput,
+  j as Input,
+  b as PasswordInput
 };
 //# sourceMappingURL=Input.js.map

package/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\nimport { inputVariants } from './inputVariants';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { InputProps } from './Input.types';\n\nexport const BaseInput = React.forwardRef<HTMLInputElement, InputProps>(\n  (props, ref) => {\n    const {\n      className,\n      variant,\n      type,\n      slotProps: { input, wrapper } = {},\n      onChange,\n      onTransform,\n      fullSize = false,\n      ...rest\n    } = props;\n    const {\n      startAdornment,\n      className: classNameInputSlotProps,\n      ...restInputSlotProps\n    } = input || {};\n    return (\n      <div\n        {...(wrapper || {})}\n        className={cn(\n          'relative',\n          fullSize && 'w-full',\n          wrapper?.className\n        )}>\n        {Boolean(startAdornment) && (\n          <span className=\"absolute left-[10px] top-1/2 -translate-y-1/2\">\n            {startAdornment}\n          </span>\n        )}\n        <input\n          type={type}\n          className={cn(\n            inputVariants({ variant, className }),\n            Boolean(startAdornment) && 'pl-10',\n            classNameInputSlotProps,\n            fullSize && 'min-w-auto',\n          )}\n          ref={ref}\n          {...restInputSlotProps}\n          {...rest}\n          onChange={(e) => {\n            if (typeof onTransform?.(e.target.value, e) === 'string') {\n              e.target.value = onTransform(e.target.value, e);\n            }\n            if (onChange) onChange(e);\n          }}\n        />\n      </div>\n    );\n  }\n);\nBaseInput.displayName = 'Input';\n\nexport const PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  (props, ref) => {\n    const [isVisible, setIsVisible] = useState<boolean>(false);\n\n    const inputType = isVisible ? 'text' : 'password';\n\n    const toggleVisibility = () => {\n      setIsVisible(!isVisible);\n    };\n\n    return (\n      <div {...(props?.slotProps?.wrapper || {})} className={cn('relative', props?.slotProps?.wrapper?.className)}>\n        <BaseInput {...props} type={inputType} className=\"pr-8\" ref={ref} />\n        <VisibilityButton isVisible={isVisible} onClick={toggleVisibility} />\n      </div>\n    );\n  }\n);\nPasswordInput.displayName = 'PasswordInput';\n\ntype VisibilityButtonProps = {\n  isVisible: boolean\n  onClick: () => void\n}\n\nconst VisibilityButton = ({ isVisible, onClick }:VisibilityButtonProps) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className=\"absolute top-1/2 right-3 transform -translate-y-1/2\"\n  >\n    {isVisible ? <Eye size={16} /> : <EyeOff size={16} />}\n  </button>\n);\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ type, ...props }, ref) => {\n    if (type === 'password') return <PasswordInput type={type} {...props} ref={ref} />;\n    return <BaseInput type={type} {...props} ref={ref} />;\n  }\n);\nInput.displayName = 'Input';\n"],"names":["BaseInput","React","props","ref","className","variant","type","input","wrapper","onChange","onTransform","fullSize","rest","startAdornment","classNameInputSlotProps","restInputSlotProps","jsxs","cn","jsx","inputVariants","e","PasswordInput","isVisible","setIsVisible","useState","inputType","toggleVisibility","VisibilityButton","onClick","Eye","EyeOff","Input"],"mappings":";;;;;AAOO,MAAMA,IAAYC,EAAM;AAAA,EAC7B,CAACC,GAAOC,MAAQ;AACd,UAAM;AAAA,MACJ,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAW,EAAE,OAAAC,GAAO,SAAAC,EAAA,IAAY,CAAA;AAAA,MAChC,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC,IAAW;AAAA,MACX,GAAGC;AAAA,IAAA,IACDV,GACE;AAAA,MACJ,gBAAAW;AAAA,MACA,WAAWC;AAAA,MACX,GAAGC;AAAA,IAAA,IACDR,KAAS,CAAA;AACb,WACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAIR,KAAW,CAAA;AAAA,QAChB,WAAWS;AAAA,UACT;AAAA,UACAN,KAAY;AAAA,UACZH,GAAS;AAAA,QAAA;AAAA,QAEV,UAAA;AAAA,UAAA,EAAQK,KACP,gBAAAK,EAAC,QAAA,EAAK,WAAU,iDACb,UAAAL,GACH;AAAA,UAEF,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAAZ;AAAA,cACA,WAAWW;AAAA,gBACTE,EAAc,EAAE,SAAAd,GAAS,WAAAD,GAAW;AAAA,gBACpC,EAAQS,KAAmB;AAAA,gBAC3BC;AAAA,gBACAH,KAAY;AAAA,cAAA;AAAA,cAEd,KAAAR;AAAA,cACC,GAAGY;AAAA,cACH,GAAGH;AAAA,cACJ,UAAU,CAACQ,MAAM;AACf,gBAAI,OAAOV,IAAcU,EAAE,OAAO,OAAOA,CAAC,KAAM,aAC9CA,EAAE,OAAO,QAAQV,EAAYU,EAAE,OAAO,OAAOA,CAAC,IAE5CX,OAAmBW,CAAC;AAAA,cAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACApB,EAAU,cAAc;AAEjB,MAAMqB,IAAgBpB,EAAM;AAAA,EACjC,CAACC,GAAOC,MAAQ;AACd,UAAM,CAACmB,GAAWC,CAAY,IAAIC,EAAkB,EAAK,GAEnDC,IAAYH,IAAY,SAAS,YAEjCI,IAAmB,MAAM;AAC7B,MAAAH,EAAa,CAACD,CAAS;AAAA,IACzB;AAEA,WACE,gBAAAN,EAAC,OAAA,EAAK,GAAId,GAAO,WAAW,WAAW,CAAA,GAAK,WAAWe,EAAG,YAAYf,GAAO,WAAW,SAAS,SAAS,GACxG,UAAA;AAAA,MAAA,gBAAAgB,EAAClB,KAAW,GAAGE,GAAO,MAAMuB,GAAW,WAAU,QAAO,KAAAtB,GAAU;AAAA,MAClE,gBAAAe,EAACS,GAAA,EAAiB,WAAAL,GAAsB,SAASI,EAAA,CAAkB;AAAA,IAAA,GACrE;AAAA,EAEJ;AACF;AACAL,EAAc,cAAc;AAO5B,MAAMM,IAAmB,CAAC,EAAE,WAAAL,GAAW,SAAAM,QACrC,gBAAAV;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAAU;AAAA,IACA,WAAU;AAAA,IAET,UAAAN,sBAAaO,GAAA,EAAI,MAAM,IAAI,IAAK,gBAAAX,EAACY,GAAA,EAAO,MAAM,GAAA,CAAI;AAAA,EAAA;AACrD,GAGWC,IAAQ9B,EAAM;AAAA,EACzB,CAAC,EAAE,MAAAK,GAAM,GAAGJ,EAAA,GAASC,MACfG,MAAS,aAAmB,gBAAAY,EAACG,KAAc,MAAAf,GAAa,GAAGJ,GAAO,KAAAC,GAAU,IACzE,gBAAAe,EAAClB,GAAA,EAAU,MAAAM,GAAa,GAAGJ,GAAO,KAAAC,GAAU;AAEvD;AACA4B,EAAM,cAAc;"}
+{"version":3,"file":"Input.js","sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\nimport { inputVariants } from './inputVariants';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { InputProps } from './Input.types';\n\nexport const BaseInput = React.forwardRef<HTMLInputElement, InputProps>(\n  (props, ref) => {\n    const {\n      className,\n      variant,\n      type,\n      slotProps: { input, wrapper } = {},\n      onChange,\n      onTransform,\n      counter = false,\n      maxLength,\n      fullSize = false,\n      value,\n      ...rest\n    } = props;\n    const {\n      startAdornment,\n      className: classNameInputSlotProps,\n      ...restInputSlotProps\n    } = input || {};\n    return (\n      <div\n        {...(wrapper || {})}\n        className={cn(\n          'relative',\n          fullSize && 'w-full',\n          wrapper?.className\n        )}>\n        {Boolean(startAdornment) && (\n          <span className=\"absolute left-[10px] top-1/2 -translate-y-1/2\">\n            {startAdornment}\n          </span>\n        )}\n        <input\n          type={type}\n          className={cn(\n            inputVariants({ variant, className }),\n            Boolean(startAdornment) && 'pl-10',\n            classNameInputSlotProps,\n            fullSize && 'min-w-auto',\n          )}\n          ref={ref}\n          maxLength={maxLength}\n          value={value}\n          {...restInputSlotProps}\n          {...rest}\n          onChange={(e) => {\n            if (typeof onTransform?.(e.target.value, e) === 'string') {\n              e.target.value = onTransform(e.target.value, e);\n            }\n            if (onChange) onChange(e);\n          }}\n        />\n        {counter && typeof maxLength === 'number' && (\n          <div className={cn(\n            'w-full text-right inline-flex items-center justify-end',\n            'text-xs font-medium leading-[1.2] text-muted-foreground',\n            'peer-disabled:cursor-not-allowed peer-disabled:opacity-70'\n          )}>\n            {String(value || '').length}/{maxLength}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\nBaseInput.displayName = 'Input';\n\nexport const PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  (props, ref) => {\n    const [isVisible, setIsVisible] = useState<boolean>(false);\n\n    const inputType = isVisible ? 'text' : 'password';\n\n    const toggleVisibility = () => {\n      setIsVisible(!isVisible);\n    };\n\n    return (\n      <div {...(props?.slotProps?.wrapper || {})} className={cn('relative', props?.slotProps?.wrapper?.className)}>\n        <BaseInput {...props} type={inputType} className=\"pr-8\" ref={ref} />\n        <VisibilityButton isVisible={isVisible} onClick={toggleVisibility} />\n      </div>\n    );\n  }\n);\nPasswordInput.displayName = 'PasswordInput';\n\ntype VisibilityButtonProps = {\n  isVisible: boolean\n  onClick: () => void\n}\n\nconst VisibilityButton = ({ isVisible, onClick }:VisibilityButtonProps) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className=\"absolute top-1/2 right-3 transform -translate-y-1/2\"\n  >\n    {isVisible ? <Eye size={16} /> : <EyeOff size={16} />}\n  </button>\n);\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ type, ...props }, ref) => {\n    if (type === 'password') return <PasswordInput type={type} {...props} ref={ref} />;\n    return <BaseInput type={type} {...props} ref={ref} />;\n  }\n);\nInput.displayName = 'Input';\n"],"names":["BaseInput","React","props","ref","className","variant","type","input","wrapper","onChange","onTransform","counter","maxLength","fullSize","value","rest","startAdornment","classNameInputSlotProps","restInputSlotProps","jsxs","cn","jsx","inputVariants","e","PasswordInput","isVisible","setIsVisible","useState","inputType","toggleVisibility","VisibilityButton","onClick","Eye","EyeOff","Input"],"mappings":"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"}

package/Input/Input.types.d.ts

@@ -16,5 +16,6 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>,
     /** func transform pasted value before set to input */
     onPastePrepare?: (value: string, event: React.ClipboardEvent<HTMLInputElement>) => string;
     fullSize?: boolean;
+    counter?: boolean;
 }
 //# sourceMappingURL=Input.types.d.ts.map

package/Input/Input.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../src/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,wBAAwB,EACxB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,WAAW,mBACf,SAAQ,wBAAwB,CAAC,OAAO,SAAS,CAAC;IAClD,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IACvF,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAC9E,sDAAsD;IACtD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../src/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,wBAAwB,EACxB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,WAAW,mBACf,SAAQ,wBAAwB,CAAC,OAAO,SAAS,CAAC;IAClD,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IACvF,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAC9E,sDAAsD;IACtD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/LoadingMask/LoadingMask.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { ILoadingMaskProps } from './LoadingMask.types';
-export declare const LoadingMask: FC<ILoadingMaskProps>;
+export declare const LoadingMask: (props: ILoadingMaskProps) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=LoadingMask.d.ts.map

package/LoadingMask/LoadingMask.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingMask.d.ts","sourceRoot":"","sources":["../../src/LoadingMask/LoadingMask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAIxD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAe7C,CAAC"}
+{"version":3,"file":"LoadingMask.d.ts","sourceRoot":"","sources":["../../src/LoadingMask/LoadingMask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAIxD,eAAO,MAAM,WAAW,GAAI,OAAO,iBAAiB,mDAgBnD,CAAC"}

package/LoadingMask/LoadingMask.js

@@ -1,22 +1,22 @@
 import { jsx as e } from "react/jsx-runtime";
 import { RenderLoadingMask as r } from "./RenderLoadingMask.js";
-import { cn as o } from "@oneplatformdev/utils";
-const f = (t) => {
-  const { fullWidth: s = !1, className: i, ...n } = t;
-  return s ? /* @__PURE__ */ e(
+import { cn as a } from "@oneplatformdev/utils";
+const c = (t) => {
+  const { loading: n = !0, fullWidth: s = !1, className: i, ...o } = t;
+  return n ? s ? /* @__PURE__ */ e(
     "div",
     {
-      ...n,
-      className: o(
+      ...o,
+      className: a(
         "absolute inset-0",
         "flex items-center justify-center",
         i
       ),
       children: /* @__PURE__ */ e(r, {})
     }
-  ) : /* @__PURE__ */ e(r, {});
+  ) : /* @__PURE__ */ e(r, {}) : null;
 };
 export {
-  f as LoadingMask
+  c as LoadingMask
 };
 //# sourceMappingURL=LoadingMask.js.map

package/LoadingMask/LoadingMask.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingMask.js","sources":["../../src/LoadingMask/LoadingMask.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { ILoadingMaskProps } from './LoadingMask.types';\nimport { RenderLoadingMask } from './RenderLoadingMask';\nimport { cn } from '@oneplatformdev/utils';\n\nexport const LoadingMask: FC<ILoadingMaskProps> = (props) => {\n  const { fullWidth = false, className, ...rest } = props;\n  if (!fullWidth) return <RenderLoadingMask />;\n  return (\n    <div\n      {...rest}\n      className={cn(\n        'absolute inset-0',\n        'flex items-center justify-center',\n        className\n      )}\n    >\n      <RenderLoadingMask />\n    </div>\n  );\n};\n"],"names":["LoadingMask","props","fullWidth","className","rest","jsx","cn","RenderLoadingMask"],"mappings":";;;AAKO,MAAMA,IAAqC,CAACC,MAAU;AAC3D,QAAM,EAAE,WAAAC,IAAY,IAAO,WAAAC,GAAW,GAAGC,MAASH;AAClD,SAAKC,IAEH,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAGF,4BAACI,GAAA,CAAA,CAAkB;AAAA,IAAA;AAAA,EAAA,IAVA,gBAAAF,EAACE,GAAA,CAAA,CAAkB;AAa5C;"}
+{"version":3,"file":"LoadingMask.js","sources":["../../src/LoadingMask/LoadingMask.tsx"],"sourcesContent":["import { ILoadingMaskProps } from './LoadingMask.types';\nimport { RenderLoadingMask } from './RenderLoadingMask';\nimport { cn } from '@oneplatformdev/utils';\n\nexport const LoadingMask = (props: ILoadingMaskProps) => {\n  const { loading = true, fullWidth = false, className, ...rest } = props;\n  if(!loading) return null;\n  if (!fullWidth) return <RenderLoadingMask />;\n  return (\n    <div\n      {...rest}\n      className={cn(\n        'absolute inset-0',\n        'flex items-center justify-center',\n        className\n      )}\n    >\n      <RenderLoadingMask />\n    </div>\n  );\n};\n"],"names":["LoadingMask","props","loading","fullWidth","className","rest","jsx","cn","RenderLoadingMask"],"mappings":";;;AAIO,MAAMA,IAAc,CAACC,MAA6B;AACvD,QAAM,EAAE,SAAAC,IAAU,IAAM,WAAAC,IAAY,IAAO,WAAAC,GAAW,GAAGC,MAASJ;AAClE,SAAIC,IACCC,IAEH,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAGF,4BAACI,GAAA,CAAA,CAAkB;AAAA,IAAA;AAAA,EAAA,IAVA,gBAAAF,EAACE,GAAA,CAAA,CAAkB,IADtB;AActB;"}

package/LoadingMask/LoadingMask.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
 export interface ILoadingMaskProps extends HTMLAttributes<HTMLDivElement> {
     fullWidth?: boolean;
+    loading?: boolean;
 }
 //# sourceMappingURL=LoadingMask.types.d.ts.map

package/LoadingMask/LoadingMask.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingMask.types.d.ts","sourceRoot":"","sources":["../../src/LoadingMask/LoadingMask.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"LoadingMask.types.d.ts","sourceRoot":"","sources":["../../src/LoadingMask/LoadingMask.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,OAAO,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAErE;AAED,iBAAS,cAAc,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE/E;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CA0BnF;AAED,iBAAS,aAAa,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAE7E;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,OAAO,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAErE;AAED,iBAAS,cAAc,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE/E;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CA8BnF;AAED,iBAAS,aAAa,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAE7E;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA"}

package/Popover/Popover.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-popover";
 import { cn as s } from "@oneplatformdev/utils";
-function l({
+function m({
   ...o
 }) {
   return /* @__PURE__ */ t(e.Root, { "data-slot": "popover", ...o });
@@ -27,7 +27,11 @@ function c(o) {
       sideOffset: n,
       ...d,
       className: s(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        "text-popover-foreground",
+        "w-72 origin-(--radix-popover-content-transform-origin) outline-hidden",
+        "border p-4 bg-popover rounded-lg",
+        "shadow-[1px_1px_10px_rgba(6,8,13,0.06)]",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50",
         r
       ),
       style: {
@@ -37,14 +41,14 @@ function c(o) {
     }
   ) });
 }
-function u({
+function g({
   ...o
 }) {
   return /* @__PURE__ */ t(e.Anchor, { "data-slot": "popover-anchor", ...o });
 }
 export {
-  l as Popover,
-  u as PopoverAnchor,
+  m as Popover,
+  g as PopoverAnchor,
   c as PopoverContent,
   e as PopoverPrimitive,
   f as PopoverTrigger

package/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Popover({\n                   ...props\n                 }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n                          ...props\n                        }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent(props: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  const {\n    className,\n    align = \"center\",\n    sideOffset = 4,\n    style,\n    ...rest\n  } = props;\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        {...rest}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          className\n        )}\n        style={{\n          pointerEvents: 'auto',\n          ...(style || {}),\n        }}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n                         ...props\n                       }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverPrimitive }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","style","rest","jsx","cn","PopoverAnchor"],"mappings":";;;AAOA,SAASA,EAAQ;AAAA,EACE,GAAGC;AACL,GAAuD;AACtE,2BAAQC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGD,GAAO;AAC/D;AAEA,SAASE,EAAe;AAAA,EACE,GAAGF;AACL,GAA0D;AAChF,2BAAQC,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGD,GAAO;AAC1E;AAEA,SAASG,EAAeH,GAA8D;AACpF,QAAM;AAAA,IACJ,WAAAI;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,YAAAC,IAAa;AAAA,IACb,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR;AACJ,SACE,gBAAAS,EAACR,EAAiB,QAAjB,EACC,UAAA,gBAAAQ;AAAA,IAACR,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,OAAAI;AAAA,MACA,YAAAC;AAAA,MACC,GAAGE;AAAA,MACJ,WAAWE;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,eAAe;AAAA,QACf,GAAIG,KAAS,CAAA;AAAA,MAAC;AAAA,IAChB;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASI,EAAc;AAAA,EACE,GAAGX;AACL,GAAyD;AAC9E,2BAAQC,EAAiB,QAAjB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;"}
+{"version":3,"file":"Popover.js","sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Popover({\n                   ...props\n                 }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n                          ...props\n                        }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent(props: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  const {\n    className,\n    align = \"center\",\n    sideOffset = 4,\n    style,\n    ...rest\n  } = props;\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        {...rest}\n        className={cn(\n          \"text-popover-foreground\",\n          'w-72 origin-(--radix-popover-content-transform-origin) outline-hidden',\n          'border p-4 bg-popover rounded-lg',\n          'shadow-[1px_1px_10px_rgba(6,8,13,0.06)]',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50',\n          className\n        )}\n        style={{\n          pointerEvents: 'auto',\n          ...(style || {}),\n        }}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n                         ...props\n                       }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverPrimitive }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","style","rest","jsx","cn","PopoverAnchor"],"mappings":";;;AAOA,SAASA,EAAQ;AAAA,EACE,GAAGC;AACL,GAAuD;AACtE,2BAAQC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGD,GAAO;AAC/D;AAEA,SAASE,EAAe;AAAA,EACE,GAAGF;AACL,GAA0D;AAChF,2BAAQC,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGD,GAAO;AAC1E;AAEA,SAASG,EAAeH,GAA8D;AACpF,QAAM;AAAA,IACJ,WAAAI;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,YAAAC,IAAa;AAAA,IACb,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR;AACJ,SACE,gBAAAS,EAACR,EAAiB,QAAjB,EACC,UAAA,gBAAAQ;AAAA,IAACR,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,OAAAI;AAAA,MACA,YAAAC;AAAA,MACC,GAAGE;AAAA,MACJ,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAN;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,eAAe;AAAA,QACf,GAAIG,KAAS,CAAA;AAAA,MAAC;AAAA,IAChB;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASI,EAAc;AAAA,EACE,GAAGX;AACL,GAAyD;AAC9E,2BAAQC,EAAiB,QAAjB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;"}

package/ScrollArea/ScrollArea.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollArea(props: React.ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+    slotProps?: {
+        viewport?: React.ComponentProps<typeof ScrollAreaPrimitive.Viewport>;
+    };
+}): import("react/jsx-runtime").JSX.Element;
 declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
 export { ScrollArea, ScrollBar, ScrollAreaPrimitive };
 //# sourceMappingURL=ScrollArea.d.ts.map

package/ScrollArea/ScrollArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../src/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,iBAAS,UAAU,CAAC,EACE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiB3E;AAED,iBAAS,SAAS,CAAC,EACE,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBzF;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../src/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,iBAAS,UAAU,CACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG;IAC7D,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,CAAC;KACtE,CAAA;CACF,2CA4BF;AAED,iBAAS,SAAS,CAAC,EACE,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBzF;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAA"}

package/ScrollArea/ScrollArea.js

@@ -1,33 +1,39 @@
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-scroll-area";
-import { cn as t } from "@oneplatformdev/utils";
-function u({
-  className: e,
-  children: r,
-  ...a
-}) {
-  return /* @__PURE__ */ s(
+import { cn as s } from "@oneplatformdev/utils";
+function m(e) {
+  const {
+    className: r,
+    children: a,
+    slotProps: t,
+    ...c
+  } = e;
+  return /* @__PURE__ */ i(
     o.Root,
     {
       "data-slot": "scroll-area",
-      className: t("relative", e),
-      ...a,
+      className: s("relative", r),
+      ...c,
       children: [
         /* @__PURE__ */ l(
           o.Viewport,
           {
+            ...t?.viewport || {},
             "data-slot": "scroll-area-viewport",
-            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
-            children: r
+            className: s(
+              "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+              t?.viewport?.className
+            ),
+            children: a
           }
         ),
-        /* @__PURE__ */ l(i, {}),
+        /* @__PURE__ */ l(n, {}),
         /* @__PURE__ */ l(o.Corner, {})
       ]
     }
   );
 }
-function i({
+function n({
   className: e,
   orientation: r = "vertical",
   ...a
@@ -37,7 +43,7 @@ function i({
     {
       "data-slot": "scroll-area-scrollbar",
       orientation: r,
-      className: t(
+      className: s(
         "flex touch-none p-px transition-colors select-none",
         r === "vertical" && "h-full w-2.5 border-l border-l-transparent",
         r === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
@@ -55,8 +61,8 @@ function i({
   );
 }
 export {
-  u as ScrollArea,
+  m as ScrollArea,
   o as ScrollAreaPrimitive,
-  i as ScrollBar
+  n as ScrollBar
 };
 //# sourceMappingURL=ScrollArea.js.map