@clicoh/orion-library 1.0.6 → 1.0.8

package/assets/css/base.css

@@ -45,10 +45,12 @@
   --color-success-dark-1: #264936;
 
   --color-info-1: #e9f2ff;
+  --color-info-2: #DBEAFE;
   --color-info: #297eff;
   --color-info-dark: #5498ff;
   --color-info-dark-1: #233554;
   --color-info-dark-2: #DBEAFE;
+  --color-info-dark-3: #1E40AF;
 
   --color-teal-1: #e8fcfa;
   --color-teal: #25dec8;

package/dist/components/00-base/Show/Show.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Show.jsx","sourceRoot":"","sources":["../../../../src/components/00-base/Show/Show.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,OAAO,CAAC;AAe1D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAa;IAC1C,IAAI,IAAI,GAAc,SAAS,CAAC;IAChC,IAAI,SAAS,GAAc,SAAS,CAAC;IAErC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnC,MAAM,OAAO,GAAG,KAAqB,CAAC;QAEtC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC1B,SAAS,GAAG,OAAO,CAAC;QACtB,CAAC;aAAM,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;YAClD,IAAI,GAAG,OAAO,CAAC;QACjB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,IAAI,SAAS,CAAC;AAC3B,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAiB,EAAa,EAAE;IAC7D,OAAO,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AACvC,CAAC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAiB,EAAa,EAAE;IACrD,OAAO,QAAQ,IAAI,SAAS,CAAC;AAC/B,CAAC,CAAC"}
+{"version":3,"file":"Show.jsx","sourceRoot":"","sources":["../../../../src/components/00-base/Show/Show.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,OAAO,CAAC;AAe1D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAa;IAC1C,IAAI,IAAI,GAAc,SAAS,CAAC;IAChC,IAAI,SAAS,GAAc,SAAS,CAAC;IAErC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnC,MAAM,OAAO,GAAG,KAA2C,CAAC;QAE5D,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC1B,SAAS,GAAG,OAAO,CAAC;QACtB,CAAC;aAAM,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;YAClD,IAAI,GAAG,OAAO,CAAC;QACjB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,IAAI,SAAS,CAAC;AAC3B,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAiB,EAAa,EAAE;IAC7D,OAAO,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AACvC,CAAC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAiB,EAAa,EAAE;IACrD,OAAO,QAAQ,IAAI,SAAS,CAAC;AAC/B,CAAC,CAAC"}

package/dist/components/02-molecules/BellNotifications/BellNotification.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+import type { NotificationItem } from './NotificationPanel';
+export type BellNotificationProps = {
+    notifications: NotificationItem[];
+    isLoading: boolean;
+    total: number;
+    hasNew: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onLoadMore: () => void;
+};
+export declare function BellNotification({ notifications, isLoading, total, hasNew, onOpen, onClose, onLoadMore, }: Readonly<BellNotificationProps>): ReactNode;
+//# sourceMappingURL=BellNotification.d.ts.map

package/dist/components/02-molecules/BellNotifications/BellNotification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BellNotification.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/BellNotifications/BellNotification.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,MAAM,MAAM,qBAAqB,GAAG;IAClC,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,UAAU,GACX,EAAE,QAAQ,CAAC,qBAAqB,CAAC,GAAG,SAAS,CAuD7C"}

package/dist/components/02-molecules/BellNotifications/BellNotification.jsx

@@ -0,0 +1,28 @@
+'use client';
+import { useState } from 'react';
+import { NotificationPanel } from './NotificationPanel';
+export function BellNotification({ notifications, isLoading, total, hasNew, onOpen, onClose, onLoadMore, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const handleOpen = () => {
+        setIsOpen(true);
+        onOpen?.();
+    };
+    const handleClose = () => {
+        setIsOpen(false);
+        onClose?.();
+    };
+    return (<div className="relative justify-center">
+      <button onClick={handleOpen} className="relative cursor-pointer p-1" aria-label="Notificaciones">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6 6 0 10-12 0v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"/>
+        </svg>
+
+        <span className={`bg-error absolute -top-0.5 -right-0.5 flex h-4 w-4 items-center justify-center rounded-full text-[9px] font-bold text-white transition-opacity duration-300 ${hasNew ? 'opacity-100' : 'opacity-0'}`}>
+          !
+        </span>
+      </button>
+
+      <NotificationPanel isOpen={isOpen} onClose={handleClose} notifications={notifications} isLoading={isLoading} total={total} onLoadMore={onLoadMore}/>
+    </div>);
+}
+//# sourceMappingURL=BellNotification.jsx.map

package/dist/components/02-molecules/BellNotifications/BellNotification.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"BellNotification.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/BellNotifications/BellNotification.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAYxD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,aAAa,EACb,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,UAAU,GACsB;IAChC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,MAAM,EAAE,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;MAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,UAAU,CAAC,CACpB,SAAS,CAAC,6BAA6B,CACvC,UAAU,CAAC,gBAAgB,CAE3B;QAAA,CAAC,GAAG,CACF,KAAK,CAAC,4BAA4B,CAClC,KAAK,CAAC,IAAI,CACV,MAAM,CAAC,IAAI,CACX,IAAI,CAAC,MAAM,CACX,OAAO,CAAC,WAAW,CACnB,MAAM,CAAC,cAAc,CAErB;UAAA,CAAC,IAAI,CACH,aAAa,CAAC,OAAO,CACrB,cAAc,CAAC,OAAO,CACtB,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,CAAC,CAAC,wIAAwI,EAE9I;QAAA,EAAE,GAAG,CAEL;;QAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,+JACT,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAC3B,EAAE,CAAC,CAEH;;QACF,EAAE,IAAI,CACR;MAAA,EAAE,MAAM,CAER;;MAAA,CAAC,iBAAiB,CAChB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,EAE3B;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/02-molecules/BellNotifications/NotificationPanel.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+export type NotificationActionType = 'download' | 'action' | 'link';
+export type NotificationAction = {
+    type: NotificationActionType;
+    handler: () => void;
+};
+export type NotificationItem = {
+    id: string;
+    title: string;
+    message?: string;
+    createdAt: string;
+    readAt?: string;
+    action: NotificationAction;
+};
+type NotificationPanelProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    notifications: NotificationItem[];
+    isLoading: boolean;
+    total: number;
+    onLoadMore: () => void;
+};
+export declare function NotificationPanel({ isOpen, onClose, notifications, isLoading, total, onLoadMore, }: Readonly<NotificationPanelProps>): ReactNode;
+export {};
+//# sourceMappingURL=NotificationPanel.d.ts.map

package/dist/components/02-molecules/BellNotifications/NotificationPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/BellNotifications/NotificationPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,sBAAsB,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAsBF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,EACP,aAAa,EACb,SAAS,EACT,KAAK,EACL,UAAU,GACX,EAAE,QAAQ,CAAC,sBAAsB,CAAC,GAAG,SAAS,CAkH9C"}

package/dist/components/02-molecules/BellNotifications/NotificationPanel.jsx

@@ -0,0 +1,110 @@
+'use client';
+import clsx from 'clsx';
+import { MdOutlineWatchLater } from 'react-icons/md';
+import { RiDownloadLine, RiMessageLine } from 'react-icons/ri';
+import { Each, Show } from '../../00-base';
+import { Paragraph, Spinner } from '../../01-atoms';
+const iconStyleMap = {
+    download: 'bg-error/20 text-error mt-0.5 shrink-0 rounded p-1',
+    action: 'bg-warning/20 text-warning mt-0.5 shrink-0 rounded p-1',
+    link: 'bg-success/20 text-success mt-0.5 shrink-0 rounded p-1',
+};
+function NotificationIcon({ type }) {
+    const className = iconStyleMap[type];
+    if (type === 'download')
+        return <RiDownloadLine size={26} className={className}/>;
+    if (type === 'action')
+        return <MdOutlineWatchLater size={26} className={className}/>;
+    return <RiMessageLine size={26} className={className}/>;
+}
+function formatDate(dateStr) {
+    const date = new Date(dateStr);
+    const today = new Date();
+    if (date.toDateString() === today.toDateString())
+        return 'Hoy';
+    return `${String(date.getDate()).padStart(2, '0')}/${String(date.getMonth() + 1).padStart(2, '0')}`;
+}
+export function NotificationPanel({ isOpen, onClose, notifications, isLoading, total, onLoadMore, }) {
+    if (!isOpen)
+        return null;
+    return (<>
+      <div className="fixed inset-0 z-40" onClick={onClose}/>
+
+      <div className="absolute top-full right-0 z-50 mt-2 flex max-h-[50vh] w-110 flex-col overflow-hidden rounded-xl bg-white shadow-[0px_0px_17px_-4px]">
+        <div className="flex shrink-0 items-center justify-between border-b border-gray-4 p-4">
+          <Paragraph size="subtitle-1">Mensajes</Paragraph>
+          <button onClick={onClose} aria-label="Cerrar" className="cursor-pointer text-gray-2 w-7 hover:text-gray-1 hover:bg-gray-3/50 rounded-4xl p-1">
+            ✕
+          </button>
+        </div>
+
+        <div className="flex-1 overflow-y-auto">
+          <Show>
+            <Show.When isTrue={isLoading}>
+              <div className="flex justify-center p-4">
+                <Spinner />
+              </div>
+            </Show.When>
+            <Show.Else>
+              <Show>
+                <Show.When isTrue={notifications.length === 0}>
+                  <div className="p-4 text-center">
+                    <Paragraph size="body-2" className="text-gray-1">
+                      No tienes mensajes
+                    </Paragraph>
+                  </div>
+                </Show.When>
+                <Show.Else>
+                  <Each of={notifications} render={(notification, i) => (<div key={notification.id} onClick={notification.action.type !== 'download'
+                ? notification.action.handler
+                : undefined} className={clsx('mx-2 my-1 flex cursor-pointer items-center gap-2 rounded-lg p-2', i % 2 === 0 && 'bg-gray-6/80', 'hover:bg-gray-5')}>
+                        <div className="flex w-full items-start gap-2 rounded-lg p-2">
+                          <span className={clsx('relative h-2 w-2 shrink-0 transition-opacity duration-300', notification.readAt ? 'opacity-0' : 'opacity-100')}>
+                            <span className="bg-info absolute mt-2 inline-flex h-full w-full animate-ping rounded-full opacity-75"/>
+                            <span className="bg-info/50 relative inline-flex h-2 w-2 rounded-full"/>
+                          </span>
+
+                          <NotificationIcon type={notification.action.type}/>
+
+                          <div className="min-w-0 flex-1">
+                            <div className="flex items-start justify-between gap-2">
+                              <Paragraph size="subtitle-2" className="text-black capitalize">
+                                {notification.title}
+                              </Paragraph>
+                              <Paragraph size="body-2" className="shrink-0 text-gray-2">
+                                {formatDate(notification.createdAt)}
+                              </Paragraph>
+                            </div>
+
+                            <Show.When isTrue={!!notification.message}>
+                              <Paragraph size="body-2" className="text-gray-1">
+                                {notification.message}
+                              </Paragraph>
+                            </Show.When>
+
+                            <Show.When isTrue={notification.action.type === 'download'}>
+                              <button onClick={notification.action.handler} className="text-info mt-1 flex cursor-pointer items-center gap-1 text-xs underline">
+                                <RiDownloadLine size={14}/>
+                                Descargar reporte
+                              </button>
+                            </Show.When>
+                          </div>
+                        </div>
+                      </div>)}/>
+                </Show.Else>
+              </Show>
+            </Show.Else>
+          </Show>
+        </div>
+
+        <Show.When isTrue={total > notifications.length}>
+          <div className="shrink-0 border-t border-gray-4 p-3 text-center">
+            <button onClick={onLoadMore} className="text-info cursor-pointer text-sm font-bold">
+              Ver más ({total - notifications.length} restantes)
+            </button>
+          </div>
+        </Show.When>
+      </div>
+    </>);
+}
+//# sourceMappingURL=NotificationPanel.jsx.map

package/dist/components/02-molecules/BellNotifications/NotificationPanel.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationPanel.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/BellNotifications/NotificationPanel.tsx"],"names":[],"mappings":"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"}

package/dist/components/02-molecules/BellNotifications/index.d.ts

@@ -0,0 +1,4 @@
+export { BellNotification } from './BellNotification';
+export { NotificationPanel } from './NotificationPanel';
+export type { NotificationAction, NotificationActionType, NotificationItem } from './NotificationPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/02-molecules/BellNotifications/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/BellNotifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/02-molecules/BellNotifications/index.js

@@ -0,0 +1,3 @@
+export { BellNotification } from './BellNotification';
+export { NotificationPanel } from './NotificationPanel';
+//# sourceMappingURL=index.js.map

package/dist/components/02-molecules/BellNotifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/02-molecules/BellNotifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/02-molecules/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,eAAe,EACf,GAAG,SAAS,EACb,EAAE,aAAa,GAAG,SAAS,CAuG3B"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,eAAe,EACf,GAAG,SAAS,EACb,EAAE,aAAa,GAAG,SAAS,CAwG3B"}

package/dist/components/02-molecules/Dropdown/Dropdown.jsx

@@ -65,7 +65,8 @@ export function Dropdown({ actions, children, activeClassName, ...restProps }) {
     // Función para pasar props al children
     const renderChildren = () => {
         if (React.isValidElement(children)) {
-            const existingClassName = children.props.className || '';
+            const childProps = children.props;
+            const existingClassName = childProps.className || '';
             const newClassName = clsx(existingClassName, toggle && activeClassName);
             return React.cloneElement(children, {
                 'aria-expanded': toggle,

package/dist/components/02-molecules/Dropdown/Dropdown.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAerC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,eAAe,EACf,GAAG,SAAS,EACE;IACd,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;IAClE,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC;IAEhE,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC/C,IACE,YAAY,CAAC,OAAO;YACpB,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACpD,CAAC;YACD,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,WAAW,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACvD,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAC7D,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACjE,MAAM,eAAe,GACnB,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC;YAC7D,MAAM,UAAU,GAAG,eAAe,CAAC,qBAAqB,EAAE,CAAC;YAE3D,IAAI,UAAU,EAAE,CAAC;gBACf,IAAI,IAAI,CAAC;gBACT,IAAI,GAAG,CAAC;gBACR,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,GAAG,EAAE,CAAC;gBAEzD,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC;oBAC7B,IAAI,GAAG,QAAQ,UAAU,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,KAAK,CAAC;oBAC1D,GAAG,GAAG,QAAQ,UAAU,CAAC,MAAM,cAAc,CAAC;gBAChD,CAAC;qBAAM,CAAC;oBACN,IAAI,GAAG,QAAQ,UAAU,CAAC,KAAK,cAAc,CAAC;oBAC9C,GAAG,GAAG,QAAQ,UAAU,CAAC,GAAG,KAAK,CAAC;gBACpC,CAAC;gBAED,WAAW,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAE3D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,uCAAuC;IACvC,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnC,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAgC,CAAC;YAC7D,MAAM,iBAAiB,GAAI,UAAU,CAAC,SAAoB,IAAI,EAAE,CAAC;YACjE,MAAM,YAAY,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,IAAI,eAAe,CAAC,CAAC;YAExE,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;gBAClC,eAAe,EAAE,MAAM;gBACvB,eAAe,EAAE,IAAI;gBACrB,SAAS,EAAE,YAAY;aACjB,CAAC,CAAC;QACZ,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,uBAAuB,CACvD;MAAA,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CACzC;QAAA,CAAC,cAAc,EAAE,CACnB;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,CAAC,CAAC,MAAM,IAAI,CACX,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,WAAW,CAAC,CACjB,KAAK,CAAC,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC,CACvB,SAAS,CAAC,CAAC,IAAI,CACb,6HAA6H,EAC7H,SAAS,CAAC,SAAS,CACpB,CAAC,CAEF;UAAA,CAAC,EAAE,CAAC,SAAS,CAAC,wBAAwB,CACpC;YAAA,CAAC,IAAI,CACH,EAAE,CAAC,CAAC,OAAO,CAAC,CACZ,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC5C,CAAC,EAAE,CACD,GAAG,CAAC,CAAC,IAAI,CAAC,CACV,SAAS,CAAC,CAAC,4FAA4F,QAAQ,CAAC,CAAC,CAAC,oDAAoD,CAAC,CAAC,CAAC,0FAA0F,EAAE,CAAC,CACtQ,OAAO,CAAC,CAAC,GAAG,EAAE;oBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;oBACjB,MAAM,EAAE,CAAC;gBACX,CAAC,CAAC,CAEF;kBAAA,CAAC,IAAI,CACL;kBAAA,CAAC,IAAI,CACP;gBAAA,EAAE,EAAE,CAAC,CACN,CAAC,EAEN;UAAA,EAAE,EAAE,CACN;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/02-molecules/TimePicker/TimePicker.d.ts

@@ -0,0 +1,30 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+type TimePickerProps = {
+    value?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    onTimeChange?: (time: string) => void;
+} & HTMLAttributes<HTMLDivElement>;
+/**
+ * TimePicker component that allows selecting only hour and half-hour slots.
+ *
+ * @component
+ * @example
+ * // Example usage of TimePicker component
+ * <TimePicker
+ *   defaultValue="08:30 AM"
+ *   onTimeChange={(time) => console.log(time)}
+ * />
+ *
+ * @param {TimePickerProps} props - The properties of the TimePicker component.
+ * @param {string} [props.value] - Controlled time value in `hh:mm AM/PM` format.
+ * @param {string} [props.defaultValue] - Initial uncontrolled value in `hh:mm AM/PM` format.
+ * @param {boolean} [props.disabled=false] - Whether the control is disabled.
+ * @param {(time: string) => void} [props.onTimeChange] - Callback fired when the selected time changes.
+ * @param {HTMLAttributes<HTMLDivElement>} [props.restProps] - Additional HTML attributes for the wrapper.
+ *
+ * @returns {ReactNode} The rendered TimePicker component.
+ */
+export declare function TimePicker({ value, defaultValue, disabled, onTimeChange, ...restProps }: TimePickerProps): ReactNode;
+export {};
+//# sourceMappingURL=TimePicker.d.ts.map

package/dist/components/02-molecules/TimePicker/TimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAUf,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AASnC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,SAAS,CAyE7B"}

package/dist/components/02-molecules/TimePicker/TimePicker.jsx

@@ -0,0 +1,91 @@
+'use client';
+import clsx from 'clsx';
+import { useEffect, useState, } from 'react';
+import { MdKeyboardArrowDown, MdKeyboardArrowUp } from 'react-icons/md';
+import { formatTime, padTimeValue, parseTime, } from '../../../utils/time';
+const hoursLimit = {
+    min: 1,
+    max: 12,
+};
+const minuteValues = [0, 30];
+/**
+ * TimePicker component that allows selecting only hour and half-hour slots.
+ *
+ * @component
+ * @example
+ * // Example usage of TimePicker component
+ * <TimePicker
+ *   defaultValue="08:30 AM"
+ *   onTimeChange={(time) => console.log(time)}
+ * />
+ *
+ * @param {TimePickerProps} props - The properties of the TimePicker component.
+ * @param {string} [props.value] - Controlled time value in `hh:mm AM/PM` format.
+ * @param {string} [props.defaultValue] - Initial uncontrolled value in `hh:mm AM/PM` format.
+ * @param {boolean} [props.disabled=false] - Whether the control is disabled.
+ * @param {(time: string) => void} [props.onTimeChange] - Callback fired when the selected time changes.
+ * @param {HTMLAttributes<HTMLDivElement>} [props.restProps] - Additional HTML attributes for the wrapper.
+ *
+ * @returns {ReactNode} The rendered TimePicker component.
+ */
+export function TimePicker({ value, defaultValue, disabled = false, onTimeChange, ...restProps }) {
+    const [time, setTime] = useState(() => parseTime(value || defaultValue));
+    useEffect(() => {
+        if (!value)
+            return;
+        setTime(parseTime(value));
+    }, [value]);
+    const updateTime = (nextState) => {
+        setTime(nextState);
+        onTimeChange?.(formatTime(nextState));
+    };
+    const updateHour = (step) => {
+        const nextHour = time.hour + step;
+        if (nextHour > hoursLimit.max) {
+            return updateTime({ ...time, hour: hoursLimit.min });
+        }
+        if (nextHour < hoursLimit.min) {
+            return updateTime({ ...time, hour: hoursLimit.max });
+        }
+        return updateTime({ ...time, hour: nextHour });
+    };
+    const updateMinute = (step) => {
+        const currentIndex = minuteValues.indexOf(time.minute);
+        const nextIndex = (currentIndex + step + minuteValues.length) % minuteValues.length;
+        return updateTime({ ...time, minute: minuteValues[nextIndex] });
+    };
+    return (<div {...restProps} className={clsx('border-info bg-info-2 inline-flex items-center justify-center rounded-xl border px-5 py-3', disabled && 'border-gray-3', restProps.className)}>
+      <TimeValue value={padTimeValue(time.hour)} disabled={disabled} onIncrement={() => updateHour(1)} onDecrement={() => updateHour(-1)}/>
+      <span className="text-info-dark-3 px-2 text-4xl leading-none font-bold">
+        :
+      </span>
+      <TimeValue value={padTimeValue(time.minute)} disabled={disabled} onIncrement={() => updateMinute(1)} onDecrement={() => updateMinute(-1)}/>
+      <div className="ml-2 flex flex-col gap-y-1 overflow-hidden">
+        <PeriodButton period="AM" currentPeriod={time.period} disabled={disabled} onClick={() => updateTime({ ...time, period: 'AM' })}/>
+        <PeriodButton period="PM" currentPeriod={time.period} disabled={disabled} onClick={() => updateTime({ ...time, period: 'PM' })}/>
+      </div>
+    </div>);
+}
+function TimeValue({ value, disabled, onIncrement, onDecrement, }) {
+    return (<div className="inline-flex items-center">
+      <span className={clsx('text-info-dark-3 text-5xl leading-none font-bold tabular-nums', disabled && 'text-gray-3')}>
+        {value}
+      </span>
+      <div className="ml-1 inline-flex flex-col">
+        <button type="button" aria-label={`Increment ${value}`} onClick={onIncrement} disabled={disabled} className={clsx('inline-flex cursor-pointer items-center justify-center leading-none', 'not-disabled:hover:text-info-dark-3', 'disabled:text-gray-3 disabled:cursor-not-allowed')}>
+          <MdKeyboardArrowUp size={24}/>
+        </button>
+        <button type="button" aria-label={`Decrement ${value}`} onClick={onDecrement} disabled={disabled} className={clsx('text-dark inline-flex cursor-pointer items-center justify-center text-sm leading-none transition-colors', 'not-disabled:hover:text-info-dark-3', 'disabled:text-gray-3 disabled:cursor-not-allowed')}>
+          <MdKeyboardArrowDown size={24}/>
+        </button>
+      </div>
+    </div>);
+}
+function PeriodButton({ period, currentPeriod, disabled, onClick, }) {
+    return (<button type="button" onClick={onClick} disabled={disabled} className={clsx('flex h-6 w-8 items-center justify-center rounded-md text-xs font-semibold transition-colors', period === currentPeriod
+            ? 'bg-info text-white'
+            : 'text-gray-1 not-disabled:hover:bg-gray-6 bg-white', disabled && 'text-gray-3 cursor-not-allowed')}>
+      {period}
+    </button>);
+}
+//# sourceMappingURL=TimePicker.jsx.map

package/dist/components/02-molecules/TimePicker/TimePicker.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/02-molecules/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TimePicker';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/02-molecules/TimePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/TimePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/02-molecules/TimePicker/index.js

@@ -0,0 +1,2 @@
+export * from './TimePicker';
+//# sourceMappingURL=index.js.map

package/dist/components/02-molecules/TimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/02-molecules/TimePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/02-molecules/index.d.ts

@@ -11,4 +11,6 @@ export * from './Tab';
 export * from './Avatar';
 export * from './ButtonGroup';
 export * from './Accordion';
+export * from './TimePicker';
+export * from './BellNotifications';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/02-molecules/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/dist/components/02-molecules/index.js

@@ -11,4 +11,6 @@ export * from './Tab';
 export * from './Avatar';
 export * from './ButtonGroup';
 export * from './Accordion';
+export * from './TimePicker';
+export * from './BellNotifications';
 //# sourceMappingURL=index.js.map

package/dist/components/02-molecules/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/dist/components/03-organisms/Header/Header.d.ts

@@ -1,11 +1,13 @@
 import { ComponentProps, ReactNode } from 'react';
 import { Menu } from '../../02-molecules';
 import { AvatarProps } from '../../02-molecules/Avatar/Avatar';
+import { BellNotificationProps } from '../../02-molecules/BellNotifications/BellNotification';
 export type HeaderProps = {
     homeHref?: string;
     primaryMenu?: ComponentProps<typeof Menu>['menu'];
     secondMenu?: ComponentProps<typeof Menu>['menu'];
     avatar?: Omit<AvatarProps, 'className' | 'position'>;
+    bellNotifications?: Omit<BellNotificationProps, 'className' | 'position'>;
 };
 /**
  * Header component for rendering the header section of the application.
@@ -25,8 +27,9 @@ export type HeaderProps = {
  * @param {ComponentProps<typeof Menu>['menu']} [props.primaryMenu] - The primary menu configuration.
  * @param {ComponentProps<typeof Menu>['menu']} [props.secondMenu] - The secondary menu configuration.
  * @param {Omit<AvatarProps, 'className' | 'position'>} [props.avatar] - The avatar properties.
+ * @param {}
  *
  * @returns {ReactNode} The rendered Header component.
  */
-export declare function Header({ homeHref, primaryMenu, secondMenu, avatar, }: HeaderProps): ReactNode;
+export declare function Header({ homeHref, primaryMenu, secondMenu, avatar, bellNotifications, }: HeaderProps): ReactNode;
 //# sourceMappingURL=Header.d.ts.map

package/dist/components/03-organisms/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAqB,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAG/D,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;CACtD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAc,EACd,WAAW,EACX,UAAU,EACV,MAAM,GACP,EAAE,WAAW,GAAG,SAAS,CAsBzB"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAqB,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAAoB,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAEhH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;CAC3E,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAc,EACd,WAAW,EACX,UAAU,EACV,MAAM,EACN,iBAAiB,GAClB,EAAE,WAAW,GAAG,SAAS,CAyBzB"}

package/dist/components/03-organisms/Header/Header.jsx

@@ -2,6 +2,7 @@ import Link from 'next/link';
 import { Logo } from '../../01-atoms';
 import { Avatar, Container, Menu } from '../../02-molecules';
 import { SecondMenu } from './SecondMenu';
+import { BellNotification } from '../../02-molecules/BellNotifications/BellNotification';
 /**
  * Header component for rendering the header section of the application.
  *
@@ -20,10 +21,11 @@ import { SecondMenu } from './SecondMenu';
  * @param {ComponentProps<typeof Menu>['menu']} [props.primaryMenu] - The primary menu configuration.
  * @param {ComponentProps<typeof Menu>['menu']} [props.secondMenu] - The secondary menu configuration.
  * @param {Omit<AvatarProps, 'className' | 'position'>} [props.avatar] - The avatar properties.
+ * @param {}
  *
  * @returns {ReactNode} The rendered Header component.
  */
-export function Header({ homeHref = '/', primaryMenu, secondMenu, avatar, }) {
+export function Header({ homeHref = '/', primaryMenu, secondMenu, avatar, bellNotifications, }) {
     return (<Container as="header" className="relative flex flex-row justify-between py-2">
       <div className="flex items-center gap-4">
         <div>
@@ -36,7 +38,10 @@ export function Header({ homeHref = '/', primaryMenu, secondMenu, avatar, }) {
             <Menu menu={primaryMenu} orientation="horizontal"/>
           </div>)}
       </div>
-      {!!avatar && <Avatar {...avatar} position="right"/>}
+      <div className="flex items-center gap-3">
+        {!!bellNotifications && <BellNotification {...bellNotifications}/>}
+        {!!avatar && <Avatar {...avatar} position="right"/>}
+      </div>
     </Container>);
 }
 //# sourceMappingURL=Header.jsx.map

package/dist/components/03-organisms/Header/Header.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Header.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,GAAG,GAAG,EACd,WAAW,EACX,UAAU,EACV,MAAM,GACM;IACZ,OAAO,CACL,CAAC,SAAS,CACR,EAAE,CAAC,QAAQ,CACX,SAAS,CAAC,6CAA6C,CAEvD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CACnB;YAAA,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EACjB;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAG,CACjD;QAAA,CAAC,CAAC,CAAC,WAAW,IAAI,CAChB,CAAC,GAAG,CACF;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,YAAY,EACnD;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAG,CACtD;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Header.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAyB,MAAM,uDAAuD,CAAC;AAUhH;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,GAAG,GAAG,EACd,WAAW,EACX,UAAU,EACV,MAAM,EACN,iBAAiB,GACL;IACZ,OAAO,CACL,CAAC,SAAS,CACR,EAAE,CAAC,QAAQ,CACX,SAAS,CAAC,6CAA6C,CAEvD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CACnB;YAAA,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EACjB;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAG,CACjD;QAAA,CAAC,CAAC,CAAC,WAAW,IAAI,CAChB,CAAC,GAAG,CACF;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,YAAY,EACnD;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,CAAC,CAAC,iBAAiB,IAAI,CAAC,gBAAgB,CAAC,IAAI,iBAAiB,CAAC,EAAG,CACnE;QAAA,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAG,CACtD;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC"}

package/dist/utils/time.d.ts

@@ -0,0 +1,10 @@
+export type TimePickerPeriod = 'AM' | 'PM';
+export type TimePickerState = {
+    hour: number;
+    minute: 0 | 30;
+    period: TimePickerPeriod;
+};
+export declare function parseTime(value?: string): TimePickerState;
+export declare function formatTime(time: TimePickerState): string;
+export declare function padTimeValue(value: number): string;
+//# sourceMappingURL=time.d.ts.map

package/dist/utils/time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/utils/time.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC;IACf,MAAM,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAQF,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,eAAe,CAazD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAExD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD"}

package/dist/utils/time.js

@@ -0,0 +1,25 @@
+const defaultTime = {
+    hour: 8,
+    minute: 30,
+    period: 'AM',
+};
+export function parseTime(value) {
+    if (!value)
+        return defaultTime;
+    const matches = value.trim().match(/^([0]?[1-9]|1[0-2]):(00|30)\s?(AM|PM)$/i);
+    if (!matches)
+        return defaultTime;
+    const [, hour, minute, period] = matches;
+    return {
+        hour: Number(hour),
+        minute: Number(minute),
+        period: period.toUpperCase(),
+    };
+}
+export function formatTime(time) {
+    return `${padTimeValue(time.hour)}:${padTimeValue(time.minute)} ${time.period}`;
+}
+export function padTimeValue(value) {
+    return value.toString().padStart(2, '0');
+}
+//# sourceMappingURL=time.js.map

package/dist/utils/time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/utils/time.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,GAAoB;IACnC,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,IAAI;CACb,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,KAAc;IACtC,IAAI,CAAC,KAAK;QAAE,OAAO,WAAW,CAAC;IAE/B,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,yCAAyC,CAAC,CAAC;IAE9E,IAAI,CAAC,OAAO;QAAE,OAAO,WAAW,CAAC;IAEjC,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC;IACzC,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC,MAAM,CAA8B;QACnD,MAAM,EAAE,MAAM,CAAC,WAAW,EAAsB;KACjD,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAqB;IAC9C,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;AAClF,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAa;IACxC,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AAC3C,CAAC"}

package/package.json

@@ -1,47 +1,32 @@
 {
   "name": "@clicoh/orion-library",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "main": "index.js",
-  "scripts": {
-    "build": "tsc --project tsconfig.components.json",
-    "format": "prettier --write src",
-    "storybook": "storybook dev -p 6006 --ci",
-    "build-storybook": "storybook build",
-    "next:dev": "next dev",
-    "next:build": "next build",
-    "next:start": "next start",
-    "next:lint": "next lint",
-    "deploy:local": "npm run build && cp -r dist index.js index.d.ts package.json assets tailwind.config.ts ../atlas/node_modules/@clicoh/orion-library/"
-  },
   "dependencies": {
     "@floating-ui/react": "0.26.19",
     "clsx": "2.1.1",
-    "next": "14.0.4",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "next": "16.2.6",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
     "react-icons": "5.2.1",
     "react-toastify": "10.0.5",
-    "swr": "2.2.5",
+    "swr": "2.4.1",
     "zustand": "4.5.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "7.6.20",
-    "@storybook/addon-essentials": "7.6.20",
-    "@storybook/addon-interactions": "7.6.20",
-    "@storybook/addon-links": "7.6.20",
-    "@storybook/addon-onboarding": "1.0.11",
-    "@storybook/blocks": "7.6.20",
-    "@storybook/nextjs": "7.6.20",
-    "@storybook/react": "7.6.20",
-    "@storybook/test": "7.6.20",
+    "@storybook/addon-a11y": "10.4.0",
+    "@storybook/addon-links": "10.4.0",
+    "@storybook/addon-onboarding": "10.4.0",
+    "@storybook/nextjs": "10.4.0",
+    "@storybook/react": "10.4.0",
     "@tailwindcss/postcss": "4.1.18",
     "@types/copyfiles": "2",
     "@types/node": "20",
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.1",
+    "@types/react": "19.2.6",
+    "@types/react-dom": "19.2.3",
     "@types/tailwindcss": "3.1.0",
     "eslint": "8",
-    "eslint-config-next": "14.0.4",
+    "eslint-config-next": "16.2.6",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-storybook": "0.6.15",
@@ -50,7 +35,7 @@
     "postcss": "8",
     "prettier": "3.3.2",
     "prettier-plugin-tailwindcss": "0.7.2",
-    "storybook": "7.6.20",
+    "storybook": "10.4.0",
     "tailwindcss": "4.1.18",
     "typescript": "5.5.4"
   },
@@ -72,5 +57,17 @@
   "description": "UI component library for react.js and next.js from the Clicoh company",
   "keywords": [],
   "author": "",
-  "license": "ISC"
-}
+  "license": "ISC",
+  "scripts": {
+    "build": "tsc --project tsconfig.components.json",
+    "format": "prettier --write src",
+    "storybook": "storybook dev -p 6006 --ci",
+    "build-storybook": "storybook build",
+    "next:dev": "next dev",
+    "next:build": "next build",
+    "next:start": "next start",
+    "next:lint": "next lint",
+    "preinstall": "npx only-allow pnpm",
+    "deploy:local": "npm run build && cp -r dist index.js index.d.ts package.json assets tailwind.config.ts ../atlas/node_modules/@clicoh/orion-library/"
+  }
+}

package/tailwind.config.ts

@@ -55,9 +55,11 @@ const config: Config = {
       info: {
         DEFAULT: '#297EFF',
         1: '#E9F2FF',
+        2: '#F0F9FF',
         dark: '#5498FF',
         'dark-1': '#233554',
         'dark-2': '#DBEAFE',
+        'dark-3': '#1E40AF',
       },
       teal: {
         DEFAULT: '#25DEC8',