@admin-layout/tailwind-ui 10.1.1-alpha.9 → 12.0.16-alpha.0

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) => import("react/jsx-runtime").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,4CA6Cb,CAAC;AAEF,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,CAAC"}

package/lib/components/Button/Button.js

@@ -0,0 +1,50 @@
+import {jsxs,jsx}from'react/jsx-runtime';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 jsxs("button", {
+    className: `${baseClasses} ${variantClasses} ${sizeClasses} ${widthClass} ${disabledClass} ${className}`,
+    disabled: isLoading || disabled,
+    ...props,
+    children: [isLoading && jsx(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":"4EAIM,MAAA,MAAM;AAEZ,EAAM,OAAA,GAAA;MACK,GAAA,QAAG;WACH,GAAA,KAAA;WACE,GAAC,KAAE;WACH,GAAC,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,218 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {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 jsxs("div", {
+    ref: containerRef,
+    className: `relative ${className}`,
+    children: [jsxs("div", {
+      className: "relative",
+      children: [jsx("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
+      }), jsx("div", {
+        className: "absolute inset-y-0 right-0 flex items-center px-2 cursor-pointer text-gray-400",
+        onClick: () => send({
+          type: 'TOGGLE_CALENDAR'
+        }),
+        children: jsx("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          className: "h-3 w-3",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          children: jsx("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 && jsxs("div", {
+      className: "absolute z-50 mt-1 w-72 bg-white rounded shadow-md border border-gray-200",
+      children: [jsx("div", {
+        className: "px-1 py-1 border-b border-gray-200",
+        children: jsxs("div", {
+          className: "flex justify-between items-center",
+          children: [jsx("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'
+            }),
+            children: jsx("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "h-3 w-3",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2.5,
+                d: "M15 19l-7-7 7-7"
+              })
+            })
+          }), jsxs("div", {
+            className: "flex items-center space-x-1 text-xs",
+            children: [jsx("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'
+              },
+              children: months.map((month, index) => jsx("option", {
+                value: index,
+                children: month
+              }, month))
+            }), jsx("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'
+              },
+              children: years.map(year => jsx("option", {
+                value: year,
+                children: year
+              }, year))
+            })]
+          }), jsx("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'
+            }),
+            children: jsx("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "h-3 w-3",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2.5,
+                d: "M9 5l7 7-7 7"
+              })
+            })
+          })]
+        })
+      }), jsxs("div", {
+        className: "border-b border-gray-200",
+        children: [jsx("div", {
+          className: "flex border-b border-gray-100 bg-gray-50",
+          children: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map((day, index) => jsx("div", {
+            className: `flex-1 px-1 py-1 text-xs text-center font-medium text-gray-700 ${index < 6 ? 'border-r border-gray-100' : ''}`,
+            children: day
+          }, day))
+        }), jsx("div", {
+          className: "p-0",
+          children: Array.from({
+            length: numberOfRows
+          }).map((_, rowIndex) => jsx("div", {
+            className: "flex border-b border-gray-100 last:border-b-0",
+            children: Array.from({
+              length: 7
+            }).map((_, colIndex) => {
+              const dateIndex = rowIndex * 7 + colIndex;
+              // Return empty cell if out of range
+              if (dateIndex >= dates.length) {
+                return jsx("div", {
+                  className: "flex-1 h-6 border-r border-gray-100 last:border-r-0"
+                }, `empty-${rowIndex}-${colIndex}`);
+              }
+              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 jsx("div", {
+                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),
+                children: date.getDate()
+              }, `date-${date.getDate()}`);
+            })
+          }, `row-${rowIndex}`))
+        })]
+      }), jsx("div", {
+        className: "py-1 px-1 flex justify-end",
+        children: jsx("button", {
+          className: "px-2 py-0.5 text-xs text-blue-600 hover:bg-blue-50 transition-colors",
+          onClick: () => handleDateSelect(new Date()),
+          children: "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,UAAuB,GAAA,IAAA,IAAI;AAQ3B,EAAA,OAAA,IAAA,CAAA,kBAAA,CAAA,OAAA,EAAA;;AAEG,IAAA,KAAA,EAAA,OAAA;AACH,IAAO,GAAA,EAAA;AAIP,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/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ThemeContextType, Theme } from './types';
+export declare const themes: {
+    value: Theme;
+    label: string;
+    description: string;
+}[];
+export declare const ThemeContext: React.Context<ThemeContextType>;
+export declare const TailwindThemeProvider: React.FC<{
+    settings: any;
+    children: React.ReactNode;
+    actor: any;
+}>;
+//# sourceMappingURL=ThemeProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,MAAM;WACO,KAAK;;;GAK9B,CAAC;AAEF,eAAO,MAAM,YAAY,iCAOvB,CAAC;AAEH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAAE,CAqEpG,CAAC"}

package/lib/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,96 @@
+import {jsx}from'react/jsx-runtime';import {createContext,useEffect,useMemo}from'react';const themes = [{
+  value: 'default',
+  label: 'Default',
+  description: 'Clean and minimal design'
+}, {
+  value: 'airbnb',
+  label: 'Airbnb',
+  description: 'Warm coral and friendly vibes'
+}, {
+  value: 'slack',
+  label: 'Slack',
+  description: 'Professional purple workspace'
+}, {
+  value: 'github',
+  label: 'GitHub',
+  description: 'Developer-focused dark and light'
+}, {
+  value: 'spotify',
+  label: 'Spotify',
+  description: 'Dark mode with vibrant green'
+}];
+const ThemeContext = createContext({
+  theme: 'default',
+  mode: 'light',
+  setTheme: () => {},
+  setMode: () => {},
+  toggleMode: () => {},
+  themes: themes
+});
+const TailwindThemeProvider = ({
+  settings,
+  children,
+  actor
+}) => {
+  const {
+    theme,
+    themeType,
+    primaryColor,
+    fontFamily,
+    navTheme
+  } = settings;
+  // Toggle mode
+  const toggleMode = () => {
+    actor.send({
+      type: 'UPDATE',
+      value: {
+        navTheme: navTheme === 'dark' ? 'light' : 'dark'
+      }
+    });
+  };
+  const handleSettingChange = (key, value) => {
+    actor.send({
+      type: 'UPDATE',
+      value: {
+        [key]: value
+      }
+    });
+  };
+  // Toggle dark mode class on document
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const root = document.documentElement;
+    // Remove all previous theme classes
+    root.classList.remove('dark', 'light', 'realDark');
+    // Add only the current theme class
+    if (settings?.navTheme) {
+      root.classList.add(settings.navTheme);
+    }
+  }, [settings?.navTheme]);
+  // Apply theme effects when component mounts and when theme settings change
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const root = document.documentElement;
+    // Apply font family to document
+    root.style.setProperty('--font-family', fontFamily);
+    // Apply theme-specific classes
+    root.dataset.theme = theme;
+  }, [theme, themeType, primaryColor, fontFamily]);
+  // Memoize the context value to prevent unnecessary re-renders
+  const contextValue = useMemo(() => ({
+    theme: theme,
+    mode: navTheme,
+    toggleMode,
+    setTheme: theme => {
+      handleSettingChange('theme', theme);
+    },
+    setMode: mode => {
+      handleSettingChange('navTheme', mode);
+    },
+    themes: themes
+  }), [theme, settings]);
+  return jsx(ThemeContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+};export{TailwindThemeProvider,ThemeContext,themes};//# sourceMappingURL=ThemeProvider.js.map

package/lib/components/ThemeProvider/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"wFAGA,MAAA,SAAmB,CAAA;kBACY;;;GAK9B;AAED,EAAO,KAAA,EAAA,QAAA;AASP,EAAA,KAAA,EAAA;aAAuD;AAAO,CAAA,EAAA;OAAgC,EAAA,OAAK;AAAE,EAqEpG,KAAC,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ThemeProvider/ThemeToggle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ThemeToggleProps {
+    className?: string;
+}
+export declare const ThemeToggle: React.FC<ThemeToggleProps>;
+export {};
+//# sourceMappingURL=ThemeToggle.d.ts.map

package/lib/components/ThemeProvider/ThemeToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAC"}