@admin-layout/tailwind-ui 10.1.1-alpha.9 → 11.2.1-alpha.1

package/README.md

@@ -18,6 +18,26 @@ We use Tailwind utility classes directly in our components. This approach provid
 3. Ensures consistent styling across the application
 4. Reduces overall bundle size by removing unnecessary CSS
 
+## How to Use
+
+### Importing Components from Admin Layout
+
+**✅ Correct Import Method:**
+
+```jsx
+import { Button } from '@admin-layout/tailwind-ui/shardui/button.js';
+import { Input } from '@admin-layout/tailwind-ui/shardui/input.js';
+import { Card } from '@admin-layout/tailwind-ui/shardui/card.js';
+```
+
+**❌ Avoid Importing from lib:**
+
+```jsx
+// DON'T DO THIS
+import { Button } from '@admin-layout/tailwind-ui/lib/components/Button';
+import { Button } from '@admin-layout/tailwind-ui';
+```
+
 ## Tailwind CSS Implementation Guidelines
 
 Follow these guidelines when implementing components with Tailwind:

package/lib/components/Button/Button.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'outline' | 'ghost';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    isLoading?: boolean;
+    fullWidth?: boolean;
+    children: React.ReactNode;
+}
+declare const Button: ({ variant, size, isLoading, fullWidth, className, children, disabled, ...props }: ButtonProps) => React.JSX.Element;
+export { Button as TailwindUiButton };
+//# sourceMappingURL=Button.d.ts.map

package/lib/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,GAAI,kFASb,WAAW,sBA6Cb,CAAC;AAEF,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,CAAC"}

package/lib/components/Button/Button.js

@@ -0,0 +1,49 @@
+import React__default from'react';import {Loader2}from'lucide-react';const Button = ({
+  variant = 'primary',
+  size = 'medium',
+  isLoading = false,
+  fullWidth = false,
+  className = '',
+  children,
+  disabled,
+  ...props
+}) => {
+  const getVariantClasses = () => {
+    switch (variant) {
+      case 'primary':
+        return 'themed-button';
+      case 'secondary':
+        return 'bg-secondary text-secondary-foreground hover:bg-secondary/80';
+      case 'outline':
+        return 'border border-border bg-background text-foreground hover:bg-muted';
+      case 'ghost':
+        return 'bg-transparent text-foreground hover:bg-muted';
+      case 'danger':
+        return 'bg-destructive text-destructive-foreground hover:bg-destructive/90';
+      default:
+        return 'themed-button';
+    }
+  };
+  const getSizeClasses = () => {
+    switch (size) {
+      case 'small':
+        return 'px-3 py-1.5 text-sm';
+      case 'large':
+        return 'px-6 py-3 text-lg';
+      default:
+        return 'px-4 py-2 text-base';
+    }
+  };
+  const baseClasses = 'flex items-center justify-center transition-all duration-200 rounded-themed focus-themed';
+  const variantClasses = getVariantClasses();
+  const sizeClasses = getSizeClasses();
+  const widthClass = fullWidth ? 'w-full' : '';
+  const disabledClass = isLoading || disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer interactive-hover';
+  return React__default.createElement("button", {
+    className: `${baseClasses} ${variantClasses} ${sizeClasses} ${widthClass} ${disabledClass} ${className}`,
+    disabled: isLoading || disabled,
+    ...props
+  }, isLoading && React__default.createElement(Loader2, {
+    className: "w-4 h-4 mr-2 animate-spin"
+  }), children);
+};export{Button as TailwindUiButton};//# sourceMappingURL=Button.js.map

package/lib/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":[],"mappings":"qEAIA,MAAM,MAAM;AAEZ,EAAA,OAAM,GAAA;MACF,GAAA,QAAU;WACH,GAAA,KAAA;WACP,GAAU,KAAE;WACZ,GAAU,EAAE;AACZ,EAAA,QAAA;AACH,EAAA,QAAA;AAED,EAAA,GAAA;AAwDA,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DatePickerProps } from './types';
+export declare const DatePicker: React.FC<DatePickerProps>;
+export default DatePicker;
+//# sourceMappingURL=DatePicker.d.ts.map

package/lib/components/DatePicker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmPhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/DatePicker/DatePicker.js

@@ -0,0 +1,200 @@
+import React__default,{useRef,useEffect}from'react';import {useActor}from'@xstate/react';import {datePickerMachine}from'./machine.js';import {getDaysInMonth,getYearsRange,months}from'./utils.js';const DatePicker = ({
+  value,
+  onChange,
+  placeholder = 'Select date',
+  className = ''
+}) => {
+  const [state, send] = useActor(datePickerMachine.provide({
+    actors: {}
+  }));
+  const containerRef = useRef(null);
+  useEffect(() => {
+    if (value) {
+      send({
+        type: 'SELECT_DATE',
+        date: value
+      });
+    }
+  }, [value]);
+  useEffect(() => {
+    const handleClickOutside = event => {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        send({
+          type: 'CLICK_OUTSIDE'
+        });
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
+  const handleDateSelect = date => {
+    send({
+      type: 'SELECT_DATE',
+      date
+    });
+    onChange && onChange(date);
+  };
+  const currentDate = new Date();
+  const {
+    selectedDate,
+    currentMonth,
+    isOpen,
+    inputValue
+  } = state.context;
+  // Generate dates in a linear array
+  const daysInMonth = getDaysInMonth(currentMonth.getFullYear(), currentMonth.getMonth());
+  const dates = Array.from({
+    length: daysInMonth
+  }, (_, i) => {
+    return new Date(currentMonth.getFullYear(), currentMonth.getMonth(), i + 1);
+  });
+  // Group dates into rows (5 rows of 7 days each - may have empty cells)
+  const numberOfRows = Math.ceil(daysInMonth / 7);
+  const years = getYearsRange(currentDate.getFullYear());
+  return React__default.createElement("div", {
+    ref: containerRef,
+    className: `relative ${className}`
+  }, React__default.createElement("div", {
+    className: "relative"
+  }, React__default.createElement("input", {
+    type: "text",
+    className: "w-full px-2 py-1 h-7 border border-gray-300 hover:border-blue-400 focus:border-blue-400 \n                    rounded text-xs transition-colors duration-200 ease-in-out shadow-sm \n                    focus:outline-none focus:ring-0",
+    placeholder: placeholder,
+    value: inputValue,
+    onChange: e => send({
+      type: 'INPUT_CHANGE',
+      value: e.target.value
+    }),
+    onClick: () => send({
+      type: 'TOGGLE_CALENDAR'
+    }),
+    readOnly: true
+  }), React__default.createElement("div", {
+    className: "absolute inset-y-0 right-0 flex items-center px-2 cursor-pointer text-gray-400",
+    onClick: () => send({
+      type: 'TOGGLE_CALENDAR'
+    })
+  }, React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "h-3 w-3",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+  })))), isOpen && React__default.createElement("div", {
+    className: "absolute z-50 mt-1 w-72 bg-white rounded shadow-md border border-gray-200"
+  }, React__default.createElement("div", {
+    className: "px-1 py-1 border-b border-gray-200"
+  }, React__default.createElement("div", {
+    className: "flex justify-between items-center"
+  }, React__default.createElement("button", {
+    className: "p-0.5 hover:bg-gray-100 text-gray-600 rounded flex items-center justify-center w-5 h-5",
+    onClick: () => send({
+      type: 'PREV_MONTH'
+    })
+  }, React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "h-3 w-3",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2.5,
+    d: "M15 19l-7-7 7-7"
+  }))), React__default.createElement("div", {
+    className: "flex items-center space-x-1 text-xs"
+  }, React__default.createElement("select", {
+    className: "appearance-none bg-transparent cursor-pointer py-0 px-1 pr-6 w-20 rounded hover:bg-gray-100 text-gray-800 border-0 focus:outline-none focus:ring-0 text-xs",
+    value: currentMonth.getMonth(),
+    onChange: e => send({
+      type: 'SELECT_MONTH',
+      month: parseInt(e.target.value)
+    }),
+    style: {
+      backgroundPosition: 'right 4px center'
+    }
+  }, months.map((month, index) => React__default.createElement("option", {
+    key: month,
+    value: index
+  }, month))), React__default.createElement("select", {
+    className: "appearance-none bg-transparent cursor-pointer py-0 px-1 pr-6 w-14 rounded hover:bg-gray-100 text-gray-800 border-0 focus:outline-none focus:ring-0 text-xs",
+    value: currentMonth.getFullYear(),
+    onChange: e => send({
+      type: 'SELECT_YEAR',
+      year: parseInt(e.target.value)
+    }),
+    style: {
+      backgroundPosition: 'right 4px center'
+    }
+  }, years.map(year => React__default.createElement("option", {
+    key: year,
+    value: year
+  }, year)))), React__default.createElement("button", {
+    className: "p-0.5 hover:bg-gray-100 text-gray-600 rounded flex items-center justify-center w-5 h-5",
+    onClick: () => send({
+      type: 'NEXT_MONTH'
+    })
+  }, React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "h-3 w-3",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2.5,
+    d: "M9 5l7 7-7 7"
+  }))))), React__default.createElement("div", {
+    className: "border-b border-gray-200"
+  }, React__default.createElement("div", {
+    className: "flex border-b border-gray-100 bg-gray-50"
+  }, ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map((day, index) => React__default.createElement("div", {
+    key: day,
+    className: `flex-1 px-1 py-1 text-xs text-center font-medium text-gray-700 ${index < 6 ? 'border-r border-gray-100' : ''}`
+  }, day))), React__default.createElement("div", {
+    className: "p-0"
+  }, Array.from({
+    length: numberOfRows
+  }).map((_, rowIndex) => React__default.createElement("div", {
+    key: `row-${rowIndex}`,
+    className: "flex border-b border-gray-100 last:border-b-0"
+  }, Array.from({
+    length: 7
+  }).map((_, colIndex) => {
+    const dateIndex = rowIndex * 7 + colIndex;
+    // Return empty cell if out of range
+    if (dateIndex >= dates.length) {
+      return React__default.createElement("div", {
+        key: `empty-${rowIndex}-${colIndex}`,
+        className: "flex-1 h-6 border-r border-gray-100 last:border-r-0"
+      });
+    }
+    const date = dates[dateIndex];
+    const isToday = date.getDate() === currentDate.getDate() && date.getMonth() === currentDate.getMonth() && date.getFullYear() === currentDate.getFullYear();
+    const isSelected = selectedDate && date.getDate() === selectedDate.getDate() && date.getMonth() === selectedDate.getMonth() && date.getFullYear() === selectedDate.getFullYear();
+    return React__default.createElement("div", {
+      key: `date-${date.getDate()}`,
+      className: `
+                          flex-1 h-6 flex items-center justify-center text-xs cursor-pointer transition-colors
+                          border-r border-gray-100 last:border-r-0
+                          ${isToday && !isSelected ? 'font-bold text-blue-600' : ''}
+                          ${isSelected ? 'bg-blue-50 text-blue-700 font-medium' : 'hover:bg-gray-50'}
+                        `,
+      onClick: () => handleDateSelect(date)
+    }, date.getDate());
+  }))))), React__default.createElement("div", {
+    className: "py-1 px-1 flex justify-end"
+  }, React__default.createElement("button", {
+    className: "px-2 py-0.5 text-xs text-blue-600 hover:bg-blue-50 transition-colors",
+    onClick: () => handleDateSelect(new Date())
+  }, "Today"))));
+};export{DatePicker,DatePicker as default};//# sourceMappingURL=DatePicker.js.map

package/lib/components/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DatePicker';
+export { default } from './DatePicker';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/DatePicker/machine.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerContext, DatePickerEvent } from './types';
+export declare const datePickerMachine: import("xstate").StateMachine<DatePickerContext, DatePickerEvent, Record<string, import("xstate").AnyActorRef>, import("xstate").ProvidedActor, import("xstate").ParameterizedObject, import("xstate").ParameterizedObject, string, import("xstate").StateValue, string, unknown, {}, import("xstate").EventObject, import("xstate").MetaObject, any>;
+//# sourceMappingURL=machine.d.ts.map

package/lib/components/DatePicker/machine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"machine.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/machine.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG7D,eAAO,MAAM,iBAAiB,uVAgF5B,CAAC"}

package/lib/components/DatePicker/machine.js

@@ -0,0 +1,95 @@
+import {createMachine,assign}from'xstate';import {formatDate}from'./utils.js';const datePickerMachine = createMachine({
+  id: 'datePicker',
+  types: {},
+  initial: 'idle',
+  context: {
+    selectedDate: null,
+    currentMonth: new Date(),
+    isOpen: false,
+    inputValue: ''
+  },
+  states: {
+    idle: {
+      on: {
+        TOGGLE_CALENDAR: {
+          actions: assign(({
+            context
+          }) => ({
+            isOpen: !context.isOpen
+          }))
+        },
+        SELECT_DATE: {
+          actions: assign(({
+            context,
+            event
+          }) => {
+            const formattedDate = formatDate(event.date);
+            return {
+              selectedDate: event.date,
+              inputValue: formattedDate,
+              isOpen: false
+            };
+          })
+        },
+        NEXT_MONTH: {
+          actions: assign(({
+            context
+          }) => {
+            const nextMonth = new Date(context.currentMonth);
+            nextMonth.setMonth(nextMonth.getMonth() + 1);
+            return {
+              currentMonth: nextMonth
+            };
+          })
+        },
+        PREV_MONTH: {
+          actions: assign(({
+            context
+          }) => {
+            const prevMonth = new Date(context.currentMonth);
+            prevMonth.setMonth(prevMonth.getMonth() - 1);
+            return {
+              currentMonth: prevMonth
+            };
+          })
+        },
+        SELECT_YEAR: {
+          actions: assign(({
+            context,
+            event
+          }) => {
+            const newDate = new Date(context.currentMonth);
+            newDate.setFullYear(event.year);
+            return {
+              currentMonth: newDate
+            };
+          })
+        },
+        SELECT_MONTH: {
+          actions: assign(({
+            context,
+            event
+          }) => {
+            const newDate = new Date(context.currentMonth);
+            newDate.setMonth(event.month);
+            return {
+              currentMonth: newDate
+            };
+          })
+        },
+        INPUT_CHANGE: {
+          actions: assign(({
+            event
+          }) => ({
+            inputValue: event.value
+          }))
+        },
+        CLICK_OUTSIDE: {
+          actions: assign({
+            isOpen: false
+          })
+        }
+      }
+    }
+  }
+});export{datePickerMachine};//# sourceMappingURL=machine.js.map

package/lib/components/DatePicker/machine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"machine.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/DatePicker/types.d.ts

@@ -0,0 +1,34 @@
+export type DatePickerContext = {
+    selectedDate: Date | null;
+    currentMonth: Date;
+    isOpen: boolean;
+    inputValue: string;
+};
+export type DatePickerEvent = {
+    type: 'TOGGLE_CALENDAR';
+} | {
+    type: 'SELECT_DATE';
+    date: Date;
+} | {
+    type: 'NEXT_MONTH';
+} | {
+    type: 'PREV_MONTH';
+} | {
+    type: 'SELECT_YEAR';
+    year: number;
+} | {
+    type: 'SELECT_MONTH';
+    month: number;
+} | {
+    type: 'INPUT_CHANGE';
+    value: string;
+} | {
+    type: 'CLICK_OUTSIDE';
+};
+export interface DatePickerProps {
+    value?: Date;
+    onChange?: (date: Date) => void;
+    placeholder?: string;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/DatePicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC5B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,IAAI,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GACrB;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,GAC3B;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,CAAC;AAEhC,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/lib/components/DatePicker/utils.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Format a date to a readable string (e.g. "Jan 1, 2023")
+ */
+export declare const formatDate: (date: Date) => string;
+/**
+ * Returns the number of days in a month
+ */
+export declare const getDaysInMonth: (year: number, month: number) => number;
+/**
+ * Returns the day of week (0-6) for the first day of the month
+ */
+export declare const getFirstDayOfMonth: (year: number, month: number) => number;
+/**
+ * Creates a grid of days for a month calendar view
+ */
+export declare const createDaysGrid: (year: number, month: number) => any[];
+/**
+ * Array of month names
+ */
+export declare const months: string[];
+/**
+ * Creates an array of years for year selection (20 years before and after current year)
+ */
+export declare const getYearsRange: (currentYear: number) => number[];
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/DatePicker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,MAAM,IAAI,KAAG,MAMvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAE5D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAEhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,UAgBzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,UAalB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,aAAa,MAAM,KAAG,MAAM,EAEzD,CAAC"}

package/lib/components/DatePicker/utils.js

@@ -0,0 +1,28 @@
+/**
+ * Format a date to a readable string (e.g. "Jan 1, 2023")
+ */
+const formatDate = date => {
+  return date.toLocaleDateString('en-US', {
+    year: 'numeric',
+    month: 'short',
+    day: 'numeric'
+  });
+};
+/**
+ * Returns the number of days in a month
+ */
+const getDaysInMonth = (year, month) => {
+  return new Date(year, month + 1, 0).getDate();
+};
+/**
+ * Array of month names
+ */
+const months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+/**
+ * Creates an array of years for year selection (20 years before and after current year)
+ */
+const getYearsRange = currentYear => {
+  return Array.from({
+    length: 41
+  }, (_, i) => currentYear - 20 + i);
+};export{formatDate,getDaysInMonth,getYearsRange,months};//# sourceMappingURL=utils.js.map

package/lib/components/DatePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/DatePicker/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;AAEG;AACH,MAAA,UAAa,GAAA,IAAA,IAAc;AAQ3B,EAAA,OAAA,IAAA,CAAA,kBAAA,CAAA,OAAA,EAAA;;AAEG,IAAA,KAAA,EAAA,OAAA;AACH,IAAA,GAAA,EAAA;AAIA,GAAA,CAAA;;AAEG;AACH;AAIA;;AAEG,EAAA,OAAA,IAAA,IAAA,CAAA,IAAA,EAAA,KAAA,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA,OAAA,EAAA;AACH;;;;;;;;;;;;"}

package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts

@@ -1,2 +1,3 @@
-export declare const ApplicationErrorHandler: (props: any) => import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare const ApplicationErrorHandler: (props: any) => React.JSX.Element;
 //# sourceMappingURL=ApplicationErrorHandler.d.ts.map

package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationErrorHandler.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ApplicationErrorHandler.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,uBAAuB,GAAI,UAAK,4CAG5C,CAAC"}
+{"version":3,"file":"ApplicationErrorHandler.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ApplicationErrorHandler.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,eAAO,MAAM,uBAAuB,GAAI,UAAK,sBAG5C,CAAC"}

package/lib/components/ErrorHandlers/ApplicationErrorHandler.js

@@ -1,24 +1,20 @@
-import {jsx}from'react/jsx-runtime';import {ApplicationErrorHandlerCommon}from'@admin-layout/client';import*as React from'react';import {logger}from'@cdm-logger/client';import {useToast}from'../../hooks/useToast.js';const FallbackComponent = ({
+import {ApplicationErrorHandlerCommon}from'@admin-layout/client';import*as React from'react';import {logger}from'@cdm-logger/client';import'../ThemeProvider/ThemeProvider.js';import {toast}from'sonner';const FallbackComponent = ({
   error
 }) => {
-  const toast = useToast();
   React.useLayoutEffect(() => {
     if (process.env.NODE_ENV !== 'production') {
-      toast({
-        position: 'top',
-        title: 'Server Errors. Please try again later...',
-        status: 'error',
-        duration: 9000,
-        isClosable: true
+      toast.error('Server Errors. Please try again later...', {
+        description: error?.payload.message,
+        duration: 9000
       });
     }
     logger.error('Application Backend Error', error?.payload.message);
-  }, [toast]);
+  }, []);
   return null;
 };
 const ApplicationErrorHandler = props => {
   const CommonHandler = ApplicationErrorHandlerCommon(FallbackComponent);
-  return jsx(CommonHandler, {
+  return React.createElement(CommonHandler, {
     ...props
   });
 };export{ApplicationErrorHandler};//# sourceMappingURL=ApplicationErrorHandler.js.map

package/lib/components/ErrorHandlers/ApplicationErrorHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationErrorHandler.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ApplicationErrorHandler.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorHandlers/ErrorBoundary.d.ts

@@ -1,2 +1,3 @@
-export declare const ErrorBoundary: (props: any) => import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare const ErrorBoundary: (props: any) => React.JSX.Element;
 //# sourceMappingURL=ErrorBoundary.d.ts.map

package/lib/components/ErrorHandlers/ErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ErrorBoundary.tsx"],"names":[],"mappings":"AAyCA,eAAO,MAAM,aAAa,GAAI,UAAK,4CAElC,CAAC"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwC/B,eAAO,MAAM,aAAa,GAAI,UAAK,sBAElC,CAAC"}