@oneplatformdev/ui 0.0.1-beta.17 → 0.0.1-beta.2

package/AlertDialog/AlertDialog.d.ts

@@ -6,10 +6,6 @@ import { FC, PropsWithChildren } from 'react';
  * @public
  * @see [Documentation](#)
  * @example
- * > Import:
- * ```tsx
- *    import { AlertDialog } from '@oneplatformdev/ui/AlertDialog';
- * ```
  * > Simple example:
  * ```tsx
  *    <AlertDialog
@@ -29,16 +25,6 @@ import { FC, PropsWithChildren } from 'react';
  *         onConfirm={(event) => console.log(event, 'Confirm')}
  *       />
  * ```
- * > Trigger example: Button with icon children
- * ```tsx
- *      <AlertDialog
- *         trigger={<Button variant="outline" size="icon"><PencilLine /></Button>}
- *         title="Dialog title with icon trigger"
- *         description="Description text..."
- *         onCancel={(event) => console.log(event, 'Cancel')}
- *         onConfirm={(event) => console.log(event, 'Confirm')}
- *       />
- * ```
  *
  * > Full content example:
  * ```tsx

package/AlertDialog/AlertDialog.mjs

@@ -1,97 +1,99 @@
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { cloneElement as a, useId as j, Children as y } from "react";
-import { AlertDialogRoot as E, AlertDialogContent as u, AlertDialogTrigger as v, AlertDialogHeader as f, AlertDialogTitle as B, AlertDialogDescription as R, AlertDialogFooter as A, AlertDialogAction as D, AlertDialogCancel as k } from "./AlertDialogRoot.mjs";
-import { isValidReactElement as s } from "@oneplatformdev/utils";
-const F = (o) => {
-  const { slotProps: e = {}, children: r } = o, i = e.trigger ?? {};
-  return s(r, v) ? a(
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { cloneElement as a, useId as y, Children as E } from "react";
+import { AlertDialogRoot as F, AlertDialogContent as h, AlertDialogTrigger as f, AlertDialogHeader as m, AlertDialogTitle as B, AlertDialogDescription as R, AlertDialogFooter as A, AlertDialogAction as C, AlertDialogCancel as k } from "./AlertDialogRoot.mjs";
+import { Button as x } from "../Button/Button.mjs";
+import "../Button/buttonVariants.mjs";
+import { isValidReactElement as l } from "@oneplatformdev/utils";
+const H = (n) => {
+  const { slotProps: e = {}, children: r } = n, o = e.trigger ?? {};
+  return l(r, f) ? a(
     r,
     {
       ...r.props || {},
-      ...i
+      ...o
     }
-  ) : /* @__PURE__ */ t(v, { asChild: !0, children: r });
-}, H = (o) => {
+  ) : l(r, x) ? /* @__PURE__ */ t(f, { asChild: !0, ...o, children: r }) : /* @__PURE__ */ t(f, { asChild: !0, children: /* @__PURE__ */ t(x, { variant: "outline", ...o, children: r }) });
+}, I = (n) => {
   const {
     title: e = "",
     description: r = "",
-    slotProps: i = {},
-    children: l
-  } = o, n = i.header ?? {}, d = i.title ?? {}, c = i.description ?? {};
-  return l ? s(l, f) ? a(
-    l,
-    { ...l.props || {}, ...n }
-  ) : /* @__PURE__ */ t(f, { ...n, children: l }) : /* @__PURE__ */ g(f, { children: [
-    e && s(e, B) ? a(
+    slotProps: o = {},
+    children: c
+  } = n, i = o.header ?? {}, d = o.title ?? {}, s = o.description ?? {};
+  return c ? l(c, m) ? a(
+    c,
+    { ...c.props || {}, ...i }
+  ) : /* @__PURE__ */ t(m, { ...i, children: c }) : /* @__PURE__ */ u(m, { children: [
+    e && l(e, B) ? a(
       e,
       { ...e.props || {}, ...d }
     ) : /* @__PURE__ */ t(B, { ...d, children: e }),
-    r && s(r, R) ? a(
+    r && l(r, R) ? a(
       r,
-      { ...r.props || {}, ...c }
-    ) : /* @__PURE__ */ t(R, { ...c, children: r })
+      { ...r.props || {}, ...s }
+    ) : /* @__PURE__ */ t(R, { ...s, children: r })
   ] });
-}, I = (o) => {
+}, L = (n) => {
   const {
     slotProps: e = {},
     children: r,
-    onCancel: i,
-    onConfirm: l,
-    cancelLabel: n = "Cancel",
+    onCancel: o,
+    onConfirm: c,
+    cancelLabel: i = "Cancel",
     actionLabel: d = "Continue",
-    variant: c = "confirm"
-  } = o, x = j(), m = e.footer ?? {}, T = e.cancelButton ?? {}, C = e.actionButton ?? {};
-  return r ? s(r, A) ? a(
+    variant: s = "confirm"
+  } = n, T = y(), D = e.footer ?? {}, b = e.cancelButton ?? {}, P = e.actionButton ?? {};
+  return r ? l(r, A) ? a(
     r,
-    { ...r.props || {}, ...m }
-  ) : /* @__PURE__ */ t(A, { ...m, children: y.map(r, (p, b) => {
-    if (!p || !s(p)) return;
-    const h = p, P = a(h, { ...h.props || {}, key: h.key || `footer-${x}-action-${b}` });
-    return s(p, D) || s(p, k) ? P : /* @__PURE__ */ t(D, { asChild: !0, children: P });
-  }) }) : /* @__PURE__ */ g(A, { children: [
-    c !== "alert" && /* @__PURE__ */ t(
+    { ...r.props || {}, ...D }
+  ) : /* @__PURE__ */ t(A, { ...D, children: E.map(r, (p, j) => {
+    if (!p || !l(p)) return;
+    const g = p, v = a(g, { ...g.props || {}, key: g.key || `footer-${T}-action-${j}` });
+    return l(p, C) || l(p, k) ? v : /* @__PURE__ */ t(C, { asChild: !0, children: v });
+  }) }) : /* @__PURE__ */ u(A, { children: [
+    s !== "alert" && /* @__PURE__ */ t(
       k,
       {
         variant: "ghost",
-        onClick: i,
-        ...T,
-        children: n
+        onClick: o,
+        ...b,
+        children: i
       }
     ),
     /* @__PURE__ */ t(
-      D,
+      C,
       {
-        onClick: l,
-        ...C,
-        variant: C.variant || c === "destructive" ? "destructive" : "default",
+        onClick: c,
+        ...P,
+        variant: P.variant || s === "destructive" ? "destructive" : "default",
         children: d
       }
     )
   ] });
-}, w = (o) => {
+}, J = (n) => {
   const {
     trigger: e,
     header: r,
-    footer: i,
-    slotProps: l = {},
-    children: n,
+    footer: o,
+    slotProps: c = {},
+    children: i,
     ...d
-  } = o, c = l.content ?? {};
-  return /* @__PURE__ */ g(E, { ...d, children: [
-    /* @__PURE__ */ t(F, { ...o, children: e }),
-    n ? s(n, u) ? a(
-      n,
+  } = n, s = c.content ?? {};
+  return /* @__PURE__ */ u(F, { ...d, children: [
+    /* @__PURE__ */ t(H, { ...n, children: e }),
+    i ? l(i, h) ? a(
+      i,
       {
-        ...n.props || {},
-        ...c
+        ...i.props || {},
+        ...s
       }
-    ) : /* @__PURE__ */ t(u, { ...c, children: n }) : /* @__PURE__ */ g(u, { ...c, children: [
-      /* @__PURE__ */ t(H, { ...o, children: r }),
-      /* @__PURE__ */ t(I, { ...o, children: i })
+    ) : /* @__PURE__ */ t(h, { ...s, children: i }) : /* @__PURE__ */ u(h, { ...s, children: [
+      /* @__PURE__ */ t(I, { ...n, children: r }),
+      /* @__PURE__ */ t(L, { ...n, children: o })
     ] })
   ] });
 };
 export {
-  w as AlertDialog,
-  w as default
+  J as AlertDialog,
+  J as default
 };

package/FormSelect/FormSelect.types.d.ts

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

package/Input/Input.d.ts

@@ -1,6 +1,4 @@
 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>>;
+import * as React from "react";
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/Input/Input.mjs

@@ -1,61 +1,21 @@
-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
-        }
-      )
-    ] });
-  }
+import { jsx as i } from "react/jsx-runtime";
+import * as n from "react";
+import { cn as s } from "@oneplatformdev/utils";
+const l = n.forwardRef(
+  ({ className: e, type: r, ...o }, t) => /* @__PURE__ */ i(
+    "input",
+    {
+      type: r,
+      className: s(
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        e
+      ),
+      ref: t,
+      ...o
+    }
+  )
 );
-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";
+l.displayName = "Input";
 export {
-  p as BaseInput,
-  I as Input,
-  m as PasswordInput
+  l as Input
 };

package/Input/Input.types.d.ts

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

package/Input/index.d.ts

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

package/Input/index.mjs

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

package/LazyLoader/LazyLoader.d.ts

@@ -1,20 +1,3 @@
 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/index.d.ts

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

package/LazyLoader/index.mjs

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

package/Search/index.d.ts

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

package/Search/index.mjs

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

package/Sidebar/Sidebar.d.ts

@@ -25,7 +25,7 @@ declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttribute
 declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import('../Button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarInput: React.ForwardRefExoticComponent<Omit<import('../Input').InputProps & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<import('../Input').InputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;