@mieweb/ui 0.2.4 → 0.3.0-dev.61

package/dist/chunk-MOULJE34.js

@@ -0,0 +1,334 @@
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var dateButtonVariants = cva(
+  [
+    "flex-shrink-0 rounded-xl border px-3 py-2 text-center transition-colors",
+    "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2",
+    "dark:focus:ring-offset-neutral-900"
+  ],
+  {
+    variants: {
+      selected: {
+        true: "border-primary-500 bg-primary-50 dark:bg-primary-900/20",
+        false: "border-neutral-200 hover:border-neutral-300 dark:border-neutral-700 dark:hover:border-neutral-600"
+      }
+    },
+    defaultVariants: {
+      selected: false
+    }
+  }
+);
+var DateButton = React.forwardRef(
+  ({ className, date, selected, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-slot": "schedule-date-btn",
+        className: cn(dateButtonVariants({ selected }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "schedule-date-weekday",
+              className: "text-xs text-neutral-500 dark:text-neutral-400",
+              children: date.toLocaleDateString("en-US", { weekday: "short" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "schedule-date-day",
+              className: "text-lg font-semibold text-neutral-900 dark:text-white",
+              children: date.getDate()
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "schedule-date-month",
+              className: "text-xs text-neutral-500 dark:text-neutral-400",
+              children: date.toLocaleDateString("en-US", { month: "short" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+DateButton.displayName = "DateButton";
+var timeButtonVariants = cva(
+  [
+    "rounded-xl border px-2 py-2 text-sm transition-colors",
+    "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2",
+    "dark:focus:ring-offset-neutral-900"
+  ],
+  {
+    variants: {
+      selected: {
+        true: "border-primary-500 bg-primary-50 dark:bg-primary-900/20",
+        false: "border-neutral-200 hover:border-neutral-300 dark:border-neutral-700 dark:hover:border-neutral-600"
+      }
+    },
+    defaultVariants: {
+      selected: false
+    }
+  }
+);
+var TimeButton = React.forwardRef(
+  ({ className, time, selected, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-slot": "schedule-time-btn",
+        className: cn(timeButtonVariants({ selected }), className),
+        ...props,
+        children: time
+      }
+    );
+  }
+);
+TimeButton.displayName = "TimeButton";
+var radioOptionVariants = cva(
+  [
+    "cursor-pointer rounded-xl border bg-card p-4 transition-all",
+    "focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-500"
+  ],
+  {
+    variants: {
+      selected: {
+        true: "border-2 border-primary-500 ring-2 ring-primary-200 dark:ring-primary-800",
+        false: "border-border"
+      }
+    },
+    defaultVariants: {
+      selected: false
+    }
+  }
+);
+var RadioOption = React.forwardRef(
+  ({ className, title, description, selected, children, onClick, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "schedule-radio",
+        className: cn(radioOptionVariants({ selected }), className),
+        onClick,
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onClick?.(e);
+          }
+        },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-slot": "schedule-radio-indicator",
+                className: cn(
+                  "flex h-5 w-5 items-center justify-center rounded-full border-2",
+                  selected ? "border-primary-500 bg-primary-500" : "border-neutral-300"
+                ),
+                children: selected && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "data-slot": "schedule-radio-dot",
+                    className: "h-2 w-2 rounded-full bg-white"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "data-slot": "schedule-radio-title",
+                  className: "font-medium text-neutral-900 dark:text-white",
+                  children: title
+                }
+              ),
+              description && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "data-slot": "schedule-radio-desc",
+                  className: "text-sm text-neutral-500 dark:text-neutral-400",
+                  children: description
+                }
+              )
+            ] })
+          ] }),
+          children
+        ]
+      }
+    );
+  }
+);
+RadioOption.displayName = "RadioOption";
+var DatePicker = React.forwardRef(
+  ({
+    className,
+    dates,
+    selectedDate,
+    onDateSelect,
+    label = "Select Date",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "schedule-date-picker",
+        className,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              "data-slot": "schedule-date-label",
+              className: "mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300",
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "schedule-date-list",
+              className: "-m-1 flex gap-2 overflow-x-auto p-1",
+              children: dates.map((date, index) => /* @__PURE__ */ jsx(
+                DateButton,
+                {
+                  date,
+                  selected: selectedDate?.toDateString() === date.toDateString(),
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onDateSelect?.(date);
+                  }
+                },
+                index
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+DatePicker.displayName = "DatePicker";
+var TimePicker = React.forwardRef(
+  ({
+    className,
+    times,
+    selectedTime,
+    onTimeSelect,
+    label = "Select Time",
+    columns = 6,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "schedule-time-picker",
+        className,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              "data-slot": "schedule-time-label",
+              className: "mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300",
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "schedule-time-grid",
+              className: cn(
+                "-m-1 grid gap-2 p-1",
+                columns === 4 ? "grid-cols-4" : "grid-cols-4 sm:grid-cols-6"
+              ),
+              children: times.map((time) => /* @__PURE__ */ jsx(
+                TimeButton,
+                {
+                  time,
+                  selected: selectedTime === time,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onTimeSelect?.(time);
+                  }
+                },
+                time
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+TimePicker.displayName = "TimePicker";
+var SchedulePicker = React.forwardRef(
+  ({
+    className,
+    dates,
+    times,
+    selectedDate,
+    selectedTime,
+    onDateSelect,
+    onTimeSelect,
+    dateLabel = "Select Date",
+    timeLabel = "Select Time",
+    timeColumns = 6,
+    showTimePicker = true,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "schedule-picker",
+        className: cn("space-y-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            DatePicker,
+            {
+              dates,
+              selectedDate,
+              onDateSelect,
+              label: dateLabel
+            }
+          ),
+          showTimePicker && selectedDate && /* @__PURE__ */ jsx(
+            TimePicker,
+            {
+              times,
+              selectedTime,
+              onTimeSelect,
+              label: timeLabel,
+              columns: timeColumns
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SchedulePicker.displayName = "SchedulePicker";
+
+export { DateButton, DatePicker, RadioOption, SchedulePicker, TimeButton, TimePicker, dateButtonVariants, radioOptionVariants, timeButtonVariants };
+//# sourceMappingURL=chunk-MOULJE34.js.map
+//# sourceMappingURL=chunk-MOULJE34.js.map

package/dist/chunk-MOULJE34.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SchedulePicker/SchedulePicker.tsx"],"names":[],"mappings":"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","file":"chunk-MOULJE34.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Date Button Component\n// ============================================================================\n\nconst dateButtonVariants = cva(\n  [\n    'flex-shrink-0 rounded-xl border px-3 py-2 text-center transition-colors',\n    'focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',\n    'dark:focus:ring-offset-neutral-900',\n  ],\n  {\n    variants: {\n      selected: {\n        true: 'border-primary-500 bg-primary-50 dark:bg-primary-900/20',\n        false:\n          'border-neutral-200 hover:border-neutral-300 dark:border-neutral-700 dark:hover:border-neutral-600',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n    },\n  }\n);\n\nexport interface DateButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof dateButtonVariants> {\n  /** The date to display */\n  date: Date;\n}\n\n/**\n * A button for selecting a date in the schedule picker.\n */\nconst DateButton = React.forwardRef<HTMLButtonElement, DateButtonProps>(\n  ({ className, date, selected, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"schedule-date-btn\"\n        className={cn(dateButtonVariants({ selected }), className)}\n        {...props}\n      >\n        <div\n          data-slot=\"schedule-date-weekday\"\n          className=\"text-xs text-neutral-500 dark:text-neutral-400\"\n        >\n          {date.toLocaleDateString('en-US', { weekday: 'short' })}\n        </div>\n        <div\n          data-slot=\"schedule-date-day\"\n          className=\"text-lg font-semibold text-neutral-900 dark:text-white\"\n        >\n          {date.getDate()}\n        </div>\n        <div\n          data-slot=\"schedule-date-month\"\n          className=\"text-xs text-neutral-500 dark:text-neutral-400\"\n        >\n          {date.toLocaleDateString('en-US', { month: 'short' })}\n        </div>\n      </button>\n    );\n  }\n);\n\nDateButton.displayName = 'DateButton';\n\n// ============================================================================\n// Time Button Component\n// ============================================================================\n\nconst timeButtonVariants = cva(\n  [\n    'rounded-xl border px-2 py-2 text-sm transition-colors',\n    'focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',\n    'dark:focus:ring-offset-neutral-900',\n  ],\n  {\n    variants: {\n      selected: {\n        true: 'border-primary-500 bg-primary-50 dark:bg-primary-900/20',\n        false:\n          'border-neutral-200 hover:border-neutral-300 dark:border-neutral-700 dark:hover:border-neutral-600',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n    },\n  }\n);\n\nexport interface TimeButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof timeButtonVariants> {\n  /** The time string to display (e.g., \"8:00 AM\") */\n  time: string;\n}\n\n/**\n * A button for selecting a time in the schedule picker.\n */\nconst TimeButton = React.forwardRef<HTMLButtonElement, TimeButtonProps>(\n  ({ className, time, selected, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"schedule-time-btn\"\n        className={cn(timeButtonVariants({ selected }), className)}\n        {...props}\n      >\n        {time}\n      </button>\n    );\n  }\n);\n\nTimeButton.displayName = 'TimeButton';\n\n// ============================================================================\n// Radio Option Component\n// ============================================================================\n\nconst radioOptionVariants = cva(\n  [\n    'cursor-pointer rounded-xl border bg-card p-4 transition-all',\n    'focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-500',\n  ],\n  {\n    variants: {\n      selected: {\n        true: 'border-2 border-primary-500 ring-2 ring-primary-200 dark:ring-primary-800',\n        false: 'border-border',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n    },\n  }\n);\n\nexport interface RadioOptionProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>,\n    VariantProps<typeof radioOptionVariants> {\n  /** Title text for the option */\n  title: React.ReactNode;\n  /** Description text for the option */\n  description?: React.ReactNode;\n  /** Whether this option is selected */\n  selected?: boolean;\n}\n\n/**\n * A radio-style option card component.\n */\nconst RadioOption = React.forwardRef<HTMLDivElement, RadioOptionProps>(\n  (\n    { className, title, description, selected, children, onClick, ...props },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"schedule-radio\"\n        className={cn(radioOptionVariants({ selected }), className)}\n        onClick={onClick}\n        role=\"button\"\n        tabIndex={0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            onClick?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n          }\n        }}\n        {...props}\n      >\n        <div className=\"flex items-center gap-3\">\n          <div\n            data-slot=\"schedule-radio-indicator\"\n            className={cn(\n              'flex h-5 w-5 items-center justify-center rounded-full border-2',\n              selected\n                ? 'border-primary-500 bg-primary-500'\n                : 'border-neutral-300'\n            )}\n          >\n            {selected && (\n              <div\n                data-slot=\"schedule-radio-dot\"\n                className=\"h-2 w-2 rounded-full bg-white\"\n              />\n            )}\n          </div>\n          <div>\n            <div\n              data-slot=\"schedule-radio-title\"\n              className=\"font-medium text-neutral-900 dark:text-white\"\n            >\n              {title}\n            </div>\n            {description && (\n              <div\n                data-slot=\"schedule-radio-desc\"\n                className=\"text-sm text-neutral-500 dark:text-neutral-400\"\n              >\n                {description}\n              </div>\n            )}\n          </div>\n        </div>\n        {children}\n      </div>\n    );\n  }\n);\n\nRadioOption.displayName = 'RadioOption';\n\n// ============================================================================\n// Date Picker Component\n// ============================================================================\n\nexport interface DatePickerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Array of available dates to display */\n  dates: Date[];\n  /** Currently selected date */\n  selectedDate?: Date | null;\n  /** Callback when a date is selected */\n  onDateSelect?: (date: Date) => void;\n  /** Label text above the date picker */\n  label?: string;\n}\n\n/**\n * A horizontal scrollable date picker component.\n */\nconst DatePicker = React.forwardRef<HTMLDivElement, DatePickerProps>(\n  (\n    {\n      className,\n      dates,\n      selectedDate,\n      onDateSelect,\n      label = 'Select Date',\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"schedule-date-picker\"\n        className={className}\n        {...props}\n      >\n        <label\n          data-slot=\"schedule-date-label\"\n          className=\"mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300\"\n        >\n          {label}\n        </label>\n        {/* Negative margin + padding allows focus ring to render without clipping */}\n        <div\n          data-slot=\"schedule-date-list\"\n          className=\"-m-1 flex gap-2 overflow-x-auto p-1\"\n        >\n          {dates.map((date, index) => (\n            <DateButton\n              key={index}\n              date={date}\n              selected={selectedDate?.toDateString() === date.toDateString()}\n              onClick={(e) => {\n                e.stopPropagation();\n                onDateSelect?.(date);\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n);\n\nDatePicker.displayName = 'DatePicker';\n\n// ============================================================================\n// Time Picker Component\n// ============================================================================\n\nexport interface TimePickerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Array of available time strings (e.g., [\"8:00 AM\", \"8:30 AM\"]) */\n  times: string[];\n  /** Currently selected time string */\n  selectedTime?: string | null;\n  /** Callback when a time is selected */\n  onTimeSelect?: (time: string) => void;\n  /** Label text above the time picker */\n  label?: string;\n  /** Number of columns for the time grid */\n  columns?: 4 | 6;\n}\n\n/**\n * A grid-based time picker component.\n */\nconst TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      className,\n      times,\n      selectedTime,\n      onTimeSelect,\n      label = 'Select Time',\n      columns = 6,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"schedule-time-picker\"\n        className={className}\n        {...props}\n      >\n        <label\n          data-slot=\"schedule-time-label\"\n          className=\"mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300\"\n        >\n          {label}\n        </label>\n        {/* Negative margin + padding allows focus ring to render without clipping */}\n        <div\n          data-slot=\"schedule-time-grid\"\n          className={cn(\n            '-m-1 grid gap-2 p-1',\n            columns === 4 ? 'grid-cols-4' : 'grid-cols-4 sm:grid-cols-6'\n          )}\n        >\n          {times.map((time) => (\n            <TimeButton\n              key={time}\n              time={time}\n              selected={selectedTime === time}\n              onClick={(e) => {\n                e.stopPropagation();\n                onTimeSelect?.(time);\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n);\n\nTimePicker.displayName = 'TimePicker';\n\n// ============================================================================\n// Schedule Picker Component (Composite)\n// ============================================================================\n\nexport interface SchedulePickerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Array of available dates to display */\n  dates: Date[];\n  /** Array of available time strings */\n  times: string[];\n  /** Currently selected date */\n  selectedDate?: Date | null;\n  /** Currently selected time */\n  selectedTime?: string | null;\n  /** Callback when a date is selected */\n  onDateSelect?: (date: Date) => void;\n  /** Callback when a time is selected */\n  onTimeSelect?: (time: string) => void;\n  /** Label for the date picker */\n  dateLabel?: string;\n  /** Label for the time picker */\n  timeLabel?: string;\n  /** Number of columns for time grid */\n  timeColumns?: 4 | 6;\n  /** Whether to show time picker (hidden until date is selected) */\n  showTimePicker?: boolean;\n}\n\n/**\n * A complete schedule picker with date and time selection.\n *\n * @example\n * ```tsx\n * <SchedulePicker\n *   dates={availableDates}\n *   times={availableTimes}\n *   selectedDate={selectedDate}\n *   selectedTime={selectedTime}\n *   onDateSelect={setSelectedDate}\n *   onTimeSelect={setSelectedTime}\n * />\n * ```\n */\nconst SchedulePicker = React.forwardRef<HTMLDivElement, SchedulePickerProps>(\n  (\n    {\n      className,\n      dates,\n      times,\n      selectedDate,\n      selectedTime,\n      onDateSelect,\n      onTimeSelect,\n      dateLabel = 'Select Date',\n      timeLabel = 'Select Time',\n      timeColumns = 6,\n      showTimePicker = true,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"schedule-picker\"\n        className={cn('space-y-4', className)}\n        {...props}\n      >\n        <DatePicker\n          dates={dates}\n          selectedDate={selectedDate}\n          onDateSelect={onDateSelect}\n          label={dateLabel}\n        />\n        {showTimePicker && selectedDate && (\n          <TimePicker\n            times={times}\n            selectedTime={selectedTime}\n            onTimeSelect={onTimeSelect}\n            label={timeLabel}\n            columns={timeColumns}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nSchedulePicker.displayName = 'SchedulePicker';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  DateButton,\n  TimeButton,\n  RadioOption,\n  DatePicker,\n  TimePicker,\n  SchedulePicker,\n  dateButtonVariants,\n  timeButtonVariants,\n  radioOptionVariants,\n};\n"]}

package/dist/{chunk-B26RIQ5R.js → chunk-MV3MTHWQ.js}

@@ -41,6 +41,7 @@ var Alert = React.forwardRef(
       {
         ref,
         role: "alert",
+        "data-slot": "alert",
         className: cn(
           alertVariants({ variant }),
           React.isValidElement(icon) && "pl-11",
@@ -55,6 +56,7 @@ var Alert = React.forwardRef(
             "button",
             {
               type: "button",
+              "data-slot": "alert-dismiss",
               onClick: onDismiss,
               className: cn(
                 "absolute top-2 right-2 rounded-md p-1",
@@ -76,6 +78,7 @@ var AlertTitle = React.forwardRef(({ className, children, ...props }, ref) => /*
   "h5",
   {
     ref,
+    "data-slot": "alert-title",
     className: cn("mb-1 leading-none font-semibold tracking-tight", className),
     ...props,
     children
@@ -86,6 +89,7 @@ var AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @__
   "p",
   {
     ref,
+    "data-slot": "alert-description",
     className: cn("text-sm [&_p]:leading-relaxed", className),
     ...props
   }
@@ -93,5 +97,5 @@ var AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @__
 AlertDescription.displayName = "AlertDescription";
 
 export { Alert, AlertDescription, AlertTitle, alertVariants };
-//# sourceMappingURL=chunk-B26RIQ5R.js.map
-//# sourceMappingURL=chunk-B26RIQ5R.js.map
+//# sourceMappingURL=chunk-MV3MTHWQ.js.map
+//# sourceMappingURL=chunk-MV3MTHWQ.js.map

package/dist/chunk-MV3MTHWQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;AAKA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB;AAAA,IACE,uCAAA;AAAA,IACA,oEAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,6CAAA;AAAA,QACT,IAAA,EAAM,qHAAA;AAAA,QACN,OAAA,EACE,yGAAA;AAAA,QACF,OAAA,EACE,+GAAA;AAAA,QACF,MAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AA2BA,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA;AAAA,EAClB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA,GAAe,eAAA;AAAA,IACf,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,WAAA,EAAU,OAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,aAAA,CAAc,EAAE,OAAA,EAAS,CAAA;AAAA,UACnB,KAAA,CAAA,cAAA,CAAe,IAAI,CAAA,IAAK,OAAA;AAAA,UAC9B,WAAA,IAAe,OAAA;AAAA,UACf;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAM,KAAA,CAAA,cAAA,CAAe,IAAI,CAAA,IAAK,IAAA;AAAA,0BAC/B,GAAA,CAAC,SAAK,QAAA,EAAS,CAAA;AAAA,UACd,WAAA,oBACC,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,WAAA,EAAU,eAAA;AAAA,cACV,OAAA,EAAS,SAAA;AAAA,cACT,SAAA,EAAW,EAAA;AAAA,gBACT,uCAAA;AAAA,gBACA,8BAAA;AAAA,gBACA,qGAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,YAAA,EAAY,YAAA;AAAA,cAEZ,QAAA,kBAAA,GAAA,CAAC,CAAA,EAAA,EAAE,IAAA,EAAM,EAAA,EAAI,eAAY,MAAA,EAAO;AAAA;AAAA;AAClC;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;AAKpB,IAAM,UAAA,GAAmB,iBAGvB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACpC,GAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,WAAA,EAAU,aAAA;AAAA,IACV,SAAA,EAAW,EAAA,CAAG,gDAAA,EAAkD,SAAS,CAAA;AAAA,IACxE,GAAG,KAAA;AAAA,IAEH;AAAA;AACH,CACD;AAED,UAAA,CAAW,WAAA,GAAc,YAAA;AAKzB,IAAM,gBAAA,GAAyB,iBAG7B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAC,GAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,WAAA,EAAU,mBAAA;AAAA,IACV,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AAED,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"chunk-MV3MTHWQ.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\nconst alertVariants = cva(\n  [\n    'relative w-full rounded-lg border p-4',\n    '[&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-current',\n    '[&>svg+div]:translate-y-[-3px]',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-background text-foreground border-border',\n        info: 'bg-primary-50 text-primary-900 border-primary-200 dark:bg-primary-950 dark:text-primary-100 dark:border-primary-800',\n        success:\n          'bg-green-50 text-green-900 border-green-200 dark:bg-green-950 dark:text-green-100 dark:border-green-800',\n        warning:\n          'bg-yellow-50 text-yellow-900 border-yellow-200 dark:bg-yellow-950 dark:text-yellow-100 dark:border-yellow-800',\n        danger:\n          'bg-red-50 text-red-900 border-red-200 dark:bg-red-950 dark:text-red-100 dark:border-red-800',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport interface AlertProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof alertVariants> {\n  /** Icon to display in the alert */\n  icon?: React.ReactElement | null;\n  /** Whether the alert can be dismissed */\n  dismissible?: boolean;\n  /** Callback when the alert is dismissed */\n  onDismiss?: () => void;\n  /** Accessible label for the dismiss button */\n  dismissLabel?: string;\n}\n\n/**\n * An alert component for displaying important messages.\n *\n * @example\n * ```tsx\n * <Alert variant=\"success\">\n *   <AlertTitle>Success!</AlertTitle>\n *   <AlertDescription>Your changes have been saved.</AlertDescription>\n * </Alert>\n * ```\n */\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      className,\n      variant,\n      icon,\n      dismissible,\n      onDismiss,\n      dismissLabel = 'Dismiss alert',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        data-slot=\"alert\"\n        className={cn(\n          alertVariants({ variant }),\n          React.isValidElement(icon) && 'pl-11',\n          dismissible && 'pr-10',\n          className\n        )}\n        {...props}\n      >\n        {React.isValidElement(icon) && icon}\n        <div>{children}</div>\n        {dismissible && (\n          <button\n            type=\"button\"\n            data-slot=\"alert-dismiss\"\n            onClick={onDismiss}\n            className={cn(\n              'absolute top-2 right-2 rounded-md p-1',\n              'opacity-70 hover:opacity-100',\n              'focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',\n              'transition-opacity'\n            )}\n            aria-label={dismissLabel}\n          >\n            <X size={16} aria-hidden=\"true\" />\n          </button>\n        )}\n      </div>\n    );\n  }\n);\n\nAlert.displayName = 'Alert';\n\n/**\n * Title for an Alert component.\n */\nconst AlertTitle = React.forwardRef<\n  globalThis.HTMLHeadingElement,\n  React.HTMLAttributes<globalThis.HTMLHeadingElement>\n>(({ className, children, ...props }, ref) => (\n  <h5\n    ref={ref}\n    data-slot=\"alert-title\"\n    className={cn('mb-1 leading-none font-semibold tracking-tight', className)}\n    {...props}\n  >\n    {children}\n  </h5>\n));\n\nAlertTitle.displayName = 'AlertTitle';\n\n/**\n * Description text for an Alert component.\n */\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    data-slot=\"alert-description\"\n    className={cn('text-sm [&_p]:leading-relaxed', className)}\n    {...props}\n  />\n));\n\nAlertDescription.displayName = 'AlertDescription';\n\nexport { Alert, AlertTitle, AlertDescription, alertVariants };\n"]}

package/dist/{chunk-AU5ADTYD.cjs → chunk-ND75VHB7.cjs}

@@ -85,16 +85,38 @@ var QuickAction = React__namespace.forwardRef(
     ...props
   }, ref) => {
     const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkOR5DRJCW_cjs.cn(quickActionIconVariants({ color })), children: icon }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-neutral-900 dark:text-white", children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: subtitle })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "data-slot": "quick-action-icon",
+          className: chunkOR5DRJCW_cjs.cn(quickActionIconVariants({ color })),
+          children: icon
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "quick-action-content", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-slot": "quick-action-title",
+            className: "font-medium text-neutral-900 dark:text-white",
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-slot": "quick-action-subtitle",
+            className: "text-xs text-neutral-500 dark:text-neutral-400",
+            children: subtitle
+          }
+        )
       ] })
     ] });
     if (as === "a" && href) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         "a",
         {
+          "data-slot": "quick-action",
           href,
           className: chunkOR5DRJCW_cjs.cn(quickActionVariants({ disabled }), className),
           "aria-disabled": disabled,
@@ -106,6 +128,7 @@ var QuickAction = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
+        "data-slot": "quick-action",
         ref,
         type: "button",
         disabled: disabled ?? void 0,
@@ -309,10 +332,26 @@ var QuickActionGroup = React__namespace.forwardRef(
       // Large screens
       columns.lg === 2 ? "lg:grid-cols-2" : columns.lg === 3 ? "lg:grid-cols-3" : "lg:grid-cols-4"
     );
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className, ...props, children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-4 text-lg font-semibold text-neutral-900 dark:text-white", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: gridCols, children })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-slot": "quick-action-group",
+        ref,
+        className,
+        ...props,
+        children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx(
+            "h2",
+            {
+              "data-slot": "quick-action-group-title",
+              className: "mb-4 text-lg font-semibold text-neutral-900 dark:text-white",
+              children: title
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "quick-action-group-grid", className: gridCols, children })
+        ]
+      }
+    );
   }
 );
 QuickActionGroup.displayName = "QuickActionGroup";
@@ -322,5 +361,5 @@ exports.QuickActionGroup = QuickActionGroup;
 exports.QuickActionIcons = QuickActionIcons;
 exports.quickActionIconVariants = quickActionIconVariants;
 exports.quickActionVariants = quickActionVariants;
-//# sourceMappingURL=chunk-AU5ADTYD.cjs.map
-//# sourceMappingURL=chunk-AU5ADTYD.cjs.map
+//# sourceMappingURL=chunk-ND75VHB7.cjs.map
+//# sourceMappingURL=chunk-ND75VHB7.cjs.map

package/dist/chunk-ND75VHB7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/QuickAction/QuickAction.tsx"],"names":["cva","React","jsxs","Fragment","jsx","cn"],"mappings":"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","file":"chunk-ND75VHB7.cjs","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst quickActionIconVariants = cva(\n  ['flex items-center justify-center rounded-xl', 'h-10 w-10'],\n  {\n    variants: {\n      color: {\n        primary:\n          'bg-primary-100 text-primary-600 dark:bg-primary-900/50 dark:text-primary-400',\n        green:\n          'bg-emerald-100 text-emerald-600 dark:bg-emerald-900/50 dark:text-emerald-400',\n        purple:\n          'bg-violet-100 text-violet-600 dark:bg-violet-900/50 dark:text-violet-400',\n        orange:\n          'bg-orange-100 text-orange-600 dark:bg-orange-900/50 dark:text-orange-400',\n        blue: 'bg-sky-100 text-sky-600 dark:bg-sky-900/50 dark:text-sky-400',\n        red: 'bg-rose-100 text-rose-600 dark:bg-rose-900/50 dark:text-rose-400',\n        amber:\n          'bg-amber-100 text-amber-600 dark:bg-amber-900/50 dark:text-amber-400',\n        neutral:\n          'bg-neutral-100 text-neutral-600 dark:bg-neutral-800 dark:text-neutral-400',\n      },\n    },\n    defaultVariants: {\n      color: 'primary',\n    },\n  }\n);\n\nconst quickActionVariants = cva(\n  [\n    'flex items-center gap-3 rounded-xl border p-4 text-left',\n    'transition-colors duration-200',\n    'border-neutral-200 bg-white',\n    'hover:border-primary-300 hover:bg-primary-50',\n    'dark:border-neutral-700 dark:bg-neutral-800',\n    'dark:hover:border-primary-700 dark:hover:bg-primary-900/20',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2',\n    'dark:focus-visible:ring-offset-neutral-900',\n  ],\n  {\n    variants: {\n      disabled: {\n        true: [\n          'opacity-50 cursor-not-allowed',\n          'hover:border-neutral-200 hover:bg-white',\n          'dark:hover:border-neutral-700 dark:hover:bg-neutral-800',\n        ],\n        false: 'cursor-pointer',\n      },\n    },\n    defaultVariants: {\n      disabled: false,\n    },\n  }\n);\n\nexport type QuickActionColor =\n  | 'primary'\n  | 'green'\n  | 'purple'\n  | 'orange'\n  | 'blue'\n  | 'red'\n  | 'amber'\n  | 'neutral';\n\nexport interface QuickActionProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'color' | 'disabled'\n> {\n  /** The main title text */\n  title: string;\n  /** The subtitle/description text */\n  subtitle: string;\n  /** Icon to display in the colored background */\n  icon: React.ReactNode;\n  /** Color theme for the icon background */\n  color?: QuickActionColor;\n  /** Render as a different element (e.g., 'a' for links) */\n  as?: 'button' | 'a';\n  /** URL when rendered as a link */\n  href?: string;\n  /** Whether the action is disabled */\n  disabled?: boolean;\n}\n\n/**\n * A quick action card component for dashboard navigation.\n * Displays an icon, title, and subtitle in a compact, clickable card.\n *\n * @example\n * ```tsx\n * <QuickAction\n *   title=\"Schedule Exam\"\n *   subtitle=\"Find providers nearby\"\n *   color=\"primary\"\n *   icon={<CalendarIcon className=\"h-5 w-5\" />}\n *   onClick={() => navigate('/schedule')}\n * />\n * ```\n */\nconst QuickAction = React.forwardRef<HTMLButtonElement, QuickActionProps>(\n  (\n    {\n      className,\n      title,\n      subtitle,\n      icon,\n      color = 'primary',\n      disabled,\n      as = 'button',\n      href,\n      ...props\n    },\n    ref\n  ) => {\n    const content = (\n      <>\n        <div\n          data-slot=\"quick-action-icon\"\n          className={cn(quickActionIconVariants({ color }))}\n        >\n          {icon}\n        </div>\n        <div data-slot=\"quick-action-content\">\n          <div\n            data-slot=\"quick-action-title\"\n            className=\"font-medium text-neutral-900 dark:text-white\"\n          >\n            {title}\n          </div>\n          <div\n            data-slot=\"quick-action-subtitle\"\n            className=\"text-xs text-neutral-500 dark:text-neutral-400\"\n          >\n            {subtitle}\n          </div>\n        </div>\n      </>\n    );\n\n    if (as === 'a' && href) {\n      return (\n        <a\n          data-slot=\"quick-action\"\n          href={href}\n          className={cn(quickActionVariants({ disabled }), className)}\n          aria-disabled={disabled}\n          {...(props as React.AnchorHTMLAttributes<globalThis.HTMLAnchorElement>)}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        data-slot=\"quick-action\"\n        ref={ref}\n        type=\"button\"\n        disabled={disabled ?? undefined}\n        className={cn(quickActionVariants({ disabled }), className)}\n        {...props}\n      >\n        {content}\n      </button>\n    );\n  }\n);\n\nQuickAction.displayName = 'QuickAction';\n\n// Predefined icons for common quick actions\nexport const QuickActionIcons = {\n  Calendar: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        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\"\n      />\n    </svg>\n  ),\n  Clipboard: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"\n      />\n    </svg>\n  ),\n  User: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\n      />\n    </svg>\n  ),\n  Document: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n      />\n    </svg>\n  ),\n  Settings: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"\n      />\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\n      />\n    </svg>\n  ),\n  Help: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n      />\n    </svg>\n  ),\n  Search: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n      />\n    </svg>\n  ),\n  Bell: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"\n      />\n    </svg>\n  ),\n};\n\n/**\n * A group/container component for displaying multiple QuickAction cards in a grid.\n *\n * @example\n * ```tsx\n * <QuickActionGroup title=\"Quick Actions\">\n *   <QuickAction title=\"Action 1\" ... />\n *   <QuickAction title=\"Action 2\" ... />\n * </QuickActionGroup>\n * ```\n */\nexport interface QuickActionGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Optional title to display above the quick actions */\n  title?: string;\n  /** Number of columns on different screen sizes */\n  columns?: {\n    base?: 1 | 2;\n    sm?: 1 | 2;\n    md?: 2 | 3 | 4;\n    lg?: 2 | 3 | 4;\n  };\n}\n\nconst QuickActionGroup = React.forwardRef<\n  HTMLDivElement,\n  QuickActionGroupProps\n>(\n  (\n    {\n      className,\n      title,\n      columns = { base: 1, sm: 2, md: 2, lg: 4 },\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const gridCols = cn(\n      'grid gap-4',\n      // Base (mobile)\n      columns.base === 1 ? 'grid-cols-1' : 'grid-cols-2',\n      // Small screens\n      columns.sm === 1 ? 'sm:grid-cols-1' : 'sm:grid-cols-2',\n      // Medium screens\n      columns.md === 2\n        ? 'md:grid-cols-2'\n        : columns.md === 3\n          ? 'md:grid-cols-3'\n          : columns.md === 4\n            ? 'md:grid-cols-4'\n            : '',\n      // Large screens\n      columns.lg === 2\n        ? 'lg:grid-cols-2'\n        : columns.lg === 3\n          ? 'lg:grid-cols-3'\n          : 'lg:grid-cols-4'\n    );\n\n    return (\n      <div\n        data-slot=\"quick-action-group\"\n        ref={ref}\n        className={className}\n        {...props}\n      >\n        {title && (\n          <h2\n            data-slot=\"quick-action-group-title\"\n            className=\"mb-4 text-lg font-semibold text-neutral-900 dark:text-white\"\n          >\n            {title}\n          </h2>\n        )}\n        <div data-slot=\"quick-action-group-grid\" className={gridCols}>\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nQuickActionGroup.displayName = 'QuickActionGroup';\n\nexport {\n  QuickAction,\n  QuickActionGroup,\n  quickActionVariants,\n  quickActionIconVariants,\n};\n"]}

package/dist/{chunk-GV5JQBPX.js → chunk-NDHW3ZRF.js}

@@ -35,6 +35,7 @@ function Spinner({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      "data-slot": "spinner",
       role: "status",
       "aria-label": label,
       className: cn(spinnerVariants({ size, variant }), className),
@@ -61,6 +62,7 @@ function SpinnerWithLabel({
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-slot": "spinner-with-label",
       role: "status",
       "aria-label": label,
       className: cn(
@@ -73,11 +75,12 @@ function SpinnerWithLabel({
         /* @__PURE__ */ jsx(
           "div",
           {
+            "data-slot": "spinner",
             className: cn(spinnerVariants({ size, variant })),
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: label })
+        /* @__PURE__ */ jsx("span", { "data-slot": "spinner-label", className: "text-muted-foreground text-sm", children: label })
       ]
     }
   );
@@ -92,13 +95,14 @@ function FullPageSpinner({
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-slot": "full-page-spinner",
       className: cn(
         "fixed inset-0 z-50 flex flex-col items-center justify-center gap-4",
         backdrop && "bg-background/80 backdrop-blur-sm"
       ),
       children: [
         /* @__PURE__ */ jsx(Spinner, { size, ...props }),
-        text && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: text })
+        text && /* @__PURE__ */ jsx("p", { "data-slot": "spinner-label", className: "text-muted-foreground text-sm", children: text })
       ]
     }
   );
@@ -106,5 +110,5 @@ function FullPageSpinner({
 FullPageSpinner.displayName = "FullPageSpinner";
 
 export { FullPageSpinner, Spinner, SpinnerWithLabel, spinnerVariants };
-//# sourceMappingURL=chunk-GV5JQBPX.js.map
-//# sourceMappingURL=chunk-GV5JQBPX.js.map
+//# sourceMappingURL=chunk-NDHW3ZRF.js.map
+//# sourceMappingURL=chunk-NDHW3ZRF.js.map

package/dist/chunk-NDHW3ZRF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"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","file":"chunk-NDHW3ZRF.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst spinnerVariants = cva(\n  ['animate-spin rounded-full border-2 border-current border-t-transparent'],\n  {\n    variants: {\n      size: {\n        xs: 'h-3 w-3',\n        sm: 'h-4 w-4',\n        md: 'h-6 w-6',\n        lg: 'h-8 w-8',\n        xl: 'h-12 w-12',\n      },\n      variant: {\n        default: 'text-primary-500',\n        muted: 'text-muted-foreground',\n        white: 'text-white',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  }\n);\n\nexport interface SpinnerProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof spinnerVariants> {\n  /** Accessible label for the spinner */\n  label?: string;\n}\n\n/**\n * A loading spinner component.\n *\n * @example\n * ```tsx\n * <Spinner />\n * <Spinner size=\"lg\" label=\"Loading data...\" />\n * <Spinner variant=\"white\" /> // For use on dark backgrounds\n * ```\n */\nfunction Spinner({\n  className,\n  size,\n  variant,\n  label = 'Loading',\n  ...props\n}: SpinnerProps) {\n  return (\n    <div\n      data-slot=\"spinner\"\n      role=\"status\"\n      aria-label={label}\n      className={cn(spinnerVariants({ size, variant }), className)}\n      {...props}\n    >\n      <span className=\"sr-only\">{label}</span>\n    </div>\n  );\n}\n\nSpinner.displayName = 'Spinner';\n\n// ============================================================================\n// Spinner with Label\n// ============================================================================\n\nexport interface SpinnerWithLabelProps extends SpinnerProps {\n  /** Label text to display */\n  label: string;\n  /** Position of the label */\n  labelPosition?: 'top' | 'bottom' | 'left' | 'right';\n}\n\n/**\n * A spinner with a visible label.\n *\n * @example\n * ```tsx\n * <SpinnerWithLabel label=\"Loading...\" />\n * <SpinnerWithLabel label=\"Processing\" labelPosition=\"right\" />\n * ```\n */\nfunction SpinnerWithLabel({\n  label,\n  labelPosition = 'bottom',\n  size,\n  variant,\n  className,\n  ...props\n}: SpinnerWithLabelProps) {\n  const positionClasses = {\n    top: 'flex-col-reverse',\n    bottom: 'flex-col',\n    left: 'flex-row-reverse',\n    right: 'flex-row',\n  };\n\n  return (\n    <div\n      data-slot=\"spinner-with-label\"\n      role=\"status\"\n      aria-label={label}\n      className={cn(\n        'inline-flex items-center justify-center gap-2',\n        positionClasses[labelPosition],\n        className\n      )}\n      {...props}\n    >\n      <div\n        data-slot=\"spinner\"\n        className={cn(spinnerVariants({ size, variant }))}\n        aria-hidden=\"true\"\n      />\n      <span data-slot=\"spinner-label\" className=\"text-muted-foreground text-sm\">\n        {label}\n      </span>\n    </div>\n  );\n}\n\nSpinnerWithLabel.displayName = 'SpinnerWithLabel';\n\n// ============================================================================\n// Full Page Spinner\n// ============================================================================\n\nexport interface FullPageSpinnerProps extends SpinnerProps {\n  /** Whether to show a backdrop */\n  backdrop?: boolean;\n  /** Text to display below the spinner */\n  text?: string;\n}\n\n/**\n * A full-page loading spinner with optional backdrop.\n *\n * @example\n * ```tsx\n * <FullPageSpinner />\n * <FullPageSpinner backdrop text=\"Loading your data...\" />\n * ```\n */\nfunction FullPageSpinner({\n  backdrop = true,\n  text,\n  size = 'xl',\n  ...props\n}: FullPageSpinnerProps) {\n  return (\n    <div\n      data-slot=\"full-page-spinner\"\n      className={cn(\n        'fixed inset-0 z-50 flex flex-col items-center justify-center gap-4',\n        backdrop && 'bg-background/80 backdrop-blur-sm'\n      )}\n    >\n      <Spinner size={size} {...props} />\n      {text && (\n        <p data-slot=\"spinner-label\" className=\"text-muted-foreground text-sm\">\n          {text}\n        </p>\n      )}\n    </div>\n  );\n}\n\nFullPageSpinner.displayName = 'FullPageSpinner';\n\nexport { Spinner, SpinnerWithLabel, FullPageSpinner, spinnerVariants };\n"]}