prometeo-design-system 2.0.1 → 2.0.3

package/dist/DrawerDesktop.d.ts

@@ -1 +1,6 @@
-export {};
+export * from './exports/DrawerDesktop'
+export {}
+import PrometeoDesignSystem from './exports/DrawerDesktop'
+export default PrometeoDesignSystem
+export * from './exports/DrawerDesktop'
+export {}

package/dist/DrawerDesktop.es.js

@@ -1,9 +1,9 @@
 import { j as e } from "./jsx-runtime-ByW6EXIE.js";
-import { Icons as j } from "./Icons.es.js";
-import { c as m } from "./cn-B6yFEsav.js";
 import { c as d } from "./index-BOQuZ0gG.js";
-import { forwardRef as D, useState as b, useRef as x, useCallback as s, useImperativeHandle as v } from "react";
+import { forwardRef as j, useState as D, useRef as x, useCallback as s, useImperativeHandle as b } from "react";
 import { Drawer as o } from "vaul";
+import { Icons as v } from "./Icons.es.js";
+import { c as m } from "./cn-B6yFEsav.js";
 const C = d("text-sm cursor-pointer font-medium shadow-sm transition-all absolute z-30", {
   variants: {
     direction: {
@@ -18,8 +18,8 @@ const C = d("text-sm cursor-pointer font-medium shadow-sm transition-all absolut
       right: "right-0"
     }
   }
-}), N = D(({ children: t, direction: r, modal: a = !1, className: c, onClose: i, defaultOpen: w = !1 }, h) => {
-  const [l, n] = b(w), f = x(i);
+}), N = j(({ children: t, direction: r, modal: a = !1, className: c, onClose: i, defaultOpen: w = !1 }, h) => {
+  const [l, n] = D(w), f = x(i);
   f.current = i;
   const u = s(() => {
     n(!0);
@@ -28,7 +28,7 @@ const C = d("text-sm cursor-pointer font-medium shadow-sm transition-all absolut
   }, []), g = s(() => {
     n(!1), f.current?.();
   }, []);
-  return v(h, () => ({
+  return b(h, () => ({
     open: u,
     close: p,
     isOpen: l
@@ -40,7 +40,7 @@ const C = d("text-sm cursor-pointer font-medium shadow-sm transition-all absolut
         className: m(O({ direction: r }), c),
         style: { "--initial-transform": "calc(100% + 8px)" },
         children: [
-          /* @__PURE__ */ e.jsx(o.Close, { className: m(C({ direction: r })), children: /* @__PURE__ */ e.jsx(j.Close, { size: 24, className: "text-neutral-default-default" }) }),
+          /* @__PURE__ */ e.jsx(o.Close, { className: m(C({ direction: r })), children: /* @__PURE__ */ e.jsx(v.Close, { size: 24, className: "text-neutral-default-default" }) }),
           /* @__PURE__ */ e.jsx("div", { className: "bg-neutral-default-default w-full flex-1 overflow-y-auto min-h-0 border-l border-neutral-strong-default", children: t })
         ]
       }

package/dist/Input.es.js

@@ -1,9 +1,9 @@
 import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as J } from "./Icons.es.js";
 import { c as e } from "./cn-B6yFEsav.js";
-import { memo as ie, useState as v, useRef as K, useCallback as pe, useEffect as L, useLayoutEffect as xe } from "react";
-import { useDebounce as me } from "use-debounce";
-import ge from "./Spinner.es.js";
+import { memo as xe, useState as v, useRef as K, useCallback as me, useEffect as L, useLayoutEffect as ge } from "react";
+import { useDebounce as he } from "use-debounce";
+import be from "./Spinner.es.js";
 const C = {
   default: {
     container: "",
@@ -53,7 +53,7 @@ const C = {
       "peer-focus:text-success-light"
     )
   }
-}, he = ({
+}, we = ({
   label: S,
   icon: a,
   iconPosition: g = "left",
@@ -79,9 +79,11 @@ const C = {
   onKeyDown: Y,
   onKeyUp: Z,
   className: _,
-  isActive: i
+  isActive: i,
+  style: q,
+  readOnly: A = !1
 }) => {
-  const [b, F] = v(u), [I] = me(b, c), [q, O] = v(i || !1), [B, A] = v(!1), w = K(null), $ = K(null);
+  const [b, F] = v(u), [I] = he(b, c), [M, O] = v(i || !1), [B, ee] = v(!1), w = K(null), $ = K(null);
   let p = Q;
   o && (p = "customHeight");
   const x = {
@@ -109,7 +111,7 @@ const C = {
       label: "text-sm peer-focus:text-sm peer-placeholder-shown:text-xs ",
       icon: "w-6 h-6 right-3"
     }
-  }, T = pe(E, [E]);
+  }, T = me(E, [E]);
   L(() => {
     c > 0 && I !== u && T(I);
   }, [I, c, T, u]), L(() => {
@@ -117,19 +119,19 @@ const C = {
   }, [u]), L(() => {
     i && $.current?.focus();
   }, [i]);
-  const M = (s) => {
+  const te = (s) => {
     O(!0), W?.(s);
-  }, ee = (s) => {
+  }, re = (s) => {
     i === void 0 && (O(!1), X?.(s));
-  }, te = (s) => {
+  }, se = (s) => {
     const m = s.target.value, H = s.target.name, n = b;
     F(m), n.length > 0 && m.length === 0 && V?.(), (!c || c === 0) && E(m, H);
-  }, re = () => {
-    A(!B);
+  }, oe = () => {
+    ee(!B);
   }, N = {};
   h && h !== "100%" && (N.width = h), o && (N.height = o);
-  const se = b.length > 0, G = f === "error" && P, oe = !G && R, le = r === "password", ne = () => l === "static" || i || q || se ? "-top-2 left-2 scale-90" : a ? `top-1/2 -translate-y-1/2 ${g === "left" ? "ml-6" : "mr-6"} scale-100 ` : "top-1/2 -translate-y-1/2 scale-100", ae = () => l === "static" ? o ? "text-sm" : "text-xs" : o ? x.customHeight.label : x[p].label, ue = () => o ? { height: o } : {}, ce = () => l === "default" ? S : U || S || "", fe = () => le ? a ? g === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : a ? g === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", de = l === "default" && "transition-all duration-200 ease-in-out";
-  return xe(() => {
+  const le = b.length > 0, G = f === "error" && P, ne = !G && R, ae = r === "password", ue = () => l === "static" || i || M || le ? "-top-2 left-2 scale-90" : a ? `top-1/2 -translate-y-1/2 ${g === "left" ? "ml-6" : "mr-6"} scale-100 ` : "top-1/2 -translate-y-1/2 scale-100", ce = () => l === "static" ? o ? "text-sm" : "text-xs" : o ? x.customHeight.label : x[p].label, fe = () => o ? { height: o } : {}, de = () => l === "default" ? S : U || S || "", ie = () => ae ? a ? g === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : a ? g === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", pe = l === "default" && "transition-all duration-200 ease-in-out";
+  return ge(() => {
     if (w.current) {
       const m = ((H) => {
         let n = H;
@@ -156,7 +158,7 @@ const C = {
           l === "static" && "mt-2",
           _
         ),
-        style: N,
+        style: { ...q, ...N },
         children: [
           /* @__PURE__ */ t.jsx(
             "input",
@@ -165,7 +167,7 @@ const C = {
               name: k,
               ref: $,
               value: b,
-              placeholder: ce(),
+              placeholder: de(),
               type: r === "password" && B ? "text" : r,
               className: e(
                 "peer w-full border-1 rounded-lg bg-transparent appearance-none transition-all duration-200 ease-in-out",
@@ -177,17 +179,18 @@ const C = {
                 a && "pr-10",
                 z && "bg-transparent opacity-60 border-neutral-strong-default text-neutral-medium-disabled",
                 C[f].container,
-                fe()
+                ie()
               ),
-              style: ue(),
-              onChange: te,
-              onFocus: M,
-              onBlur: ee,
+              style: fe(),
+              onChange: se,
+              onFocus: te,
+              onBlur: re,
               disabled: z,
               required: D,
               onEmptied: V,
               onKeyDown: Y,
-              onKeyUp: Z
+              onKeyUp: Z,
+              readOnly: A
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -197,10 +200,10 @@ const C = {
               htmlFor: k,
               className: e(
                 "absolute left-3 pointer-events-none px-1 z-10",
-                de,
-                ae(),
+                pe,
+                ce(),
                 C[f].label,
-                ne(),
+                ue(),
                 D && "after:content-['*'] after:text-error-default after:ml-1",
                 z && "text-neutral-medium-disabled prometeo-fonts-label-large"
               ),
@@ -217,18 +220,18 @@ const C = {
                 r === "password" && !d ? "cursor-pointer" : "pointer-events-none",
                 g === "right" ? "right-3" : "left-3"
               ),
-              onClick: r === "password" && !d ? re : void 0,
+              onClick: r === "password" && !d ? oe : void 0,
               onMouseDown: (s) => r === "password" && !d && s.preventDefault(),
-              children: /* @__PURE__ */ t.jsx("div", { children: d && r !== "password" ? /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(ge, { size: 24, color: "#7c86ff", loading: !0, variant: "clip" }) }) : r === "password" ? B ? /* @__PURE__ */ t.jsx(J.EyeVisibility, { size: 24, className: "" }) : /* @__PURE__ */ t.jsx(J.EyeVisibilityOff, { size: 24, className: "" }) : a })
+              children: /* @__PURE__ */ t.jsx("div", { children: d && r !== "password" ? /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(be, { size: 24, color: "#7c86ff", loading: !0, variant: "clip" }) }) : r === "password" ? B ? /* @__PURE__ */ t.jsx(J.EyeVisibility, { size: 24, className: "" }) : /* @__PURE__ */ t.jsx(J.EyeVisibilityOff, { size: 24, className: "" }) : a })
             }
           )
         ]
       }
     ),
-    oe && R,
+    ne && R,
     G && P
   ] });
-}, ke = ie(he);
+}, Ie = xe(we);
 export {
-  ke as default
+  Ie as default
 };

package/dist/components/DatePicker/DatePicker.d.ts

@@ -25,21 +25,21 @@ interface DatePickerBaseProps {
 }
 interface DatePickerSingleProps extends DatePickerBaseProps {
     mode?: "single";
-    selected?: Date;
-    onSelect?: (date: Date | undefined) => void;
+    selected: Date | undefined;
+    onSelect: (date: Date) => void;
 }
 interface DatePickerRangeProps extends DatePickerBaseProps {
     mode: "range";
-    selected?: DateRange;
-    onSelect?: (range: DateRange | undefined) => void;
+    selected: DateRange | undefined;
+    onSelect: (range: DateRange) => void;
     min?: number;
     max?: number;
     excludeDisabled?: boolean;
 }
 interface DatePickerMultipleProps extends DatePickerBaseProps {
     mode: "multiple";
-    selected?: Date[];
-    onSelect?: (dates: Date[] | undefined) => void;
+    selected: Date[] | undefined;
+    onSelect: (dates: Date[]) => void;
     min?: number;
     max?: number;
 }

package/dist/components/Drawer/DrawerDesktopV2.d.ts

@@ -0,0 +1,11 @@
+export interface DrawerDesktopProps {
+    children?: React.ReactNode;
+    direction?: 'left' | 'right';
+    modal?: boolean;
+    className?: string;
+    onClose?: () => void;
+    defaultOpen?: boolean;
+    attachToParent?: boolean;
+}
+declare const DrawerDesktopV2: (props: DrawerDesktopProps) => import("react/jsx-runtime").JSX.Element;
+export default DrawerDesktopV2;

package/dist/components/Input/Input.d.ts

@@ -29,6 +29,8 @@ export interface InputProps {
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     isActive?: boolean;
+    style?: React.CSSProperties;
+    readOnly?: boolean;
 }
-declare const _default: import('react').MemoExoticComponent<({ label, icon, iconPosition, onChange, value, debounceMs, name, width, height, variant, labelVariant, size, disabled, type, isFetching, errorComponent, helperComponent, placeholder, required, onFocus, onBlur, onEmptied, onKeyDown, onKeyUp, className, isActive }: InputProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ label, icon, iconPosition, onChange, value, debounceMs, name, width, height, variant, labelVariant, size, disabled, type, isFetching, errorComponent, helperComponent, placeholder, required, onFocus, onBlur, onEmptied, onKeyDown, onKeyUp, className, isActive, style, readOnly }: InputProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/pages/Drawer.d.ts

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