@clicoh/orion-library 1.0.6 → 1.0.7

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/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":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAGL,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EACL,UAAU,EACV,YAAY,EACZ,SAAS,GAGV,MAAM,qBAAqB,CAAC;AAS7B,MAAM,UAAU,GAAG;IACjB,GAAG,EAAE,CAAC;IACN,GAAG,EAAE,EAAE;CACR,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,GAAG,SAAS,EACI;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAkB,GAAG,EAAE,CACrD,SAAS,CAAC,KAAK,IAAI,YAAY,CAAC,CACjC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,UAAU,GAAG,CAAC,SAA0B,EAAE,EAAE;QAChD,OAAO,CAAC,SAAS,CAAC,CAAC;QACnB,YAAY,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAClC,IAAI,QAAQ,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC;YAC9B,OAAO,UAAU,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;QACvD,CAAC;QACD,IAAI,QAAQ,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC;YAC9B,OAAO,UAAU,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;QACvD,CAAC;QACD,OAAO,UAAU,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE;QACpC,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACvD,MAAM,SAAS,GACb,CAAC,YAAY,GAAG,IAAI,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC;QACpE,OAAO,UAAU,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CACF,IAAI,SAAS,CAAC,CACd,SAAS,CAAC,CAAC,IAAI,CACb,2FAA2F,EAC3F,QAAQ,IAAI,eAAe,EAC3B,SAAS,CAAC,SAAS,CACpB,CAAC,CAEF;MAAA,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAC/B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,WAAW,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CACjC,WAAW,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,EAEpC;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,uDAAuD,CACrE;;MACF,EAAE,IAAI,CACN;MAAA,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CACjC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,WAAW,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CACnC,WAAW,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,EAEtC;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,4CAA4C,CACzD;QAAA,CAAC,YAAY,CACX,MAAM,CAAC,IAAI,CACX,aAAa,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,EAEvD;QAAA,CAAC,YAAY,CACX,MAAM,CAAC,IAAI,CACX,aAAa,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,EAEzD;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AASD,SAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,GACI;IACf,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,0BAA0B,CACvC;MAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,IAAI,CACb,+DAA+D,EAC/D,QAAQ,IAAI,aAAa,CAC1B,CAAC,CAEF;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,2BAA2B,CACxC;QAAA,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,UAAU,CAAC,CAAC,aAAa,KAAK,EAAE,CAAC,CACjC,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,IAAI,CACb,qEAAqE,EACrE,qCAAqC,EACrC,kDAAkD,CACnD,CAAC,CAEF;UAAA,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAC9B;QAAA,EAAE,MAAM,CACR;QAAA,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,UAAU,CAAC,CAAC,aAAa,KAAK,EAAE,CAAC,CACjC,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,IAAI,CACb,yGAAyG,EACzG,qCAAqC,EACrC,kDAAkD,CACnD,CAAC,CAEF;UAAA,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAChC;QAAA,EAAE,MAAM,CACV;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AASD,SAAS,YAAY,CAAC,EACpB,MAAM,EACN,aAAa,EACb,QAAQ,EACR,OAAO,GACW;IAClB,OAAO,CACL,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,IAAI,CACb,6FAA6F,EAC7F,MAAM,KAAK,aAAa;YACtB,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,mDAAmD,EACvD,QAAQ,IAAI,gCAAgC,CAC7C,CAAC,CAEF;MAAA,CAAC,MAAM,CACT;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC"}

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,5 @@ export * from './Tab';
 export * from './Avatar';
 export * from './ButtonGroup';
 export * from './Accordion';
+export * from './TimePicker';
 //# 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"}

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

@@ -11,4 +11,5 @@ export * from './Tab';
 export * from './Avatar';
 export * from './ButtonGroup';
 export * from './Accordion';
+export * from './TimePicker';
 //# 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"}

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,6 +1,6 @@
 {
   "name": "@clicoh/orion-library",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "main": "index.js",
   "scripts": {
     "build": "tsc --project tsconfig.components.json",

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',