@oneplatformdev/ui 0.0.1-beta.98 → 0.1.2-1

package/Input/Input.mjs

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

package/Input/Input.types.d.ts

@@ -1,17 +0,0 @@
-import { BaseInput } from './Input';
-import { inputVariants } from './inputVariants';
-import { VariantProps } from 'class-variance-authority';
-import { default as React, ChangeEvent, ComponentPropsWithoutRef, HTMLAttributes, ReactNode } from 'react';
-
-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/index.d.ts

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

package/Input/index.mjs

@@ -1,7 +0,0 @@
-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

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

package/Input/inputVariants.mjs

@@ -1,24 +0,0 @@
-import { cva as e } from "class-variance-authority";
-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: {
-        default: "bg-background",
-        grey: "bg-slate-200"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-export {
-  t as inputVariants
-};

package/Input/package.json

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

package/InputOTP/InputOTP.d.ts

@@ -1,34 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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

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

package/InputOTP/index.mjs

@@ -1,7 +0,0 @@
-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

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

package/Label/Label.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

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

package/Label/index.mjs

@@ -1,6 +0,0 @@
-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

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

package/Label/labelVariants.mjs

@@ -1,10 +0,0 @@
-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/Label/package.json

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

package/LazyLoader/LazyLoader.d.ts

@@ -1,20 +0,0 @@
-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

@@ -1,8 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-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 {
-  s as LazyLoader
-};

package/LazyLoader/index.d.ts

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

package/LazyLoader/index.mjs

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

package/LazyLoader/package.json

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

package/LoadingMask/LoadingMask.d.ts

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

package/LoadingMask/LoadingMask.mjs

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

package/LoadingMask/LoadingMask.types.d.ts

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

package/LoadingMask/RenderLoadingMask.d.ts

@@ -1,3 +0,0 @@
-import { HTMLAttributes } from 'react';
-
-export declare const RenderLoadingMask: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/LoadingMask/RenderLoadingMask.mjs

@@ -1,108 +0,0 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { cn as d } from "@oneplatformdev/utils";
-const u = i((o, e) => {
-  const { className: t, ...n } = o;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      ...n,
-      ref: e,
-      className: d("flex flex-1 items-center justify-center", t),
-      children: /* @__PURE__ */ s(
-        "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 {
-  u as RenderLoadingMask
-};

package/LoadingMask/index.d.ts

@@ -1,3 +0,0 @@
-export { LoadingMask } from './LoadingMask';
-export { RenderLoadingMask } from './RenderLoadingMask';
-export type * from './LoadingMask.types';

package/LoadingMask/index.mjs

@@ -1,6 +0,0 @@
-import { LoadingMask as a } from "./LoadingMask.mjs";
-import { RenderLoadingMask as d } from "./RenderLoadingMask.mjs";
-export {
-  a as LoadingMask,
-  d as RenderLoadingMask
-};

package/LoadingMask/package.json

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

package/LoadingProgress/LoadingProgress.d.ts

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

package/LoadingProgress/LoadingProgress.mjs

@@ -1,37 +0,0 @@
-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

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

package/LoadingProgress/index.d.ts

@@ -1,3 +0,0 @@
-export * from './LoadingProgress';
-export * from './loadingProgressVariants';
-export type * from './LoadingProgress.types';

package/LoadingProgress/index.mjs

@@ -1,6 +0,0 @@
-import { LoadingProgress as s } from "./LoadingProgress.mjs";
-import { loadingProgressVariants as e } from "./loadingProgressVariants.mjs";
-export {
-  s as LoadingProgress,
-  e as loadingProgressVariants
-};

package/LoadingProgress/loadingProgressVariants.d.ts

@@ -1,4 +0,0 @@
-export declare const loadingProgressVariants: (props?: ({
-    color?: "default" | "primary" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;

package/LoadingProgress/loadingProgressVariants.mjs

@@ -1,24 +0,0 @@
-import { cva as a } from "class-variance-authority";
-const t = a(
-  "animate-spin",
-  {
-    variants: {
-      color: {
-        primary: "text-primary",
-        default: ""
-      },
-      size: {
-        default: "",
-        sm: "",
-        lg: "w-20 h-20"
-      }
-    },
-    defaultVariants: {
-      size: "default",
-      color: "default"
-    }
-  }
-);
-export {
-  t as loadingProgressVariants
-};

package/LoadingProgress/package.json

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