@bfrs/agentic-components 0.2.5 → 0.2.7

package/dist/theme.js

@@ -1,101 +1,101 @@
-const V = {
-  dclPrimary: "var(--dcl-color-primary)",
-  dclPrimaryLight: "var(--dcl-color-primary-light)",
-  dclPrimaryBorder: "var(--dcl-color-primary-border)",
-  dclAccent: "var(--dcl-color-accent)",
-  dclAccentLight: "var(--dcl-color-accent-light)",
-  dclBackground: "var(--dcl-color-background)",
-  dclSurface: "var(--dcl-color-surface)",
-  dclTableAltRow: "var(--dcl-color-table-alt-row)",
-  dclText: "var(--dcl-color-text)",
-  dclTextMuted: "var(--dcl-color-text-muted)",
-  dclTextLight: "var(--dcl-color-text-light)",
-  dclBorder: "var(--dcl-color-border)",
-  dclBorderLight: "var(--dcl-color-border-light)",
-  dclNeutralStroke2: "var(--dcl-color-neutral-stroke-2)",
-  primary: "hsl(var(--color-primary))",
-  primaryBright: "hsl(var(--color-primary-bright))",
-  primaryHover: "hsl(var(--color-primary-hover))",
-  primaryActive: "hsl(var(--color-primary-active))",
-  primarySoft: "hsl(var(--color-primary-soft))",
-  primaryBorder: "hsl(var(--color-primary-border))",
-  primaryContrast: "hsl(var(--color-primary-contrast))",
-  accent: "hsl(var(--color-accent))",
-  accentSoft: "hsl(var(--color-accent-soft))",
-  surfaceApp: "hsl(var(--color-surface-app))",
-  surfaceCard: "hsl(var(--color-surface-card))",
-  surfaceMuted: "hsl(var(--color-surface-muted))",
-  surfaceRaised: "hsl(var(--color-surface-raised))",
-  textPrimary: "hsl(var(--color-text-primary))",
-  textSecondary: "hsl(var(--color-text-secondary))",
-  textMuted: "hsl(var(--color-text-muted))",
-  textDisabled: "hsl(var(--color-text-disabled))",
-  textInverse: "hsl(var(--color-text-inverse))",
-  border: "hsl(var(--color-border-default))",
-  borderLight: "hsl(var(--color-border-light))",
-  borderStrong: "hsl(var(--color-border-strong))",
-  borderFocus: "hsl(var(--color-border-focus))",
-  borderCard: "var(--color-border-card)",
-  success: "hsl(var(--color-success))",
-  successSoft: "hsl(var(--color-success-soft))",
-  successContrast: "hsl(var(--color-success-contrast))",
-  danger: "hsl(var(--color-danger))",
-  dangerSoft: "hsl(var(--color-danger-soft))",
-  dangerContrast: "hsl(var(--color-danger-contrast))",
-  warning: "hsl(var(--color-warning))",
-  warningSoft: "hsl(var(--color-warning-soft))",
-  warningContrast: "hsl(var(--color-warning-contrast))",
-  info: "hsl(var(--color-info))",
-  infoSoft: "hsl(var(--color-info-soft))",
-  infoContrast: "hsl(var(--color-info-contrast))",
-  agentOrders: "hsl(var(--color-agent-orders))",
-  agentNdr: "hsl(var(--color-agent-ndr))",
-  agentRto: "hsl(var(--color-agent-rto))",
-  agentTracking: "hsl(var(--color-agent-tracking))",
-  statusDelivered: "var(--dcl-color-status-delivered)",
-  statusDeliveredBg: "var(--dcl-color-status-delivered-bg)",
-  statusInTransit: "var(--dcl-color-status-in-transit)",
-  statusInTransitBg: "var(--dcl-color-status-in-transit-bg)",
-  statusPending: "var(--dcl-color-status-pending)",
-  statusPendingBg: "var(--dcl-color-status-pending-bg)",
-  statusFailed: "var(--dcl-color-status-failed)",
-  statusFailedBg: "var(--dcl-color-status-failed-bg)",
-  businessCardText: "var(--dcl-color-business-card-text)",
-  businessCardSubtitle: "var(--dcl-color-business-card-subtitle)",
-  businessCardMuted: "var(--dcl-color-business-card-muted)",
-  chatAssistantEyebrow: "var(--dcl-color-chat-assistant-eyebrow)",
-  chatAssistantTitle: "var(--dcl-color-chat-assistant-title)",
-  chatAssistantBody: "var(--dcl-color-chat-assistant-body)",
-  stepProgressEyebrow: "var(--dcl-color-step-progress-eyebrow)",
-  stepProgressTitle: "var(--dcl-color-step-progress-title)",
-  stepProgressDoneMarker: "var(--dcl-color-step-progress-done-marker)",
-  stepProgressActiveMarker: "var(--dcl-color-step-progress-active-marker)",
-  stepProgressDoneText: "var(--dcl-color-step-progress-done-text)",
-  stepProgressActiveText: "var(--dcl-color-step-progress-active-text)",
-  stepProgressPending: "var(--dcl-color-step-progress-pending)"
-}, $ = {
-  display: "text-xl font-extrabold leading-tight",
-  h1: "text-lg font-extrabold leading-tight",
-  h2: "text-base font-bold leading-tight",
-  h3: "text-sm font-semibold leading-snug",
-  h4: "text-sm font-semibold leading-snug",
-  bodyStrong: "text-sm font-semibold leading-5",
-  body: "text-sm font-normal leading-5",
-  control: "text-xs font-medium leading-5",
-  "body-sm": "text-xs font-normal leading-5",
-  caption: "text-xs font-normal leading-5",
-  label: "text-[10px] font-bold uppercase leading-4 tracking-[0.07em]"
-}, L = {
+const L = {
+  dclPrimary: "var(--bfrs-dcl-color-primary)",
+  dclPrimaryLight: "var(--bfrs-dcl-color-primary-light)",
+  dclPrimaryBorder: "var(--bfrs-dcl-color-primary-border)",
+  dclAccent: "var(--bfrs-dcl-color-accent)",
+  dclAccentLight: "var(--bfrs-dcl-color-accent-light)",
+  dclBackground: "var(--bfrs-dcl-color-background)",
+  dclSurface: "var(--bfrs-dcl-color-surface)",
+  dclTableAltRow: "var(--bfrs-dcl-color-table-alt-row)",
+  dclText: "var(--bfrs-dcl-color-text)",
+  dclTextMuted: "var(--bfrs-dcl-color-text-muted)",
+  dclTextLight: "var(--bfrs-dcl-color-text-light)",
+  dclBorder: "var(--bfrs-dcl-color-border)",
+  dclBorderLight: "var(--bfrs-dcl-color-border-light)",
+  dclNeutralStroke2: "var(--bfrs-dcl-color-neutral-stroke-2)",
+  primary: "hsl(var(--bfrs-color-primary))",
+  primaryBright: "hsl(var(--bfrs-color-primary-bright))",
+  primaryHover: "hsl(var(--bfrs-color-primary-hover))",
+  primaryActive: "hsl(var(--bfrs-color-primary-active))",
+  primarySoft: "hsl(var(--bfrs-color-primary-soft))",
+  primaryBorder: "hsl(var(--bfrs-color-primary-border))",
+  primaryContrast: "hsl(var(--bfrs-color-primary-contrast))",
+  accent: "hsl(var(--bfrs-color-accent))",
+  accentSoft: "hsl(var(--bfrs-color-accent-soft))",
+  surfaceApp: "hsl(var(--bfrs-color-surface-app))",
+  surfaceCard: "hsl(var(--bfrs-color-surface-card))",
+  surfaceMuted: "hsl(var(--bfrs-color-surface-muted))",
+  surfaceRaised: "hsl(var(--bfrs-color-surface-raised))",
+  textPrimary: "hsl(var(--bfrs-color-text-primary))",
+  textSecondary: "hsl(var(--bfrs-color-text-secondary))",
+  textMuted: "hsl(var(--bfrs-color-text-muted))",
+  textDisabled: "hsl(var(--bfrs-color-text-disabled))",
+  textInverse: "hsl(var(--bfrs-color-text-inverse))",
+  border: "hsl(var(--bfrs-color-border-default))",
+  borderLight: "hsl(var(--bfrs-color-border-light))",
+  borderStrong: "hsl(var(--bfrs-color-border-strong))",
+  borderFocus: "hsl(var(--bfrs-color-border-focus))",
+  borderCard: "var(--bfrs-color-border-card)",
+  success: "hsl(var(--bfrs-color-success))",
+  successSoft: "hsl(var(--bfrs-color-success-soft))",
+  successContrast: "hsl(var(--bfrs-color-success-contrast))",
+  danger: "hsl(var(--bfrs-color-danger))",
+  dangerSoft: "hsl(var(--bfrs-color-danger-soft))",
+  dangerContrast: "hsl(var(--bfrs-color-danger-contrast))",
+  warning: "hsl(var(--bfrs-color-warning))",
+  warningSoft: "hsl(var(--bfrs-color-warning-soft))",
+  warningContrast: "hsl(var(--bfrs-color-warning-contrast))",
+  info: "hsl(var(--bfrs-color-info))",
+  infoSoft: "hsl(var(--bfrs-color-info-soft))",
+  infoContrast: "hsl(var(--bfrs-color-info-contrast))",
+  agentOrders: "hsl(var(--bfrs-color-agent-orders))",
+  agentNdr: "hsl(var(--bfrs-color-agent-ndr))",
+  agentRto: "hsl(var(--bfrs-color-agent-rto))",
+  agentTracking: "hsl(var(--bfrs-color-agent-tracking))",
+  statusDelivered: "var(--bfrs-dcl-color-status-delivered)",
+  statusDeliveredBg: "var(--bfrs-dcl-color-status-delivered-bg)",
+  statusInTransit: "var(--bfrs-dcl-color-status-in-transit)",
+  statusInTransitBg: "var(--bfrs-dcl-color-status-in-transit-bg)",
+  statusPending: "var(--bfrs-dcl-color-status-pending)",
+  statusPendingBg: "var(--bfrs-dcl-color-status-pending-bg)",
+  statusFailed: "var(--bfrs-dcl-color-status-failed)",
+  statusFailedBg: "var(--bfrs-dcl-color-status-failed-bg)",
+  businessCardText: "var(--bfrs-dcl-color-business-card-text)",
+  businessCardSubtitle: "var(--bfrs-dcl-color-business-card-subtitle)",
+  businessCardMuted: "var(--bfrs-dcl-color-business-card-muted)",
+  chatAssistantEyebrow: "var(--bfrs-dcl-color-chat-assistant-eyebrow)",
+  chatAssistantTitle: "var(--bfrs-dcl-color-chat-assistant-title)",
+  chatAssistantBody: "var(--bfrs-dcl-color-chat-assistant-body)",
+  stepProgressEyebrow: "var(--bfrs-dcl-color-step-progress-eyebrow)",
+  stepProgressTitle: "var(--bfrs-dcl-color-step-progress-title)",
+  stepProgressDoneMarker: "var(--bfrs-dcl-color-step-progress-done-marker)",
+  stepProgressActiveMarker: "var(--bfrs-dcl-color-step-progress-active-marker)",
+  stepProgressDoneText: "var(--bfrs-dcl-color-step-progress-done-text)",
+  stepProgressActiveText: "var(--bfrs-dcl-color-step-progress-active-text)",
+  stepProgressPending: "var(--bfrs-dcl-color-step-progress-pending)"
+}, D = {
+  display: "bfrs-text-xl bfrs-font-extrabold bfrs-leading-tight",
+  h1: "bfrs-text-lg bfrs-font-extrabold bfrs-leading-tight",
+  h2: "bfrs-text-base bfrs-font-bold bfrs-leading-tight",
+  h3: "bfrs-text-sm bfrs-font-semibold bfrs-leading-snug",
+  h4: "bfrs-text-sm bfrs-font-semibold bfrs-leading-snug",
+  bodyStrong: "bfrs-text-sm bfrs-font-semibold bfrs-leading-5",
+  body: "bfrs-text-sm bfrs-font-normal bfrs-leading-5",
+  control: "bfrs-text-xs bfrs-font-medium bfrs-leading-5",
+  "body-sm": "bfrs-text-xs bfrs-font-normal bfrs-leading-5",
+  caption: "bfrs-text-xs bfrs-font-normal bfrs-leading-5",
+  label: "bfrs-text-[10px] bfrs-font-bold bfrs-uppercase bfrs-leading-4 bfrs-tracking-[0.07em]"
+}, R = {
   0: "0",
-  1: "var(--space-1)",
-  2: "var(--space-2)",
-  3: "var(--space-3)",
-  4: "var(--space-4)",
-  5: "var(--space-5)",
-  6: "var(--space-6)",
-  7: "var(--space-7)",
-  8: "var(--space-8)",
-  9: "var(--space-9)",
+  1: "var(--bfrs-space-1)",
+  2: "var(--bfrs-space-2)",
+  3: "var(--bfrs-space-3)",
+  4: "var(--bfrs-space-4)",
+  5: "var(--bfrs-space-5)",
+  6: "var(--bfrs-space-6)",
+  7: "var(--bfrs-space-7)",
+  8: "var(--bfrs-space-8)",
+  9: "var(--bfrs-space-9)",
   10: "2.5rem",
   12: "3rem",
   16: "4rem",
@@ -105,110 +105,110 @@ const V = {
   40: "10rem",
   48: "12rem",
   64: "16rem",
-  controlPaddingX: "var(--space-control-padding-x)",
-  controlPaddingY: "var(--space-control-padding-y)",
-  tableCellPadding: "var(--space-table-cell-padding)",
-  sectionGap: "var(--space-section-gap)",
-  panelGap: "var(--space-panel-gap)"
-}, D = {
+  controlPaddingX: "var(--bfrs-space-control-padding-x)",
+  controlPaddingY: "var(--bfrs-space-control-padding-y)",
+  tableCellPadding: "var(--bfrs-space-table-cell-padding)",
+  sectionGap: "var(--bfrs-space-section-gap)",
+  panelGap: "var(--bfrs-space-panel-gap)"
+}, O = {
   xs: {
     height: "1.8125rem",
-    minHeightClassName: "min-h-[29px]",
-    heightClassName: "h-[29px]",
-    paddingXClassName: "px-[13px]",
-    textClassName: "text-[12.5px]",
-    iconClassName: "size-[13px]"
+    minHeightClassName: "bfrs-min-h-[29px]",
+    heightClassName: "bfrs-h-[29px]",
+    paddingXClassName: "bfrs-px-[13px]",
+    textClassName: "bfrs-text-[12.5px]",
+    iconClassName: "bfrs-size-[13px]"
   },
   sm: {
     height: "2rem",
-    minHeightClassName: "min-h-8",
-    heightClassName: "h-8",
-    paddingXClassName: "px-3",
-    textClassName: "text-[12.5px]",
-    iconClassName: "size-4"
+    minHeightClassName: "bfrs-min-h-8",
+    heightClassName: "bfrs-h-8",
+    paddingXClassName: "bfrs-px-3",
+    textClassName: "bfrs-text-[12.5px]",
+    iconClassName: "bfrs-size-4"
   },
   md: {
     height: "2.25rem",
-    minHeightClassName: "min-h-9",
-    heightClassName: "h-9",
-    paddingXClassName: "px-4",
-    textClassName: "text-sm",
-    iconClassName: "size-[18px]"
+    minHeightClassName: "bfrs-min-h-9",
+    heightClassName: "bfrs-h-9",
+    paddingXClassName: "bfrs-px-4",
+    textClassName: "bfrs-text-sm",
+    iconClassName: "bfrs-size-[18px]"
   },
   lg: {
     height: "2.75rem",
-    minHeightClassName: "min-h-11",
-    heightClassName: "h-11",
-    paddingXClassName: "px-5",
-    textClassName: "text-base",
-    iconClassName: "size-5"
+    minHeightClassName: "bfrs-min-h-11",
+    heightClassName: "bfrs-h-11",
+    paddingXClassName: "bfrs-px-5",
+    textClassName: "bfrs-text-base",
+    iconClassName: "bfrs-size-5"
   }
-}, R = {
+}, F = {
   xs: 13,
   sm: 14,
   md: 16,
   lg: 20
-}, O = {
-  xs: "p-2.5",
-  sm: "p-3",
-  md: "p-4",
-  lg: "p-5"
-}, F = {
+}, X = {
+  xs: "bfrs-p-2.5",
+  sm: "bfrs-p-3",
+  md: "bfrs-p-4",
+  lg: "bfrs-p-5"
+}, j = {
   compact: {
-    headerClassName: "px-3 py-2",
-    cellClassName: "px-3 py-2",
-    textClassName: "text-xs"
+    headerClassName: "bfrs-px-3 bfrs-py-2",
+    cellClassName: "bfrs-px-3 bfrs-py-2",
+    textClassName: "bfrs-text-xs"
   },
   default: {
-    headerClassName: "px-4 py-2.5",
-    cellClassName: "px-4 py-3",
-    textClassName: "text-sm"
+    headerClassName: "bfrs-px-4 bfrs-py-2.5",
+    cellClassName: "bfrs-px-4 bfrs-py-3",
+    textClassName: "bfrs-text-sm"
   },
   comfortable: {
-    headerClassName: "px-5 py-3",
-    cellClassName: "px-5 py-4",
-    textClassName: "text-sm"
+    headerClassName: "bfrs-px-5 bfrs-py-3",
+    cellClassName: "bfrs-px-5 bfrs-py-4",
+    textClassName: "bfrs-text-sm"
   }
-}, X = {
-  sm: "max-w-sm",
-  md: "max-w-lg",
-  lg: "max-w-2xl",
-  xl: "max-w-4xl",
-  full: "max-w-[calc(100vw-2rem)]"
-}, j = {
-  sm: "w-full max-w-[360px]",
-  md: "w-full max-w-md",
-  lg: "w-full max-w-3xl",
-  xl: "w-full max-w-[75vw]"
 }, G = {
-  dclSm: "var(--dcl-radius-sm)",
-  dclMd: "var(--dcl-radius-md)",
-  dclLg: "var(--dcl-radius-lg)",
-  dclXl: "var(--dcl-radius-xl)",
-  dcl2xl: "var(--dcl-radius-2xl)",
-  sm: "var(--radius-sm)",
-  md: "var(--radius-md)",
-  lg: "var(--radius-lg)",
-  xl: "var(--radius-xl)",
-  "2xl": "var(--radius-2xl)",
-  pill: "var(--radius-pill)",
-  control: "var(--radius-control)",
-  chip: "var(--radius-chip)",
-  badge: "var(--radius-badge)",
-  menu: "var(--radius-menu)",
-  modal: "var(--radius-modal)",
-  card: "var(--radius-card)"
+  sm: "bfrs-max-w-sm",
+  md: "bfrs-max-w-lg",
+  lg: "bfrs-max-w-2xl",
+  xl: "bfrs-max-w-4xl",
+  full: "bfrs-max-w-[calc(100vw-2rem)]"
 }, E = {
-  low: "var(--shadow-low)",
-  card: "var(--shadow-card)",
-  cardHover: "var(--shadow-card-hover)",
-  elevated: "var(--shadow-elevated)",
-  overlay: "var(--shadow-overlay)",
-  menu: "var(--shadow-menu)",
-  drawer: "var(--shadow-drawer)",
-  modal: "var(--shadow-modal)",
-  sticky: "var(--shadow-sticky)"
+  sm: "bfrs-w-full bfrs-max-w-[360px]",
+  md: "bfrs-w-full bfrs-max-w-md",
+  lg: "bfrs-w-full bfrs-max-w-3xl",
+  xl: "bfrs-w-full bfrs-max-w-[75vw]"
 }, W = {
+  dclSm: "var(--bfrs-dcl-radius-sm)",
+  dclMd: "var(--bfrs-dcl-radius-md)",
+  dclLg: "var(--bfrs-dcl-radius-lg)",
+  dclXl: "var(--bfrs-dcl-radius-xl)",
+  dcl2xl: "var(--bfrs-dcl-radius-2xl)",
+  sm: "var(--bfrs-radius-sm)",
+  md: "var(--bfrs-radius-md)",
+  lg: "var(--bfrs-radius-lg)",
+  xl: "var(--bfrs-radius-xl)",
+  "2xl": "var(--bfrs-radius-2xl)",
+  pill: "var(--bfrs-radius-pill)",
+  control: "var(--bfrs-radius-control)",
+  chip: "var(--bfrs-radius-chip)",
+  badge: "var(--bfrs-radius-badge)",
+  menu: "var(--bfrs-radius-menu)",
+  modal: "var(--bfrs-radius-modal)",
+  card: "var(--bfrs-radius-card)"
+}, Y = {
+  low: "var(--bfrs-shadow-low)",
+  card: "var(--bfrs-shadow-card)",
+  cardHover: "var(--bfrs-shadow-card-hover)",
+  elevated: "var(--bfrs-shadow-elevated)",
+  overlay: "var(--bfrs-shadow-overlay)",
+  menu: "var(--bfrs-shadow-menu)",
+  drawer: "var(--bfrs-shadow-drawer)",
+  modal: "var(--bfrs-shadow-modal)",
+  sticky: "var(--bfrs-shadow-sticky)"
+}, q = {
   dropdown: 50,
   sticky: 40,
   overlay: 50,
@@ -216,149 +216,149 @@ const V = {
   drawer: 60,
   toast: 70,
   tooltip: 80
-}, Y = {
-  fast: "var(--motion-fast)",
-  normal: "var(--motion-normal)",
-  slow: "var(--motion-slow)",
-  easeStandard: "var(--ease-standard)",
-  easeOut: "var(--ease-out)"
-}, b = {
-  primary: "--color-primary",
-  primaryBright: "--color-primary-bright",
-  primaryHover: "--color-primary-hover",
-  primaryActive: "--color-primary-active",
-  primarySoft: "--color-primary-soft",
-  primaryBorder: "--color-primary-border",
-  primaryContrast: "--color-primary-contrast",
-  accent: "--color-accent",
-  accentSoft: "--color-accent-soft",
-  surfaceApp: "--color-surface-app",
-  surfaceShell: "--color-surface-shell",
-  surfaceCard: "--color-surface-card",
-  surfaceMuted: "--color-surface-muted",
-  surfaceRaised: "--color-surface-raised",
-  textPrimary: "--color-text-primary",
-  textSecondary: "--color-text-secondary",
-  textMuted: "--color-text-muted",
-  textDisabled: "--color-text-disabled",
-  textInverse: "--color-text-inverse",
-  border: "--color-border-default",
-  borderLight: "--color-border-light",
-  borderStrong: "--color-border-strong",
-  borderFocus: "--color-border-focus",
-  borderCard: "--color-border-card",
-  success: "--color-success",
-  successSoft: "--color-success-soft",
-  successContrast: "--color-success-contrast",
-  danger: "--color-danger",
-  dangerSoft: "--color-danger-soft",
-  dangerContrast: "--color-danger-contrast",
-  warning: "--color-warning",
-  warningSoft: "--color-warning-soft",
-  warningContrast: "--color-warning-contrast",
-  info: "--color-info",
-  infoSoft: "--color-info-soft",
-  infoContrast: "--color-info-contrast",
-  agentOrders: "--color-agent-orders",
-  agentNdr: "--color-agent-ndr",
-  agentRto: "--color-agent-rto",
-  agentTracking: "--color-agent-tracking",
-  agentInsights: "--color-agent-insights",
-  dclPrimary: "--dcl-color-primary",
-  dclPrimaryLight: "--dcl-color-primary-light",
-  dclPrimaryBorder: "--dcl-color-primary-border",
-  dclAccent: "--dcl-color-accent",
-  dclAccentLight: "--dcl-color-accent-light",
-  dclBackground: "--dcl-color-background",
-  dclShellBackground: "--dcl-color-shell-background",
-  dclSurface: "--dcl-color-surface",
-  dclTableAltRow: "--dcl-color-table-alt-row",
-  dclBorder: "--dcl-color-border",
-  dclBorderLight: "--dcl-color-border-light",
-  dclBorderStrong: "--dcl-color-border-strong",
-  dclNeutralStroke2: "--dcl-color-neutral-stroke-2",
-  dclText: "--dcl-color-text",
-  dclTextMuted: "--dcl-color-text-muted",
-  dclTextLight: "--dcl-color-text-light",
-  dclTextInverse: "--dcl-color-text-inverse",
-  dclClickHover: "--dcl-color-click-hover",
-  statusDelivered: "--dcl-color-status-delivered",
-  statusDeliveredBg: "--dcl-color-status-delivered-bg",
-  statusInTransit: "--dcl-color-status-in-transit",
-  statusInTransitBg: "--dcl-color-status-in-transit-bg",
-  statusPending: "--dcl-color-status-pending",
-  statusPendingBg: "--dcl-color-status-pending-bg",
-  statusFailed: "--dcl-color-status-failed",
-  statusFailedBg: "--dcl-color-status-failed-bg",
-  businessCardText: "--dcl-color-business-card-text",
-  businessCardSubtitle: "--dcl-color-business-card-subtitle",
-  businessCardMuted: "--dcl-color-business-card-muted",
-  chatAssistantEyebrow: "--dcl-color-chat-assistant-eyebrow",
-  chatAssistantTitle: "--dcl-color-chat-assistant-title",
-  chatAssistantBody: "--dcl-color-chat-assistant-body",
-  stepProgressEyebrow: "--dcl-color-step-progress-eyebrow",
-  stepProgressTitle: "--dcl-color-step-progress-title",
-  stepProgressDoneMarker: "--dcl-color-step-progress-done-marker",
-  stepProgressActiveMarker: "--dcl-color-step-progress-active-marker",
-  stepProgressDoneText: "--dcl-color-step-progress-done-text",
-  stepProgressActiveText: "--dcl-color-step-progress-active-text",
-  stepProgressPending: "--dcl-color-step-progress-pending"
+}, J = {
+  fast: "var(--bfrs-motion-fast)",
+  normal: "var(--bfrs-motion-normal)",
+  slow: "var(--bfrs-motion-slow)",
+  easeStandard: "var(--bfrs-ease-standard)",
+  easeOut: "var(--bfrs-ease-out)"
+}, h = {
+  primary: "--bfrs-color-primary",
+  primaryBright: "--bfrs-color-primary-bright",
+  primaryHover: "--bfrs-color-primary-hover",
+  primaryActive: "--bfrs-color-primary-active",
+  primarySoft: "--bfrs-color-primary-soft",
+  primaryBorder: "--bfrs-color-primary-border",
+  primaryContrast: "--bfrs-color-primary-contrast",
+  accent: "--bfrs-color-accent",
+  accentSoft: "--bfrs-color-accent-soft",
+  surfaceApp: "--bfrs-color-surface-app",
+  surfaceShell: "--bfrs-color-surface-shell",
+  surfaceCard: "--bfrs-color-surface-card",
+  surfaceMuted: "--bfrs-color-surface-muted",
+  surfaceRaised: "--bfrs-color-surface-raised",
+  textPrimary: "--bfrs-color-text-primary",
+  textSecondary: "--bfrs-color-text-secondary",
+  textMuted: "--bfrs-color-text-muted",
+  textDisabled: "--bfrs-color-text-disabled",
+  textInverse: "--bfrs-color-text-inverse",
+  border: "--bfrs-color-border-default",
+  borderLight: "--bfrs-color-border-light",
+  borderStrong: "--bfrs-color-border-strong",
+  borderFocus: "--bfrs-color-border-focus",
+  borderCard: "--bfrs-color-border-card",
+  success: "--bfrs-color-success",
+  successSoft: "--bfrs-color-success-soft",
+  successContrast: "--bfrs-color-success-contrast",
+  danger: "--bfrs-color-danger",
+  dangerSoft: "--bfrs-color-danger-soft",
+  dangerContrast: "--bfrs-color-danger-contrast",
+  warning: "--bfrs-color-warning",
+  warningSoft: "--bfrs-color-warning-soft",
+  warningContrast: "--bfrs-color-warning-contrast",
+  info: "--bfrs-color-info",
+  infoSoft: "--bfrs-color-info-soft",
+  infoContrast: "--bfrs-color-info-contrast",
+  agentOrders: "--bfrs-color-agent-orders",
+  agentNdr: "--bfrs-color-agent-ndr",
+  agentRto: "--bfrs-color-agent-rto",
+  agentTracking: "--bfrs-color-agent-tracking",
+  agentInsights: "--bfrs-color-agent-insights",
+  dclPrimary: "--bfrs-dcl-color-primary",
+  dclPrimaryLight: "--bfrs-dcl-color-primary-light",
+  dclPrimaryBorder: "--bfrs-dcl-color-primary-border",
+  dclAccent: "--bfrs-dcl-color-accent",
+  dclAccentLight: "--bfrs-dcl-color-accent-light",
+  dclBackground: "--bfrs-dcl-color-background",
+  dclShellBackground: "--bfrs-dcl-color-shell-background",
+  dclSurface: "--bfrs-dcl-color-surface",
+  dclTableAltRow: "--bfrs-dcl-color-table-alt-row",
+  dclBorder: "--bfrs-dcl-color-border",
+  dclBorderLight: "--bfrs-dcl-color-border-light",
+  dclBorderStrong: "--bfrs-dcl-color-border-strong",
+  dclNeutralStroke2: "--bfrs-dcl-color-neutral-stroke-2",
+  dclText: "--bfrs-dcl-color-text",
+  dclTextMuted: "--bfrs-dcl-color-text-muted",
+  dclTextLight: "--bfrs-dcl-color-text-light",
+  dclTextInverse: "--bfrs-dcl-color-text-inverse",
+  dclClickHover: "--bfrs-dcl-color-click-hover",
+  statusDelivered: "--bfrs-dcl-color-status-delivered",
+  statusDeliveredBg: "--bfrs-dcl-color-status-delivered-bg",
+  statusInTransit: "--bfrs-dcl-color-status-in-transit",
+  statusInTransitBg: "--bfrs-dcl-color-status-in-transit-bg",
+  statusPending: "--bfrs-dcl-color-status-pending",
+  statusPendingBg: "--bfrs-dcl-color-status-pending-bg",
+  statusFailed: "--bfrs-dcl-color-status-failed",
+  statusFailedBg: "--bfrs-dcl-color-status-failed-bg",
+  businessCardText: "--bfrs-dcl-color-business-card-text",
+  businessCardSubtitle: "--bfrs-dcl-color-business-card-subtitle",
+  businessCardMuted: "--bfrs-dcl-color-business-card-muted",
+  chatAssistantEyebrow: "--bfrs-dcl-color-chat-assistant-eyebrow",
+  chatAssistantTitle: "--bfrs-dcl-color-chat-assistant-title",
+  chatAssistantBody: "--bfrs-dcl-color-chat-assistant-body",
+  stepProgressEyebrow: "--bfrs-dcl-color-step-progress-eyebrow",
+  stepProgressTitle: "--bfrs-dcl-color-step-progress-title",
+  stepProgressDoneMarker: "--bfrs-dcl-color-step-progress-done-marker",
+  stepProgressActiveMarker: "--bfrs-dcl-color-step-progress-active-marker",
+  stepProgressDoneText: "--bfrs-dcl-color-step-progress-done-text",
+  stepProgressActiveText: "--bfrs-dcl-color-step-progress-active-text",
+  stepProgressPending: "--bfrs-dcl-color-step-progress-pending"
+}, v = {
+  sm: "--bfrs-radius-sm",
+  md: "--bfrs-radius-md",
+  lg: "--bfrs-radius-lg",
+  xl: "--bfrs-radius-xl",
+  "2xl": "--bfrs-radius-2xl",
+  pill: "--bfrs-radius-pill",
+  dclSm: "--bfrs-dcl-radius-sm",
+  dclMd: "--bfrs-dcl-radius-md",
+  dclLg: "--bfrs-dcl-radius-lg",
+  dclXl: "--bfrs-dcl-radius-xl",
+  dcl2xl: "--bfrs-dcl-radius-2xl",
+  control: "--bfrs-radius-control",
+  chip: "--bfrs-radius-chip",
+  badge: "--bfrs-radius-badge",
+  menu: "--bfrs-radius-menu",
+  modal: "--bfrs-radius-modal",
+  card: "--bfrs-radius-card",
+  button: "--bfrs-button-radius",
+  input: "--bfrs-input-radius",
+  tabs: "--bfrs-tabs-radius"
 }, x = {
-  sm: "--radius-sm",
-  md: "--radius-md",
-  lg: "--radius-lg",
-  xl: "--radius-xl",
-  "2xl": "--radius-2xl",
-  pill: "--radius-pill",
-  dclSm: "--dcl-radius-sm",
-  dclMd: "--dcl-radius-md",
-  dclLg: "--dcl-radius-lg",
-  dclXl: "--dcl-radius-xl",
-  dcl2xl: "--dcl-radius-2xl",
-  control: "--radius-control",
-  chip: "--radius-chip",
-  badge: "--radius-badge",
-  menu: "--radius-menu",
-  modal: "--radius-modal",
-  card: "--radius-card",
-  button: "--button-radius",
-  input: "--input-radius",
-  tabs: "--tabs-radius"
-}, f = {
-  low: "--shadow-low",
-  card: "--shadow-card",
-  cardHover: "--shadow-card-hover",
-  elevated: "--shadow-elevated",
-  overlay: "--shadow-overlay",
-  menu: "--shadow-menu",
-  drawer: "--shadow-drawer",
-  modal: "--shadow-modal",
-  sticky: "--shadow-sticky"
+  low: "--bfrs-shadow-low",
+  card: "--bfrs-shadow-card",
+  cardHover: "--bfrs-shadow-card-hover",
+  elevated: "--bfrs-shadow-elevated",
+  overlay: "--bfrs-shadow-overlay",
+  menu: "--bfrs-shadow-menu",
+  drawer: "--bfrs-shadow-drawer",
+  modal: "--bfrs-shadow-modal",
+  sticky: "--bfrs-shadow-sticky"
 }, y = {
-  card: "--gradient-card",
-  cardBorder: "--gradient-card-border",
-  cardBorderHover: "--gradient-card-border-hover",
-  cardSubtle: "--gradient-card-subtle",
-  businessInfoCard: "--gradient-business-info-card",
-  businessCardHeader: "--gradient-business-card-header"
+  card: "--bfrs-gradient-card",
+  cardBorder: "--bfrs-gradient-card-border",
+  cardBorderHover: "--bfrs-gradient-card-border-hover",
+  cardSubtle: "--bfrs-gradient-card-subtle",
+  businessInfoCard: "--bfrs-gradient-business-info-card",
+  businessCardHeader: "--bfrs-gradient-business-card-header"
 }, w = {
-  controlPaddingX: "--space-control-padding-x",
-  controlPaddingY: "--space-control-padding-y",
-  tableCellPadding: "--space-table-cell-padding",
-  sectionGap: "--space-section-gap",
-  panelGap: "--space-panel-gap"
+  controlPaddingX: "--bfrs-space-control-padding-x",
+  controlPaddingY: "--bfrs-space-control-padding-y",
+  tableCellPadding: "--bfrs-space-table-cell-padding",
+  sectionGap: "--bfrs-space-section-gap",
+  panelGap: "--bfrs-space-panel-gap"
 }, C = {
-  fontSans: "--font-sans"
+  fontSans: "--bfrs-font-sans"
 }, S = {
-  fast: "--motion-fast",
-  normal: "--motion-normal",
-  slow: "--motion-slow",
-  easeStandard: "--ease-standard",
-  easeOut: "--ease-out"
-}, q = {
-  colors: b,
-  radius: x,
-  shadows: f,
+  fast: "--bfrs-motion-fast",
+  normal: "--bfrs-motion-normal",
+  slow: "--bfrs-motion-slow",
+  easeStandard: "--bfrs-ease-standard",
+  easeOut: "--bfrs-ease-out"
+}, K = {
+  colors: h,
+  radius: v,
+  shadows: x,
   gradients: y,
   spacing: w,
   typography: C,
@@ -404,117 +404,122 @@ const V = {
   "agentRto",
   "agentTracking",
   "agentInsights"
-]), N = (a) => {
-  if (a == null)
+]), N = (s) => {
+  if (s == null)
     return;
-  const r = String(a).trim();
+  const r = String(s).trim();
   return r.length > 0 ? r : void 0;
-}, T = (a) => a.startsWith("--") ? a : `--${a}`, m = (a) => Number(a.toFixed(2)).toString(), P = (a, r, e, o) => {
-  const s = a / 255, t = r / 255, c = e / 255, l = Math.max(s, t, c), d = Math.min(s, t, c), u = (l + d) / 2;
-  let i = 0, p = 0;
+}, T = (s) => {
+  const r = s.startsWith("--") ? s.slice(2) : s;
+  return `--${r.startsWith("bfrs-") ? r : `bfrs-${r}`}`;
+}, f = (s) => Number(s.toFixed(2)).toString(), P = (s, r, e, a) => {
+  const o = s / 255, t = r / 255, c = e / 255, l = Math.max(o, t, c), d = Math.min(o, t, c), g = (l + d) / 2;
+  let i = 0, m = 0;
   if (l !== d) {
-    const g = l - d;
-    p = u > 0.5 ? g / (2 - l - d) : g / (l + d), l === s ? i = (t - c) / g + (t < c ? 6 : 0) : l === t ? i = (c - s) / g + 2 : i = (s - t) / g + 4, i *= 60;
+    const b = l - d;
+    m = g > 0.5 ? b / (2 - l - d) : b / (l + d), l === o ? i = (t - c) / b + (t < c ? 6 : 0) : l === t ? i = (c - o) / b + 2 : i = (o - t) / b + 4, i *= 60;
   }
-  const h = `${m(i)} ${m(p * 100)}% ${m(u * 100)}%`;
-  return o === void 0 ? h : `${h} / ${m(o)}`;
-}, v = (a) => {
-  const r = a.trim();
+  const u = `${f(i)} ${f(m * 100)}% ${f(g * 100)}%`;
+  return a === void 0 ? u : `${u} / ${f(a)}`;
+}, p = (s) => {
+  const r = s.trim();
   if (r.includes(",")) {
-    const e = r.split(",").map((s) => s.trim()), o = e[3] ? ` / ${e[3]}` : "";
-    return `${e[0]} ${e[1]} ${e[2]}${o}`.trim();
+    const e = r.split(",").map((o) => o.trim()), a = e[3] ? ` / ${e[3]}` : "";
+    return `${e[0]} ${e[1]} ${e[2]}${a}`.trim();
   }
   return r.replace(/\s+/g, " ");
-}, M = (a) => {
-  const r = a.slice(1);
+}, M = (s) => {
+  const r = s.slice(1);
   if (![3, 4, 6, 8].includes(r.length))
     return;
-  const e = r.length <= 4 ? r.split("").map((l) => l + l).join("") : r, o = Number.parseInt(e.slice(0, 2), 16), s = Number.parseInt(e.slice(2, 4), 16), t = Number.parseInt(e.slice(4, 6), 16), c = e.length === 8 ? Number.parseInt(e.slice(6, 8), 16) / 255 : void 0;
-  if (![o, s, t].some((l) => Number.isNaN(l)))
-    return P(o, s, t, c);
-}, z = (a) => {
+  const e = r.length <= 4 ? r.split("").map((l) => l + l).join("") : r, a = Number.parseInt(e.slice(0, 2), 16), o = Number.parseInt(e.slice(2, 4), 16), t = Number.parseInt(e.slice(4, 6), 16), c = e.length === 8 ? Number.parseInt(e.slice(6, 8), 16) / 255 : void 0;
+  if (![a, o, t].some((l) => Number.isNaN(l)))
+    return P(a, o, t, c);
+}, z = (s) => {
   var c;
-  const r = a.match(/^rgba?\(\s*([.\d]+)\s*,\s*([.\d]+)\s*,\s*([.\d]+)(?:\s*,\s*([.\d]+%?))?\s*\)$/i);
+  const r = s.match(/^rgba?\(\s*([.\d]+)\s*,\s*([.\d]+)\s*,\s*([.\d]+)(?:\s*,\s*([.\d]+%?))?\s*\)$/i);
   if (!r)
     return;
-  const e = Number(r[1]), o = Number(r[2]), s = Number(r[3]), t = (c = r[4]) != null && c.endsWith("%") ? Number(r[4].slice(0, -1)) / 100 : r[4] ? Number(r[4]) : void 0;
-  if (![e, o, s, t ?? 1].some((l) => Number.isNaN(l)))
-    return P(e, o, s, t);
+  const e = Number(r[1]), a = Number(r[2]), o = Number(r[3]), t = (c = r[4]) != null && c.endsWith("%") ? Number(r[4].slice(0, -1)) / 100 : r[4] ? Number(r[4]) : void 0;
+  if (![e, a, o, t ?? 1].some((l) => Number.isNaN(l)))
+    return P(e, a, o, t);
 };
-function H(a) {
-  const r = a.trim(), e = r.match(/^hsla?\((.*)\)$/i);
-  return e ? v(e[1]) : r.startsWith("#") ? M(r) ?? r : /^rgba?\(/i.test(r) ? z(r) ?? r : v(r);
+function H(s) {
+  const r = s.trim(), e = r.match(/^hsla?\((.*)\)$/i);
+  return e ? p(e[1]) : r.startsWith("#") ? M(r) ?? r : /^rgba?\(/i.test(r) ? z(r) ?? r : p(r);
 }
-const n = (a, r, e, o) => {
+const n = (s, r, e, a) => {
   if (r)
-    for (const [s, t] of Object.entries(r)) {
+    for (const [o, t] of Object.entries(r)) {
       const c = N(t);
-      c !== void 0 && (a[e[s]] = o ? o(s, c) : c);
+      c !== void 0 && (s[e[o]] = a ? a(o, c) : c);
     }
-}, I = (a, r) => {
+}, I = (s, r) => {
   if (r)
-    for (const [e, o] of Object.entries(r)) {
-      const s = N(o);
-      s !== void 0 && (a[T(e)] = s);
+    for (const [e, a] of Object.entries(r)) {
+      const o = N(a);
+      o !== void 0 && (s[T(e)] = o);
     }
 };
-function k(a) {
+function k(s) {
   const r = {};
   return n(
     r,
-    a.colors,
-    b,
-    (e, o) => A.has(e) ? H(o) : o
-  ), n(r, a.radius, x), n(r, a.shadows, f), n(r, a.gradients, y), n(r, a.spacing, w), n(r, a.typography, C), n(r, a.motion, S), I(r, a.variables), r;
+    s.colors,
+    h,
+    (e, a) => A.has(e) ? H(a) : a
+  ), n(r, s.radius, v), n(r, s.shadows, x), n(r, s.gradients, y), n(r, s.spacing, w), n(r, s.typography, C), n(r, s.motion, S), I(r, s.variables), r;
 }
-function J(a) {
-  return Object.entries(k(a)).map(([r, e]) => `${r}: ${e};`).join(`
+function Q(s) {
+  return Object.entries(k(s)).map(([r, e]) => `${r}: ${e};`).join(`
 `);
 }
-const B = (a) => {
-  var e;
-  const r = a ?? globalThis.document;
-  return ((e = r == null ? void 0 : r.documentElement) == null ? void 0 : e.style) ?? (r == null ? void 0 : r.style);
+const V = ".bfrs, [data-bfrs-root], [data-bfrs-mount]", $ = (s) => !!(s && "style" in s && s.style), B = (s) => {
+  var a;
+  if ($(s))
+    return s.style;
+  const r = s ?? (typeof document > "u" ? void 0 : document), e = (a = r == null ? void 0 : r.querySelector) == null ? void 0 : a.call(r, V);
+  return e instanceof HTMLElement ? e.style : void 0;
 };
-function K(a, r) {
-  const e = k(a), o = B(r);
-  if (o)
-    for (const [s, t] of Object.entries(e))
-      t !== void 0 && o.setProperty(s, t);
+function U(s, r) {
+  const e = k(s), a = B(r);
+  if (a)
+    for (const [o, t] of Object.entries(e))
+      t !== void 0 && a.setProperty(o, t);
   return e;
 }
-function Q(a, r) {
+function Z(s, r) {
   const e = B(r);
   if (e)
-    for (const o of a)
-      e.removeProperty(T(o));
+    for (const a of s)
+      e.removeProperty(T(a));
 }
 export {
-  b as agenticThemeColorVariables,
+  h as agenticThemeColorVariables,
   y as agenticThemeGradientVariables,
   S as agenticThemeMotionVariables,
-  x as agenticThemeRadiusVariables,
-  f as agenticThemeShadowVariables,
+  v as agenticThemeRadiusVariables,
+  x as agenticThemeShadowVariables,
   w as agenticThemeSpacingVariables,
-  q as agenticThemeTokens,
+  K as agenticThemeTokens,
   C as agenticThemeTypographyVariables,
-  K as applyAgenticTheme,
-  O as cardSizes,
-  Q as clearAgenticTheme,
-  V as colors,
-  D as controlSizes,
-  J as createAgenticThemeCssText,
+  U as applyAgenticTheme,
+  X as cardSizes,
+  Z as clearAgenticTheme,
+  L as colors,
+  O as controlSizes,
+  Q as createAgenticThemeCssText,
   k as createAgenticThemeVariables,
-  j as drawerSizes,
-  R as iconSizes,
-  X as modalSizes,
-  Y as motion,
+  E as drawerSizes,
+  F as iconSizes,
+  G as modalSizes,
+  J as motion,
   H as normalizeThemeColorValue,
-  G as radius,
-  E as shadows,
-  L as spacing,
-  F as tableDensities,
-  $ as typography,
-  W as zIndex
+  W as radius,
+  Y as shadows,
+  R as spacing,
+  j as tableDensities,
+  D as typography,
+  q as zIndex
 };
 //# sourceMappingURL=theme.js.map