@oneplatformdev/ui 0.0.1-beta.11 → 0.0.1-beta.110

package/FormDatePicker/FormDatePicker.types.d.ts

@@ -1,7 +1,6 @@
 import { DatePickerProps } from '../DatePicker';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormDatePickerProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, DatePickerProps {
+export interface FormDatePickerProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<DatePickerProps, 'onDateChange'>, Partial<Pick<DatePickerProps, 'onDateChange'>> {
 }

package/FormDropzone/FormDropzone.d.ts

@@ -0,0 +1,4 @@
+import { FormDropzoneProps } from './FormDropzone.types';
+import { FieldValues } from 'react-hook-form';
+
+export declare const FormDropzone: <Data extends FieldValues>(props: FormDropzoneProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormDropzone/FormDropzone.mjs

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import { FormControl as a } from "../Form/Form.mjs";
+import { FormRenderControl as l } from "../Form/FormRenderControl.mjs";
+import { Dropzone as f } from "../Dropzone/Dropzone.mjs";
+const h = (n) => {
+  const { form: e, label: m, name: t, ...p } = n;
+  return /* @__PURE__ */ o(
+    l,
+    {
+      form: e,
+      label: m,
+      name: t,
+      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(f, { ...p, ...r, onChangeValue: r.onChange }) })
+    }
+  );
+};
+export {
+  h as FormDropzone
+};

package/FormDropzone/FormDropzone.types.d.ts

@@ -0,0 +1,6 @@
+import { FormRenderControlExtendProps } from '../Form';
+import { DropzoneProps } from '../Dropzone';
+import { FieldValues } from 'react-hook-form';
+
+export interface FormDropzoneProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, DropzoneProps {
+}

package/FormDropzone/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormDropzone';
+export * from './FormDropzone.types';

package/FormDropzone/index.mjs

@@ -0,0 +1,4 @@
+import { FormDropzone as e } from "./FormDropzone.mjs";
+export {
+  e as FormDropzone
+};

package/FormDropzone/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/FormInput/FormInput.d.ts

@@ -1,5 +1,7 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { ReactElement, Ref } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { FormInputProps } from './FormInput.types';
 
-export declare const FormInput: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormInputProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormInput: <Data extends FieldValues>(props: FormInputProps<Data> & {
+    ref?: Ref<HTMLInputElement>;
+}) => ReactElement;

package/FormInput/FormInput.mjs

@@ -1,26 +1,47 @@
-import { jsx as r } from "react/jsx-runtime";
-import { FormControl as l } from "../Form/Form.mjs";
-import { FormRenderControl as u } from "../Form/FormRenderControl.mjs";
-import { Input as a } from "../Input/Input.mjs";
-const F = (m) => {
-  const { form: t, label: e, name: n, ...p } = m;
-  return /* @__PURE__ */ r(
-    u,
+import { jsx as c } from "react/jsx-runtime";
+import { FormControl as F } from "../Form/Form.mjs";
+import { FormRenderControl as I } from "../Form/FormRenderControl.mjs";
+import { Input as y } from "../Input/Input.mjs";
+import { forwardRef as C } from "react";
+function b(l, e) {
+  const { form: m, label: v, name: p, onChange: u, onBlur: a, onPaste: s, style: h, ...g } = l;
+  return /* @__PURE__ */ c(
+    I,
     {
-      form: t,
-      name: n,
-      label: e,
-      render: ({ field: o }) => /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-        a,
+      form: m,
+      name: p,
+      label: v,
+      render: ({ field: o }) => /* @__PURE__ */ c(F, { children: /* @__PURE__ */ c(
+        y,
         {
           ...o,
+          ...g,
+          ref: (t) => {
+            o.ref(t), typeof e == "function" ? e(t) : e && (e.current = t);
+          },
+          style: h,
           value: o.value || "",
-          ...p
+          onChange: (...t) => {
+            var r;
+            (r = o.onChange) == null || r.call(o, ...t), u == null || u(...t);
+          },
+          onPaste: (t) => {
+            const r = t.clipboardData.getData("text"), n = t.currentTarget, x = n.selectionStart ?? n.value.length, i = n.selectionEnd ?? n.value.length, D = n.value.slice(0, x) + r + n.value.slice(i);
+            t.preventDefault(), m.setValue(p, D, {
+              shouldDirty: !0,
+              shouldTouch: !0
+            }), s == null || s(t);
+          },
+          onBlur: (...t) => {
+            var r;
+            (r = o.onBlur) == null || r.call(o), a == null || a(...t);
+          }
         }
       ) })
     }
   );
-};
+}
+const E = C(b);
 export {
-  F as FormInput
+  E as FormInput
 };

package/FormInput/FormInput.types.d.ts

@@ -1,7 +1,6 @@
 import { InputProps } from '../Input';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormInputProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, Omit<InputProps, 'form' | 'name'> {
+export interface FormInputProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<InputProps, 'form' | 'name'> {
 }

package/FormRadio/FormRadio.d.ts

@@ -0,0 +1,4 @@
+import { FormRadioGroupProps } from './FormRadio.types.ts';
+import { FieldValues } from 'react-hook-form';
+
+export declare const FormRadio: <Data extends FieldValues>(props: FormRadioGroupProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormRadio/FormRadio.mjs

@@ -0,0 +1,40 @@
+import { jsx as e } from "react/jsx-runtime";
+import { FormControl as t, FormItem as F } from "../Form/Form.mjs";
+import { FormRenderControl as f } from "../Form/FormRenderControl.mjs";
+import { Radio as i } from "../Radio/Radio.mjs";
+const b = (n) => {
+  const {
+    form: u,
+    name: d,
+    label: c,
+    onValueChange: m,
+    value: h,
+    defaultValue: s,
+    renderOption: a,
+    ...v
+  } = n;
+  return /* @__PURE__ */ e(
+    f,
+    {
+      form: u,
+      name: d,
+      label: c,
+      render: ({ field: o }) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(
+        i,
+        {
+          ...o,
+          ...v,
+          defaultValue: s || o.value,
+          value: h || o.value,
+          onValueChange: (r) => {
+            o.onChange(r), m == null || m(r);
+          },
+          renderOption: (r, l) => /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(t, { children: (a == null ? void 0 : a(r, l)) || /* @__PURE__ */ e(l, { ...r }) }) }, r.value)
+        }
+      ) })
+    }
+  );
+};
+export {
+  b as FormRadio
+};

package/FormRadio/FormRadio.types.d.ts

@@ -0,0 +1,6 @@
+import { RadioProps } from '../Radio';
+import { FormRenderControlExtendProps } from '../Form';
+import { FieldValues } from 'react-hook-form';
+
+export interface FormRadioGroupProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Partial<Omit<RadioProps, 'name'>> {
+}

package/FormRadio/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormRadio';
+export type * from './FormRadio.types.ts';

package/FormRadio/index.mjs

@@ -0,0 +1,4 @@
+import { FormRadio as m } from "./FormRadio.mjs";
+export {
+  m as FormRadio
+};

package/FormRadio/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/FormSelect/FormSelect.d.ts

@@ -1,5 +1,4 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 import { FormSelectProps } from './FormSelect.types';
 
-export declare const FormSelect: <Data extends FieldValues, Form extends UseFormReturn<Data>, ExtendOptionData>(props: FormSelectProps<Data, Form, ExtendOptionData>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSelect: <Data extends FieldValues, ExtendOptionData>(props: FormSelectProps<Data, ExtendOptionData>) => import("react/jsx-runtime").JSX.Element;

package/FormSelect/FormSelect.mjs

@@ -1,38 +1,40 @@
 import { jsx as e } from "react/jsx-runtime";
-import { FormControl as a } from "../Form/Form.mjs";
-import { FormRenderControl as f } from "../Form/FormRenderControl.mjs";
+import { FormControl as f } from "../Form/Form.mjs";
+import { FormRenderControl as d } from "../Form/FormRenderControl.mjs";
 import "../Select/SelectRoot.mjs";
-import { Select as d } from "../Select/Select.mjs";
-const x = (m) => {
+import { Select as g } from "../Select/Select.mjs";
+const S = (n) => {
   const {
-    form: n,
+    form: m,
     label: i,
-    name: l,
-    options: p = [],
+    name: p,
+    options: l = [],
     onChange: r,
-    ...c
-  } = m;
+    containerProps: c,
+    ...s
+  } = n;
   return /* @__PURE__ */ e(
-    f,
+    d,
     {
-      form: n,
-      name: l,
+      form: m,
+      name: p,
       label: i,
+      containerProps: c,
       render: ({ field: t }) => /* @__PURE__ */ e(
-        d,
+        g,
         {
           value: t.value,
-          options: p,
+          options: l,
           onChange: (o) => {
             t.onChange(o), r == null || r(o);
           },
-          renderTrigger: (o, s) => /* @__PURE__ */ e(a, { children: s }),
-          ...c
+          renderTrigger: (o, a) => /* @__PURE__ */ e(f, { children: a }),
+          ...s
         }
       )
     }
   );
 };
 export {
-  x as FormSelect
+  S as FormSelect
 };

package/FormSelect/FormSelect.types.d.ts

@@ -1,7 +1,6 @@
 import { SelectProps } from '../Select';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormSelectProps<Data extends FieldValues, Form extends UseFormReturn<Data>, ExtendOptionData> extends FormRenderControlExtendProps<Data, Form>, SelectProps<ExtendOptionData> {
+export interface FormSelectProps<Data extends FieldValues, ExtendOptionData> extends FormRenderControlExtendProps<Data>, Omit<SelectProps<ExtendOptionData>, 'onChange'>, Partial<Pick<SelectProps<ExtendOptionData>, 'onChange'>> {
 }

package/FormTextarea/FormTextarea.d.ts

@@ -1,5 +1,4 @@
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 import { FormTextareaProps } from './FormTextarea.types';
 
-export declare const FormTextarea: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormTextareaProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormTextarea: <Data extends FieldValues>(props: FormTextareaProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/FormTextarea/FormTextarea.mjs

@@ -1,26 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
-import { FormControl as l } from "../Form/Form.mjs";
-import { FormRenderControl as p } from "../Form/FormRenderControl.mjs";
-import { Textarea as f } from "../Textarea/Textarea.mjs";
-const u = (e) => {
-  const { form: m, label: t, name: n, ...a } = e;
+import { FormControl as p } from "../Form/Form.mjs";
+import { FormRenderControl as i } from "../Form/FormRenderControl.mjs";
+import { Textarea as s } from "../Textarea/Textarea.mjs";
+const F = (e) => {
+  const { form: t, label: m, name: n, containerProps: a, ...l } = e;
   return /* @__PURE__ */ r(
-    p,
+    i,
     {
-      form: m,
+      form: t,
       name: n,
-      label: t,
-      render: ({ field: o }) => /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-        f,
+      label: m,
+      containerProps: a,
+      render: ({ field: o }) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
+        s,
         {
           ...o,
           value: o.value || "",
-          ...a
+          ...l
         }
       ) })
     }
   );
 };
 export {
-  u as FormTextarea
+  F as FormTextarea
 };

package/FormTextarea/FormTextarea.types.d.ts

@@ -1,7 +1,6 @@
 import { TextareaProps } from '../Textarea';
 import { FormRenderControlExtendProps } from '../Form';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
+import { FieldValues } from 'react-hook-form';
 
-export interface FormTextareaProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, Omit<TextareaProps, 'form' | 'name'> {
+export interface FormTextareaProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<TextareaProps, 'form' | 'name'> {
 }

package/Input/Input.mjs

@@ -1,61 +1,73 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import l, { useState as d } from "react";
-import { Eye as f, EyeOff as y } from "lucide-react";
-import { inputVariants as N } from "./inputVariants.mjs";
-import { cn as b } from "@oneplatformdev/utils";
-const p = l.forwardRef(
-  (t, e) => {
+import { jsxs as N, jsx as a } from "react/jsx-runtime";
+import d, { useState as v } from "react";
+import { Eye as w, EyeOff as h } from "lucide-react";
+import { inputVariants as P } from "./inputVariants.mjs";
+import { cn as f } from "@oneplatformdev/utils";
+const p = d.forwardRef(
+  (t, s) => {
     const {
-      className: a,
-      variant: r,
-      type: o,
-      slotProps: { input: n } = {},
-      ...u
-    } = t, { startAdornment: i } = n || {};
-    return /* @__PURE__ */ c("div", { className: "relative", children: [
-      !!i && /* @__PURE__ */ s("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: i }),
-      /* @__PURE__ */ s(
+      className: e,
+      variant: o,
+      type: c,
+      slotProps: { input: u, wrapper: n } = {},
+      onChange: i,
+      onTransform: l,
+      ...g
+    } = t, {
+      startAdornment: m,
+      className: I,
+      ...b
+    } = u || {};
+    return /* @__PURE__ */ N("div", { ...n || {}, className: f("relative", n == null ? void 0 : n.className), children: [
+      !!m && /* @__PURE__ */ a("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: m }),
+      /* @__PURE__ */ a(
         "input",
         {
-          type: o,
-          className: b(
-            N({ variant: r, className: a }),
-            !!i && "pl-8"
+          type: c,
+          className: f(
+            P({ variant: o, className: e }),
+            !!m && "pl-8",
+            I
           ),
-          ref: e,
-          ...u
+          ref: s,
+          ...b,
+          ...g,
+          onChange: (r) => {
+            typeof (l == null ? void 0 : l(r.target.value, r)) == "string" && (r.target.value = l(r.target.value, r)), i && i(r);
+          }
         }
       )
     ] });
   }
 );
 p.displayName = "Input";
-const m = l.forwardRef(
-  (t, e) => {
-    const [a, r] = d(!1), o = a ? "text" : "password", n = () => {
-      r(!a);
+const y = d.forwardRef(
+  (t, s) => {
+    var n, i, l;
+    const [e, o] = v(!1), c = e ? "text" : "password", u = () => {
+      o(!e);
     };
-    return /* @__PURE__ */ c("div", { className: "relative", children: [
-      /* @__PURE__ */ s(p, { ...t, type: o, className: "pr-8", ref: e }),
-      /* @__PURE__ */ s(w, { isVisible: a, onClick: n })
+    return /* @__PURE__ */ N("div", { ...((n = t == null ? void 0 : t.slotProps) == null ? void 0 : n.wrapper) || {}, className: f("relative", (l = (i = t == null ? void 0 : t.slotProps) == null ? void 0 : i.wrapper) == null ? void 0 : l.className), children: [
+      /* @__PURE__ */ a(p, { ...t, type: c, className: "pr-8", ref: s }),
+      /* @__PURE__ */ a(x, { isVisible: e, onClick: u })
     ] });
   }
 );
-m.displayName = "PasswordInput";
-const w = ({ isVisible: t, onClick: e }) => /* @__PURE__ */ s(
+y.displayName = "PasswordInput";
+const x = ({ isVisible: t, onClick: s }) => /* @__PURE__ */ a(
   "button",
   {
     type: "button",
-    onClick: e,
+    onClick: s,
     className: "absolute top-1/2 right-3 transform -translate-y-1/2",
-    children: t ? /* @__PURE__ */ s(f, { size: 16 }) : /* @__PURE__ */ s(y, { size: 16 })
+    children: t ? /* @__PURE__ */ a(w, { size: 16 }) : /* @__PURE__ */ a(h, { size: 16 })
   }
-), I = l.forwardRef(
-  ({ type: t, ...e }, a) => t === "password" ? /* @__PURE__ */ s(m, { type: t, ...e, ref: a }) : /* @__PURE__ */ s(p, { type: t, ...e, ref: a })
+), V = d.forwardRef(
+  ({ type: t, ...s }, e) => t === "password" ? /* @__PURE__ */ a(y, { type: t, ...s, ref: e }) : /* @__PURE__ */ a(p, { type: t, ...s, ref: e })
 );
-I.displayName = "Input";
+V.displayName = "Input";
 export {
   p as BaseInput,
-  I as Input,
-  m as PasswordInput
+  V as Input,
+  y as PasswordInput
 };

package/Input/Input.types.d.ts

@@ -1,13 +1,17 @@
+import { BaseInput } from './Input';
 import { inputVariants } from './inputVariants';
 import { VariantProps } from 'class-variance-authority';
-import { default as React, ReactNode } from 'react';
+import { default as React, ChangeEvent, ComponentPropsWithoutRef, HTMLAttributes, ReactNode } from 'react';
 
-export interface InputSlotInputProps {
+export interface InputSlotInputProps extends ComponentPropsWithoutRef<typeof BaseInput> {
     startAdornment?: ReactNode;
 }
 export interface InputSlotProps {
     input?: InputSlotInputProps;
+    wrapper?: HTMLAttributes<HTMLDivElement>;
 }
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
     slotProps?: InputSlotProps;
+    /** func transform event.target.value before onChange event call*/
+    onTransform?: (value: string, event: ChangeEvent<HTMLInputElement>) => string;
 }

package/Input/inputVariants.mjs

@@ -1,6 +1,12 @@
 import { cva as e } from "class-variance-authority";
-const r = e(
-  "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+const t = e(
+  [
+    "flex h-10 w-full rounded-md border border-input px-3 py-2",
+    "text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+    "group-data-[state=invalid]/form-control:border-destructive",
+    "group-data-[state=valid]/form-control:border-input"
+  ],
   {
     variants: {
       variant: {
@@ -14,5 +20,5 @@ const r = e(
   }
 );
 export {
-  r as inputVariants
+  t as inputVariants
 };

package/Label/Label.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
 declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import('class-variance-authority/dist/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
 export { Label };

package/Label/labelVariants.mjs

@@ -1,7 +1,10 @@
-import { cva as e } from "class-variance-authority";
-const a = e(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
+import { cva as t } from "class-variance-authority";
+const a = t([
+  "peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  "text-md font-medium leading-[150%]",
+  "group-data-[state=valid]/form-control:text-[#363B4E]",
+  "group-data-[state=invalid]/form-control:text-destructive"
+]);
 export {
   a as labelVariants
 };

package/LazyLoader/LazyLoader.mjs

@@ -1,7 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Suspense as m } from "react";
-import { LoadingMask as t } from "../LoadingMask/LoadingMask.mjs";
-const p = (r, a = !0) => (e) => /* @__PURE__ */ o(m, { fallback: a ? /* @__PURE__ */ o(t, {}) : null, children: /* @__PURE__ */ o(r, { ...e }) });
+import { Suspense as a } from "react";
+import { LoadingMask as e } from "../LoadingMask/LoadingMask.mjs";
+import "../LoadingMask/RenderLoadingMask.mjs";
+const s = (r, m = !0) => (t) => /* @__PURE__ */ o(a, { fallback: m ? /* @__PURE__ */ o(e, {}) : null, children: /* @__PURE__ */ o(r, { ...t }) });
 export {
-  p as LazyLoader
+  s as LazyLoader
 };

package/LoadedIcon/LoadedIcon.d.ts

@@ -0,0 +1,11 @@
+import { FC, HTMLAttributes, PropsWithChildren } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const loadedIconVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+interface ILoadedIconProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof loadedIconVariants> {
+    loading?: boolean;
+}
+export declare const LoadedIcon: FC<PropsWithChildren<ILoadedIconProps>>;
+export {};

package/LoadedIcon/LoadedIcon.mjs

@@ -0,0 +1,27 @@
+import { jsx as s } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import { LoaderCircleIcon as t } from "lucide-react";
+import { cn as c } from "@oneplatformdev/utils";
+const d = n([], {
+  variants: {
+    size: {
+      sm: "[&_svg]:!size-[18px]",
+      md: "[&_svg]:!size-5",
+      lg: "[&_svg]:!size-5"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), f = (a) => {
+  const { loading: e, children: i, size: o = "md", className: r, ...m } = a;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ...m,
+      className: c(d({ size: o, className: r })),
+      children: e ? /* @__PURE__ */ s(t, { className: "animate-spin" }) : i
+    }
+  );
+};
+export {
+  f as LoadedIcon
+};

package/LoadedIcon/index.d.ts

@@ -0,0 +1 @@
+export * from './LoadedIcon.tsx';

package/LoadedIcon/index.mjs

@@ -0,0 +1,4 @@
+import { LoadedIcon as e } from "./LoadedIcon.mjs";
+export {
+  e as LoadedIcon
+};

package/LoadedIcon/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/LoadingMask/LoadingMask.d.ts

@@ -1 +1,4 @@
-export declare const LoadingMask: () => import("react/jsx-runtime").JSX.Element;
+import { ILoadingMaskProps } from './LoadingMask.types';
+import { FC } from 'react';
+
+export declare const LoadingMask: FC<ILoadingMaskProps>;