@oneplatformdev/ui 0.0.1-beta.64 → 0.0.1-beta.68

package/Dropzone/index.mjs

@@ -1,5 +1,5 @@
 import { Dropzone as r } from "./Dropzone.mjs";
-import { D as T, a as _ } from "../DropzoneFilePreview-Dhtv8F4u.js";
+import { D as T, a as _ } from "../DropzoneFilePreview-C-SoCoO0.js";
 export {
   T as DEFAULT_FILE_TYPES,
   _ as DEFAULT_IMAGES_TYPES,

package/{DropzoneFilePreview-Dhtv8F4u.js → DropzoneFilePreview-C-SoCoO0.js}

@@ -1,9 +1,10 @@
-import { jsx as l, jsxs as d } from "react/jsx-runtime";
-import { useState as m, useEffect as f } from "react";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { useState as d, useEffect as f } from "react";
 import { File as s } from "lucide-react";
-import { isFile as o } from "./Dropzone/DropzoneUtils.mjs";
+import "react-dropzone";
+import { isFile as l } from "./Dropzone/DropzoneUtils.mjs";
 import { cn as c } from "@oneplatformdev/utils";
-const h = [
+const j = [
   "application/msword",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
   "text/csv",
@@ -15,11 +16,11 @@ const h = [
   "image/jpg",
   "image/webp",
   "image/gif"
-], j = ({ item: e, styles: r }) => {
-  const [t, a] = m(null), p = o(e) && u.includes(e.type);
+], E = ({ item: e, styles: r }) => {
+  const [t, a] = d(null), p = l(e) && u.includes(e.type);
   return f(() => {
     let n = null;
-    if (o(e) && p) {
+    if (l(e) && p) {
       const i = new FileReader();
       return i.onloadend = () => a(i.result), i.readAsDataURL(e), () => a(null);
     } else {
@@ -30,21 +31,21 @@ const h = [
       a(null);
     }
     return () => a(null);
-  }, [e, p]), /* @__PURE__ */ l(
+  }, [e, p]), /* @__PURE__ */ o(
     "div",
     {
       className: c(
         "w-32 h-32 border border-gray-300 rounded-md overflow-hidden flex items-center justify-center",
         r == null ? void 0 : r.previewWraper
       ),
-      children: t ? /* @__PURE__ */ l(
+      children: t ? /* @__PURE__ */ o(
         "img",
         {
           src: t,
-          alt: o(e) ? e.name : "external-image",
+          alt: l(e) ? e.name : "external-image",
           className: c("w-full h-full object-cover", r == null ? void 0 : r.previewImage)
         }
-      ) : /* @__PURE__ */ d(
+      ) : /* @__PURE__ */ m(
         "div",
         {
           className: c(
@@ -52,8 +53,8 @@ const h = [
             r == null ? void 0 : r.previewFile
           ),
           children: [
-            /* @__PURE__ */ l(s, { className: "w-6 h-6" }),
-            o(e) ? /* @__PURE__ */ l("span", { className: "text-xs break-all", children: e.name }) : /* @__PURE__ */ l("span", { className: "text-xs break-all", children: e })
+            /* @__PURE__ */ o(s, { className: "w-6 h-6" }),
+            l(e) ? /* @__PURE__ */ o("span", { className: "text-xs break-all", children: e.name }) : /* @__PURE__ */ o("span", { className: "text-xs break-all", children: e })
           ]
         }
       )
@@ -61,7 +62,7 @@ const h = [
   );
 };
 export {
-  h as D,
-  j as F,
+  j as D,
+  E as F,
   u as a
 };

package/Form/Form.mjs

@@ -1,13 +1,14 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as s from "react";
+import "@radix-ui/react-label";
 import { Slot as F } from "@radix-ui/react-slot";
 import { FormProvider as u, Controller as p, useFormContext as x } from "react-hook-form";
 import { cn as a } from "@oneplatformdev/utils";
 import { Label as I } from "../Label/Label.mjs";
 import "../Label/labelVariants.mjs";
-const M = u, f = s.createContext(
+const S = u, f = s.createContext(
   {}
-), S = ({
+), L = ({
   ...e
 }) => /* @__PURE__ */ i(f.Provider, { value: { name: e.name }, children: /* @__PURE__ */ i(p, { ...e }) }), d = () => {
   const e = s.useContext(f), o = s.useContext(l), { getFieldState: r, formState: t } = x(), m = r(e.name, t);
@@ -84,10 +85,10 @@ const w = s.forwardRef(({ className: e, children: o, ...r }, t) => {
 });
 w.displayName = "FormMessage";
 export {
-  M as Form,
+  S as Form,
   v as FormControl,
   N as FormDescription,
-  S as FormField,
+  L as FormField,
   C as FormItem,
   g as FormLabel,
   w as FormMessage,

package/Form/FormRenderControl.mjs

@@ -1,13 +1,14 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { FormField as d, FormItem as i, FormLabel as F, FormMessage as p } from "./Form.mjs";
-const b = (e) => {
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { FormField as a, FormItem as d, FormLabel as F, FormMessage as p } from "./Form.mjs";
+import "react-hook-form";
+const h = (e) => {
   const { form: n, name: m, label: o, render: t, containerProps: l = {}, ...s } = e;
   return /* @__PURE__ */ r(
-    d,
+    a,
     {
       control: n.control,
       name: m,
-      render: (c) => /* @__PURE__ */ a(i, { ...l, children: [
+      render: (c) => /* @__PURE__ */ i(d, { ...l, children: [
         !!o && /* @__PURE__ */ r(F, { children: o }),
         t(c),
         /* @__PURE__ */ r(p, {})
@@ -17,5 +18,5 @@ const b = (e) => {
   );
 };
 export {
-  b as FormRenderControl
+  h as FormRenderControl
 };

package/FormCheckbox/FormCheckbox.d.ts

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

package/FormCheckbox/FormCheckbox.mjs

@@ -1,30 +1,31 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { Checkbox as l } from "../Checkbox/Checkbox.mjs";
-import { FormLabel as h } from "../Form/Form.mjs";
-import { FormRenderControl as d } from "../Form/FormRenderControl.mjs";
-const b = (o) => {
-  const { form: m, label: n, name: t, disabled: a, ...c } = o;
-  return /* @__PURE__ */ r(
-    d,
+import { jsx as e } from "react/jsx-runtime";
+import "react-hook-form";
+import { FormControl as p } from "../Form/Form.mjs";
+import { FormRenderControl as h } from "../Form/FormRenderControl.mjs";
+import { CheckboxLabel as s } from "../Checkbox/Checkbox.mjs";
+const k = (n) => {
+  const { form: c, label: a, name: l, onCheckedChange: o, ...m } = n;
+  return /* @__PURE__ */ e(
+    h,
     {
-      form: m,
-      name: t,
-      render: ({ field: e }) => /* @__PURE__ */ s("div", { className: "flex items-center gap-2 mt-4", children: [
-        /* @__PURE__ */ r(
-          l,
-          {
-            ...e,
-            checked: e.value || !1,
-            onCheckedChange: e.onChange,
-            disabled: a
+      form: c,
+      name: l,
+      render: ({ field: r }) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+        s,
+        {
+          ...r,
+          ...m,
+          label: a,
+          checked: r.value || !1,
+          onCheckedChange: (t) => {
+            r.onChange(t), o == null || o(t);
           }
-        ),
-        /* @__PURE__ */ r(h, { children: n })
-      ] }),
-      ...c
+        }
+      ) }),
+      ...m
     }
   );
 };
 export {
-  b as FormCheckbox
+  k as FormCheckbox
 };

package/FormCheckbox/FormCheckbox.types.d.ts

@@ -1,6 +1,7 @@
-import { FieldValues } from 'react-hook-form';
 import { FormRenderControlExtendProps } from '../Form';
+import { FieldValues } from 'react-hook-form';
+import { CheckboxProps } from '../Checkbox';
 
-export interface FormCheckboxProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data> {
+export interface FormCheckboxProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Omit<CheckboxProps, 'form' | 'name' | 'label'> {
     disabled?: boolean;
 }

package/FormCombobox/FormCombobox.mjs

@@ -1,19 +1,20 @@
 import { jsx as o } from "react/jsx-runtime";
-import { FormControl as b } from "../Form/Form.mjs";
-import { FormRenderControl as p } from "../Form/FormRenderControl.mjs";
-import { Combobox as a } from "../Combobox/Combobox.mjs";
-const x = (m) => {
-  const { form: n, label: e, name: t, ...C } = m;
+import { FormControl as C } from "../Form/Form.mjs";
+import { FormRenderControl as b } from "../Form/FormRenderControl.mjs";
+import { Combobox as i } from "../Combobox/Combobox.mjs";
+import "react-hook-form";
+const c = (m) => {
+  const { form: n, label: t, name: e, ...p } = m;
   return /* @__PURE__ */ o(
-    p,
+    b,
     {
       form: n,
-      label: e,
-      name: t,
-      render: ({ field: r }) => /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(
-        a,
+      label: t,
+      name: e,
+      render: ({ field: r }) => /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
+        i,
         {
-          ...C,
+          ...p,
           ...r,
           onChange: r.onChange
         }
@@ -22,5 +23,5 @@ const x = (m) => {
   );
 };
 export {
-  x as FormCombobox
+  c as FormCombobox
 };

package/FormDatePicker/FormDatePicker.mjs

@@ -1,8 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
-import { DatePicker as l } from "../DatePicker/DatePicker.mjs";
-import { FormControl as p } from "../Form/Form.mjs";
+import { DatePicker as p } from "../DatePicker/DatePicker.mjs";
+import { FormControl as l } from "../Form/Form.mjs";
 import { FormRenderControl as s } from "../Form/FormRenderControl.mjs";
-const h = (m) => {
+import "react-hook-form";
+const k = (m) => {
   const { form: n, name: a, label: c, onDateChange: r, ...i } = m;
   return /* @__PURE__ */ e(
     s,
@@ -10,8 +11,8 @@ const h = (m) => {
       form: n,
       name: a,
       label: c,
-      render: ({ field: o }) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-        l,
+      render: ({ field: o }) => /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(
+        p,
         {
           ...o,
           ...i,
@@ -25,5 +26,5 @@ const h = (m) => {
   );
 };
 export {
-  h as FormDatePicker
+  k as FormDatePicker
 };

package/FormDropzone/FormDropzone.mjs

@@ -1,19 +1,20 @@
 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) => {
+import { FormRenderControl as i } from "../Form/FormRenderControl.mjs";
+import { Dropzone as l } from "../Dropzone/Dropzone.mjs";
+import "react-hook-form";
+const F = (n) => {
   const { form: e, label: m, name: t, ...p } = n;
   return /* @__PURE__ */ o(
-    l,
+    i,
     {
       form: e,
       label: m,
       name: t,
-      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(f, { ...p, ...r, onChangeValue: r.onChange }) })
+      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(l, { ...p, ...r, onChangeValue: r.onChange }) })
     }
   );
 };
 export {
-  h as FormDropzone
+  F as FormDropzone
 };

package/FormInput/FormInput.mjs

@@ -1,17 +1,18 @@
 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) => {
+import { FormRenderControl as i } from "../Form/FormRenderControl.mjs";
+import { Input as u } from "../Input/Input.mjs";
+import "react-hook-form";
+const d = (m) => {
   const { form: t, label: e, name: n, ...p } = m;
   return /* @__PURE__ */ r(
-    u,
+    i,
     {
       form: t,
       name: n,
       label: e,
       render: ({ field: o }) => /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-        a,
+        u,
         {
           ...o,
           value: o.value || "",
@@ -22,5 +23,5 @@ const F = (m) => {
   );
 };
 export {
-  F as FormInput
+  d as FormInput
 };

package/FormRadio/FormRadio.mjs

@@ -1,7 +1,8 @@
 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";
+import "react-hook-form";
+import { FormControl as t, FormItem as v } from "../Form/Form.mjs";
+import { FormRenderControl as F } from "../Form/FormRenderControl.mjs";
+import { Radio as f } from "../Radio/Radio.mjs";
 const b = (n) => {
   const {
     form: u,
@@ -9,27 +10,27 @@ const b = (n) => {
     label: c,
     onValueChange: m,
     value: h,
-    defaultValue: s,
+    defaultValue: i,
     renderOption: a,
-    ...v
+    ...s
   } = n;
   return /* @__PURE__ */ e(
-    f,
+    F,
     {
       form: u,
       name: d,
       label: c,
       render: ({ field: o }) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(
-        i,
+        f,
         {
           ...o,
-          ...v,
-          defaultValue: s || o.value,
+          ...s,
+          defaultValue: i || 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)
+          renderOption: (r, l) => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(t, { children: (a == null ? void 0 : a(r, l)) || /* @__PURE__ */ e(l, { ...r }) }) }, r.value)
         }
       ) })
     }

package/FormSelect/FormSelect.mjs

@@ -3,20 +3,21 @@ import { FormControl as f } from "../Form/Form.mjs";
 import { FormRenderControl as d } from "../Form/FormRenderControl.mjs";
 import "../Select/SelectRoot.mjs";
 import { Select as g } from "../Select/Select.mjs";
-const S = (n) => {
+import "react-hook-form";
+const b = (m) => {
   const {
-    form: m,
+    form: n,
     label: i,
     name: p,
     options: l = [],
     onChange: r,
     containerProps: c,
     ...s
-  } = n;
+  } = m;
   return /* @__PURE__ */ e(
     d,
     {
-      form: m,
+      form: n,
       name: p,
       label: i,
       containerProps: c,
@@ -36,5 +37,5 @@ const S = (n) => {
   );
 };
 export {
-  S as FormSelect
+  b as FormSelect
 };

package/FormTextarea/FormTextarea.mjs

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

package/Header/Header.mjs

@@ -1,18 +1,19 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { SidebarTrigger as t } from "../Sidebar/Sidebar.mjs";
+import "react";
+import { SidebarTrigger as s } from "../Sidebar/Sidebar.mjs";
 import { Separator as l } from "../Separator/Separator.mjs";
-const m = (s) => {
+const h = (t) => {
   const {
     children: r,
     hideTrigger: a = !1
-  } = s;
+  } = t;
   return /* @__PURE__ */ i(
     "header",
     {
       className: "flex h-16 shrink-0 items-center justify-between gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12",
       children: [
         !a && /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(t, { className: "ml-1" }),
+          /* @__PURE__ */ e(s, { className: "ml-1" }),
           /* @__PURE__ */ e(l, { orientation: "vertical", className: "mr-2 h-4" })
         ] }),
         a ? r : /* @__PURE__ */ e("div", { className: "flex-1 text-right pr-6", children: r })
@@ -21,6 +22,6 @@ const m = (s) => {
   );
 };
 export {
-  m as Header,
-  m as default
+  h as Header,
+  h as default
 };

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/Label.mjs

@@ -1,17 +1,18 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as i from "react";
 import * as o from "@radix-ui/react-label";
+import "class-variance-authority";
 import { cn as e } from "@oneplatformdev/utils";
-import { labelVariants as s } from "./labelVariants.mjs";
-const p = i.forwardRef(({ className: a, ...r }, m) => /* @__PURE__ */ t(
+import { labelVariants as p } from "./labelVariants.mjs";
+const s = i.forwardRef(({ className: r, ...a }, m) => /* @__PURE__ */ t(
   o.Root,
   {
     ref: m,
-    className: e(s(), a),
-    ...r
+    className: e(p(), r),
+    ...a
   }
 ));
-p.displayName = o.Root.displayName;
+s.displayName = o.Root.displayName;
 export {
-  p as Label
+  s as Label
 };

package/Label/labelVariants.mjs

@@ -1,6 +1,6 @@
 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"
+  "text-md text-[#363B4E] font-medium leading-[150%] peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
 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/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>;

package/LoadingMask/LoadingMask.mjs

@@ -1,59 +1,22 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-const t = () => /* @__PURE__ */ r("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ o(
-  "svg",
-  {
-    className: "h-8 w-8 animate-spin text-gray-900 dark:text-gray-50",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ r("path", { d: "M12 4.75V6.25", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M17.1475 6.8525L16.0625 7.9375",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
+import { jsx as e } from "react/jsx-runtime";
+import "react";
+import { RenderLoadingMask as r } from "./RenderLoadingMask.mjs";
+import { cn as n } from "@oneplatformdev/utils";
+const l = (t) => {
+  const { fullWidth: s = !1, className: i, ...o } = t;
+  return s ? /* @__PURE__ */ e(
+    "div",
+    {
+      ...o,
+      className: n(
+        "absolute inset-0",
+        "flex items-center justify-center",
+        i
       ),
-      /* @__PURE__ */ r("path", { d: "M19.25 12H17.75", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M17.1475 17.1475L16.0625 16.0625",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ r("path", { d: "M12 17.75V19.25", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M6.8525 17.1475L7.9375 16.0625",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ r("path", { d: "M4.75 12H6.25", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M6.8525 6.8525L7.9375 7.9375",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
-  }
-) });
+      children: /* @__PURE__ */ e(r, {})
+    }
+  ) : /* @__PURE__ */ e(r, {});
+};
 export {
-  t as LoadingMask
+  l as LoadingMask
 };

package/LoadingMask/LoadingMask.types.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+
+export interface ILoadingMaskProps extends HTMLAttributes<HTMLDivElement> {
+    fullWidth?: boolean;
+}