@oneplatformdev/ui 0.0.1-beta.11

package/FormTextarea/FormTextarea.mjs

@@ -0,0 +1,26 @@
+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;
+  return /* @__PURE__ */ r(
+    p,
+    {
+      form: m,
+      name: n,
+      label: t,
+      render: ({ field: o }) => /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
+        f,
+        {
+          ...o,
+          value: o.value || "",
+          ...a
+        }
+      ) })
+    }
+  );
+};
+export {
+  u as FormTextarea
+};

package/FormTextarea/FormTextarea.types.d.ts

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

package/FormTextarea/index.d.ts

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

package/FormTextarea/index.mjs

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

package/FormTextarea/package.json

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

package/Header/Header.d.ts

@@ -0,0 +1,4 @@
+import { HeaderProps } from './Header.types';
+import * as React from "react";
+export declare const Header: React.FC<React.PropsWithChildren<HeaderProps>>;
+export default Header;

package/Header/Header.mjs

@@ -0,0 +1,26 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { SidebarTrigger as t } from "../Sidebar/Sidebar.mjs";
+import { Separator as l } from "../Separator/Separator.mjs";
+const m = (s) => {
+  const {
+    children: r,
+    hideTrigger: a = !1
+  } = s;
+  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(l, { orientation: "vertical", className: "mr-2 h-4" })
+        ] }),
+        a ? r : /* @__PURE__ */ e("div", { className: "flex-1 text-right pr-6", children: r })
+      ]
+    }
+  );
+};
+export {
+  m as Header,
+  m as default
+};

package/Header/Header.types.d.ts

@@ -0,0 +1,3 @@
+export interface HeaderProps {
+    hideTrigger?: boolean;
+}

package/Header/index.d.ts

@@ -0,0 +1,2 @@
+export { Header, default } from './Header';
+export type * from './Header.types';

package/Header/index.mjs

@@ -0,0 +1,5 @@
+import { Header as r, Header as d } from "./Header.mjs";
+export {
+  r as Header,
+  d as default
+};

package/Header/package.json

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

package/HoverCard/HoverCard.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/HoverCard/HoverCard.mjs

@@ -0,0 +1,23 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as n from "react";
+import * as t from "@radix-ui/react-hover-card";
+import { cn as s } from "@oneplatformdev/utils";
+const l = t.Root, c = t.Trigger, m = n.forwardRef(({ className: o, align: e = "center", sideOffset: a = 4, ...r }, d) => /* @__PURE__ */ i(
+  t.Content,
+  {
+    ref: d,
+    align: e,
+    sideOffset: a,
+    className: s(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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",
+      o
+    ),
+    ...r
+  }
+));
+m.displayName = t.Content.displayName;
+export {
+  l as HoverCard,
+  m as HoverCardContent,
+  c as HoverCardTrigger
+};

package/HoverCard/index.d.ts

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

package/HoverCard/index.mjs

@@ -0,0 +1,6 @@
+import { HoverCard as o, HoverCardContent as C, HoverCardTrigger as a } from "./HoverCard.mjs";
+export {
+  o as HoverCard,
+  C as HoverCardContent,
+  a as HoverCardTrigger
+};

package/HoverCard/package.json

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

package/Input/Input.d.ts

@@ -0,0 +1,6 @@
+import { InputProps } from './Input.types';
+import { default as React } from 'react';
+
+export declare const BaseInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const PasswordInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/Input/Input.mjs

@@ -0,0 +1,61 @@
+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) => {
+    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(
+        "input",
+        {
+          type: o,
+          className: b(
+            N({ variant: r, className: a }),
+            !!i && "pl-8"
+          ),
+          ref: e,
+          ...u
+        }
+      )
+    ] });
+  }
+);
+p.displayName = "Input";
+const m = l.forwardRef(
+  (t, e) => {
+    const [a, r] = d(!1), o = a ? "text" : "password", n = () => {
+      r(!a);
+    };
+    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 })
+    ] });
+  }
+);
+m.displayName = "PasswordInput";
+const w = ({ isVisible: t, onClick: e }) => /* @__PURE__ */ s(
+  "button",
+  {
+    type: "button",
+    onClick: e,
+    className: "absolute top-1/2 right-3 transform -translate-y-1/2",
+    children: t ? /* @__PURE__ */ s(f, { size: 16 }) : /* @__PURE__ */ s(y, { 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 })
+);
+I.displayName = "Input";
+export {
+  p as BaseInput,
+  I as Input,
+  m as PasswordInput
+};

package/Input/Input.types.d.ts

@@ -0,0 +1,13 @@
+import { inputVariants } from './inputVariants';
+import { VariantProps } from 'class-variance-authority';
+import { default as React, ReactNode } from 'react';
+
+export interface InputSlotInputProps {
+    startAdornment?: ReactNode;
+}
+export interface InputSlotProps {
+    input?: InputSlotInputProps;
+}
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
+    slotProps?: InputSlotProps;
+}

package/Input/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Input';
+export { Input as default } from './Input';
+export type * from './Input.types';

package/Input/index.mjs

@@ -0,0 +1,7 @@
+import { BaseInput as u, Input as a, PasswordInput as n, Input as s } from "./Input.mjs";
+export {
+  u as BaseInput,
+  a as Input,
+  n as PasswordInput,
+  s as default
+};

package/Input/inputVariants.d.ts

@@ -0,0 +1,3 @@
+export declare const inputVariants: (props?: ({
+    variant?: "default" | "grey" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;

package/Input/inputVariants.mjs

@@ -0,0 +1,18 @@
+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",
+  {
+    variants: {
+      variant: {
+        default: "bg-background",
+        grey: "bg-slate-200"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+export {
+  r as inputVariants
+};

package/Input/package.json

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

package/InputOTP/InputOTP.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+    value?: string;
+    onChange?: (newValue: string) => unknown;
+    maxLength: number;
+    textAlign?: "left" | "center" | "right";
+    onComplete?: (...args: any[]) => unknown;
+    pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
+    containerClassName?: string;
+    noScriptCSSFallback?: string | null;
+} & {
+    render: (props: import('input-otp').RenderProps) => React.ReactNode;
+    children?: never;
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+    value?: string;
+    onChange?: (newValue: string) => unknown;
+    maxLength: number;
+    textAlign?: "left" | "center" | "right";
+    onComplete?: (...args: any[]) => unknown;
+    pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
+    containerClassName?: string;
+    noScriptCSSFallback?: string | null;
+} & {
+    render?: never;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>, "ref">) & React.RefAttributes<HTMLInputElement>>;
+declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSlot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    index: number;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };

package/InputOTP/InputOTP.mjs

@@ -0,0 +1,48 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import * as s from "react";
+import { OTPInput as c, OTPInputContext as u } from "input-otp";
+import { Minus as f } from "lucide-react";
+import { cn as n } from "@oneplatformdev/utils";
+const x = s.forwardRef(({ className: e, containerClassName: t, ...a }, o) => /* @__PURE__ */ r(
+  c,
+  {
+    ref: o,
+    containerClassName: n(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      t
+    ),
+    className: n("disabled:cursor-not-allowed", e),
+    ...a
+  }
+));
+x.displayName = "InputOTP";
+const O = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r("div", { ref: a, className: n("flex items-center", e), ...t }));
+O.displayName = "InputOTPGroup";
+const P = s.forwardRef(({ index: e, className: t, ...a }, o) => {
+  const i = s.useContext(u), { char: d, hasFakeCaret: l, isActive: p } = i.slots[e];
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: o,
+      className: n(
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        p && "z-10 ring-1 ring-ring",
+        t
+      ),
+      ...a,
+      children: [
+        d,
+        l && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+P.displayName = "InputOTPSlot";
+const T = s.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", { ref: t, role: "separator", ...e, children: /* @__PURE__ */ r(f, {}) }));
+T.displayName = "InputOTPSeparator";
+export {
+  x as InputOTP,
+  O as InputOTPGroup,
+  T as InputOTPSeparator,
+  P as InputOTPSlot
+};

package/InputOTP/index.d.ts

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

package/InputOTP/index.mjs

@@ -0,0 +1,7 @@
+import { InputOTP as o, InputOTPGroup as r, InputOTPSeparator as u, InputOTPSlot as n } from "./InputOTP.mjs";
+export {
+  o as InputOTP,
+  r as InputOTPGroup,
+  u as InputOTPSeparator,
+  n as InputOTPSlot
+};

package/InputOTP/package.json

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

package/Label/Label.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+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

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

package/Label/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Label';
+export * from './labelVariants';

package/Label/index.mjs

@@ -0,0 +1,6 @@
+import { Label as e } from "./Label.mjs";
+import { labelVariants as l } from "./labelVariants.mjs";
+export {
+  e as Label,
+  l as labelVariants
+};

package/Label/labelVariants.d.ts

@@ -0,0 +1 @@
+export declare const labelVariants: (props?: import('class-variance-authority/dist/types').ClassProp | undefined) => string;

package/Label/labelVariants.mjs

@@ -0,0 +1,7 @@
+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"
+);
+export {
+  a as labelVariants
+};

package/Label/package.json

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

package/LazyLoader/LazyLoader.d.ts

@@ -0,0 +1,20 @@
+import { default as React, JSX } from 'react';
+
+/**
+ * Component lazy load component.
+ * @public
+ * @see [Documentation](#)
+ * @example
+ * ```tsx
+ * import { lazy } from 'react';
+ * import { LazyLoader } from '@oneplatformdev/ui/LazyLoader';
+ *
+ * const ModuleComponentViewLazy = LazyLoader(
+ *  lazy(() => import('path/to/module').then(module => ({
+ *      default: module.ModuleComponentView,
+ *    })),
+ *  ),
+ * );
+ * ```
+ */
+export declare const LazyLoader: (Component: React.LazyExoticComponent<any>, showLoader?: boolean) => (props: any) => JSX.Element;

package/LazyLoader/LazyLoader.mjs

@@ -0,0 +1,7 @@
+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 }) });
+export {
+  p as LazyLoader
+};

package/LazyLoader/index.d.ts

@@ -0,0 +1 @@
+export { LazyLoader as default, LazyLoader } from './LazyLoader';

package/LazyLoader/index.mjs

@@ -0,0 +1,5 @@
+import { LazyLoader as o, LazyLoader as r } from "./LazyLoader.mjs";
+export {
+  o as LazyLoader,
+  r as default
+};

package/LazyLoader/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

@@ -0,0 +1 @@
+export declare const LoadingMask: () => import("react/jsx-runtime").JSX.Element;

package/LoadingMask/LoadingMask.mjs

@@ -0,0 +1,59 @@
+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"
+        }
+      ),
+      /* @__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"
+        }
+      )
+    ]
+  }
+) });
+export {
+  t as LoadingMask
+};

package/LoadingMask/index.d.ts

@@ -0,0 +1 @@
+export { LoadingMask } from './LoadingMask';

package/LoadingMask/index.mjs

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

package/LoadingMask/package.json

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

package/LoadingProgress/LoadingProgress.d.ts

@@ -0,0 +1,4 @@
+import { ILoadingProgressProps } from './LoadingProgress.types';
+import { FC } from 'react';
+
+export declare const LoadingProgress: FC<ILoadingProgressProps>;

package/LoadingProgress/LoadingProgress.mjs

@@ -0,0 +1,37 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cn as r } from "@oneplatformdev/utils";
+import { loadingProgressVariants as a } from "./loadingProgressVariants.mjs";
+const f = (e) => {
+  const { className: s, fullWidth: t = !1, size: i, color: l, wrapClassName: n } = e;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: r(
+        n,
+        "w-fit h-auto",
+        !!t && "flex grow w-full h-full items-center justify-center"
+      ),
+      children: /* @__PURE__ */ o(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: r(
+            a({ size: i, color: l, className: s })
+          ),
+          children: /* @__PURE__ */ o("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+        }
+      )
+    }
+  );
+};
+export {
+  f as LoadingProgress
+};

package/LoadingProgress/LoadingProgress.types.d.ts

@@ -0,0 +1,8 @@
+import { loadingProgressVariants } from './loadingProgressVariants';
+import { VariantProps } from 'class-variance-authority';
+
+export interface ILoadingProgressProps extends VariantProps<typeof loadingProgressVariants> {
+    wrapClassName?: string;
+    className?: string;
+    fullWidth?: boolean;
+}