@mieweb/ui 0.1.0

package/dist/chunk-EF46XW4Z.cjs

@@ -0,0 +1,270 @@
+'use strict';
+
+var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var dateButtonVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, date, selected, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: chunkOR5DRJCW_cjs.cn(dateButtonVariants({ selected }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: date.toLocaleDateString("en-US", { weekday: "short" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-semibold text-neutral-900 dark:text-white", children: date.getDate() }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: date.toLocaleDateString("en-US", { month: "short" }) })
+        ]
+      }
+    );
+  }
+);
+DateButton.displayName = "DateButton";
+var timeButtonVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, time, selected, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: chunkOR5DRJCW_cjs.cn(timeButtonVariants({ selected }), className),
+        ...props,
+        children: time
+      }
+    );
+  }
+);
+TimeButton.displayName = "TimeButton";
+var radioOptionVariants = classVarianceAuthority.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__namespace.forwardRef(
+  ({ className, title, description, selected, children, onClick, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkOR5DRJCW_cjs.cn(radioOptionVariants({ selected }), className),
+        onClick,
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onClick?.(e);
+          }
+        },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: chunkOR5DRJCW_cjs.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__ */ jsxRuntime.jsx("div", { className: "h-2 w-2 rounded-full bg-white" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-neutral-900 dark:text-white", children: title }),
+              description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-neutral-500 dark:text-neutral-400", children: description })
+            ] })
+          ] }),
+          children
+        ]
+      }
+    );
+  }
+);
+RadioOption.displayName = "RadioOption";
+var DatePicker = React__namespace.forwardRef(
+  ({
+    className,
+    dates,
+    selectedDate,
+    onDateSelect,
+    label = "Select Date",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className, ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-m-1 flex gap-2 overflow-x-auto p-1", children: dates.map((date, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        DateButton,
+        {
+          date,
+          selected: selectedDate?.toDateString() === date.toDateString(),
+          onClick: (e) => {
+            e.stopPropagation();
+            onDateSelect?.(date);
+          }
+        },
+        index
+      )) })
+    ] });
+  }
+);
+DatePicker.displayName = "DatePicker";
+var TimePicker = React__namespace.forwardRef(
+  ({
+    className,
+    times,
+    selectedTime,
+    onTimeSelect,
+    label = "Select Time",
+    columns = 6,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className, ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: chunkOR5DRJCW_cjs.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__ */ jsxRuntime.jsx(
+            TimeButton,
+            {
+              time,
+              selected: selectedTime === time,
+              onClick: (e) => {
+                e.stopPropagation();
+                onTimeSelect?.(time);
+              }
+            },
+            time
+          ))
+        }
+      )
+    ] });
+  }
+);
+TimePicker.displayName = "TimePicker";
+var SchedulePicker = React__namespace.forwardRef(
+  ({
+    className,
+    dates,
+    times,
+    selectedDate,
+    selectedTime,
+    onDateSelect,
+    onTimeSelect,
+    dateLabel = "Select Date",
+    timeLabel = "Select Time",
+    timeColumns = 6,
+    showTimePicker = true,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkOR5DRJCW_cjs.cn("space-y-4", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DatePicker,
+        {
+          dates,
+          selectedDate,
+          onDateSelect,
+          label: dateLabel
+        }
+      ),
+      showTimePicker && selectedDate && /* @__PURE__ */ jsxRuntime.jsx(
+        TimePicker,
+        {
+          times,
+          selectedTime,
+          onTimeSelect,
+          label: timeLabel,
+          columns: timeColumns
+        }
+      )
+    ] });
+  }
+);
+SchedulePicker.displayName = "SchedulePicker";
+
+exports.DateButton = DateButton;
+exports.DatePicker = DatePicker;
+exports.RadioOption = RadioOption;
+exports.SchedulePicker = SchedulePicker;
+exports.TimeButton = TimeButton;
+exports.TimePicker = TimePicker;
+exports.dateButtonVariants = dateButtonVariants;
+exports.radioOptionVariants = radioOptionVariants;
+exports.timeButtonVariants = timeButtonVariants;
+//# sourceMappingURL=chunk-EF46XW4Z.cjs.map
+//# sourceMappingURL=chunk-EF46XW4Z.cjs.map

package/dist/chunk-EF46XW4Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SchedulePicker/SchedulePicker.tsx"],"names":["cva","React","jsxs","cn","jsx"],"mappings":"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","file":"chunk-EF46XW4Z.cjs","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        className={cn(dateButtonVariants({ selected }), className)}\n        {...props}\n      >\n        <div className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n          {date.toLocaleDateString('en-US', { weekday: 'short' })}\n        </div>\n        <div className=\"text-lg font-semibold text-neutral-900 dark:text-white\">\n          {date.getDate()}\n        </div>\n        <div className=\"text-xs text-neutral-500 dark:text-neutral-400\">\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        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        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            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 && <div className=\"h-2 w-2 rounded-full bg-white\" />}\n          </div>\n          <div>\n            <div className=\"font-medium text-neutral-900 dark:text-white\">\n              {title}\n            </div>\n            {description && (\n              <div className=\"text-sm text-neutral-500 dark:text-neutral-400\">\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 ref={ref} className={className} {...props}>\n        <label className=\"mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300\">\n          {label}\n        </label>\n        {/* Negative margin + padding allows focus ring to render without clipping */}\n        <div className=\"-m-1 flex gap-2 overflow-x-auto p-1\">\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 ref={ref} className={className} {...props}>\n        <label className=\"mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300\">\n          {label}\n        </label>\n        {/* Negative margin + padding allows focus ring to render without clipping */}\n        <div\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 ref={ref} className={cn('space-y-4', className)} {...props}>\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-EKIQE524.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var badgeVariants = classVarianceAuthority.cva(
+  [
+    "inline-flex items-center justify-center",
+    "font-medium",
+    "rounded-full",
+    "transition-colors duration-150"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-primary-100 text-primary-900 dark:bg-primary-900 dark:text-primary-100",
+        secondary: "bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100",
+        success: "bg-green-100 text-green-900 dark:bg-green-900 dark:text-green-100",
+        warning: "bg-yellow-100 text-yellow-900 dark:bg-yellow-900 dark:text-yellow-100",
+        danger: "bg-red-100 text-red-900 dark:bg-red-900 dark:text-red-100",
+        outline: "border border-current bg-transparent"
+      },
+      size: {
+        sm: "px-2 py-0.5 text-xs",
+        md: "px-2.5 py-0.5 text-sm",
+        lg: "px-3 py-1 text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Badge = React__namespace.forwardRef(
+  ({ className, variant, size, icon, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        ref,
+        className: chunkOR5DRJCW_cjs.cn(badgeVariants({ variant, size }), className),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1 shrink-0", children: icon }),
+          children
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;
+//# sourceMappingURL=chunk-EKIQE524.cjs.map
+//# sourceMappingURL=chunk-EKIQE524.cjs.map

package/dist/chunk-EKIQE524.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":["cva","React","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,aAAA,GAAgBA,0BAAA;AAAA,EACpB;AAAA,IACE,yCAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,2EAAA;AAAA,QACF,SAAA,EACE,2EAAA;AAAA,QACF,OAAA,EACE,mEAAA;AAAA,QACF,OAAA,EACE,uEAAA;AAAA,QACF,MAAA,EAAQ,2DAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,uBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAoBA,IAAM,KAAA,GAAcC,gBAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,MAAM,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC/D,IAAA,uBACEC,eAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,qBAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACxD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA,oBAAQC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,UAC9C;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-EKIQE524.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst badgeVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'font-medium',\n    'rounded-full',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary-100 text-primary-900 dark:bg-primary-900 dark:text-primary-100',\n        secondary:\n          'bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100',\n        success:\n          'bg-green-100 text-green-900 dark:bg-green-900 dark:text-green-100',\n        warning:\n          'bg-yellow-100 text-yellow-900 dark:bg-yellow-900 dark:text-yellow-100',\n        danger: 'bg-red-100 text-red-900 dark:bg-red-900 dark:text-red-100',\n        outline: 'border border-current bg-transparent',\n      },\n      size: {\n        sm: 'px-2 py-0.5 text-xs',\n        md: 'px-2.5 py-0.5 text-sm',\n        lg: 'px-3 py-1 text-base',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Optional icon before the text */\n  icon?: React.ReactNode;\n}\n\n/**\n * A badge component for displaying status, labels, or counts.\n *\n * @example\n * ```tsx\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\" size=\"sm\">Pending</Badge>\n * <Badge variant=\"danger\" icon={<AlertIcon />}>Error</Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, size, icon, children, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        className={cn(badgeVariants({ variant, size }), className)}\n        {...props}\n      >\n        {icon && <span className=\"mr-1 shrink-0\">{icon}</span>}\n        {children}\n      </span>\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"]}

package/dist/chunk-F3SOEIN2.js

@@ -0,0 +1,11 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };
+//# sourceMappingURL=chunk-F3SOEIN2.js.map
+//# sourceMappingURL=chunk-F3SOEIN2.js.map

package/dist/chunk-F3SOEIN2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/cn.ts"],"names":[],"mappings":";;;;AAaO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-F3SOEIN2.js","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Utility function to merge Tailwind CSS classes with proper precedence.\n * Combines clsx for conditional classes with tailwind-merge for deduplication.\n *\n * @example\n * ```tsx\n * cn('px-4 py-2', isActive && 'bg-primary-500', className)\n * // Properly merges and dedupes Tailwind classes\n * ```\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/chunk-FFJVCQ5R.cjs

@@ -0,0 +1,128 @@
+'use strict';
+
+// src/brands/types.ts
+function generateBrandCSS(brand) {
+  const { colors, typography, borderRadius, boxShadow } = brand;
+  return `/**
+ * ${brand.displayName} Brand Theme
+ * Generated by @mieweb/ui
+ * ${brand.description || ""}
+ */
+
+/* ============================================
+   ${brand.displayName} Design Tokens
+   ============================================ */
+
+:root {
+  /* Primary Color Scale */
+  --mieweb-primary-50: ${colors.primary[50]};
+  --mieweb-primary-100: ${colors.primary[100]};
+  --mieweb-primary-200: ${colors.primary[200]};
+  --mieweb-primary-300: ${colors.primary[300]};
+  --mieweb-primary-400: ${colors.primary[400]};
+  --mieweb-primary-500: ${colors.primary[500]};
+  --mieweb-primary-600: ${colors.primary[600]};
+  --mieweb-primary-700: ${colors.primary[700]};
+  --mieweb-primary-800: ${colors.primary[800]};
+  --mieweb-primary-900: ${colors.primary[900]};
+  --mieweb-primary-950: ${colors.primary[950]};
+
+  /* Light Mode Semantic Colors */
+  --mieweb-background: ${colors.light.background};
+  --mieweb-foreground: ${colors.light.foreground};
+  --mieweb-card: ${colors.light.card};
+  --mieweb-card-foreground: ${colors.light.cardForeground};
+  --mieweb-muted: ${colors.light.muted};
+  --mieweb-muted-foreground: ${colors.light.mutedForeground};
+  --mieweb-border: ${colors.light.border};
+  --mieweb-input: ${colors.light.input};
+  --mieweb-ring: ${colors.light.ring};
+  --mieweb-destructive: ${colors.light.destructive};
+  --mieweb-destructive-foreground: ${colors.light.destructiveForeground};
+  --mieweb-success: ${colors.light.success};
+  --mieweb-success-foreground: ${colors.light.successForeground};
+  --mieweb-warning: ${colors.light.warning};
+  --mieweb-warning-foreground: ${colors.light.warningForeground};
+
+  /* Typography */
+  --mieweb-font-sans: ${typography.fontFamily.sans.map((f) => f.includes(" ") ? `"${f}"` : f).join(", ")};
+  ${typography.fontFamily.mono ? `--mieweb-font-mono: ${typography.fontFamily.mono.map((f) => f.includes(" ") ? `"${f}"` : f).join(", ")};` : ""}
+
+  /* Border Radius */
+  --mieweb-radius-none: ${borderRadius.none};
+  --mieweb-radius-sm: ${borderRadius.sm};
+  --mieweb-radius-md: ${borderRadius.md};
+  --mieweb-radius-lg: ${borderRadius.lg};
+  --mieweb-radius-xl: ${borderRadius.xl};
+  --mieweb-radius-2xl: ${borderRadius["2xl"]};
+  --mieweb-radius-full: ${borderRadius.full};
+
+  /* Shadows */
+  --mieweb-shadow-card: ${boxShadow.card};
+  --mieweb-shadow-dropdown: ${boxShadow.dropdown};
+  --mieweb-shadow-modal: ${boxShadow.modal};
+}
+
+/* Dark Mode */
+[data-theme="dark"],
+.dark {
+  --mieweb-background: ${colors.dark.background};
+  --mieweb-foreground: ${colors.dark.foreground};
+  --mieweb-card: ${colors.dark.card};
+  --mieweb-card-foreground: ${colors.dark.cardForeground};
+  --mieweb-muted: ${colors.dark.muted};
+  --mieweb-muted-foreground: ${colors.dark.mutedForeground};
+  --mieweb-border: ${colors.dark.border};
+  --mieweb-input: ${colors.dark.input};
+  --mieweb-ring: ${colors.dark.ring};
+  --mieweb-destructive: ${colors.dark.destructive};
+  --mieweb-destructive-foreground: ${colors.dark.destructiveForeground};
+  --mieweb-success: ${colors.dark.success};
+  --mieweb-success-foreground: ${colors.dark.successForeground};
+  --mieweb-warning: ${colors.dark.warning};
+  --mieweb-warning-foreground: ${colors.dark.warningForeground};
+}
+`;
+}
+function generateTailwindTheme(brand) {
+  const { colors, typography, borderRadius, boxShadow } = brand;
+  return {
+    colors: {
+      primary: colors.primary,
+      // Expose brand colors under the brand name for semantic usage
+      [brand.name]: colors.primary
+    },
+    fontFamily: {
+      sans: typography.fontFamily.sans,
+      ...typography.fontFamily.mono ? { mono: typography.fontFamily.mono } : {}
+    },
+    borderRadius: {
+      none: borderRadius.none,
+      sm: borderRadius.sm,
+      md: borderRadius.md,
+      lg: borderRadius.lg,
+      xl: borderRadius.xl,
+      "2xl": borderRadius["2xl"],
+      full: borderRadius.full
+    },
+    boxShadow: {
+      card: boxShadow.card,
+      dropdown: boxShadow.dropdown,
+      modal: boxShadow.modal
+    }
+  };
+}
+function createBrandPreset(brand) {
+  return {
+    darkMode: ["class", '[data-theme="dark"]'],
+    theme: {
+      extend: generateTailwindTheme(brand)
+    }
+  };
+}
+
+exports.createBrandPreset = createBrandPreset;
+exports.generateBrandCSS = generateBrandCSS;
+exports.generateTailwindTheme = generateTailwindTheme;
+//# sourceMappingURL=chunk-FFJVCQ5R.cjs.map
+//# sourceMappingURL=chunk-FFJVCQ5R.cjs.map

package/dist/chunk-FFJVCQ5R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brands/types.ts"],"names":[],"mappings":"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","file":"chunk-FFJVCQ5R.cjs","sourcesContent":["/**\n * @mieweb/ui Brand System Types\n *\n * This module provides type definitions and utilities for brand themes.\n * Brands define colors, typography, spacing, and other design tokens that\n * can be applied to @mieweb/ui components.\n */\n\n// ============================================================================\n// Type Definitions\n// ============================================================================\n\n/**\n * Primary color scale (50-950) following Tailwind conventions.\n */\nexport interface ColorScale {\n  50: string;\n  100: string;\n  200: string;\n  300: string;\n  400: string;\n  500: string;\n  600: string;\n  700: string;\n  800: string;\n  900: string;\n  950: string;\n}\n\n/**\n * Semantic colors for a specific color mode (light or dark).\n */\nexport interface SemanticColors {\n  /** Page background color */\n  background: string;\n  /** Primary text color */\n  foreground: string;\n  /** Card/panel background */\n  card: string;\n  /** Card text color */\n  cardForeground: string;\n  /** Muted/subtle background */\n  muted: string;\n  /** Muted/secondary text */\n  mutedForeground: string;\n  /** Border color */\n  border: string;\n  /** Input border color */\n  input: string;\n  /** Focus ring color */\n  ring: string;\n  /** Destructive/error color */\n  destructive: string;\n  /** Text on destructive backgrounds */\n  destructiveForeground: string;\n  /** Success color */\n  success: string;\n  /** Text on success backgrounds */\n  successForeground: string;\n  /** Warning color */\n  warning: string;\n  /** Text on warning backgrounds */\n  warningForeground: string;\n}\n\n/**\n * Complete color configuration for a brand.\n */\nexport interface BrandColors {\n  /** Primary brand color scale */\n  primary: ColorScale;\n  /** Light mode semantic colors */\n  light: SemanticColors;\n  /** Dark mode semantic colors */\n  dark: SemanticColors;\n}\n\n/**\n * Typography configuration for a brand.\n */\nexport interface BrandTypography {\n  /** Font family stack for body text */\n  fontFamily: {\n    sans: string[];\n    mono?: string[];\n  };\n  /** Base font size (usually 16px) */\n  baseFontSize?: string;\n}\n\n/**\n * Border radius configuration.\n */\nexport interface BrandBorderRadius {\n  none: string;\n  sm: string;\n  md: string;\n  lg: string;\n  xl: string;\n  '2xl': string;\n  full: string;\n}\n\n/**\n * Box shadow configuration.\n */\nexport interface BrandBoxShadow {\n  card: string;\n  dropdown: string;\n  modal: string;\n}\n\n/**\n * Complete brand configuration.\n */\nexport interface BrandConfig {\n  /** Unique identifier (lowercase, no spaces) */\n  name: string;\n  /** Human-readable display name */\n  displayName: string;\n  /** Brand description */\n  description?: string;\n  /** Color configuration */\n  colors: BrandColors;\n  /** Typography settings */\n  typography: BrandTypography;\n  /** Border radius scale */\n  borderRadius: BrandBorderRadius;\n  /** Box shadow definitions */\n  boxShadow: BrandBoxShadow;\n}\n\n// ============================================================================\n// CSS Generation\n// ============================================================================\n\n/**\n * Generate CSS custom properties from a brand configuration.\n * This creates a standalone CSS file that can be imported into any project.\n */\nexport function generateBrandCSS(brand: BrandConfig): string {\n  const { colors, typography, borderRadius, boxShadow } = brand;\n\n  return `/**\n * ${brand.displayName} Brand Theme\n * Generated by @mieweb/ui\n * ${brand.description || ''}\n */\n\n/* ============================================\n   ${brand.displayName} Design Tokens\n   ============================================ */\n\n:root {\n  /* Primary Color Scale */\n  --mieweb-primary-50: ${colors.primary[50]};\n  --mieweb-primary-100: ${colors.primary[100]};\n  --mieweb-primary-200: ${colors.primary[200]};\n  --mieweb-primary-300: ${colors.primary[300]};\n  --mieweb-primary-400: ${colors.primary[400]};\n  --mieweb-primary-500: ${colors.primary[500]};\n  --mieweb-primary-600: ${colors.primary[600]};\n  --mieweb-primary-700: ${colors.primary[700]};\n  --mieweb-primary-800: ${colors.primary[800]};\n  --mieweb-primary-900: ${colors.primary[900]};\n  --mieweb-primary-950: ${colors.primary[950]};\n\n  /* Light Mode Semantic Colors */\n  --mieweb-background: ${colors.light.background};\n  --mieweb-foreground: ${colors.light.foreground};\n  --mieweb-card: ${colors.light.card};\n  --mieweb-card-foreground: ${colors.light.cardForeground};\n  --mieweb-muted: ${colors.light.muted};\n  --mieweb-muted-foreground: ${colors.light.mutedForeground};\n  --mieweb-border: ${colors.light.border};\n  --mieweb-input: ${colors.light.input};\n  --mieweb-ring: ${colors.light.ring};\n  --mieweb-destructive: ${colors.light.destructive};\n  --mieweb-destructive-foreground: ${colors.light.destructiveForeground};\n  --mieweb-success: ${colors.light.success};\n  --mieweb-success-foreground: ${colors.light.successForeground};\n  --mieweb-warning: ${colors.light.warning};\n  --mieweb-warning-foreground: ${colors.light.warningForeground};\n\n  /* Typography */\n  --mieweb-font-sans: ${typography.fontFamily.sans.map((f) => (f.includes(' ') ? `\"${f}\"` : f)).join(', ')};\n  ${typography.fontFamily.mono ? `--mieweb-font-mono: ${typography.fontFamily.mono.map((f) => (f.includes(' ') ? `\"${f}\"` : f)).join(', ')};` : ''}\n\n  /* Border Radius */\n  --mieweb-radius-none: ${borderRadius.none};\n  --mieweb-radius-sm: ${borderRadius.sm};\n  --mieweb-radius-md: ${borderRadius.md};\n  --mieweb-radius-lg: ${borderRadius.lg};\n  --mieweb-radius-xl: ${borderRadius.xl};\n  --mieweb-radius-2xl: ${borderRadius['2xl']};\n  --mieweb-radius-full: ${borderRadius.full};\n\n  /* Shadows */\n  --mieweb-shadow-card: ${boxShadow.card};\n  --mieweb-shadow-dropdown: ${boxShadow.dropdown};\n  --mieweb-shadow-modal: ${boxShadow.modal};\n}\n\n/* Dark Mode */\n[data-theme=\"dark\"],\n.dark {\n  --mieweb-background: ${colors.dark.background};\n  --mieweb-foreground: ${colors.dark.foreground};\n  --mieweb-card: ${colors.dark.card};\n  --mieweb-card-foreground: ${colors.dark.cardForeground};\n  --mieweb-muted: ${colors.dark.muted};\n  --mieweb-muted-foreground: ${colors.dark.mutedForeground};\n  --mieweb-border: ${colors.dark.border};\n  --mieweb-input: ${colors.dark.input};\n  --mieweb-ring: ${colors.dark.ring};\n  --mieweb-destructive: ${colors.dark.destructive};\n  --mieweb-destructive-foreground: ${colors.dark.destructiveForeground};\n  --mieweb-success: ${colors.dark.success};\n  --mieweb-success-foreground: ${colors.dark.successForeground};\n  --mieweb-warning: ${colors.dark.warning};\n  --mieweb-warning-foreground: ${colors.dark.warningForeground};\n}\n`;\n}\n\n// ============================================================================\n// Tailwind Theme Generation\n// ============================================================================\n\n/**\n * Generate Tailwind CSS theme configuration from a brand.\n * Use this in your tailwind.config.js to apply the brand.\n */\nexport function generateTailwindTheme(brand: BrandConfig) {\n  const { colors, typography, borderRadius, boxShadow } = brand;\n\n  return {\n    colors: {\n      primary: colors.primary,\n      // Expose brand colors under the brand name for semantic usage\n      [brand.name]: colors.primary,\n    },\n    fontFamily: {\n      sans: typography.fontFamily.sans,\n      ...(typography.fontFamily.mono\n        ? { mono: typography.fontFamily.mono }\n        : {}),\n    },\n    borderRadius: {\n      none: borderRadius.none,\n      sm: borderRadius.sm,\n      md: borderRadius.md,\n      lg: borderRadius.lg,\n      xl: borderRadius.xl,\n      '2xl': borderRadius['2xl'],\n      full: borderRadius.full,\n    },\n    boxShadow: {\n      card: boxShadow.card,\n      dropdown: boxShadow.dropdown,\n      modal: boxShadow.modal,\n    },\n  };\n}\n\n/**\n * Generate a complete Tailwind preset for a brand.\n * This includes the mieweb/ui base preset plus brand-specific overrides.\n */\nexport function createBrandPreset(brand: BrandConfig) {\n  return {\n    darkMode: ['class', '[data-theme=\"dark\"]'] as const,\n    theme: {\n      extend: generateTailwindTheme(brand),\n    },\n  };\n}\n"]}

package/dist/chunk-FHY3K6PL.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useEscapeKey.ts
+function useEscapeKey(callback, enabled = true) {
+  const handleKeyDown = react.useCallback(
+    (event) => {
+      if (event.key === "Escape") {
+        callback();
+      }
+    },
+    [callback]
+  );
+  react.useEffect(() => {
+    if (!enabled) return;
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [handleKeyDown, enabled]);
+}
+
+exports.useEscapeKey = useEscapeKey;
+//# sourceMappingURL=chunk-FHY3K6PL.cjs.map
+//# sourceMappingURL=chunk-FHY3K6PL.cjs.map

package/dist/chunk-FHY3K6PL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useEscapeKey.ts"],"names":["useCallback","useEffect"],"mappings":";;;;;AAiBO,SAAS,YAAA,CAAa,QAAA,EAAsB,OAAA,GAAU,IAAA,EAAY;AACvE,EAAA,MAAM,aAAA,GAAgBA,iBAAA;AAAA,IACpB,CAAC,KAAA,KAAoC;AACnC,MAAA,IAAI,KAAA,CAAM,QAAQ,QAAA,EAAU;AAC1B,QAAA,QAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,aAAa,CAAA;AAClD,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,SAAA,EAAW,aAAa,CAAA;AAAA,EACpE,CAAA,EAAG,CAAC,aAAA,EAAe,OAAO,CAAC,CAAA;AAC7B","file":"chunk-FHY3K6PL.cjs","sourcesContent":["import { useEffect, useCallback } from 'react';\n\n/**\n * Hook that triggers a callback when the Escape key is pressed.\n * Useful for closing modals, dropdowns, and other overlays.\n *\n * @param callback - Function to call when Escape is pressed\n * @param enabled - Whether the listener is active (default: true)\n *\n * @example\n * ```tsx\n * function Modal({ onClose }: { onClose: () => void }) {\n *   useEscapeKey(onClose);\n *   return <div>Modal content</div>;\n * }\n * ```\n */\nexport function useEscapeKey(callback: () => void, enabled = true): void {\n  const handleKeyDown = useCallback(\n    (event: globalThis.KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        callback();\n      }\n    },\n    [callback]\n  );\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [handleKeyDown, enabled]);\n}\n"]}

package/dist/chunk-FIUNOH6W.js

@@ -0,0 +1,13 @@
+// src/brands/index.ts
+var brands = {
+  bluehive: () => import('./brands/bluehive.js').then((m) => m.bluehiveBrand),
+  default: () => import('./default-LIRPABBK.js').then((m) => m.defaultBrand),
+  "enterprise-health": () => import('./enterprise-health-ORQQOLM3.js').then((m) => m.enterpriseHealthBrand),
+  mieweb: () => import('./mieweb-PV2YKYO7.js').then((m) => m.miewebBrand),
+  waggleline: () => import('./waggleline-BMUYAFJF.js').then((m) => m.wagglelineBrand),
+  webchart: () => import('./webchart-2SLO5ICI.js').then((m) => m.webchartBrand)
+};
+
+export { brands };
+//# sourceMappingURL=chunk-FIUNOH6W.js.map
+//# sourceMappingURL=chunk-FIUNOH6W.js.map

package/dist/chunk-FIUNOH6W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brands/index.ts"],"names":[],"mappings":";AAgCO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,MAAM,OAAO,sBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAAA,EAChE,OAAA,EAAS,MAAM,OAAO,uBAAW,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,YAAY,CAAA;AAAA,EAC7D,mBAAA,EAAqB,MACnB,OAAO,iCAAqB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,qBAAqB,CAAA;AAAA,EACnE,MAAA,EAAQ,MAAM,OAAO,sBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,UAAA,EAAY,MAAM,OAAO,0BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,eAAe,CAAA;AAAA,EACtE,QAAA,EAAU,MAAM,OAAO,wBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa;AAClE","file":"chunk-FIUNOH6W.js","sourcesContent":["/**\n * @mieweb/ui Brand System\n *\n * Export all brand-related types, utilities, and configurations.\n */\n\n// Types and utilities\nexport type {\n  BrandConfig,\n  BrandColors,\n  BrandTypography,\n  BrandBorderRadius,\n  BrandBoxShadow,\n  ColorScale,\n  SemanticColors,\n} from './types';\n\nexport {\n  generateBrandCSS,\n  generateTailwindTheme,\n  createBrandPreset,\n} from './types';\n\n// Brand configurations\nexport { bluehiveBrand } from './bluehive';\nexport { defaultBrand } from './default';\nexport { enterpriseHealthBrand } from './enterprise-health';\nexport { miewebBrand } from './mieweb';\nexport { wagglelineBrand } from './waggleline';\nexport { webchartBrand } from './webchart';\n\n// All brands for iteration\nexport const brands = {\n  bluehive: () => import('./bluehive').then((m) => m.bluehiveBrand),\n  default: () => import('./default').then((m) => m.defaultBrand),\n  'enterprise-health': () =>\n    import('./enterprise-health').then((m) => m.enterpriseHealthBrand),\n  mieweb: () => import('./mieweb').then((m) => m.miewebBrand),\n  waggleline: () => import('./waggleline').then((m) => m.wagglelineBrand),\n  webchart: () => import('./webchart').then((m) => m.webchartBrand),\n} as const;\n"]}