prometeo-design-system 1.9.8 → 2.0.1

package/dist/prometeo-design-system.es.js

@@ -19,26 +19,27 @@ import { default as Bt } from "./Select.es.js";
 import { default as Lt } from "./SelectFormik.es.js";
 import { default as Ot } from "./Spinner.es.js";
 import { Steps as Et } from "./Steps.es.js";
-import { default as Dt } from "./SwipeContainer.es.js";
+import { default as qt } from "./SwipeContainer.es.js";
 import { Switch as Ht } from "./Switch.es.js";
-import { Table as Mt, TableBody as $t, TableCaption as Ft, TableCell as Ut, TableFooter as Vt, TableHead as Gt, TableHeader as Xt, TableRow as Zt } from "./Table.es.js";
-import { default as Kt } from "./TabLinks.es.js";
-import { default as Yt } from "./TextArea.es.js";
-import { default as ta } from "./Tooltip.es.js";
-import { Skeleton as ra } from "./Skeleton.es.js";
+import { default as Mt } from "./DatePicker.es.js";
+import { Table as Ft, TableBody as Ut, TableCaption as Vt, TableCell as Gt, TableFooter as Xt, TableHead as Zt, TableHeader as Jt, TableRow as Kt } from "./Table.es.js";
+import { default as Yt } from "./TabLinks.es.js";
+import { default as ta } from "./TextArea.es.js";
+import { default as ra } from "./Tooltip.es.js";
+import { Skeleton as na } from "./Skeleton.es.js";
 import { j as a } from "./jsx-runtime-ByW6EXIE.js";
 import { c as u } from "./cn-B6yFEsav.js";
 import _, { useState as k, useMemo as z, useEffect as B, useRef as N, useLayoutEffect as Y, createContext as ee, useContext as te, forwardRef as M, useCallback as ae } from "react";
 import { motion as g, AnimatePresence as $ } from "framer-motion";
 import { u as F } from "./LayoutGeneric-jDE96L2N.js";
-import { L as na, S as ia } from "./LayoutGeneric-jDE96L2N.js";
+import { L as sa, S as la } from "./LayoutGeneric-jDE96L2N.js";
 import { useGSAP as U } from "@gsap/react";
 import h from "gsap";
 import { Icons as R } from "./Icons.es.js";
-import { default as la } from "./OtpInput.es.js";
+import { default as ua } from "./OtpInput.es.js";
 import { useDropzone as re } from "react-dropzone";
-import { useIsMobile as ua } from "./useDevice.es.js";
-import { DropZone as fa } from "./DropZone.es.js";
+import { useIsMobile as fa } from "./useDevice.es.js";
+import { DropZone as pa } from "./DropZone.es.js";
 const We = (t) => {
   const [e, o] = k({}), { size: r = "medium", color: n = "default", options: i, value: s, name: d, onChange: l, icon: f, allowExpand: c = !1, disabled: x = !1 } = t, p = Math.max(i.findIndex((m) => m.value === s), 0), b = i.length, I = 9, W = 26, w = {
     small: 120,
@@ -48,7 +49,7 @@ const We = (t) => {
     small: 94,
     medium: 94,
     large: 94
-  }, q = 16, X = {
+  }, D = 16, X = {
     small: { container: "p-2" },
     medium: { container: "p-4 h-[48px] rounded-lg" },
     large: { container: "p-6" }
@@ -83,7 +84,7 @@ const We = (t) => {
       icon: "text-neutral-strong-disabled",
       option: "text-neutral-strong-disabled"
     }
-  }, D = i.find((m) => m.value === s) ?? i[0], L = D.label.length * I + q * 2 + W, A = () => z(() => Object.values(e).reduce((y, j) => y + j, 0) + W, [e]), O = {
+  }, q = i.find((m) => m.value === s) ?? i[0], L = q.label.length * I + D * 2 + W, A = () => z(() => Object.values(e).reduce((y, j) => y + j, 0) + W, [e]), O = {
     small: c ? A() : (b - 1) * v.small + w.small,
     medium: c ? A() : (b - 1) * v.medium + w.medium,
     large: c ? A() : (b - 1) * v.large + w.large
@@ -92,7 +93,7 @@ const We = (t) => {
     if (!c) return;
     let m = {};
     i.forEach((y, j) => {
-      m[j] = y.label.length * I + q * 2;
+      m[j] = y.label.length * I + D * 2;
     }), o(m);
   }, []);
   const Z = z(() => c ? Object.values(e).reduce((m, y, j) => j < p ? m + y : m, 0) : Math.max(p * v[r] - 2, 0), [p]), J = () => {
@@ -155,7 +156,7 @@ const We = (t) => {
                     " overflow-hidden overflow-ellipsis text-nowrap ",
                     C[S].switch
                   ),
-                  children: D.label
+                  children: q.label
                 }
               )
             ]
@@ -696,7 +697,7 @@ const We = (t) => {
       ),
       children: n.map(
         (l, f) => {
-          const c = l.name === d?.name, x = typeof l.thumbnail == "string" ? /* @__PURE__ */ a.jsx("img", { src: l.thumbnail, alt: l.label, className: "aspect-square object-contain" }) : l.thumbnail, p = () => {
+          const c = l.name === d?.name, x = typeof l.thumbnail == "string" ? /* @__PURE__ */ a.jsx("img", { src: l.thumbnail, alt: l.description, className: "aspect-square object-contain" }) : l.thumbnail, p = () => {
             l.disabled || (o(l.name), l.onClick && l.onClick(l.name));
           };
           return /* @__PURE__ */ a.jsx(
@@ -937,7 +938,7 @@ const he = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("d
     },
     n
   );
-}) }), qe = ({
+}) }), De = ({
   links: t,
   isLinkActive: e,
   onLinkClick: o
@@ -1029,7 +1030,7 @@ const he = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("d
     },
     n
   );
-}) }), De = ({
+}) }), qe = ({
   isActiveModalNotification: t,
   setIsActiveModalNotification: e
 }) => ({ handleNotificationClick: () => {
@@ -1108,23 +1109,24 @@ export {
   Ye as CheckBox,
   tt as CheckboxFormik,
   _e as CompanyLogo,
+  Mt as DatePicker,
   rt as DialogModal,
   it as DrawerDesktop,
   ct as DrawerMobile,
-  fa as DropZone,
+  pa as DropZone,
   ft as Header,
   R as Icons,
   pt as Input,
   ht as InputFormik,
   gt as InputMultiple,
-  na as LayoutGeneric,
+  sa as LayoutGeneric,
   yt as Logo,
   jt as Menu,
   Ee as NavBarActions,
   He as NavbarCollapseButton,
-  qe as NavbarLinks,
+  De as NavbarLinks,
   Pe as NavigationLink,
-  la as OtpInput,
+  ua as OtpInput,
   Ct as Pagination,
   kt as ProfilePictureUpload,
   Rt as ProgressBar,
@@ -1134,30 +1136,30 @@ export {
   Lt as SelectFormik,
   Oe as Sidebar,
   ce as SidebarProvider,
-  ia as SidebarRefProvider,
-  ra as Skeleton,
+  la as SidebarRefProvider,
+  na as Skeleton,
   Ot as Spinner,
   Et as Steps,
-  Dt as SwipeContainer,
+  qt as SwipeContainer,
   Ht as Switch,
-  Kt as TabLinks,
-  Mt as Table,
-  $t as TableBody,
-  Ft as TableCaption,
-  Ut as TableCell,
-  Vt as TableFooter,
-  Gt as TableHead,
-  Xt as TableHeader,
-  Zt as TableRow,
-  Yt as TextArea,
-  ta as Tooltip,
-  De as useActionsNavbar,
+  Yt as TabLinks,
+  Ft as Table,
+  Ut as TableBody,
+  Vt as TableCaption,
+  Gt as TableCell,
+  Xt as TableFooter,
+  Zt as TableHead,
+  Jt as TableHeader,
+  Kt as TableRow,
+  ta as TextArea,
+  ra as Tooltip,
+  qe as useActionsNavbar,
   $e as useClickOutside,
   ot as useDialogControl,
   st as useDrawerDesktop,
   ut as useDrawerMobile,
   Me as useFileDropzone,
-  ua as useIsMobile,
+  fa as useIsMobile,
   ze as useNavbarCollapse,
   Ae as useSidebar,
   F as useSidebarContext

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "1.9.8",
+  "version": "2.0.1",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",
@@ -145,6 +145,10 @@
       "types": "./dist/SegmentedButton.d.ts",
       "import": "./dist/SegmentedButton.es.js"
     },
+    "./DatePicker":{
+      "types": "./dist/DatePicker.d.ts",
+      "import": "./dist/DatePicker.es.js"
+    },
     "./styles": "./dist/prometeo-design-system.css",
     "./intellisense": "./src/styles/intellisense.css"
   },
@@ -186,6 +190,7 @@
     "shared-dependencies-tickets": "^1.0.11"
   },
   "devDependencies": {
+    "@biomejs/biome": "2.2.7",
     "@emotion/is-prop-valid": "^1.4.0",
     "@eslint/js": "^9.33.0",
     "@gsap/react": "^2.1.2",
@@ -212,6 +217,7 @@
     "input-otp": "^1.4.2",
     "lucide-react": "^0.400.0",
     "react": "^19.0.0",
+    "react-day-picker": "^9.11.1",
     "react-dom": "^19.0.0",
     "react-dropzone": "^14.3.8",
     "react-router": "^7.9.3",

package/src/styles/intellisense.css

@@ -150,6 +150,7 @@
 @utility border-primary-default-default { --intellisense-border-primary-default-default: 1; }
 @utility border-primary-default-hover { --intellisense-border-primary-default-hover: 1; }
 @utility border-primary-default-focused { --intellisense-border-primary-default-focused: 1; }
+@utility border-primary-default-pressed { --intellisense-border-primary-default-pressed: 1; }
 @utility border-primary-default-disabled { --intellisense-border-primary-default-disabled: 1; }
 @utility border-primary-light { --intellisense-border-primary-light: 1; }
 @utility border-primary-medium-default { --intellisense-border-primary-medium-default: 1; }