@mieweb/ui 0.10.0-dev.9 → 0.11.0-dev.0

package/dist/chunk-6N7NMOSV.js

@@ -0,0 +1,233 @@
+import { groupByDay, formatDayLabel, withLocale } from './chunk-YGS2TRMP.js';
+import { RecordState } from './chunk-Y424YL55.js';
+import { Avatar } from './chunk-TI3TQQ7F.js';
+import { toDateTime } from './chunk-3YBS4WUQ.js';
+import { Select } from './chunk-VCI2Y7ST.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { DateTime } from 'luxon';
+import { ArrowRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultFieldHistoryLabels = {
+  loading: "Loading history",
+  empty: "No changes recorded",
+  error: "Could not load history",
+  retry: "Try again",
+  emptyValue: "Empty",
+  from: "Changed from",
+  to: "to",
+  fieldFilter: "Field",
+  allFields: "All fields",
+  today: "Today",
+  yesterday: "Yesterday",
+  undated: "Undated"
+};
+var ALL = "__all__";
+var isBlank = (value) => value === null || value === void 0 || value === "";
+function FieldHistoryInner({
+  items,
+  loading = false,
+  error = null,
+  onRetry,
+  locale,
+  timeZone = "local",
+  now,
+  defaultField,
+  formatValue,
+  emptyState,
+  labels,
+  classNames,
+  headingLevel: Heading = "h3",
+  className,
+  ...rest
+}, ref) {
+  const text = { ...defaultFieldHistoryLabels, ...labels };
+  const baseId = React.useId();
+  const [fieldState, setField] = React.useState(defaultField ?? ALL);
+  const reference = now ?? /* @__PURE__ */ new Date();
+  const fields = React.useMemo(
+    () => [...new Set(items.map((e) => e.field))].sort(),
+    [items]
+  );
+  const field = fields.includes(fieldState) ? fieldState : ALL;
+  const visible = field === ALL ? items : items.filter((e) => e.field === field);
+  const value = (v, entry) => isBlank(v) ? /* @__PURE__ */ jsx("span", { className: "italic", children: text.emptyValue }) : formatValue?.(v, entry) ?? String(v);
+  const renderEntry = (entry) => {
+    const dt = toDateTime(entry.changedAt, timeZone);
+    const localDt = dt && withLocale(dt, locale);
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        "data-slot": "field-history-entry",
+        className: cn("flex items-start gap-3 px-3 py-3", classNames?.entry),
+        children: [
+          /* @__PURE__ */ jsx(
+            Avatar,
+            {
+              size: "sm",
+              name: entry.changedBy?.name,
+              src: entry.changedBy?.avatarUrl,
+              alt: "",
+              "aria-hidden": true,
+              className: "shrink-0"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-foreground min-w-0 flex-1 truncate text-sm font-medium", children: entry.field }),
+              localDt && /* @__PURE__ */ jsx(
+                "time",
+                {
+                  dateTime: localDt.toISO() ?? void 0,
+                  title: localDt.toLocaleString(DateTime.DATETIME_FULL),
+                  className: "text-muted-foreground shrink-0 text-xs",
+                  children: localDt.toRelative({
+                    base: DateTime.fromJSDate(reference)
+                  })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "p",
+              {
+                "data-slot": "field-history-value",
+                className: cn(
+                  "mt-1 flex flex-wrap items-center gap-x-2 gap-y-1 text-sm",
+                  classNames?.value
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: text.from }),
+                  /* @__PURE__ */ jsx("del", { className: "text-muted-foreground line-through", children: value(entry.from, entry) }),
+                  /* @__PURE__ */ jsx(
+                    ArrowRight,
+                    {
+                      className: "text-muted-foreground size-3.5 shrink-0 rtl:rotate-180",
+                      "aria-hidden": true
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: text.to }),
+                  /* @__PURE__ */ jsx("ins", { className: "text-foreground no-underline", children: value(entry.to, entry) })
+                ]
+              }
+            ),
+            (entry.changedBy || entry.source) && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: [entry.changedBy?.name, entry.source].filter(Boolean).join(" \xB7 ") })
+          ] })
+        ]
+      },
+      entry.id
+    );
+  };
+  let body;
+  if (error) {
+    body = /* @__PURE__ */ jsx(
+      RecordState,
+      {
+        kind: "error",
+        slot: "field-history-state",
+        message: text.error,
+        retryLabel: text.retry,
+        onRetry,
+        className: classNames?.state
+      }
+    );
+  } else if (loading) {
+    body = /* @__PURE__ */ jsx(
+      RecordState,
+      {
+        kind: "loading",
+        slot: "field-history-state",
+        message: text.loading,
+        className: classNames?.state
+      }
+    );
+  } else if (visible.length === 0) {
+    body = emptyState ?? /* @__PURE__ */ jsx(
+      RecordState,
+      {
+        kind: "empty",
+        slot: "field-history-state",
+        message: text.empty,
+        className: classNames?.state
+      }
+    );
+  } else {
+    body = groupByDay(visible, (e) => e.changedAt, timeZone).map((day) => {
+      const headingId = `${baseId}-${day.key || "none"}`;
+      return /* @__PURE__ */ jsxs(
+        "section",
+        {
+          "aria-labelledby": headingId,
+          "data-slot": "field-history-section",
+          className: classNames?.section,
+          children: [
+            /* @__PURE__ */ jsx(
+              Heading,
+              {
+                id: headingId,
+                "data-slot": "field-history-day-header",
+                className: cn(
+                  "border-border bg-card text-muted-foreground sticky top-0 z-10 border-b px-3 py-2 text-xs font-semibold tracking-wide uppercase",
+                  classNames?.dayHeader
+                ),
+                children: formatDayLabel(day.key, {
+                  now: reference,
+                  zone: timeZone,
+                  locale,
+                  today: text.today,
+                  yesterday: text.yesterday,
+                  undated: text.undated
+                })
+              }
+            ),
+            /* @__PURE__ */ jsx("ul", { className: "divide-border divide-y", children: day.items.map(renderEntry) })
+          ]
+        },
+        day.key
+      );
+    });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "field-history",
+      className: cn(
+        "border-border bg-card overflow-hidden rounded-lg border",
+        className
+      ),
+      ...rest,
+      children: [
+        fields.length > 1 && !loading && !error && /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "field-history-toolbar",
+            className: cn("border-border border-b p-3", classNames?.toolbar),
+            children: /* @__PURE__ */ jsx(
+              Select,
+              {
+                size: "sm",
+                label: text.fieldFilter,
+                hideLabel: true,
+                value: field,
+                onValueChange: setField,
+                options: [
+                  { value: ALL, label: text.allFields },
+                  ...fields.map((f) => ({ value: f, label: f }))
+                ],
+                className: "sm:max-w-xs"
+              }
+            )
+          }
+        ),
+        body
+      ]
+    }
+  );
+}
+var FieldHistory = React.forwardRef(FieldHistoryInner);
+FieldHistory.displayName = "FieldHistory";
+
+export { FieldHistory, defaultFieldHistoryLabels };
+//# sourceMappingURL=chunk-6N7NMOSV.js.map
+//# sourceMappingURL=chunk-6N7NMOSV.js.map

package/dist/chunk-6N7NMOSV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FieldHistory/FieldHistory.tsx"],"names":[],"mappings":"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","file":"chunk-6N7NMOSV.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DateTime } from 'luxon';\nimport { ArrowRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar';\nimport { Select } from '../Select';\nimport { toDateTime } from '../../views/types';\nimport {\n  formatDayLabel,\n  groupByDay,\n  withLocale,\n} from '../ActivityFeed/dayGroups';\nimport { RecordState } from '../ActivityFeed/RecordState';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type FieldHistoryValue = string | number | boolean | null | undefined;\n\nexport interface FieldHistoryActor {\n  name: string;\n  avatarUrl?: string;\n}\n\nexport interface FieldHistoryEntry<V = FieldHistoryValue> {\n  id: string;\n  /** Display label of the changed field. */\n  field: string;\n  from?: V;\n  to?: V;\n  /** ISO string or `Date`. */\n  changedAt: string | Date;\n  changedBy?: FieldHistoryActor;\n  /** Where the change came from, e.g. \"Import\" or \"API\". */\n  source?: string;\n}\n\nexport interface FieldHistoryLabels {\n  loading: string;\n  empty: string;\n  error: string;\n  retry: string;\n  /** Shown in place of a blank value. */\n  emptyValue: string;\n  /** Screen-reader prefix for the old value. */\n  from: string;\n  /** Screen-reader prefix for the new value. */\n  to: string;\n  fieldFilter: string;\n  allFields: string;\n  today: string;\n  yesterday: string;\n  undated: string;\n}\n\nexport const defaultFieldHistoryLabels: FieldHistoryLabels = {\n  loading: 'Loading history',\n  empty: 'No changes recorded',\n  error: 'Could not load history',\n  retry: 'Try again',\n  emptyValue: 'Empty',\n  from: 'Changed from',\n  to: 'to',\n  fieldFilter: 'Field',\n  allFields: 'All fields',\n  today: 'Today',\n  yesterday: 'Yesterday',\n  undated: 'Undated',\n};\n\nexport type FieldHistorySlot =\n  | 'toolbar'\n  | 'section'\n  | 'dayHeader'\n  | 'entry'\n  | 'value'\n  | 'state';\n\nexport interface FieldHistoryProps<V = FieldHistoryValue> extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  items: FieldHistoryEntry<V>[];\n  loading?: boolean;\n  error?: Error | null;\n  onRetry?: () => void;\n  locale?: string;\n  /** IANA zone for day boundaries. Defaults to local. */\n  timeZone?: string;\n  /** Pins \"now\" for relative times in stories and tests. */\n  now?: Date;\n  /** Field shown first; the user can change it. Omit for all fields. */\n  defaultField?: string;\n  /** Renders a non-empty value, e.g. a currency or a status badge. */\n  formatValue?: (value: V, entry: FieldHistoryEntry<V>) => React.ReactNode;\n  emptyState?: React.ReactNode;\n  labels?: Partial<FieldHistoryLabels>;\n  classNames?: Partial<Record<FieldHistorySlot, string>>;\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\nconst ALL = '__all__';\n\nconst isBlank = (value: unknown) =>\n  value === null || value === undefined || value === '';\n\n// =============================================================================\n// Component\n// =============================================================================\n\nfunction FieldHistoryInner<V = FieldHistoryValue>(\n  {\n    items,\n    loading = false,\n    error = null,\n    onRetry,\n    locale,\n    timeZone = 'local',\n    now,\n    defaultField,\n    formatValue,\n    emptyState,\n    labels,\n    classNames,\n    headingLevel: Heading = 'h3',\n    className,\n    ...rest\n  }: FieldHistoryProps<V>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const text = { ...defaultFieldHistoryLabels, ...labels };\n  const baseId = React.useId();\n  const [fieldState, setField] = React.useState(defaultField ?? ALL);\n  const reference = now ?? new Date();\n\n  const fields = React.useMemo(\n    () => [...new Set(items.map((e) => e.field))].sort(),\n    [items]\n  );\n  // A field no longer in `items` falls back to all, so the history can't go blank.\n  const field = fields.includes(fieldState) ? fieldState : ALL;\n  const visible =\n    field === ALL ? items : items.filter((e) => e.field === field);\n\n  const value = (v: V | undefined, entry: FieldHistoryEntry<V>) =>\n    isBlank(v) ? (\n      <span className=\"italic\">{text.emptyValue}</span>\n    ) : (\n      (formatValue?.(v as V, entry) ?? String(v))\n    );\n\n  const renderEntry = (entry: FieldHistoryEntry<V>) => {\n    const dt = toDateTime(entry.changedAt, timeZone);\n    const localDt = dt && withLocale(dt, locale);\n    return (\n      <li\n        key={entry.id}\n        data-slot=\"field-history-entry\"\n        className={cn('flex items-start gap-3 px-3 py-3', classNames?.entry)}\n      >\n        <Avatar\n          size=\"sm\"\n          name={entry.changedBy?.name}\n          src={entry.changedBy?.avatarUrl}\n          alt=\"\"\n          aria-hidden\n          className=\"shrink-0\"\n        />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-baseline gap-2\">\n            <span className=\"text-foreground min-w-0 flex-1 truncate text-sm font-medium\">\n              {entry.field}\n            </span>\n            {localDt && (\n              <time\n                dateTime={localDt.toISO() ?? undefined}\n                title={localDt.toLocaleString(DateTime.DATETIME_FULL)}\n                className=\"text-muted-foreground shrink-0 text-xs\"\n              >\n                {localDt.toRelative({\n                  base: DateTime.fromJSDate(reference),\n                })}\n              </time>\n            )}\n          </div>\n          <p\n            data-slot=\"field-history-value\"\n            className={cn(\n              'mt-1 flex flex-wrap items-center gap-x-2 gap-y-1 text-sm',\n              classNames?.value\n            )}\n          >\n            <span className=\"sr-only\">{text.from}</span>\n            <del className=\"text-muted-foreground line-through\">\n              {value(entry.from, entry)}\n            </del>\n            <ArrowRight\n              className=\"text-muted-foreground size-3.5 shrink-0 rtl:rotate-180\"\n              aria-hidden\n            />\n            <span className=\"sr-only\">{text.to}</span>\n            <ins className=\"text-foreground no-underline\">\n              {value(entry.to, entry)}\n            </ins>\n          </p>\n          {(entry.changedBy || entry.source) && (\n            <p className=\"text-muted-foreground mt-1 text-xs\">\n              {[entry.changedBy?.name, entry.source]\n                .filter(Boolean)\n                .join(' · ')}\n            </p>\n          )}\n        </div>\n      </li>\n    );\n  };\n\n  let body: React.ReactNode;\n  if (error) {\n    body = (\n      <RecordState\n        kind=\"error\"\n        slot=\"field-history-state\"\n        message={text.error}\n        retryLabel={text.retry}\n        onRetry={onRetry}\n        className={classNames?.state}\n      />\n    );\n  } else if (loading) {\n    body = (\n      <RecordState\n        kind=\"loading\"\n        slot=\"field-history-state\"\n        message={text.loading}\n        className={classNames?.state}\n      />\n    );\n  } else if (visible.length === 0) {\n    body = emptyState ?? (\n      <RecordState\n        kind=\"empty\"\n        slot=\"field-history-state\"\n        message={text.empty}\n        className={classNames?.state}\n      />\n    );\n  } else {\n    body = groupByDay(visible, (e) => e.changedAt, timeZone).map((day) => {\n      const headingId = `${baseId}-${day.key || 'none'}`;\n      return (\n        <section\n          key={day.key}\n          aria-labelledby={headingId}\n          data-slot=\"field-history-section\"\n          className={classNames?.section}\n        >\n          <Heading\n            id={headingId}\n            data-slot=\"field-history-day-header\"\n            className={cn(\n              'border-border bg-card text-muted-foreground sticky top-0 z-10 border-b px-3 py-2 text-xs font-semibold tracking-wide uppercase',\n              classNames?.dayHeader\n            )}\n          >\n            {formatDayLabel(day.key, {\n              now: reference,\n              zone: timeZone,\n              locale,\n              today: text.today,\n              yesterday: text.yesterday,\n              undated: text.undated,\n            })}\n          </Heading>\n          <ul className=\"divide-border divide-y\">\n            {day.items.map(renderEntry)}\n          </ul>\n        </section>\n      );\n    });\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"field-history\"\n      className={cn(\n        'border-border bg-card overflow-hidden rounded-lg border',\n        className\n      )}\n      {...rest}\n    >\n      {fields.length > 1 && !loading && !error && (\n        <div\n          data-slot=\"field-history-toolbar\"\n          className={cn('border-border border-b p-3', classNames?.toolbar)}\n        >\n          <Select\n            size=\"sm\"\n            label={text.fieldFilter}\n            hideLabel\n            value={field}\n            onValueChange={setField}\n            options={[\n              { value: ALL, label: text.allFields },\n              ...fields.map((f) => ({ value: f, label: f })),\n            ]}\n            className=\"sm:max-w-xs\"\n          />\n        </div>\n      )}\n      {body}\n    </div>\n  );\n}\n\n/**\n * The change log of a record's fields, grouped by day. Declared\n * `parameters.catalog.collection` — its load states are part of the API.\n */\nexport const FieldHistory = React.forwardRef(FieldHistoryInner) as <\n  V = FieldHistoryValue,\n>(\n  props: FieldHistoryProps<V> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement;\n\n(FieldHistory as React.FC).displayName = 'FieldHistory';\n"]}

package/dist/chunk-6TTCZY3P.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=chunk-6TTCZY3P.cjs.map
+//# sourceMappingURL=chunk-6TTCZY3P.cjs.map

package/dist/chunk-6TTCZY3P.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-6TTCZY3P.cjs"}

package/dist/{chunk-YQDA366U.js → chunk-753ENNB6.js}

@@ -11,5 +11,5 @@ var brands = {
 };
 
 export { brands };
-//# sourceMappingURL=chunk-YQDA366U.js.map
-//# sourceMappingURL=chunk-YQDA366U.js.map
+//# sourceMappingURL=chunk-753ENNB6.js.map
+//# sourceMappingURL=chunk-753ENNB6.js.map

package/dist/{chunk-YQDA366U.js.map → chunk-753ENNB6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/brands/index.ts"],"names":[],"mappings":";AAkCO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,MAAM,OAAO,sBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAAA,EAChE,IAAA,EAAM,MAAM,OAAO,kBAAQ,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,SAAS,CAAA;AAAA,EACpD,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,MAAA,EAAQ,MAAM,OAAO,oBAAU,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-YQDA366U.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 { ccmeBrand } from './ccme';\nexport { defaultBrand } from './default';\nexport { enterpriseHealthBrand } from './enterprise-health';\nexport { miewebBrand } from './mieweb';\nexport { ozwellBrand } from './ozwell';\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  ccme: () => import('./ccme').then((m) => m.ccmeBrand),\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  ozwell: () => import('./ozwell').then((m) => m.ozwellBrand),\n  waggleline: () => import('./waggleline').then((m) => m.wagglelineBrand),\n  webchart: () => import('./webchart').then((m) => m.webchartBrand),\n} as const;\n"]}
+{"version":3,"sources":["../src/brands/index.ts"],"names":[],"mappings":";AAkCO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,MAAM,OAAO,sBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAAA,EAChE,IAAA,EAAM,MAAM,OAAO,kBAAQ,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,SAAS,CAAA;AAAA,EACpD,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,MAAA,EAAQ,MAAM,OAAO,oBAAU,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-753ENNB6.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 { ccmeBrand } from './ccme';\nexport { defaultBrand } from './default';\nexport { enterpriseHealthBrand } from './enterprise-health';\nexport { miewebBrand } from './mieweb';\nexport { ozwellBrand } from './ozwell';\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  ccme: () => import('./ccme').then((m) => m.ccmeBrand),\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  ozwell: () => import('./ozwell').then((m) => m.ozwellBrand),\n  waggleline: () => import('./waggleline').then((m) => m.wagglelineBrand),\n  webchart: () => import('./webchart').then((m) => m.webchartBrand),\n} as const;\n"]}

package/dist/{chunk-N6IY47YA.cjs → chunk-7C5W744U.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVNYW4C4J_cjs = require('./chunk-VNYW4C4J.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var lucideReact = require('lucide-react');
@@ -218,7 +218,7 @@ var FloatingWindow = React__namespace.forwardRef(
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-window-controls": true, className: "flex items-center gap-1", children: [
                   onMinimize && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkVNYW4C4J_cjs.Button,
+                    chunkANMX7YDL_cjs.Button,
                     {
                       type: "button",
                       variant: "ghost",
@@ -231,7 +231,7 @@ var FloatingWindow = React__namespace.forwardRef(
                     }
                   ),
                   onPopOut && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkVNYW4C4J_cjs.Button,
+                    chunkANMX7YDL_cjs.Button,
                     {
                       type: "button",
                       variant: "ghost",
@@ -244,7 +244,7 @@ var FloatingWindow = React__namespace.forwardRef(
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkVNYW4C4J_cjs.Button,
+                    chunkANMX7YDL_cjs.Button,
                     {
                       type: "button",
                       variant: "ghost",
@@ -305,7 +305,7 @@ var MinimizedWindow = React__namespace.forwardRef(
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkVNYW4C4J_cjs.Button,
+          chunkANMX7YDL_cjs.Button,
           {
             type: "button",
             variant: "ghost",
@@ -319,7 +319,7 @@ var MinimizedWindow = React__namespace.forwardRef(
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkVNYW4C4J_cjs.Button,
+          chunkANMX7YDL_cjs.Button,
           {
             type: "button",
             variant: "ghost",
@@ -339,5 +339,5 @@ MinimizedWindow.displayName = "MinimizedWindow";
 
 exports.FloatingWindow = FloatingWindow;
 exports.MinimizedWindow = MinimizedWindow;
-//# sourceMappingURL=chunk-N6IY47YA.cjs.map
-//# sourceMappingURL=chunk-N6IY47YA.cjs.map
+//# sourceMappingURL=chunk-7C5W744U.cjs.map
+//# sourceMappingURL=chunk-7C5W744U.cjs.map

package/dist/{chunk-N6IY47YA.cjs.map → chunk-7C5W744U.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/FloatingWindow/FloatingWindow.tsx"],"names":["React","jsxs","cn","jsx","Button","Minus","ExternalLink","X","Square"],"mappings":"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","file":"chunk-N6IY47YA.cjs","sourcesContent":["import * as React from 'react';\nimport { Minus, Square, ExternalLink, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\n\ntype ResizeDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';\n\nexport interface FloatingWindowProps {\n  /** Whether the window is rendered. */\n  open: boolean;\n  /** Whether the window is collapsed to a minimized bar (renders nothing). */\n  minimized?: boolean;\n  /** Window title shown in the header. */\n  title: React.ReactNode;\n  /** Window body content. */\n  children: React.ReactNode;\n  /** Footer content, typically action buttons. */\n  footer?: React.ReactNode;\n  /** Called when the close control is activated. */\n  onClose: () => void;\n  /** Called when the minimize control is activated. Hidden when omitted. */\n  onMinimize?: () => void;\n  /** Called when the pop-out control is activated. Hidden when omitted. */\n  onPopOut?: () => void;\n  /**\n   * When `true` the window floats at a draggable position. When `false`\n   * (default) it is centered over a dimmed overlay like a modal.\n   */\n  draggable?: boolean;\n  /** Whether the window can be resized from its edges/corners. Default true. */\n  resizable?: boolean;\n  /** Initial width in pixels. Default 1024. */\n  defaultWidth?: number;\n  /** Initial height in pixels. Default 600. */\n  defaultHeight?: number;\n  /** Minimum width in pixels. Default 600. */\n  minWidth?: number;\n  /** Minimum height in pixels. Default 400. */\n  minHeight?: number;\n  /** Class applied to the window container. */\n  className?: string;\n  /** Accessible label for the dialog when the title is not text. */\n  'aria-label'?: string;\n}\n\n// Resize handles are genuinely physical: their geometry is tied to mouse\n// clientX/clientY drag math, and every edge/corner has a handle, so RTL users\n// lose nothing. Exempt from the RTL guard.\nconst RESIZE_HANDLES: { dir: ResizeDirection; className: string }[] = [\n  { dir: 'nw', className: 'top-0 left-0 h-2 w-2 cursor-nw-resize' }, // rtl-ignore\n  { dir: 'ne', className: 'top-0 right-0 h-2 w-2 cursor-ne-resize' }, // rtl-ignore\n  { dir: 'sw', className: 'bottom-0 left-0 h-2 w-2 cursor-sw-resize' }, // rtl-ignore\n  { dir: 'n', className: 'top-0 left-2 right-2 h-1 cursor-n-resize' }, // rtl-ignore\n  { dir: 's', className: 'bottom-0 left-2 right-2 h-1 cursor-s-resize' }, // rtl-ignore\n  { dir: 'w', className: 'left-0 top-2 bottom-2 w-1 cursor-w-resize' }, // rtl-ignore\n  { dir: 'e', className: 'right-0 top-2 bottom-2 w-1 cursor-e-resize' }, // rtl-ignore\n];\n\n/**\n * A presentational floating window shell used for pop-out editors (notes,\n * letters, etc.). It can render as a centered modal-style window or as a\n * draggable, freely-positioned window, and supports edge/corner resizing.\n * Open/minimize/close state and footer actions are controlled via props so it\n * can be wired to any store.\n */\nconst FloatingWindow = React.forwardRef<HTMLDivElement, FloatingWindowProps>(\n  (\n    {\n      open,\n      minimized = false,\n      title,\n      children,\n      footer,\n      onClose,\n      onMinimize,\n      onPopOut,\n      draggable = false,\n      resizable = true,\n      defaultWidth = 1024,\n      defaultHeight = 600,\n      minWidth = 600,\n      minHeight = 400,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref\n  ) => {\n    const [size, setSize] = React.useState({\n      width: defaultWidth,\n      height: defaultHeight,\n    });\n    const [position, setPosition] = React.useState({ x: 50, y: 50 });\n\n    const dragRef = React.useRef<{ x: number; y: number } | null>(null);\n    const resizeRef = React.useRef<{\n      dir: ResizeDirection;\n      startX: number;\n      startY: number;\n      startW: number;\n      startH: number;\n      startPosX: number;\n      startPosY: number;\n    } | null>(null);\n\n    const titleId = React.useId();\n\n    const handleResizeStart = (e: React.MouseEvent, dir: ResizeDirection) => {\n      e.preventDefault();\n      e.stopPropagation();\n      resizeRef.current = {\n        dir,\n        startX: e.clientX,\n        startY: e.clientY,\n        startW: size.width,\n        startH: size.height,\n        startPosX: position.x,\n        startPosY: position.y,\n      };\n    };\n\n    const handleDragStart = (e: React.MouseEvent) => {\n      if (!draggable) return;\n      if ((e.target as HTMLElement).closest('[data-window-controls]')) return;\n      const rect = (e.currentTarget as HTMLElement)\n        .closest('[data-slot=\"floating-window\"]')!\n        .getBoundingClientRect();\n      dragRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };\n    };\n\n    React.useEffect(() => {\n      if (!open || minimized) return;\n\n      const handleMouseMove = (e: MouseEvent) => {\n        if (dragRef.current) {\n          setPosition({\n            x: e.clientX - dragRef.current.x,\n            y: e.clientY - dragRef.current.y,\n          });\n          return;\n        }\n        const r = resizeRef.current;\n        if (!r) return;\n        const deltaX = e.clientX - r.startX;\n        const deltaY = e.clientY - r.startY;\n        let newWidth = r.startW;\n        let newHeight = r.startH;\n        let newX = r.startPosX;\n        let newY = r.startPosY;\n\n        if (r.dir.includes('e')) {\n          newWidth = Math.max(\n            minWidth,\n            Math.min(window.innerWidth - 40, r.startW + deltaX)\n          );\n        }\n        if (r.dir.includes('w')) {\n          newWidth = Math.max(minWidth, r.startW - deltaX);\n          if (draggable) newX = r.startPosX + (r.startW - newWidth);\n        }\n        if (r.dir.includes('s')) {\n          newHeight = Math.max(\n            minHeight,\n            Math.min(window.innerHeight - 40, r.startH + deltaY)\n          );\n        }\n        if (r.dir.includes('n')) {\n          newHeight = Math.max(minHeight, r.startH - deltaY);\n          if (draggable) newY = r.startPosY + (r.startH - newHeight);\n        }\n\n        setSize({ width: newWidth, height: newHeight });\n        if (draggable && (r.dir.includes('w') || r.dir.includes('n'))) {\n          setPosition({ x: newX, y: newY });\n        }\n      };\n\n      const handleMouseUp = () => {\n        dragRef.current = null;\n        resizeRef.current = null;\n      };\n\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n      };\n    }, [open, minimized, draggable, minWidth, minHeight]);\n\n    if (!open || minimized) return null;\n\n    const windowEl = (\n      <div\n        ref={ref}\n        data-slot=\"floating-window\"\n        role=\"dialog\"\n        aria-modal={draggable ? undefined : true}\n        aria-labelledby={typeof title === 'string' ? titleId : undefined}\n        aria-label={typeof title === 'string' ? undefined : ariaLabel}\n        className={cn(\n          'bg-card text-card-foreground relative flex flex-col overflow-hidden rounded-lg shadow-2xl',\n          draggable && 'border-primary-800 fixed border-2',\n          className\n        )}\n        style={\n          draggable\n            ? {\n                left: position.x,\n                top: position.y,\n                width: size.width,\n                height: size.height,\n                maxWidth: 'calc(100vw - 40px)',\n                maxHeight: 'calc(100vh - 40px)',\n                zIndex: 50,\n              }\n            : {\n                width: size.width,\n                height: size.height,\n                maxWidth: 'calc(100vw - 40px)',\n                maxHeight: 'calc(100vh - 40px)',\n              }\n        }\n      >\n        {resizable &&\n          RESIZE_HANDLES.map((handle) => (\n            <div\n              key={handle.dir}\n              aria-hidden=\"true\"\n              className={cn('absolute z-10', handle.className)}\n              onMouseDown={(e) => handleResizeStart(e, handle.dir)}\n            />\n          ))}\n        {resizable && (\n          <div\n            aria-hidden=\"true\"\n            // rtl-ignore -- physical se-corner grip, paired with clientX resize math\n            className=\"hover:bg-muted/50 absolute right-0 bottom-0 z-10 h-4 w-4 cursor-se-resize rounded-tl\"\n            onMouseDown={(e) => handleResizeStart(e, 'se')}\n          >\n            <svg\n              className=\"text-muted-foreground/50 h-4 w-4\"\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n            >\n              <path d=\"M22 22H20V20H22V22ZM22 18H20V16H22V18ZM18 22H16V20H18V22ZM22 14H20V12H22V14ZM18 18H16V16H18V18ZM14 22H12V20H14V22Z\" />\n            </svg>\n          </div>\n        )}\n\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- header acts as an optional drag handle; the controls inside remain keyboard accessible */}\n        <div\n          data-slot=\"floating-window-header\"\n          className={cn(\n            'bg-primary-800 text-primary-foreground flex items-center justify-between rounded-t-lg px-4 py-3',\n            draggable && 'cursor-move'\n          )}\n          onMouseDown={handleDragStart}\n        >\n          <h2\n            id={typeof title === 'string' ? titleId : undefined}\n            className=\"text-lg font-semibold\"\n          >\n            {title}\n          </h2>\n          <div data-window-controls className=\"flex items-center gap-1\">\n            {onMinimize && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n                onClick={onMinimize}\n                aria-label=\"Minimize\"\n                title=\"Minimize\"\n              >\n                <Minus className=\"h-4 w-4\" />\n              </Button>\n            )}\n            {onPopOut && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n                onClick={onPopOut}\n                aria-label=\"Open in new window\"\n                title=\"Open in new window\"\n              >\n                <ExternalLink className=\"h-4 w-4\" />\n              </Button>\n            )}\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n              onClick={onClose}\n              aria-label=\"Close\"\n              title=\"Close\"\n            >\n              <X className=\"h-4 w-4\" />\n            </Button>\n          </div>\n        </div>\n\n        {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n        <div\n          data-slot=\"floating-window-content\"\n          role=\"region\"\n          className=\"flex-1 overflow-y-auto\"\n          tabIndex={0}\n        >\n          {children}\n        </div>\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n\n        {footer && (\n          <div\n            data-slot=\"floating-window-footer\"\n            className=\"border-border bg-card flex items-center justify-end gap-3 rounded-b-lg border-t px-6 py-4\"\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    );\n\n    if (draggable) return windowEl;\n\n    return (\n      <div\n        data-slot=\"floating-window-overlay\"\n        className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n      >\n        {windowEl}\n      </div>\n    );\n  }\n);\n\nFloatingWindow.displayName = 'FloatingWindow';\n\nexport interface MinimizedWindowProps {\n  /** Title shown on the minimized bar. */\n  title: React.ReactNode;\n  /** Called when the bar is activated to restore the window. */\n  onRestore: () => void;\n  /** Called when the close control is activated. */\n  onClose: () => void;\n  /** Additional class for the minimized bar. */\n  className?: string;\n}\n\n/**\n * A compact bar representing a minimized {@link FloatingWindow}. Render this\n * (typically in a docked tray) while the corresponding window is minimized.\n */\nconst MinimizedWindow = React.forwardRef<HTMLDivElement, MinimizedWindowProps>(\n  ({ title, onRestore, onClose, className }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"minimized-window\"\n      className={cn(\n        'border-border bg-card flex min-w-[200px] items-center gap-2 rounded-lg border px-3 py-2 shadow-md',\n        className\n      )}\n    >\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"h-6 px-2\"\n        onClick={onRestore}\n      >\n        <Square className=\"me-1 h-3 w-3\" />\n        <span className=\"truncate text-sm\">{title}</span>\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"ms-auto h-6 w-6 p-0\"\n        onClick={onClose}\n        aria-label=\"Close\"\n        title=\"Close\"\n      >\n        <X className=\"h-3 w-3\" />\n      </Button>\n    </div>\n  )\n);\n\nMinimizedWindow.displayName = 'MinimizedWindow';\n\nexport { FloatingWindow, MinimizedWindow };\n"]}
+{"version":3,"sources":["../src/components/FloatingWindow/FloatingWindow.tsx"],"names":["React","jsxs","cn","jsx","Button","Minus","ExternalLink","X","Square"],"mappings":"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","file":"chunk-7C5W744U.cjs","sourcesContent":["import * as React from 'react';\nimport { Minus, Square, ExternalLink, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\n\ntype ResizeDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';\n\nexport interface FloatingWindowProps {\n  /** Whether the window is rendered. */\n  open: boolean;\n  /** Whether the window is collapsed to a minimized bar (renders nothing). */\n  minimized?: boolean;\n  /** Window title shown in the header. */\n  title: React.ReactNode;\n  /** Window body content. */\n  children: React.ReactNode;\n  /** Footer content, typically action buttons. */\n  footer?: React.ReactNode;\n  /** Called when the close control is activated. */\n  onClose: () => void;\n  /** Called when the minimize control is activated. Hidden when omitted. */\n  onMinimize?: () => void;\n  /** Called when the pop-out control is activated. Hidden when omitted. */\n  onPopOut?: () => void;\n  /**\n   * When `true` the window floats at a draggable position. When `false`\n   * (default) it is centered over a dimmed overlay like a modal.\n   */\n  draggable?: boolean;\n  /** Whether the window can be resized from its edges/corners. Default true. */\n  resizable?: boolean;\n  /** Initial width in pixels. Default 1024. */\n  defaultWidth?: number;\n  /** Initial height in pixels. Default 600. */\n  defaultHeight?: number;\n  /** Minimum width in pixels. Default 600. */\n  minWidth?: number;\n  /** Minimum height in pixels. Default 400. */\n  minHeight?: number;\n  /** Class applied to the window container. */\n  className?: string;\n  /** Accessible label for the dialog when the title is not text. */\n  'aria-label'?: string;\n}\n\n// Resize handles are genuinely physical: their geometry is tied to mouse\n// clientX/clientY drag math, and every edge/corner has a handle, so RTL users\n// lose nothing. Exempt from the RTL guard.\nconst RESIZE_HANDLES: { dir: ResizeDirection; className: string }[] = [\n  { dir: 'nw', className: 'top-0 left-0 h-2 w-2 cursor-nw-resize' }, // rtl-ignore\n  { dir: 'ne', className: 'top-0 right-0 h-2 w-2 cursor-ne-resize' }, // rtl-ignore\n  { dir: 'sw', className: 'bottom-0 left-0 h-2 w-2 cursor-sw-resize' }, // rtl-ignore\n  { dir: 'n', className: 'top-0 left-2 right-2 h-1 cursor-n-resize' }, // rtl-ignore\n  { dir: 's', className: 'bottom-0 left-2 right-2 h-1 cursor-s-resize' }, // rtl-ignore\n  { dir: 'w', className: 'left-0 top-2 bottom-2 w-1 cursor-w-resize' }, // rtl-ignore\n  { dir: 'e', className: 'right-0 top-2 bottom-2 w-1 cursor-e-resize' }, // rtl-ignore\n];\n\n/**\n * A presentational floating window shell used for pop-out editors (notes,\n * letters, etc.). It can render as a centered modal-style window or as a\n * draggable, freely-positioned window, and supports edge/corner resizing.\n * Open/minimize/close state and footer actions are controlled via props so it\n * can be wired to any store.\n */\nconst FloatingWindow = React.forwardRef<HTMLDivElement, FloatingWindowProps>(\n  (\n    {\n      open,\n      minimized = false,\n      title,\n      children,\n      footer,\n      onClose,\n      onMinimize,\n      onPopOut,\n      draggable = false,\n      resizable = true,\n      defaultWidth = 1024,\n      defaultHeight = 600,\n      minWidth = 600,\n      minHeight = 400,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref\n  ) => {\n    const [size, setSize] = React.useState({\n      width: defaultWidth,\n      height: defaultHeight,\n    });\n    const [position, setPosition] = React.useState({ x: 50, y: 50 });\n\n    const dragRef = React.useRef<{ x: number; y: number } | null>(null);\n    const resizeRef = React.useRef<{\n      dir: ResizeDirection;\n      startX: number;\n      startY: number;\n      startW: number;\n      startH: number;\n      startPosX: number;\n      startPosY: number;\n    } | null>(null);\n\n    const titleId = React.useId();\n\n    const handleResizeStart = (e: React.MouseEvent, dir: ResizeDirection) => {\n      e.preventDefault();\n      e.stopPropagation();\n      resizeRef.current = {\n        dir,\n        startX: e.clientX,\n        startY: e.clientY,\n        startW: size.width,\n        startH: size.height,\n        startPosX: position.x,\n        startPosY: position.y,\n      };\n    };\n\n    const handleDragStart = (e: React.MouseEvent) => {\n      if (!draggable) return;\n      if ((e.target as HTMLElement).closest('[data-window-controls]')) return;\n      const rect = (e.currentTarget as HTMLElement)\n        .closest('[data-slot=\"floating-window\"]')!\n        .getBoundingClientRect();\n      dragRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };\n    };\n\n    React.useEffect(() => {\n      if (!open || minimized) return;\n\n      const handleMouseMove = (e: MouseEvent) => {\n        if (dragRef.current) {\n          setPosition({\n            x: e.clientX - dragRef.current.x,\n            y: e.clientY - dragRef.current.y,\n          });\n          return;\n        }\n        const r = resizeRef.current;\n        if (!r) return;\n        const deltaX = e.clientX - r.startX;\n        const deltaY = e.clientY - r.startY;\n        let newWidth = r.startW;\n        let newHeight = r.startH;\n        let newX = r.startPosX;\n        let newY = r.startPosY;\n\n        if (r.dir.includes('e')) {\n          newWidth = Math.max(\n            minWidth,\n            Math.min(window.innerWidth - 40, r.startW + deltaX)\n          );\n        }\n        if (r.dir.includes('w')) {\n          newWidth = Math.max(minWidth, r.startW - deltaX);\n          if (draggable) newX = r.startPosX + (r.startW - newWidth);\n        }\n        if (r.dir.includes('s')) {\n          newHeight = Math.max(\n            minHeight,\n            Math.min(window.innerHeight - 40, r.startH + deltaY)\n          );\n        }\n        if (r.dir.includes('n')) {\n          newHeight = Math.max(minHeight, r.startH - deltaY);\n          if (draggable) newY = r.startPosY + (r.startH - newHeight);\n        }\n\n        setSize({ width: newWidth, height: newHeight });\n        if (draggable && (r.dir.includes('w') || r.dir.includes('n'))) {\n          setPosition({ x: newX, y: newY });\n        }\n      };\n\n      const handleMouseUp = () => {\n        dragRef.current = null;\n        resizeRef.current = null;\n      };\n\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n      };\n    }, [open, minimized, draggable, minWidth, minHeight]);\n\n    if (!open || minimized) return null;\n\n    const windowEl = (\n      <div\n        ref={ref}\n        data-slot=\"floating-window\"\n        role=\"dialog\"\n        aria-modal={draggable ? undefined : true}\n        aria-labelledby={typeof title === 'string' ? titleId : undefined}\n        aria-label={typeof title === 'string' ? undefined : ariaLabel}\n        className={cn(\n          'bg-card text-card-foreground relative flex flex-col overflow-hidden rounded-lg shadow-2xl',\n          draggable && 'border-primary-800 fixed border-2',\n          className\n        )}\n        style={\n          draggable\n            ? {\n                left: position.x,\n                top: position.y,\n                width: size.width,\n                height: size.height,\n                maxWidth: 'calc(100vw - 40px)',\n                maxHeight: 'calc(100vh - 40px)',\n                zIndex: 50,\n              }\n            : {\n                width: size.width,\n                height: size.height,\n                maxWidth: 'calc(100vw - 40px)',\n                maxHeight: 'calc(100vh - 40px)',\n              }\n        }\n      >\n        {resizable &&\n          RESIZE_HANDLES.map((handle) => (\n            <div\n              key={handle.dir}\n              aria-hidden=\"true\"\n              className={cn('absolute z-10', handle.className)}\n              onMouseDown={(e) => handleResizeStart(e, handle.dir)}\n            />\n          ))}\n        {resizable && (\n          <div\n            aria-hidden=\"true\"\n            // rtl-ignore -- physical se-corner grip, paired with clientX resize math\n            className=\"hover:bg-muted/50 absolute right-0 bottom-0 z-10 h-4 w-4 cursor-se-resize rounded-tl\"\n            onMouseDown={(e) => handleResizeStart(e, 'se')}\n          >\n            <svg\n              className=\"text-muted-foreground/50 h-4 w-4\"\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n            >\n              <path d=\"M22 22H20V20H22V22ZM22 18H20V16H22V18ZM18 22H16V20H18V22ZM22 14H20V12H22V14ZM18 18H16V16H18V18ZM14 22H12V20H14V22Z\" />\n            </svg>\n          </div>\n        )}\n\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- header acts as an optional drag handle; the controls inside remain keyboard accessible */}\n        <div\n          data-slot=\"floating-window-header\"\n          className={cn(\n            'bg-primary-800 text-primary-foreground flex items-center justify-between rounded-t-lg px-4 py-3',\n            draggable && 'cursor-move'\n          )}\n          onMouseDown={handleDragStart}\n        >\n          <h2\n            id={typeof title === 'string' ? titleId : undefined}\n            className=\"text-lg font-semibold\"\n          >\n            {title}\n          </h2>\n          <div data-window-controls className=\"flex items-center gap-1\">\n            {onMinimize && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n                onClick={onMinimize}\n                aria-label=\"Minimize\"\n                title=\"Minimize\"\n              >\n                <Minus className=\"h-4 w-4\" />\n              </Button>\n            )}\n            {onPopOut && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n                onClick={onPopOut}\n                aria-label=\"Open in new window\"\n                title=\"Open in new window\"\n              >\n                <ExternalLink className=\"h-4 w-4\" />\n              </Button>\n            )}\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n              onClick={onClose}\n              aria-label=\"Close\"\n              title=\"Close\"\n            >\n              <X className=\"h-4 w-4\" />\n            </Button>\n          </div>\n        </div>\n\n        {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n        <div\n          data-slot=\"floating-window-content\"\n          role=\"region\"\n          className=\"flex-1 overflow-y-auto\"\n          tabIndex={0}\n        >\n          {children}\n        </div>\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n\n        {footer && (\n          <div\n            data-slot=\"floating-window-footer\"\n            className=\"border-border bg-card flex items-center justify-end gap-3 rounded-b-lg border-t px-6 py-4\"\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    );\n\n    if (draggable) return windowEl;\n\n    return (\n      <div\n        data-slot=\"floating-window-overlay\"\n        className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n      >\n        {windowEl}\n      </div>\n    );\n  }\n);\n\nFloatingWindow.displayName = 'FloatingWindow';\n\nexport interface MinimizedWindowProps {\n  /** Title shown on the minimized bar. */\n  title: React.ReactNode;\n  /** Called when the bar is activated to restore the window. */\n  onRestore: () => void;\n  /** Called when the close control is activated. */\n  onClose: () => void;\n  /** Additional class for the minimized bar. */\n  className?: string;\n}\n\n/**\n * A compact bar representing a minimized {@link FloatingWindow}. Render this\n * (typically in a docked tray) while the corresponding window is minimized.\n */\nconst MinimizedWindow = React.forwardRef<HTMLDivElement, MinimizedWindowProps>(\n  ({ title, onRestore, onClose, className }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"minimized-window\"\n      className={cn(\n        'border-border bg-card flex min-w-[200px] items-center gap-2 rounded-lg border px-3 py-2 shadow-md',\n        className\n      )}\n    >\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"h-6 px-2\"\n        onClick={onRestore}\n      >\n        <Square className=\"me-1 h-3 w-3\" />\n        <span className=\"truncate text-sm\">{title}</span>\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"ms-auto h-6 w-6 p-0\"\n        onClick={onClose}\n        aria-label=\"Close\"\n        title=\"Close\"\n      >\n        <X className=\"h-3 w-3\" />\n      </Button>\n    </div>\n  )\n);\n\nMinimizedWindow.displayName = 'MinimizedWindow';\n\nexport { FloatingWindow, MinimizedWindow };\n"]}

package/dist/chunk-7E46YDOT.cjs

@@ -0,0 +1,122 @@
+'use strict';
+
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+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: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      },
+      // Padding lives in compound variants so the remove button can sit
+      // closer to the end edge without fighting the symmetric `px-*`.
+      // No root gap: the remove button carries its own `ms-1` so icon and
+      // multi-node children keep their normal spacing.
+      removable: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      { size: "sm", removable: false, className: "px-2 py-0.5" },
+      { size: "sm", removable: true, className: "ps-2 pe-0.5 py-0.5" },
+      { size: "md", removable: false, className: "px-2.5 py-0.5" },
+      { size: "md", removable: true, className: "ps-2.5 pe-1 py-0.5" },
+      { size: "lg", removable: false, className: "px-3 py-1" },
+      { size: "lg", removable: true, className: "ps-3 pe-1.5 py-1" }
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      removable: false
+    }
+  }
+);
+var Badge = React__namespace.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    icon,
+    onRemove,
+    removeLabel = "Remove",
+    removeDisabled,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        ref,
+        "data-slot": "badge",
+        className: chunkS5RVSXDV_cjs.cn(
+          badgeVariants({ variant, size, removable: !!onRemove }),
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "me-1 shrink-0", children: icon }),
+          children,
+          onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "badge-remove",
+              "aria-label": removeLabel,
+              disabled: removeDisabled,
+              onClick: onRemove,
+              className: "focus-visible:ring-ring ms-1 shrink-0 rounded-full p-0.5 hover:bg-black/10 focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50 dark:hover:bg-white/10",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": "true", className: "h-3 w-3" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;
+//# sourceMappingURL=chunk-7E46YDOT.cjs.map
+//# sourceMappingURL=chunk-7E46YDOT.cjs.map

package/dist/chunk-7E46YDOT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":["cva","React","jsxs","cn","jsx","X"],"mappings":"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","file":"chunk-7E46YDOT.cjs","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 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: 'text-xs',\n        md: 'text-sm',\n        lg: 'text-base',\n      },\n      // Padding lives in compound variants so the remove button can sit\n      // closer to the end edge without fighting the symmetric `px-*`.\n      // No root gap: the remove button carries its own `ms-1` so icon and\n      // multi-node children keep their normal spacing.\n      removable: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'sm', removable: false, className: 'px-2 py-0.5' },\n      { size: 'sm', removable: true, className: 'ps-2 pe-0.5 py-0.5' },\n      { size: 'md', removable: false, className: 'px-2.5 py-0.5' },\n      { size: 'md', removable: true, className: 'ps-2.5 pe-1 py-0.5' },\n      { size: 'lg', removable: false, className: 'px-3 py-1' },\n      { size: 'lg', removable: true, className: 'ps-3 pe-1.5 py-1' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      removable: false,\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLSpanElement>,\n    Omit<VariantProps<typeof badgeVariants>, 'removable'> {\n  /** Optional icon before the text */\n  icon?: React.ReactNode;\n  /** Renders a remove button after the text; the badge becomes a chip. */\n  onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Accessible name of the remove button. Always pass a translated string;\n   * the English default only guards against a missing label.\n   */\n  removeLabel?: string;\n  /** Disables the remove button. */\n  removeDisabled?: boolean;\n}\n\n/**\n * A badge component for displaying status, labels, or counts.\n * With `onRemove` it becomes a removable chip.\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 * <Badge onRemove={() => clear(tag)} removeLabel={t('removeTag', { tag })}>\n *   {tag}\n * </Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      icon,\n      onRemove,\n      removeLabel = 'Remove',\n      removeDisabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"badge\"\n        className={cn(\n          badgeVariants({ variant, size, removable: !!onRemove }),\n          className\n        )}\n        {...props}\n      >\n        {icon && <span className=\"me-1 shrink-0\">{icon}</span>}\n        {children}\n        {onRemove && (\n          <button\n            type=\"button\"\n            data-slot=\"badge-remove\"\n            aria-label={removeLabel}\n            disabled={removeDisabled}\n            onClick={onRemove}\n            className=\"focus-visible:ring-ring ms-1 shrink-0 rounded-full p-0.5 hover:bg-black/10 focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50 dark:hover:bg-white/10\"\n          >\n            <X aria-hidden=\"true\" className=\"h-3 w-3\" />\n          </button>\n        )}\n      </span>\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"]}