@companix/uikit 0.0.30 → 0.0.32

package/dist/DatePicker/index.d.ts

@@ -1,5 +1,5 @@
 import { InputProps } from '../Input/Input';
-import { CalendarProps } from './Calendar';
+import { CalendarProps } from '../Calendar/Calendar';
 export interface DatePickerProps extends Omit<CalendarProps, 'onChange'>, Omit<InputProps, 'value' | 'onChange' | 'rightElement'> {
     onChange?: (value: Date | null) => void;
     clearButton?: boolean;

package/dist/Input/Input.d.ts

@@ -7,8 +7,8 @@ export interface InputProps extends Omit<InputContainerProps, 'inputRef' | 'chil
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     inputRef?: React.Ref<HTMLInputElement>;
     inputClassName?: string;
+    inputType?: React.HTMLInputTypeAttribute;
     mask?: string;
     maskChar?: string;
-    type?: React.HTMLInputTypeAttribute;
 }
 export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Popover/index.d.ts

@@ -22,5 +22,6 @@ export interface PopoverProps {
     className?: string;
     fitMaxHeight?: boolean;
     disabled?: boolean;
+    zIndex?: number;
 }
 export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/__hooks/useCalendar.d.ts

@@ -1,4 +1,4 @@
-import { CalendarProps } from '../DatePicker/Calendar';
+import { CalendarProps } from '../Calendar/Calendar';
 export interface UseCalendarDependencies extends Pick<CalendarProps, 'minDateTime' | 'maxDateTime' | 'shouldDisableDate' | 'disableFuture' | 'disablePast'> {
     disablePast?: boolean;
     disableFuture?: boolean;

package/dist/__libs/calendar.d.ts

@@ -1,4 +1,4 @@
-import { CalendarProps } from '../DatePicker/Calendar';
+import { CalendarProps } from '../Calendar/Calendar';
 export declare function isSameDate(d1: Date, d2: Date): boolean;
 export declare const MONDAY = 1;
 export declare function startOfWeek(date: Date, { weekStartsOn }: {

package/dist/bundle.es10.js

@@ -4,16 +4,16 @@ import { mergeRefs as c } from "react-merge-refs";
 import { InputElement as x } from "./bundle.es43.js";
 import { InputContainer as I } from "./bundle.es44.js";
 import g from "classnames";
-const k = b(
+const N = b(
   ({
     onChange: m,
     onValueChange: f,
     readOnly: i,
     inputClassName: o,
-    value: n,
-    placeholder: p,
+    value: p,
+    placeholder: n,
     mask: d,
-    type: s = "text",
+    inputType: s = "text",
     maskChar: u,
     inputRef: a,
     ...e
@@ -28,8 +28,8 @@ const k = b(
         "aria-disabled": e.disabled,
         onChange: m,
         onValueChange: f,
-        value: n,
-        placeholder: p,
+        value: p,
+        placeholder: n,
         disabled: e.disabled,
         readOnly: i,
         maskChar: u,
@@ -39,5 +39,5 @@ const k = b(
   }
 );
 export {
-  k as Input
+  N as Input
 };

package/dist/bundle.es17.js

@@ -1,18 +1,19 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import d from "classnames";
 import * as r from "@radix-ui/react-dialog";
-import { VisuallyHidden as n } from "@radix-ui/react-visually-hidden";
+import { VisuallyHidden as i } from "@radix-ui/react-visually-hidden";
 import { varToStyle as c } from "@companix/utils-browser";
-const p = ({ open: i, onOpenChange: t, children: a, size: l, direction: s, className: m }) => /* @__PURE__ */ e(r.Root, { open: i, onOpenChange: t, children: /* @__PURE__ */ o(r.Portal, { children: [
+const p = ({ open: t, onOpenChange: l, children: a, size: s, direction: m, className: n }) => /* @__PURE__ */ e(r.Root, { open: t, onOpenChange: l, children: /* @__PURE__ */ o(r.Portal, { children: [
   /* @__PURE__ */ e(r.Overlay, { className: "drawer-overlay" }),
   /* @__PURE__ */ o(
     r.Content,
     {
-      style: c({ "--drawer-size": l ?? "50%" }),
-      className: d("drawer", m),
-      "data-direction": s,
+      style: c({ "--drawer-size": s ?? "50%" }),
+      className: d("drawer", n),
+      "data-direction": m,
       children: [
-        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(r.Title, {}) }),
+        /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r.Title, {}) }),
+        /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r.Description, {}) }),
         a
       ]
     }

package/dist/bundle.es25.js

@@ -1,10 +1,10 @@
 import { jsx as u } from "react/jsx-runtime";
-import { Popover as x } from "./bundle.es7.js";
-import { Input as A } from "./bundle.es10.js";
-import { useState as M, useRef as j } from "react";
+import { Popover as T } from "./bundle.es7.js";
+import { Input as w } from "./bundle.es10.js";
+import { useState as A, useRef as j } from "react";
 import { Calendar as E } from "./bundle.es51.js";
 import { useDayDisableCheker as N } from "./bundle.es52.js";
-import { getNum as f, formatTime as v } from "@companix/utils-js";
+import { getNum as h, formatTime as v } from "@companix/utils-js";
 import { removeDigits as O } from "./bundle.es53.js";
 import { SelectRightElements as Y } from "./bundle.es54.js";
 const i = {
@@ -19,7 +19,7 @@ const i = {
   toValue: (e) => {
     const n = e.split(i.char);
     if (n.length === 3) {
-      const [r, l, a] = [f(n[0]), f(n[1]), f(n[2])];
+      const [r, l, a] = [h(n[0]), h(n[1]), h(n[2])];
       if (r && l && a) {
         const o = new Date(a, l - 1, r);
         if (o.getFullYear() === a && o.getDate() === r && o.getMonth() === l - 1)
@@ -40,36 +40,36 @@ const i = {
     disablePickers: I,
     showNeighboringMonth: P,
     onChange: c,
-    shouldDisableDate: d,
+    shouldDisableDate: g,
     viewDate: S,
-    disablePast: g,
+    disablePast: d,
     disableFuture: D,
     minDateTime: C,
     maxDateTime: b,
     // input props
     ...V
-  } = e, [m, s] = M(() => i.toString(o ?? null)), p = j(null), k = N({
+  } = e, [m, s] = A(() => i.toString(o ?? null)), p = j(null), k = N({
     disableFuture: D,
-    disablePast: g,
-    shouldDisableDate: d,
+    disablePast: d,
+    shouldDisableDate: g,
     minDateTime: C,
     maxDateTime: b
   }), B = (t) => {
     a || p.current && p.current.getAttribute("data-state") === "open" && t.preventDefault();
   }, F = (t) => {
     t.stopPropagation(), s(""), c?.(null);
-  }, R = (t) => {
+  }, x = (t) => {
     s(t);
-    const h = i.toValue(t);
-    h && !k(h) && c?.(h);
-  }, T = () => {
+    const f = i.toValue(t);
+    f && !k(f) && c?.(f);
+  }, M = () => {
     const t = i.toValue(m);
     (!t || k(t)) && s(i.toString(o ?? null));
-  }, w = (t) => {
+  }, R = (t) => {
     c?.(t), s(i.toString(t));
   };
   return /* @__PURE__ */ u(
-    x,
+    T,
     {
       minimal: !0,
       ref: p,
@@ -77,31 +77,32 @@ const i = {
       onOpenAutoFocus: (t) => t.preventDefault(),
       onCloseAutoFocus: (t) => t.preventDefault(),
       disabled: a,
+      fitMaxHeight: !1,
       content: () => /* @__PURE__ */ u(
         E,
         {
           value: o,
-          disablePast: g,
+          disablePast: d,
           disableFuture: D,
           enableTime: y,
           disablePickers: I,
           showNeighboringMonth: P,
-          onChange: w,
-          shouldDisableDate: d,
+          onChange: R,
+          shouldDisableDate: g,
           viewDate: S,
           minDateTime: C,
           maxDateTime: b
         }
       ),
       children: /* @__PURE__ */ u(
-        A,
+        w,
         {
           ...V,
           value: m,
           disabled: a,
           onClick: B,
-          onValueChange: R,
-          onBlur: T,
+          onValueChange: x,
+          onBlur: M,
           mask: "99-99-9999",
           rightElement: /* @__PURE__ */ u(
             Y,

package/dist/bundle.es7.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-popover";
-import { attr as y } from "@companix/utils-browser";
-import B from "classnames";
-import { forwardRef as M, useRef as j } from "react";
-const D = M((a, i) => {
+import { attr as B } from "@companix/utils-browser";
+import M from "classnames";
+import { forwardRef as j, useRef as k } from "react";
+const D = j((a, i) => {
   const {
     children: n,
     sideOffset: s,
@@ -18,38 +18,40 @@ const D = M((a, i) => {
     content: u,
     onOpenChange: v,
     align: C,
-    disabled: w,
-    minimal: x,
+    disabled: x,
+    minimal: w,
     className: L,
     fitMaxHeight: N = !0,
-    side: O,
-    showArrows: A
-  } = a, e = j(null), P = () => {
+    zIndex: O = 100,
+    side: A,
+    showArrows: P
+  } = a, e = k(null), b = () => {
     e.current && e.current.click();
-  }, b = (R) => {
-    w && R.preventDefault();
+  }, y = (R) => {
+    x && R.preventDefault();
   };
   return /* @__PURE__ */ t(o.Root, { open: g, onOpenChange: v, children: [
-    /* @__PURE__ */ r(o.Trigger, { ref: p, ...h, onClick: b, asChild: !0, children: n }),
+    /* @__PURE__ */ r(o.Trigger, { ref: p, ...h, onClick: y, asChild: !0, children: n }),
     /* @__PURE__ */ r(o.Portal, { children: /* @__PURE__ */ t(
       o.Content,
       {
         ref: i,
-        className: B("popover", L),
-        side: O,
+        className: M("popover", L),
+        side: A,
         align: C,
-        "data-appearance": x ? "minimal" : "default",
+        "data-appearance": w ? "minimal" : "default",
         "data-match-target": l,
         sideOffset: s ?? 6,
         avoidCollisions: !0,
         arrowPadding: 10,
+        style: { zIndex: O },
         onAnimationStart: m,
         onAnimationEnd: c,
         onOpenAutoFocus: d,
         onCloseAutoFocus: f,
         children: [
           /* @__PURE__ */ r(o.Close, { ref: e, style: { display: "none" } }),
-          A && /* @__PURE__ */ r(o.Arrow, { width: 30, height: 11, asChild: !0, children: /* @__PURE__ */ r("div", { className: "popover-arrow", children: /* @__PURE__ */ t("svg", { className: "popover-arrow-icon", viewBox: "0 0 30 11", width: 30, height: 11, children: [
+          P && /* @__PURE__ */ r(o.Arrow, { width: 30, height: 11, asChild: !0, children: /* @__PURE__ */ r("div", { className: "popover-arrow", children: /* @__PURE__ */ t("svg", { className: "popover-arrow-icon", viewBox: "0 0 30 11", width: 30, height: 11, children: [
             /* @__PURE__ */ r(
               "path",
               {
@@ -69,7 +71,7 @@ const D = M((a, i) => {
               }
             )
           ] }) }) }),
-          /* @__PURE__ */ r("div", { className: "popover-content", "data-fit-max-height": y(N), children: u({ close: P }) })
+          /* @__PURE__ */ r("div", { className: "popover-content", "data-fit-max-height": B(N), children: u({ close: b }) })
         ]
       }
     ) })

package/dist/index.d.ts

@@ -63,7 +63,7 @@ export { createAlertAgent } from './DialogAlert';
 export { createToaster } from './Toaster';
 export { Toast } from './Toaster/Toast';
 export * from './types';
-export type { CalendarProps } from './DatePicker/Calendar';
+export type { CalendarProps } from './Calendar/Calendar';
 export { createDialogsRegistry, DialogShell } from './__helpers/createDialogRegistry';
 export { createPopoversRegistry } from './__helpers/createPopoversRegistry';
 export type { PopupProps } from './__helpers/createDialogRegistry';

package/dist/index.scss

@@ -17,8 +17,7 @@
 @use './Input/Input.scss';
 @use './Input/Form.scss';
 @use './DateInput/DateInput.scss';
-@use './DatePicker/DatePicker.scss';
-@use './DatePicker/Calendar.scss';
+@use './Calendar/Calendar.scss';
 @use './Switch/Switch.scss';
 @use './Spinner/Spinner.scss';
 @use './ButtonGroup/ButtonGroup.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",
   "type": "module",