@particle-academy/react-fancy 5.21.0 → 5.23.0

package/dist/{chunk-DBJWHDWP.js.map → chunk-VKMPVFQK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Container/Container.tsx"],"names":[],"mappings":";;;;AAKA,IAAM,KAAA,GAAQ;AAAA,EACZ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;AASO,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,EAAE,QAAA,EAAU,IAAA,GAAO,IAAA,EAAM,EAAA,EAAI,GAAA,GAAM,KAAA,EAAO,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAIxE,IAAA,MAAM,SAAA,GAAY,GAAA;AAElB,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,4BAAA,EAA2B,EAAA;AAAA,QAC3B,WAAA,EAAW,IAAA;AAAA,QACX,WAAW,EAAA,CAAG,6BAAA,EAA+B,KAAA,CAAM,IAAI,GAAG,SAAS,CAAA;AAAA,QAElE;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-DBJWHDWP.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { ContainerProps } from \"./Container.types\";\n\nconst SIZES = {\n  sm: \"max-w-3xl\",\n  md: \"max-w-5xl\",\n  lg: \"max-w-7xl\",\n  full: \"max-w-none\",\n} as const;\n\n/**\n * The page's horizontal measure — centred, capped, with gutters.\n *\n * Every Swiss-family gallery style hand-rolled this. What they repeated was not\n * `mx-auto` but the DECISION about how wide the page reads, and twenty copies of\n * a decision drift. This owns the decision and leaves the styling replaceable.\n */\nexport const Container = forwardRef<HTMLElement, ContainerProps>(\n  ({ children, size = \"md\", as: Tag = \"div\", className, ...props }, ref) => {\n    // `as` makes the element dynamic, so the ref type cannot be known\n    // statically. Narrowed at the boundary rather than dragging a full\n    // polymorphic-component generic into a layout primitive.\n    const Component = Tag as \"div\";\n\n    return (\n      <Component\n        ref={ref as React.Ref<HTMLDivElement>}\n        {...props}\n        data-react-fancy-container=\"\"\n        data-size={size}\n        className={cn(\"mx-auto w-full px-4 sm:px-6\", SIZES[size], className)}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nContainer.displayName = \"Container\";\n"]}
+{"version":3,"sources":["../src/components/Container/Container.tsx"],"names":[],"mappings":";;;;AAKA,IAAM,KAAA,GAAQ;AAAA,EACZ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;AASO,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,EAAE,QAAA,EAAU,IAAA,GAAO,IAAA,EAAM,EAAA,EAAI,GAAA,GAAM,KAAA,EAAO,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAIxE,IAAA,MAAM,SAAA,GAAY,GAAA;AAElB,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,4BAAA,EAA2B,EAAA;AAAA,QAC3B,WAAA,EAAW,IAAA;AAAA,QACX,WAAW,EAAA,CAAG,6BAAA,EAA+B,KAAA,CAAM,IAAI,GAAG,SAAS,CAAA;AAAA,QAElE;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-VKMPVFQK.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { ContainerProps } from \"./Container.types\";\n\nconst SIZES = {\n  sm: \"max-w-3xl\",\n  md: \"max-w-5xl\",\n  lg: \"max-w-7xl\",\n  full: \"max-w-none\",\n} as const;\n\n/**\n * The page's horizontal measure — centred, capped, with gutters.\n *\n * Every Swiss-family gallery style hand-rolled this. What they repeated was not\n * `mx-auto` but the DECISION about how wide the page reads, and twenty copies of\n * a decision drift. This owns the decision and leaves the styling replaceable.\n */\nexport const Container = forwardRef<HTMLElement, ContainerProps>(\n  ({ children, size = \"md\", as: Tag = \"div\", className, ...props }, ref) => {\n    // `as` makes the element dynamic, so the ref type cannot be known\n    // statically. Narrowed at the boundary rather than dragging a full\n    // polymorphic-component generic into a layout primitive.\n    const Component = Tag as \"div\";\n\n    return (\n      <Component\n        ref={ref as React.Ref<HTMLDivElement>}\n        {...props}\n        data-react-fancy-container=\"\"\n        data-size={size}\n        className={cn(\"mx-auto w-full px-4 sm:px-6\", SIZES[size], className)}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nContainer.displayName = \"Container\";\n"]}

package/dist/{chunk-5OC6DUYT.js → chunk-VME5743O.js}

@@ -1,5 +1,5 @@
 import { useControllableState } from './chunk-6FQGMVF2.js';
-import { cn } from './chunk-DSUHZO6T.js';
+import { cn } from './chunk-MMW2JGKZ.js';
 import { createContext, useMemo, useRef, useCallback, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -135,5 +135,5 @@ var Tabs = Object.assign(TabsRoot, {
 });
 
 export { Tabs, useTabs };
-//# sourceMappingURL=chunk-5OC6DUYT.js.map
-//# sourceMappingURL=chunk-5OC6DUYT.js.map
+//# sourceMappingURL=chunk-VME5743O.js.map
+//# sourceMappingURL=chunk-VME5743O.js.map

package/dist/{chunk-5OC6DUYT.js.map → chunk-VME5743O.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Tabs/Tabs.context.ts","../src/components/Tabs/TabsList.tsx","../src/components/Tabs/TabsTab.tsx","../src/components/Tabs/TabsPanels.tsx","../src/components/Tabs/TabsPanel.tsx","../src/components/Tabs/Tabs.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-5OC6DUYT.js","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { TabsContextValue } from \"./Tabs.types\";\n\nexport const TabsContext = createContext<TabsContextValue | null>(null);\n\nexport function useTabs(): TabsContextValue {\n  const ctx = useContext(TabsContext);\n  if (!ctx) {\n    throw new Error(\"Tabs compound components must be used within <Tabs>\");\n  }\n  return ctx;\n}\n","import { useCallback, useRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useTabs } from \"./Tabs.context\";\nimport type { TabsListProps } from \"./Tabs.types\";\n\nexport function TabsList({ children, className }: TabsListProps) {\n  const { variant } = useTabs();\n  const listRef = useRef<HTMLDivElement>(null);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    const buttons = listRef.current?.querySelectorAll<HTMLButtonElement>(\n      '[role=\"tab\"]:not([disabled])',\n    );\n    if (!buttons?.length) return;\n\n    const items = Array.from(buttons);\n    const currentIndex = items.indexOf(document.activeElement as HTMLButtonElement);\n\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowDown\") {\n      e.preventDefault();\n      const next = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n      items[next].focus();\n      items[next].click();\n    } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowUp\") {\n      e.preventDefault();\n      const prev = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n      items[prev].focus();\n      items[prev].click();\n    }\n  }, []);\n\n  return (\n    <div\n      data-react-fancy-tabs-list=\"\"\n      ref={listRef}\n      role=\"tablist\"\n      onKeyDown={handleKeyDown}\n      className={cn(\n        \"flex\",\n        variant === \"underline\" && \"gap-0 border-b border-zinc-200 dark:border-zinc-700\",\n        variant === \"pills\" && \"gap-0 rounded-lg bg-zinc-100 p-1 dark:bg-zinc-800\",\n        variant === \"boxed\" &&\n          \"gap-0 rounded-lg bg-zinc-100 p-1 dark:bg-zinc-800\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nTabsList.displayName = \"TabsList\";\n","import { cn } from \"../../utils/cn\";\nimport { useTabs } from \"./Tabs.context\";\nimport type { TabsTabProps } from \"./Tabs.types\";\n\nexport function TabsTab({\n  children,\n  value,\n  disabled = false,\n  className,\n  onClick,\n  ...rest\n}: TabsTabProps) {\n  const { activeTab, setActiveTab, variant } = useTabs();\n  const isActive = activeTab === value;\n\n  return (\n    <button\n      data-react-fancy-tabs-tab=\"\"\n      type=\"button\"\n      role=\"tab\"\n      disabled={disabled}\n      aria-selected={isActive}\n      tabIndex={isActive ? 0 : -1}\n      onClick={(e) => { if (!disabled) setActiveTab(value); onClick?.(e); }}\n      {...rest}\n      className={cn(\n        \"text-sm font-medium transition-colors\",\n        disabled && \"cursor-not-allowed opacity-50\",\n        variant === \"underline\" && [\n          \"border-b-2 px-4 py-2.5\",\n          isActive\n            ? \"border-zinc-900 text-zinc-900 dark:border-white dark:text-white\"\n            : \"border-transparent text-zinc-500 hover:border-zinc-300 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-300\",\n        ],\n        variant === \"pills\" && [\n          \"rounded-md px-4 py-1.5\",\n          isActive\n            ? \"bg-white text-zinc-900 shadow-sm dark:bg-zinc-900 dark:text-white\"\n            : \"text-zinc-500 dark:text-zinc-400\",\n        ],\n        variant === \"boxed\" && [\n          \"flex-1 rounded-md px-4 py-1.5\",\n          isActive\n            ? \"bg-white text-zinc-900 shadow-sm dark:bg-zinc-900 dark:text-white\"\n            : \"text-zinc-500 dark:text-zinc-400\",\n        ],\n        className,\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n\nTabsTab.displayName = \"TabsTab\";\n","import { cn } from \"../../utils/cn\";\nimport type { TabsPanelsProps } from \"./Tabs.types\";\n\nexport function TabsPanels({ children, className }: TabsPanelsProps) {\n  return <div data-react-fancy-tabs-panels=\"\" className={cn(\"mt-4\", className)}>{children}</div>;\n}\n\nTabsPanels.displayName = \"TabsPanels\";\n","import { cn } from \"../../utils/cn\";\nimport { useTabs } from \"./Tabs.context\";\nimport type { TabsPanelProps } from \"./Tabs.types\";\n\nexport function TabsPanel({ children, value, className }: TabsPanelProps) {\n  const { activeTab } = useTabs();\n\n  if (activeTab !== value) return null;\n\n  return (\n    <div data-react-fancy-tabs-panel=\"\" role=\"tabpanel\" className={cn(\"fancy-fade-in\", className)}>\n      {children}\n    </div>\n  );\n}\n\nTabsPanel.displayName = \"TabsPanel\";\n","import { useMemo } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport { TabsContext } from \"./Tabs.context\";\nimport { TabsList } from \"./TabsList\";\nimport { TabsTab } from \"./TabsTab\";\nimport { TabsPanels } from \"./TabsPanels\";\nimport { TabsPanel } from \"./TabsPanel\";\nimport type { TabsProps } from \"./Tabs.types\";\n\nfunction TabsRoot({\n  children,\n  defaultTab = \"\",\n  activeTab: controlledTab,\n  onTabChange,\n  variant = \"underline\",\n  className,\n}: TabsProps) {\n  const [activeTab, setActiveTab] = useControllableState(\n    controlledTab,\n    defaultTab,\n    onTabChange,\n  );\n\n  const ctx = useMemo(\n    () => ({ activeTab, setActiveTab, variant }),\n    [activeTab, setActiveTab, variant],\n  );\n\n  return (\n    <TabsContext.Provider value={ctx}>\n      <div data-react-fancy-tabs=\"\" className={cn(className)}>{children}</div>\n    </TabsContext.Provider>\n  );\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  List: TabsList,\n  Tab: TabsTab,\n  Panels: TabsPanels,\n  Panel: TabsPanel,\n});\n"]}
+{"version":3,"sources":["../src/components/Tabs/Tabs.context.ts","../src/components/Tabs/TabsList.tsx","../src/components/Tabs/TabsTab.tsx","../src/components/Tabs/TabsPanels.tsx","../src/components/Tabs/TabsPanel.tsx","../src/components/Tabs/Tabs.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-VME5743O.js","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { TabsContextValue } from \"./Tabs.types\";\n\nexport const TabsContext = createContext<TabsContextValue | null>(null);\n\nexport function useTabs(): TabsContextValue {\n  const ctx = useContext(TabsContext);\n  if (!ctx) {\n    throw new Error(\"Tabs compound components must be used within <Tabs>\");\n  }\n  return ctx;\n}\n","import { useCallback, useRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useTabs } from \"./Tabs.context\";\nimport type { TabsListProps } from \"./Tabs.types\";\n\nexport function TabsList({ children, className }: TabsListProps) {\n  const { variant } = useTabs();\n  const listRef = useRef<HTMLDivElement>(null);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    const buttons = listRef.current?.querySelectorAll<HTMLButtonElement>(\n      '[role=\"tab\"]:not([disabled])',\n    );\n    if (!buttons?.length) return;\n\n    const items = Array.from(buttons);\n    const currentIndex = items.indexOf(document.activeElement as HTMLButtonElement);\n\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowDown\") {\n      e.preventDefault();\n      const next = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n      items[next].focus();\n      items[next].click();\n    } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowUp\") {\n      e.preventDefault();\n      const prev = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n      items[prev].focus();\n      items[prev].click();\n    }\n  }, []);\n\n  return (\n    <div\n      data-react-fancy-tabs-list=\"\"\n      ref={listRef}\n      role=\"tablist\"\n      onKeyDown={handleKeyDown}\n      className={cn(\n        \"flex\",\n        variant === \"underline\" && \"gap-0 border-b border-zinc-200 dark:border-zinc-700\",\n        variant === \"pills\" && \"gap-0 rounded-lg bg-zinc-100 p-1 dark:bg-zinc-800\",\n        variant === \"boxed\" &&\n          \"gap-0 rounded-lg bg-zinc-100 p-1 dark:bg-zinc-800\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nTabsList.displayName = \"TabsList\";\n","import { cn } from \"../../utils/cn\";\nimport { useTabs } from \"./Tabs.context\";\nimport type { TabsTabProps } from \"./Tabs.types\";\n\nexport function TabsTab({\n  children,\n  value,\n  disabled = false,\n  className,\n  onClick,\n  ...rest\n}: TabsTabProps) {\n  const { activeTab, setActiveTab, variant } = useTabs();\n  const isActive = activeTab === value;\n\n  return (\n    <button\n      data-react-fancy-tabs-tab=\"\"\n      type=\"button\"\n      role=\"tab\"\n      disabled={disabled}\n      aria-selected={isActive}\n      tabIndex={isActive ? 0 : -1}\n      onClick={(e) => { if (!disabled) setActiveTab(value); onClick?.(e); }}\n      {...rest}\n      className={cn(\n        \"text-sm font-medium transition-colors\",\n        disabled && \"cursor-not-allowed opacity-50\",\n        variant === \"underline\" && [\n          \"border-b-2 px-4 py-2.5\",\n          isActive\n            ? \"border-zinc-900 text-zinc-900 dark:border-white dark:text-white\"\n            : \"border-transparent text-zinc-500 hover:border-zinc-300 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-300\",\n        ],\n        variant === \"pills\" && [\n          \"rounded-md px-4 py-1.5\",\n          isActive\n            ? \"bg-white text-zinc-900 shadow-sm dark:bg-zinc-900 dark:text-white\"\n            : \"text-zinc-500 dark:text-zinc-400\",\n        ],\n        variant === \"boxed\" && [\n          \"flex-1 rounded-md px-4 py-1.5\",\n          isActive\n            ? \"bg-white text-zinc-900 shadow-sm dark:bg-zinc-900 dark:text-white\"\n            : \"text-zinc-500 dark:text-zinc-400\",\n        ],\n        className,\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n\nTabsTab.displayName = \"TabsTab\";\n","import { cn } from \"../../utils/cn\";\nimport type { TabsPanelsProps } from \"./Tabs.types\";\n\nexport function TabsPanels({ children, className }: TabsPanelsProps) {\n  return <div data-react-fancy-tabs-panels=\"\" className={cn(\"mt-4\", className)}>{children}</div>;\n}\n\nTabsPanels.displayName = \"TabsPanels\";\n","import { cn } from \"../../utils/cn\";\nimport { useTabs } from \"./Tabs.context\";\nimport type { TabsPanelProps } from \"./Tabs.types\";\n\nexport function TabsPanel({ children, value, className }: TabsPanelProps) {\n  const { activeTab } = useTabs();\n\n  if (activeTab !== value) return null;\n\n  return (\n    <div data-react-fancy-tabs-panel=\"\" role=\"tabpanel\" className={cn(\"fancy-fade-in\", className)}>\n      {children}\n    </div>\n  );\n}\n\nTabsPanel.displayName = \"TabsPanel\";\n","import { useMemo } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport { TabsContext } from \"./Tabs.context\";\nimport { TabsList } from \"./TabsList\";\nimport { TabsTab } from \"./TabsTab\";\nimport { TabsPanels } from \"./TabsPanels\";\nimport { TabsPanel } from \"./TabsPanel\";\nimport type { TabsProps } from \"./Tabs.types\";\n\nfunction TabsRoot({\n  children,\n  defaultTab = \"\",\n  activeTab: controlledTab,\n  onTabChange,\n  variant = \"underline\",\n  className,\n}: TabsProps) {\n  const [activeTab, setActiveTab] = useControllableState(\n    controlledTab,\n    defaultTab,\n    onTabChange,\n  );\n\n  const ctx = useMemo(\n    () => ({ activeTab, setActiveTab, variant }),\n    [activeTab, setActiveTab, variant],\n  );\n\n  return (\n    <TabsContext.Provider value={ctx}>\n      <div data-react-fancy-tabs=\"\" className={cn(className)}>{children}</div>\n    </TabsContext.Provider>\n  );\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  List: TabsList,\n  Tab: TabsTab,\n  Panels: TabsPanels,\n  Panel: TabsPanel,\n});\n"]}

package/dist/{chunk-YVDAXYHP.js → chunk-VOGI7GX3.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-DSUHZO6T.js';
+import { cn } from './chunk-MMW2JGKZ.js';
 import { forwardRef, useState } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -58,5 +58,5 @@ var VideoViewer = forwardRef(
 VideoViewer.displayName = "VideoViewer";
 
 export { VideoViewer };
-//# sourceMappingURL=chunk-YVDAXYHP.js.map
-//# sourceMappingURL=chunk-YVDAXYHP.js.map
+//# sourceMappingURL=chunk-VOGI7GX3.js.map
+//# sourceMappingURL=chunk-VOGI7GX3.js.map

package/dist/{chunk-YVDAXYHP.js.map → chunk-VOGI7GX3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/VideoViewer/VideoViewer.tsx"],"names":[],"mappings":";;;;AAYO,IAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CACE;AAAA,IACE,GAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,IAAA,GAAO,KAAA;AAAA,IACP,OAAA,GAAU,UAAA;AAAA,IACV,KAAA,GAAQ,KAAA;AAAA,IACR,GAAA,GAAM,SAAA;AAAA,IACN,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,KAEF,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,+BAAA,EAA8B,EAAA;AAAA,QAC9B,SAAA,EAAW,EAAA;AAAA,UACT,+EAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QAEC,QAAA,EAAA,OAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uFAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAc,QAAA,EAAA,qBAAA,EAAwB,CAAA;AAAA,0BACtD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAA,EAA0C,QAAA,EAAA,GAAA,EAAI;AAAA,SAAA,EAChE,CAAA,mBAEA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,OAAA;AAAA,YACA,MAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA,EAAW,IAAA;AAAA,YACX,SAAS,MAAM;AACb,cAAA,UAAA,CAAW,IAAI,CAAA;AACf,cAAA,OAAA,IAAU;AAAA,YACZ,CAAA;AAAA,YACA,SAAA,EAAW,EAAA;AAAA,cACT,uBAAA;AAAA,cACA,GAAA,KAAQ,UAAU,4BAAA,GAA+B;AAAA;AACnD;AAAA;AACF;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-YVDAXYHP.js","sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { VideoViewerProps } from \"./VideoViewer.types\";\n\n/**\n * A standalone video viewer — native controls, optional poster, fit-to-box, and\n * dark-aware framing. Renders for video sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <VideoViewer src=\"/clip.mp4\" poster=\"/clip.jpg\" style={{ height: 360 }} />\n * ```\n */\nexport const VideoViewer = forwardRef<HTMLDivElement, VideoViewerProps>(\n  (\n    {\n      src,\n      poster,\n      controls = true,\n      autoPlay = false,\n      loop = false,\n      preload = \"metadata\",\n      muted = false,\n      fit = \"contain\",\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const [errored, setErrored] = useState(false);\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-video-viewer=\"\"\n        className={cn(\n          \"relative flex items-center justify-center overflow-hidden rounded-md bg-black\",\n          className,\n        )}\n        style={style}\n      >\n        {errored ? (\n          <div className=\"flex flex-col items-center justify-center gap-1 p-4 text-center text-sm text-zinc-400\">\n            <span className=\"font-medium\">Couldn&apos;t load video</span>\n            <span className=\"max-w-full truncate text-xs opacity-70\">{src}</span>\n          </div>\n        ) : (\n          <video\n            src={src}\n            preload={preload}\n            poster={poster}\n            controls={controls}\n            autoPlay={autoPlay}\n            loop={loop}\n            muted={muted}\n            playsInline\n            onError={() => {\n              setErrored(true);\n              onError?.();\n            }}\n            className={cn(\n              \"max-h-full max-w-full\",\n              fit === \"cover\" ? \"h-full w-full object-cover\" : \"object-contain\",\n            )}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nVideoViewer.displayName = \"VideoViewer\";\n"]}
+{"version":3,"sources":["../src/components/VideoViewer/VideoViewer.tsx"],"names":[],"mappings":";;;;AAYO,IAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CACE;AAAA,IACE,GAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,IAAA,GAAO,KAAA;AAAA,IACP,OAAA,GAAU,UAAA;AAAA,IACV,KAAA,GAAQ,KAAA;AAAA,IACR,GAAA,GAAM,SAAA;AAAA,IACN,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,KAEF,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,+BAAA,EAA8B,EAAA;AAAA,QAC9B,SAAA,EAAW,EAAA;AAAA,UACT,+EAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QAEC,QAAA,EAAA,OAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uFAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAc,QAAA,EAAA,qBAAA,EAAwB,CAAA;AAAA,0BACtD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAA,EAA0C,QAAA,EAAA,GAAA,EAAI;AAAA,SAAA,EAChE,CAAA,mBAEA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,OAAA;AAAA,YACA,MAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA,EAAW,IAAA;AAAA,YACX,SAAS,MAAM;AACb,cAAA,UAAA,CAAW,IAAI,CAAA;AACf,cAAA,OAAA,IAAU;AAAA,YACZ,CAAA;AAAA,YACA,SAAA,EAAW,EAAA;AAAA,cACT,uBAAA;AAAA,cACA,GAAA,KAAQ,UAAU,4BAAA,GAA+B;AAAA;AACnD;AAAA;AACF;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-VOGI7GX3.js","sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { VideoViewerProps } from \"./VideoViewer.types\";\n\n/**\n * A standalone video viewer — native controls, optional poster, fit-to-box, and\n * dark-aware framing. Renders for video sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <VideoViewer src=\"/clip.mp4\" poster=\"/clip.jpg\" style={{ height: 360 }} />\n * ```\n */\nexport const VideoViewer = forwardRef<HTMLDivElement, VideoViewerProps>(\n  (\n    {\n      src,\n      poster,\n      controls = true,\n      autoPlay = false,\n      loop = false,\n      preload = \"metadata\",\n      muted = false,\n      fit = \"contain\",\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const [errored, setErrored] = useState(false);\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-video-viewer=\"\"\n        className={cn(\n          \"relative flex items-center justify-center overflow-hidden rounded-md bg-black\",\n          className,\n        )}\n        style={style}\n      >\n        {errored ? (\n          <div className=\"flex flex-col items-center justify-center gap-1 p-4 text-center text-sm text-zinc-400\">\n            <span className=\"font-medium\">Couldn&apos;t load video</span>\n            <span className=\"max-w-full truncate text-xs opacity-70\">{src}</span>\n          </div>\n        ) : (\n          <video\n            src={src}\n            preload={preload}\n            poster={poster}\n            controls={controls}\n            autoPlay={autoPlay}\n            loop={loop}\n            muted={muted}\n            playsInline\n            onError={() => {\n              setErrored(true);\n              onError?.();\n            }}\n            className={cn(\n              \"max-h-full max-w-full\",\n              fit === \"cover\" ? \"h-full w-full object-cover\" : \"object-contain\",\n            )}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nVideoViewer.displayName = \"VideoViewer\";\n"]}

package/dist/{chunk-KKYP5R3G.cjs → chunk-VUKIFFWK.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk6BW5BQMN_cjs = require('./chunk-6BW5BQMN.cjs');
-var chunkPPLR2DNC_cjs = require('./chunk-PPLR2DNC.cjs');
+var chunkXKDW6B7X_cjs = require('./chunk-XKDW6B7X.cjs');
+var chunkBBOIFV27_cjs = require('./chunk-BBOIFV27.cjs');
 var chunkYLGTDBB2_cjs = require('./chunk-YLGTDBB2.cjs');
 var chunkKJ22KE56_cjs = require('./chunk-KJ22KE56.cjs');
 var chunkL3V3BYVS_cjs = require('./chunk-L3V3BYVS.cjs');
 var chunkOUOEQZHY_cjs = require('./chunk-OUOEQZHY.cjs');
-var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -33,6 +33,7 @@ var DatePicker = react.forwardRef(
       dirty,
       error,
       label,
+      labelHidden,
       description,
       required,
       disabled,
@@ -46,7 +47,7 @@ var DatePicker = react.forwardRef(
     const autoId = react.useId();
     const pickerId = id ?? autoId;
     const inputType = includeTime ? "datetime-local" : "date";
-    const inputClasses = chunk3Z6ALUWP_cjs.cn(
+    const inputClasses = chunkZU5Q77OT_cjs.cn(
       chunkYLGTDBB2_cjs.inputBaseClasses,
       chunkYLGTDBB2_cjs.inputSizeClasses[size],
       chunkYLGTDBB2_cjs.dirtyClasses(dirty),
@@ -84,6 +85,7 @@ var SingleDatePicker = react.forwardRef(
     size = "md",
     error,
     label,
+    labelHidden,
     description,
     required,
     disabled,
@@ -107,7 +109,7 @@ var SingleDatePicker = react.forwardRef(
       singleProps.onValueChange
     );
     const input = !showControl ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6BW5BQMN_cjs.DisplayValue,
+      chunkXKDW6B7X_cjs.DisplayValue,
       {
         size,
         className,
@@ -129,7 +131,7 @@ var SingleDatePicker = react.forwardRef(
         disabled,
         required,
         onChange: (e) => setValue(e.target.value),
-        className: chunk3Z6ALUWP_cjs.cn(inputClasses, className),
+        className: chunkZU5Q77OT_cjs.cn(inputClasses, className),
         autoFocus: interactive,
         onBlur: () => {
           if (interactive) exitEdit();
@@ -138,9 +140,10 @@ var SingleDatePicker = react.forwardRef(
     );
     if (label || error || description) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkPPLR2DNC_cjs.Field,
+        chunkBBOIFV27_cjs.Field,
         {
           label,
+          labelHidden,
           description,
           error,
           required,
@@ -159,6 +162,7 @@ var RangeDatePicker = react.forwardRef(
     size = "md",
     error,
     label,
+    labelHidden,
     description,
     required,
     disabled,
@@ -182,7 +186,7 @@ var RangeDatePicker = react.forwardRef(
       rangeProps.onValueChange
     );
     const input = !showControl ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6BW5BQMN_cjs.DisplayValue,
+      chunkXKDW6B7X_cjs.DisplayValue,
       {
         size,
         className,
@@ -194,7 +198,7 @@ var RangeDatePicker = react.forwardRef(
       "div",
       {
         "data-react-fancy-date-picker": "",
-        className: chunk3Z6ALUWP_cjs.cn("flex items-center gap-2", className),
+        className: chunkZU5Q77OT_cjs.cn("flex items-center gap-2", className),
         onBlur: (e) => {
           if (interactive && !e.currentTarget.contains(e.relatedTarget)) exitEdit();
         },
@@ -235,9 +239,10 @@ var RangeDatePicker = react.forwardRef(
     );
     if (label || error || description) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkPPLR2DNC_cjs.Field,
+        chunkBBOIFV27_cjs.Field,
         {
           label,
+          labelHidden,
           description,
           error,
           required,
@@ -253,5 +258,5 @@ var RangeDatePicker = react.forwardRef(
 RangeDatePicker.displayName = "RangeDatePicker";
 
 exports.DatePicker = DatePicker;
-//# sourceMappingURL=chunk-KKYP5R3G.cjs.map
-//# sourceMappingURL=chunk-KKYP5R3G.cjs.map
+//# sourceMappingURL=chunk-VUKIFFWK.cjs.map
+//# sourceMappingURL=chunk-VUKIFFWK.cjs.map

package/dist/chunk-VUKIFFWK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/inputs/DatePicker/DatePicker.tsx"],"names":["forwardRef","useId","cn","inputBaseClasses","inputSizeClasses","dirtyClasses","errorClasses","jsx","useFieldMode","useInlineEdit","useControllableState","DisplayValue","Field","jsxs"],"mappings":"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","file":"chunk-VUKIFFWK.cjs","sourcesContent":["import { forwardRef, useId } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { useControllableState } from \"../../../hooks/use-controllable-state\";\nimport { Field } from \"../Field\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { DisplayValue } from \"../mode/DisplayValue\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport {\n  dirtyClasses,\n  errorClasses,\n  inputBaseClasses,\n  inputSizeClasses,\n} from \"../inputs.utils\";\nimport type { DatePickerProps } from \"./DatePicker.types\";\n\n/** Locale-format an ISO date / datetime-local string; fall back to the raw value. */\nfunction formatDateValue(iso: string, includeTime?: boolean): string {\n  if (!iso) return \"\";\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) return iso;\n  return includeTime\n    ? date.toLocaleString(undefined, {\n        year: \"numeric\",\n        month: \"short\",\n        day: \"numeric\",\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n      })\n    : date.toLocaleDateString(undefined, {\n        year: \"numeric\",\n        month: \"short\",\n        day: \"numeric\",\n      });\n}\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n  (props, ref) => {\n    const {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min,\n      max,\n      includeTime,\n    } = props;\n\n    const autoId = useId();\n    const pickerId = id ?? autoId;\n    const inputType = includeTime ? \"datetime-local\" : \"date\";\n\n    const inputClasses = cn(\n      inputBaseClasses,\n      inputSizeClasses[size],\n      dirtyClasses(dirty),\n      errorClasses(error),\n      \"w-full\",\n    );\n\n    if (props.range) {\n      return (\n        <RangeDatePicker\n          {...props}\n          id={pickerId}\n          inputType={inputType}\n          inputClasses={inputClasses}\n          ref={ref}\n        />\n      );\n    }\n\n    return (\n      <SingleDatePicker\n        {...props}\n        range={false}\n        id={pickerId}\n        inputType={inputType}\n        inputClasses={inputClasses}\n        ref={ref}\n      />\n    );\n  },\n);\n\nDatePicker.displayName = \"DatePicker\";\n\ninterface InternalProps {\n  inputType: string;\n  inputClasses: string;\n}\n\nconst SingleDatePicker = forwardRef<\n  HTMLInputElement,\n  DatePickerProps & { range?: false } & InternalProps\n>(\n  (\n    {\n      size = \"md\",\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min,\n      max,\n      includeTime,\n      mode,\n      inputType,\n      inputClasses,\n      ...rest\n    },\n    ref,\n  ) => {\n    const singleProps = rest as {\n      value?: string;\n      defaultValue?: string;\n      onValueChange?: (v: string) => void;\n    };\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n    const [value, setValue] = useControllableState(\n      singleProps.value,\n      singleProps.defaultValue ?? \"\",\n      singleProps.onValueChange,\n    );\n\n    const input = !showControl ? (\n      <DisplayValue\n        size={size}\n        className={className}\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {formatDateValue(value, includeTime)}\n      </DisplayValue>\n    ) : (\n      <input\n        data-react-fancy-date-picker=\"\"\n        ref={ref}\n        id={id}\n        type={inputType}\n        name={name}\n        min={min}\n        max={max}\n        value={value}\n        disabled={disabled}\n        required={required}\n        onChange={(e) => setValue(e.target.value)}\n        className={cn(inputClasses, className)}\n        autoFocus={interactive}\n        onBlur={() => {\n          if (interactive) exitEdit();\n        }}\n      />\n    );\n\n    if (label || error || description) {\n      return (\n        <Field\n          label={label}\n          labelHidden={labelHidden}\n          description={description}\n          error={error}\n          required={required}\n          htmlFor={id}\n          size={size}\n        >\n          {input}\n        </Field>\n      );\n    }\n\n    return input;\n  },\n);\n\nSingleDatePicker.displayName = \"SingleDatePicker\";\n\nconst RangeDatePicker = forwardRef<\n  HTMLInputElement,\n  DatePickerProps & { range: true } & InternalProps\n>(\n  (\n    {\n      size = \"md\",\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min,\n      max,\n      includeTime,\n      mode,\n      inputType,\n      inputClasses,\n      ...rest\n    },\n    ref,\n  ) => {\n    const rangeProps = rest as {\n      value?: [string, string];\n      defaultValue?: [string, string];\n      onValueChange?: (v: [string, string]) => void;\n    };\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n    const [value, setValue] = useControllableState(\n      rangeProps.value,\n      rangeProps.defaultValue ?? [\"\", \"\"] as [string, string],\n      rangeProps.onValueChange,\n    );\n\n    const input = !showControl ? (\n      <DisplayValue\n        size={size}\n        className={className}\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {value[0] || value[1]\n          ? `${formatDateValue(value[0], includeTime)} – ${formatDateValue(value[1], includeTime)}`\n          : \"\"}\n      </DisplayValue>\n    ) : (\n      <div\n        data-react-fancy-date-picker=\"\"\n        className={cn(\"flex items-center gap-2\", className)}\n        onBlur={(e) => {\n          if (interactive && !e.currentTarget.contains(e.relatedTarget as Node)) exitEdit();\n        }}\n      >\n        <input\n          ref={ref}\n          id={id}\n          type={inputType}\n          name={name ? `${name}_start` : undefined}\n          min={min}\n          max={value[1] || max}\n          value={value[0]}\n          disabled={disabled}\n          required={required}\n          onChange={(e) => setValue([e.target.value, value[1]])}\n          className={inputClasses}\n          autoFocus={interactive}\n        />\n        <span className=\"text-sm text-zinc-500 dark:text-zinc-400\">to</span>\n        <input\n          type={inputType}\n          name={name ? `${name}_end` : undefined}\n          min={value[0] || min}\n          max={max}\n          value={value[1]}\n          disabled={disabled}\n          onChange={(e) => setValue([value[0], e.target.value])}\n          className={inputClasses}\n        />\n      </div>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field\n          label={label}\n          labelHidden={labelHidden}\n          description={description}\n          error={error}\n          required={required}\n          htmlFor={id}\n          size={size}\n        >\n          {input}\n        </Field>\n      );\n    }\n\n    return input;\n  },\n);\n\nRangeDatePicker.displayName = \"RangeDatePicker\";\n"]}

package/dist/{chunk-R55HE5C5.js → chunk-VVL5LMLW.js}

@@ -1,5 +1,5 @@
 import { useControllableState } from './chunk-6FQGMVF2.js';
-import { cn } from './chunk-DSUHZO6T.js';
+import { cn } from './chunk-MMW2JGKZ.js';
 import { forwardRef, useRef, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -77,5 +77,5 @@ var Composer = forwardRef(
 Composer.displayName = "Composer";
 
 export { Composer };
-//# sourceMappingURL=chunk-R55HE5C5.js.map
-//# sourceMappingURL=chunk-R55HE5C5.js.map
+//# sourceMappingURL=chunk-VVL5LMLW.js.map
+//# sourceMappingURL=chunk-VVL5LMLW.js.map

package/dist/{chunk-R55HE5C5.js.map → chunk-VVL5LMLW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Composer/Composer.tsx"],"names":["Composer"],"mappings":";;;;;AAKO,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,SAASA,SAAAA,CACP;AAAA,IACE,KAAA,EAAO,eAAA;AAAA,IACP,YAAA,GAAe,EAAA;AAAA,IACf,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,mBAAA;AAAA,IACd,OAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX;AAAA,KAEF,GAAA,EACA;AACA,IAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,oBAAA;AAAA,MACxB,eAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,MAAM,WAAA,GAAc,OAA4B,IAAI,CAAA;AAEpD,IAAA,MAAM,YAAA,GAAe,YAAY,MAAM;AACrC,MAAA,IAAI,CAAC,KAAA,CAAM,IAAA,EAAK,IAAK,QAAA,EAAU;AAC/B,MAAA,QAAA,GAAW,KAAK,CAAA;AAChB,MAAA,QAAA,CAAS,EAAE,CAAA;AACX,MAAA,WAAA,CAAY,SAAS,KAAA,EAAM;AAAA,IAC7B,GAAG,CAAC,KAAA,EAAO,QAAA,EAAU,QAAA,EAAU,QAAQ,CAAC,CAAA;AAExC,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAgD;AACrE,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAC,EAAE,QAAA,EAAU;AACpC,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,YAAA,EAAa;AAAA,MACf;AAAA,IACF,CAAA;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,2BAAA,EAA0B,EAAA;AAAA,QAC1B,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kFAAA;AAAA,UACA,QAAA,IAAY,YAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,WAAA;AAAA,cACL,KAAA;AAAA,cACA,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,cACxC,SAAA,EAAW,aAAA;AAAA,cACX,WAAA;AAAA,cACA,QAAA;AAAA,cACA,IAAA,EAAM,CAAA;AAAA,cACN,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2FAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,4BAClD,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,OAAA,EAAS,YAAA;AAAA,gBACT,QAAA,EAAU,QAAA,IAAY,CAAC,KAAA,CAAM,IAAA,EAAK;AAAA,gBAClC,SAAA,EAAU,mLAAA;AAAA,gBACX,QAAA,EAAA;AAAA;AAAA;AAED,WAAA,EACF;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-R55HE5C5.js","sourcesContent":["import { forwardRef, useCallback, useRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport type { ComposerProps } from \"./Composer.types\";\n\nexport const Composer = forwardRef<HTMLDivElement, ComposerProps>(\n  function Composer(\n    {\n      value: controlledValue,\n      defaultValue = \"\",\n      onChange,\n      onSubmit,\n      placeholder = \"Type a message...\",\n      actions,\n      disabled = false,\n      className,\n    },\n    ref,\n  ) {\n    const [value, setValue] = useControllableState(\n      controlledValue,\n      defaultValue,\n      onChange,\n    );\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    const handleSubmit = useCallback(() => {\n      if (!value.trim() || disabled) return;\n      onSubmit?.(value);\n      setValue(\"\");\n      textareaRef.current?.focus();\n    }, [value, disabled, onSubmit, setValue]);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (e.key === \"Enter\" && !e.shiftKey) {\n        e.preventDefault();\n        handleSubmit();\n      }\n    };\n\n    return (\n      <div\n        data-react-fancy-composer=\"\"\n        ref={ref}\n        className={cn(\n          \"rounded-xl border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900\",\n          disabled && \"opacity-50\",\n          className,\n        )}\n      >\n        <textarea\n          ref={textareaRef}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          rows={3}\n          className=\"w-full resize-none bg-transparent px-4 pt-3 text-sm outline-none placeholder:text-zinc-400\"\n        />\n        <div className=\"flex items-center justify-between border-t border-zinc-100 px-3 py-2 dark:border-zinc-800\">\n          <div className=\"flex items-center gap-1\">{actions}</div>\n          <button\n            type=\"button\"\n            onClick={handleSubmit}\n            disabled={disabled || !value.trim()}\n            className=\"rounded-lg bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white transition-colors hover:bg-zinc-800 disabled:opacity-50 dark:bg-white dark:text-zinc-900 dark:hover:bg-zinc-100\"\n          >\n            Send\n          </button>\n        </div>\n      </div>\n    );\n  },\n);\n\nComposer.displayName = \"Composer\";\n"]}
+{"version":3,"sources":["../src/components/Composer/Composer.tsx"],"names":["Composer"],"mappings":";;;;;AAKO,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,SAASA,SAAAA,CACP;AAAA,IACE,KAAA,EAAO,eAAA;AAAA,IACP,YAAA,GAAe,EAAA;AAAA,IACf,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,mBAAA;AAAA,IACd,OAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX;AAAA,KAEF,GAAA,EACA;AACA,IAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,oBAAA;AAAA,MACxB,eAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,MAAM,WAAA,GAAc,OAA4B,IAAI,CAAA;AAEpD,IAAA,MAAM,YAAA,GAAe,YAAY,MAAM;AACrC,MAAA,IAAI,CAAC,KAAA,CAAM,IAAA,EAAK,IAAK,QAAA,EAAU;AAC/B,MAAA,QAAA,GAAW,KAAK,CAAA;AAChB,MAAA,QAAA,CAAS,EAAE,CAAA;AACX,MAAA,WAAA,CAAY,SAAS,KAAA,EAAM;AAAA,IAC7B,GAAG,CAAC,KAAA,EAAO,QAAA,EAAU,QAAA,EAAU,QAAQ,CAAC,CAAA;AAExC,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAgD;AACrE,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAC,EAAE,QAAA,EAAU;AACpC,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,YAAA,EAAa;AAAA,MACf;AAAA,IACF,CAAA;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,2BAAA,EAA0B,EAAA;AAAA,QAC1B,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kFAAA;AAAA,UACA,QAAA,IAAY,YAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,WAAA;AAAA,cACL,KAAA;AAAA,cACA,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,cACxC,SAAA,EAAW,aAAA;AAAA,cACX,WAAA;AAAA,cACA,QAAA;AAAA,cACA,IAAA,EAAM,CAAA;AAAA,cACN,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2FAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,4BAClD,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,OAAA,EAAS,YAAA;AAAA,gBACT,QAAA,EAAU,QAAA,IAAY,CAAC,KAAA,CAAM,IAAA,EAAK;AAAA,gBAClC,SAAA,EAAU,mLAAA;AAAA,gBACX,QAAA,EAAA;AAAA;AAAA;AAED,WAAA,EACF;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-VVL5LMLW.js","sourcesContent":["import { forwardRef, useCallback, useRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport type { ComposerProps } from \"./Composer.types\";\n\nexport const Composer = forwardRef<HTMLDivElement, ComposerProps>(\n  function Composer(\n    {\n      value: controlledValue,\n      defaultValue = \"\",\n      onChange,\n      onSubmit,\n      placeholder = \"Type a message...\",\n      actions,\n      disabled = false,\n      className,\n    },\n    ref,\n  ) {\n    const [value, setValue] = useControllableState(\n      controlledValue,\n      defaultValue,\n      onChange,\n    );\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    const handleSubmit = useCallback(() => {\n      if (!value.trim() || disabled) return;\n      onSubmit?.(value);\n      setValue(\"\");\n      textareaRef.current?.focus();\n    }, [value, disabled, onSubmit, setValue]);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (e.key === \"Enter\" && !e.shiftKey) {\n        e.preventDefault();\n        handleSubmit();\n      }\n    };\n\n    return (\n      <div\n        data-react-fancy-composer=\"\"\n        ref={ref}\n        className={cn(\n          \"rounded-xl border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900\",\n          disabled && \"opacity-50\",\n          className,\n        )}\n      >\n        <textarea\n          ref={textareaRef}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          rows={3}\n          className=\"w-full resize-none bg-transparent px-4 pt-3 text-sm outline-none placeholder:text-zinc-400\"\n        />\n        <div className=\"flex items-center justify-between border-t border-zinc-100 px-3 py-2 dark:border-zinc-800\">\n          <div className=\"flex items-center gap-1\">{actions}</div>\n          <button\n            type=\"button\"\n            onClick={handleSubmit}\n            disabled={disabled || !value.trim()}\n            className=\"rounded-lg bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white transition-colors hover:bg-zinc-800 disabled:opacity-50 dark:bg-white dark:text-zinc-900 dark:hover:bg-zinc-100\"\n          >\n            Send\n          </button>\n        </div>\n      </div>\n    );\n  },\n);\n\nComposer.displayName = \"Composer\";\n"]}

package/dist/{chunk-2CYRAKWI.cjs → chunk-VW6WUXFR.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -124,7 +124,7 @@ var Progress = react.forwardRef(
           "aria-valuemax": max,
           "data-react-fancy-progress": "",
           "data-size": pixelSize === null ? named : void 0,
-          className: chunk3Z6ALUWP_cjs.cn(
+          className: chunkZU5Q77OT_cjs.cn(
             "relative inline-flex items-center justify-center",
             className
           ),
@@ -136,7 +136,7 @@ var Progress = react.forwardRef(
                 viewBox: `0 0 ${diameter} ${diameter}`,
                 width: "100%",
                 height: "100%",
-                className: chunk3Z6ALUWP_cjs.cn(indeterminate && "animate-spin"),
+                className: chunkZU5Q77OT_cjs.cn(indeterminate && "animate-spin"),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "circle",
@@ -160,7 +160,7 @@ var Progress = react.forwardRef(
                       strokeLinecap: "round",
                       strokeDasharray: circumference,
                       strokeDashoffset: offset,
-                      className: chunk3Z6ALUWP_cjs.cn(progressStroke[color], "transition-[stroke-dashoffset] duration-300"),
+                      className: chunkZU5Q77OT_cjs.cn(progressStroke[color], "transition-[stroke-dashoffset] duration-300"),
                       style: { transform: "rotate(-90deg)", transformOrigin: "center" }
                     }
                   )
@@ -170,7 +170,7 @@ var Progress = react.forwardRef(
             showValue && !indeterminate && /* @__PURE__ */ jsxRuntime.jsxs(
               "span",
               {
-                className: chunk3Z6ALUWP_cjs.cn(
+                className: chunkZU5Q77OT_cjs.cn(
                   "absolute font-medium",
                   progressText[color],
                   textSizeClasses[named]
@@ -194,19 +194,19 @@ var Progress = react.forwardRef(
         "aria-valuemin": 0,
         "aria-valuemax": max,
         "data-react-fancy-progress": "",
-        className: chunk3Z6ALUWP_cjs.cn("relative w-full", className),
+        className: chunkZU5Q77OT_cjs.cn("relative w-full", className),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunk3Z6ALUWP_cjs.cn(
+              className: chunkZU5Q77OT_cjs.cn(
                 "w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700",
                 barHeightClasses[named]
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: chunk3Z6ALUWP_cjs.cn(
+                  className: chunkZU5Q77OT_cjs.cn(
                     "h-full rounded-full transition-[width] duration-300",
                     progressFill[color],
                     indeterminate && "animate-pulse w-full"
@@ -219,7 +219,7 @@ var Progress = react.forwardRef(
           showValue && !indeterminate && /* @__PURE__ */ jsxRuntime.jsxs(
             "span",
             {
-              className: chunk3Z6ALUWP_cjs.cn(
+              className: chunkZU5Q77OT_cjs.cn(
                 "mt-1 block text-right text-xs font-medium",
                 progressText[color]
               ),
@@ -237,5 +237,5 @@ var Progress = react.forwardRef(
 Progress.displayName = "Progress";
 
 exports.Progress = Progress;
-//# sourceMappingURL=chunk-2CYRAKWI.cjs.map
-//# sourceMappingURL=chunk-2CYRAKWI.cjs.map
+//# sourceMappingURL=chunk-VW6WUXFR.cjs.map
+//# sourceMappingURL=chunk-VW6WUXFR.cjs.map

package/dist/{chunk-2CYRAKWI.cjs.map → chunk-VW6WUXFR.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Progress/Progress.colors.ts","../src/components/Progress/Progress.tsx"],"names":["forwardRef","jsxs","cn","jsx"],"mappings":";;;;;;;AAMO,IAAM,YAAA,GAAsC;AAAA,EACjD,KAAA,EAAO,gCAAA;AAAA,EACP,IAAA,EAAM,8BAAA;AAAA,EACN,IAAA,EAAM,8BAAA;AAAA,EACN,OAAA,EAAS,oCAAA;AAAA,EACT,KAAA,EAAO,gCAAA;AAAA,EACP,GAAA,EAAK,4BAAA;AAAA,EACL,MAAA,EAAQ,kCAAA;AAAA,EACR,KAAA,EAAO,gCAAA;AAAA,EACP,MAAA,EAAQ,kCAAA;AAAA,EACR,IAAA,EAAM,8BAAA;AAAA,EACN,KAAA,EAAO,gCAAA;AAAA,EACP,OAAA,EAAS,oCAAA;AAAA,EACT,IAAA,EAAM,8BAAA;AAAA,EACN,IAAA,EAAM,8BAAA;AAAA,EACN,GAAA,EAAK,4BAAA;AAAA,EACL,IAAA,EAAM,8BAAA;AAAA,EACN,MAAA,EAAQ,kCAAA;AAAA,EACR,MAAA,EAAQ,kCAAA;AAAA,EACR,MAAA,EAAQ,kCAAA;AAAA,EACR,OAAA,EAAS,oCAAA;AAAA,EACT,IAAA,EAAM,8BAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,cAAA,GAAwC;AAAA,EACnD,KAAA,EAAO,wCAAA;AAAA,EACP,IAAA,EAAM,sCAAA;AAAA,EACN,IAAA,EAAM,sCAAA;AAAA,EACN,OAAA,EAAS,4CAAA;AAAA,EACT,KAAA,EAAO,wCAAA;AAAA,EACP,GAAA,EAAK,oCAAA;AAAA,EACL,MAAA,EAAQ,0CAAA;AAAA,EACR,KAAA,EAAO,wCAAA;AAAA,EACP,MAAA,EAAQ,0CAAA;AAAA,EACR,IAAA,EAAM,sCAAA;AAAA,EACN,KAAA,EAAO,wCAAA;AAAA,EACP,OAAA,EAAS,4CAAA;AAAA,EACT,IAAA,EAAM,sCAAA;AAAA,EACN,IAAA,EAAM,sCAAA;AAAA,EACN,GAAA,EAAK,oCAAA;AAAA,EACL,IAAA,EAAM,sCAAA;AAAA,EACN,MAAA,EAAQ,0CAAA;AAAA,EACR,MAAA,EAAQ,0CAAA;AAAA,EACR,MAAA,EAAQ,0CAAA;AAAA,EACR,OAAA,EAAS,4CAAA;AAAA,EACT,IAAA,EAAM,sCAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,YAAA,GAAsC;AAAA,EACjD,KAAA,EAAO,oCAAA;AAAA,EACP,IAAA,EAAM,kCAAA;AAAA,EACN,IAAA,EAAM,kCAAA;AAAA,EACN,OAAA,EAAS,wCAAA;AAAA,EACT,KAAA,EAAO,oCAAA;AAAA,EACP,GAAA,EAAK,gCAAA;AAAA,EACL,MAAA,EAAQ,sCAAA;AAAA,EACR,KAAA,EAAO,oCAAA;AAAA,EACP,MAAA,EAAQ,sCAAA;AAAA,EACR,IAAA,EAAM,kCAAA;AAAA,EACN,KAAA,EAAO,oCAAA;AAAA,EACP,OAAA,EAAS,wCAAA;AAAA,EACT,IAAA,EAAM,kCAAA;AAAA,EACN,IAAA,EAAM,kCAAA;AAAA,EACN,GAAA,EAAK,gCAAA;AAAA,EACL,IAAA,EAAM,kCAAA;AAAA,EACN,MAAA,EAAQ,sCAAA;AAAA,EACR,MAAA,EAAQ,sCAAA;AAAA,EACR,MAAA,EAAQ,sCAAA;AAAA,EACR,OAAA,EAAS,wCAAA;AAAA,EACT,IAAA,EAAM,kCAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;ACxEA,IAAM,gBAAA,GAA8C;AAAA,EAClD,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,eAAA,GAA6C;AAAA,EACjD,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,mBAA8C,EAAE,EAAA,EAAI,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,CAAA,EAAE;AAE1E,IAAM,eAAA,GAA6C;AAAA,EACjD,EAAA,EAAI,YAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,IAAM,QAAA,GAAWA,gBAAA;AAAA,EACtB,CACE;AAAA,IACE,KAAA,GAAQ,CAAA;AAAA,IACR,GAAA,GAAM,GAAA;AAAA,IACN,OAAA,GAAU,KAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,WAAA,EAAa,eAAA;AAAA,IACb,KAAA,GAAQ,MAAA;AAAA,IACR,aAAA,GAAgB,KAAA;AAAA,IAChB,SAAA,GAAY,KAAA;AAAA,IACZ;AAAA,KAEF,GAAA,KACG;AAGH,IAAA,MAAM,KAAA,GAAmB,OAAO,IAAA,KAAS,QAAA,GAAW,IAAA,GAAO,IAAA;AAE3D,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,IAAI,CAAA,EAAI,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAEjE,IAAA,IAAI,YAAY,UAAA,EAAY;AAC1B,MAAA,MAAM,SAAA,GAAY,OAAO,IAAA,KAAS,QAAA,GAAW,IAAA,GAAO,IAAA;AACpD,MAAA,MAAM,QAAA,GAAW,SAAA,IAAa,eAAA,CAAgB,KAAK,CAAA;AAInD,MAAA,MAAM,WAAA,GACJ,eAAA,KACC,SAAA,KAAc,IAAA,GAAO,iBAAiB,KAAK,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,QAAA,GAAW,KAAK,CAAC,CAAA,CAAA;AAC1F,MAAA,MAAM,MAAA,GAAA,CAAU,WAAW,WAAA,IAAe,CAAA;AAC1C,MAAA,MAAM,aAAA,GAAgB,CAAA,GAAI,IAAA,CAAK,EAAA,GAAK,MAAA;AACpC,MAAA,MAAM,SAAS,aAAA,GAAgB,aAAA,GAAgB,IAAA,GAAO,aAAA,GAAiB,aAAa,GAAA,GAAO,aAAA;AAE3F,MAAA,uBACEC,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,aAAA;AAAA,UACL,eAAA,EAAe,gBAAgB,MAAA,GAAY,KAAA;AAAA,UAC3C,eAAA,EAAe,CAAA;AAAA,UACf,eAAA,EAAe,GAAA;AAAA,UACf,2BAAA,EAA0B,EAAA;AAAA,UAI1B,WAAA,EAAW,SAAA,KAAc,IAAA,GAAO,KAAA,GAAQ,MAAA;AAAA,UACxC,SAAA,EAAWC,oBAAA;AAAA,YACT,kDAAA;AAAA,YACA;AAAA,WACF;AAAA,UACA,KAAA,EAAO,cAAc,IAAA,GAAO,MAAA,GAAY,EAAE,KAAA,EAAO,SAAA,EAAW,QAAQ,SAAA,EAAU;AAAA,UAE9E,QAAA,EAAA;AAAA,4BAAAD,eAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBAIC,OAAA,EAAS,CAAA,IAAA,EAAO,QAAQ,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAA;AAAA,gBACpC,KAAA,EAAM,MAAA;AAAA,gBACN,MAAA,EAAO,MAAA;AAAA,gBACP,SAAA,EAAWC,oBAAA,CAAG,aAAA,IAAiB,cAAc,CAAA;AAAA,gBAE7C,QAAA,EAAA;AAAA,kCAAAC,cAAA;AAAA,oBAAC,QAAA;AAAA,oBAAA;AAAA,sBACC,IAAI,QAAA,GAAW,CAAA;AAAA,sBACf,IAAI,QAAA,GAAW,CAAA;AAAA,sBACf,CAAA,EAAG,MAAA;AAAA,sBACH,IAAA,EAAK,MAAA;AAAA,sBACL,WAAA;AAAA,sBACA,SAAA,EAAU;AAAA;AAAA,mBACZ;AAAA,kCACAA,cAAA;AAAA,oBAAC,QAAA;AAAA,oBAAA;AAAA,sBACC,IAAI,QAAA,GAAW,CAAA;AAAA,sBACf,IAAI,QAAA,GAAW,CAAA;AAAA,sBACf,CAAA,EAAG,MAAA;AAAA,sBACH,IAAA,EAAK,MAAA;AAAA,sBACL,WAAA;AAAA,sBACA,aAAA,EAAc,OAAA;AAAA,sBACd,eAAA,EAAiB,aAAA;AAAA,sBACjB,gBAAA,EAAkB,MAAA;AAAA,sBAClB,SAAA,EAAWD,oBAAA,CAAG,cAAA,CAAe,KAAK,GAAG,6CAA6C,CAAA;AAAA,sBAClF,KAAA,EAAO,EAAE,SAAA,EAAW,gBAAA,EAAkB,iBAAiB,QAAA;AAAS;AAAA;AAClE;AAAA;AAAA,aACF;AAAA,YACC,SAAA,IAAa,CAAC,aAAA,oBACbD,eAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAWC,oBAAA;AAAA,kBACT,sBAAA;AAAA,kBACA,aAAa,KAAK,CAAA;AAAA,kBAClB,gBAAgB,KAAK;AAAA,iBACvB;AAAA,gBAEC,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAK,MAAM,UAAU,CAAA;AAAA,kBAAE;AAAA;AAAA;AAAA;AAC1B;AAAA;AAAA,OAEJ;AAAA,IAEJ;AAEA,IAAA,uBACED,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,aAAA;AAAA,QACL,eAAA,EAAe,gBAAgB,MAAA,GAAY,KAAA;AAAA,QAC3C,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,2BAAA,EAA0B,EAAA;AAAA,QAC1B,SAAA,EAAWC,oBAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA;AAAA,QAE1C,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWD,oBAAA;AAAA,gBACT,kEAAA;AAAA,gBACA,iBAAiB,KAAK;AAAA,eACxB;AAAA,cAEA,QAAA,kBAAAC,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAWD,oBAAA;AAAA,oBACT,qDAAA;AAAA,oBACA,aAAa,KAAK,CAAA;AAAA,oBAClB,aAAA,IAAiB;AAAA,mBACnB;AAAA,kBACA,OAAO,aAAA,GAAgB,MAAA,GAAY,EAAE,KAAA,EAAO,CAAA,EAAG,UAAU,CAAA,CAAA,CAAA;AAAI;AAAA;AAC/D;AAAA,WACF;AAAA,UACC,SAAA,IAAa,CAAC,aAAA,oBACbD,eAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWC,oBAAA;AAAA,gBACT,2CAAA;AAAA,gBACA,aAAa,KAAK;AAAA,eACpB;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,IAAA,CAAK,MAAM,UAAU,CAAA;AAAA,gBAAE;AAAA;AAAA;AAAA;AAC1B;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-2CYRAKWI.cjs","sourcesContent":["// AUTO-GENERATED by scripts/gen-progress-colors — do not edit by hand.\n// Literal Tailwind class strings for every color in the v4 palette so the\n// scanner can detect them in the published dist (template-built names are\n// invisible to Tailwind's JIT). Regenerate after changing the palette.\nimport type { Color } from \"../../utils/types\";\n\nexport const progressFill: Record<Color, string> = {\n  slate: \"bg-slate-500 dark:bg-slate-400\",\n  gray: \"bg-gray-500 dark:bg-gray-400\",\n  zinc: \"bg-zinc-500 dark:bg-zinc-400\",\n  neutral: \"bg-neutral-500 dark:bg-neutral-400\",\n  stone: \"bg-stone-500 dark:bg-stone-400\",\n  red: \"bg-red-500 dark:bg-red-400\",\n  orange: \"bg-orange-500 dark:bg-orange-400\",\n  amber: \"bg-amber-500 dark:bg-amber-400\",\n  yellow: \"bg-yellow-500 dark:bg-yellow-400\",\n  lime: \"bg-lime-500 dark:bg-lime-400\",\n  green: \"bg-green-500 dark:bg-green-400\",\n  emerald: \"bg-emerald-500 dark:bg-emerald-400\",\n  teal: \"bg-teal-500 dark:bg-teal-400\",\n  cyan: \"bg-cyan-500 dark:bg-cyan-400\",\n  sky: \"bg-sky-500 dark:bg-sky-400\",\n  blue: \"bg-blue-500 dark:bg-blue-400\",\n  indigo: \"bg-indigo-500 dark:bg-indigo-400\",\n  violet: \"bg-violet-500 dark:bg-violet-400\",\n  purple: \"bg-purple-500 dark:bg-purple-400\",\n  fuchsia: \"bg-fuchsia-500 dark:bg-fuchsia-400\",\n  pink: \"bg-pink-500 dark:bg-pink-400\",\n  rose: \"bg-rose-500 dark:bg-rose-400\",\n};\n\nexport const progressStroke: Record<Color, string> = {\n  slate: \"stroke-slate-500 dark:stroke-slate-400\",\n  gray: \"stroke-gray-500 dark:stroke-gray-400\",\n  zinc: \"stroke-zinc-500 dark:stroke-zinc-400\",\n  neutral: \"stroke-neutral-500 dark:stroke-neutral-400\",\n  stone: \"stroke-stone-500 dark:stroke-stone-400\",\n  red: \"stroke-red-500 dark:stroke-red-400\",\n  orange: \"stroke-orange-500 dark:stroke-orange-400\",\n  amber: \"stroke-amber-500 dark:stroke-amber-400\",\n  yellow: \"stroke-yellow-500 dark:stroke-yellow-400\",\n  lime: \"stroke-lime-500 dark:stroke-lime-400\",\n  green: \"stroke-green-500 dark:stroke-green-400\",\n  emerald: \"stroke-emerald-500 dark:stroke-emerald-400\",\n  teal: \"stroke-teal-500 dark:stroke-teal-400\",\n  cyan: \"stroke-cyan-500 dark:stroke-cyan-400\",\n  sky: \"stroke-sky-500 dark:stroke-sky-400\",\n  blue: \"stroke-blue-500 dark:stroke-blue-400\",\n  indigo: \"stroke-indigo-500 dark:stroke-indigo-400\",\n  violet: \"stroke-violet-500 dark:stroke-violet-400\",\n  purple: \"stroke-purple-500 dark:stroke-purple-400\",\n  fuchsia: \"stroke-fuchsia-500 dark:stroke-fuchsia-400\",\n  pink: \"stroke-pink-500 dark:stroke-pink-400\",\n  rose: \"stroke-rose-500 dark:stroke-rose-400\",\n};\n\nexport const progressText: Record<Color, string> = {\n  slate: \"text-slate-600 dark:text-slate-400\",\n  gray: \"text-gray-600 dark:text-gray-400\",\n  zinc: \"text-zinc-600 dark:text-zinc-400\",\n  neutral: \"text-neutral-600 dark:text-neutral-400\",\n  stone: \"text-stone-600 dark:text-stone-400\",\n  red: \"text-red-600 dark:text-red-400\",\n  orange: \"text-orange-600 dark:text-orange-400\",\n  amber: \"text-amber-600 dark:text-amber-400\",\n  yellow: \"text-yellow-600 dark:text-yellow-400\",\n  lime: \"text-lime-600 dark:text-lime-400\",\n  green: \"text-green-600 dark:text-green-400\",\n  emerald: \"text-emerald-600 dark:text-emerald-400\",\n  teal: \"text-teal-600 dark:text-teal-400\",\n  cyan: \"text-cyan-600 dark:text-cyan-400\",\n  sky: \"text-sky-600 dark:text-sky-400\",\n  blue: \"text-blue-600 dark:text-blue-400\",\n  indigo: \"text-indigo-600 dark:text-indigo-400\",\n  violet: \"text-violet-600 dark:text-violet-400\",\n  purple: \"text-purple-600 dark:text-purple-400\",\n  fuchsia: \"text-fuchsia-600 dark:text-fuchsia-400\",\n  pink: \"text-pink-600 dark:text-pink-400\",\n  rose: \"text-rose-600 dark:text-rose-400\",\n};\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { progressFill, progressStroke, progressText } from \"./Progress.colors\";\n\ntype NamedSize = \"sm\" | \"md\" | \"lg\";\n\nconst barHeightClasses: Record<NamedSize, string> = {\n  sm: \"h-1.5\",\n  md: \"h-2.5\",\n  lg: \"h-4\",\n};\n\nconst circularSizeMap: Record<NamedSize, number> = {\n  sm: 32,\n  md: 48,\n  lg: 64,\n};\n\nconst namedStrokeWidth: Record<NamedSize, number> = { sm: 3, md: 4, lg: 5 };\n\nconst textSizeClasses: Record<NamedSize, string> = {\n  sm: \"text-[8px]\",\n  md: \"text-[10px]\",\n  lg: \"text-xs\",\n};\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      value = 0,\n      max = 100,\n      variant = \"bar\",\n      size = \"md\",\n      strokeWidth: strokeWidthProp,\n      color = \"blue\",\n      indeterminate = false,\n      showValue = false,\n      className,\n    },\n    ref,\n  ) => {\n    // Class lookups need a named key; a pixel size sizes the ring itself and\n    // leaves the type/bar scales on their default.\n    const named: NamedSize = typeof size === \"number\" ? \"md\" : size;\n\n    const percentage = Math.min(100, Math.max(0, (value / max) * 100));\n\n    if (variant === \"circular\") {\n      const pixelSize = typeof size === \"number\" ? size : null;\n      const diameter = pixelSize ?? circularSizeMap[named];\n      // Scale with the circle when not told otherwise: a 5px stroke on a 152px\n      // ring reads as a hairline, so a fixed default makes large sizes look\n      // broken out of the box. The named scale keeps its exact old values.\n      const strokeWidth =\n        strokeWidthProp ??\n        (pixelSize === null ? namedStrokeWidth[named] : Math.max(3, Math.round(diameter * 0.075)));\n      const radius = (diameter - strokeWidth) / 2;\n      const circumference = 2 * Math.PI * radius;\n      const offset = indeterminate ? circumference * 0.75 : circumference - (percentage / 100) * circumference;\n\n      return (\n        <div\n          ref={ref}\n          role=\"progressbar\"\n          aria-valuenow={indeterminate ? undefined : value}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          data-react-fancy-progress=\"\"\n          // The named diameters live in styles.css keyed off this, so they work\n          // without the consumer's Tailwind generating anything — and, being\n          // layered, a className utility still beats them.\n          data-size={pixelSize === null ? named : undefined}\n          className={cn(\n            \"relative inline-flex items-center justify-center\",\n            className,\n          )}\n          style={pixelSize === null ? undefined : { width: pixelSize, height: pixelSize }}\n        >\n          <svg\n            // viewBox + 100% so the geometry follows the box instead of being\n            // baked in: the ring now scales with whatever sizes the wrapper,\n            // including a `className` override of the named scale.\n            viewBox={`0 0 ${diameter} ${diameter}`}\n            width=\"100%\"\n            height=\"100%\"\n            className={cn(indeterminate && \"animate-spin\")}\n          >\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              className=\"stroke-zinc-200 dark:stroke-zinc-700\"\n            />\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              strokeLinecap=\"round\"\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              className={cn(progressStroke[color], \"transition-[stroke-dashoffset] duration-300\")}\n              style={{ transform: \"rotate(-90deg)\", transformOrigin: \"center\" }}\n            />\n          </svg>\n          {showValue && !indeterminate && (\n            <span\n              className={cn(\n                \"absolute font-medium\",\n                progressText[color],\n                textSizeClasses[named],\n              )}\n            >\n              {Math.round(percentage)}%\n            </span>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuenow={indeterminate ? undefined : value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        data-react-fancy-progress=\"\"\n        className={cn(\"relative w-full\", className)}\n      >\n        <div\n          className={cn(\n            \"w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700\",\n            barHeightClasses[named],\n          )}\n        >\n          <div\n            className={cn(\n              \"h-full rounded-full transition-[width] duration-300\",\n              progressFill[color],\n              indeterminate && \"animate-pulse w-full\",\n            )}\n            style={indeterminate ? undefined : { width: `${percentage}%` }}\n          />\n        </div>\n        {showValue && !indeterminate && (\n          <span\n            className={cn(\n              \"mt-1 block text-right text-xs font-medium\",\n              progressText[color],\n            )}\n          >\n            {Math.round(percentage)}%\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nProgress.displayName = \"Progress\";\n"]}
+{"version":3,"sources":["../src/components/Progress/Progress.colors.ts","../src/components/Progress/Progress.tsx"],"names":["forwardRef","jsxs","cn","jsx"],"mappings":"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","file":"chunk-VW6WUXFR.cjs","sourcesContent":["// AUTO-GENERATED by scripts/gen-progress-colors — do not edit by hand.\n// Literal Tailwind class strings for every color in the v4 palette so the\n// scanner can detect them in the published dist (template-built names are\n// invisible to Tailwind's JIT). Regenerate after changing the palette.\nimport type { Color } from \"../../utils/types\";\n\nexport const progressFill: Record<Color, string> = {\n  slate: \"bg-slate-500 dark:bg-slate-400\",\n  gray: \"bg-gray-500 dark:bg-gray-400\",\n  zinc: \"bg-zinc-500 dark:bg-zinc-400\",\n  neutral: \"bg-neutral-500 dark:bg-neutral-400\",\n  stone: \"bg-stone-500 dark:bg-stone-400\",\n  red: \"bg-red-500 dark:bg-red-400\",\n  orange: \"bg-orange-500 dark:bg-orange-400\",\n  amber: \"bg-amber-500 dark:bg-amber-400\",\n  yellow: \"bg-yellow-500 dark:bg-yellow-400\",\n  lime: \"bg-lime-500 dark:bg-lime-400\",\n  green: \"bg-green-500 dark:bg-green-400\",\n  emerald: \"bg-emerald-500 dark:bg-emerald-400\",\n  teal: \"bg-teal-500 dark:bg-teal-400\",\n  cyan: \"bg-cyan-500 dark:bg-cyan-400\",\n  sky: \"bg-sky-500 dark:bg-sky-400\",\n  blue: \"bg-blue-500 dark:bg-blue-400\",\n  indigo: \"bg-indigo-500 dark:bg-indigo-400\",\n  violet: \"bg-violet-500 dark:bg-violet-400\",\n  purple: \"bg-purple-500 dark:bg-purple-400\",\n  fuchsia: \"bg-fuchsia-500 dark:bg-fuchsia-400\",\n  pink: \"bg-pink-500 dark:bg-pink-400\",\n  rose: \"bg-rose-500 dark:bg-rose-400\",\n};\n\nexport const progressStroke: Record<Color, string> = {\n  slate: \"stroke-slate-500 dark:stroke-slate-400\",\n  gray: \"stroke-gray-500 dark:stroke-gray-400\",\n  zinc: \"stroke-zinc-500 dark:stroke-zinc-400\",\n  neutral: \"stroke-neutral-500 dark:stroke-neutral-400\",\n  stone: \"stroke-stone-500 dark:stroke-stone-400\",\n  red: \"stroke-red-500 dark:stroke-red-400\",\n  orange: \"stroke-orange-500 dark:stroke-orange-400\",\n  amber: \"stroke-amber-500 dark:stroke-amber-400\",\n  yellow: \"stroke-yellow-500 dark:stroke-yellow-400\",\n  lime: \"stroke-lime-500 dark:stroke-lime-400\",\n  green: \"stroke-green-500 dark:stroke-green-400\",\n  emerald: \"stroke-emerald-500 dark:stroke-emerald-400\",\n  teal: \"stroke-teal-500 dark:stroke-teal-400\",\n  cyan: \"stroke-cyan-500 dark:stroke-cyan-400\",\n  sky: \"stroke-sky-500 dark:stroke-sky-400\",\n  blue: \"stroke-blue-500 dark:stroke-blue-400\",\n  indigo: \"stroke-indigo-500 dark:stroke-indigo-400\",\n  violet: \"stroke-violet-500 dark:stroke-violet-400\",\n  purple: \"stroke-purple-500 dark:stroke-purple-400\",\n  fuchsia: \"stroke-fuchsia-500 dark:stroke-fuchsia-400\",\n  pink: \"stroke-pink-500 dark:stroke-pink-400\",\n  rose: \"stroke-rose-500 dark:stroke-rose-400\",\n};\n\nexport const progressText: Record<Color, string> = {\n  slate: \"text-slate-600 dark:text-slate-400\",\n  gray: \"text-gray-600 dark:text-gray-400\",\n  zinc: \"text-zinc-600 dark:text-zinc-400\",\n  neutral: \"text-neutral-600 dark:text-neutral-400\",\n  stone: \"text-stone-600 dark:text-stone-400\",\n  red: \"text-red-600 dark:text-red-400\",\n  orange: \"text-orange-600 dark:text-orange-400\",\n  amber: \"text-amber-600 dark:text-amber-400\",\n  yellow: \"text-yellow-600 dark:text-yellow-400\",\n  lime: \"text-lime-600 dark:text-lime-400\",\n  green: \"text-green-600 dark:text-green-400\",\n  emerald: \"text-emerald-600 dark:text-emerald-400\",\n  teal: \"text-teal-600 dark:text-teal-400\",\n  cyan: \"text-cyan-600 dark:text-cyan-400\",\n  sky: \"text-sky-600 dark:text-sky-400\",\n  blue: \"text-blue-600 dark:text-blue-400\",\n  indigo: \"text-indigo-600 dark:text-indigo-400\",\n  violet: \"text-violet-600 dark:text-violet-400\",\n  purple: \"text-purple-600 dark:text-purple-400\",\n  fuchsia: \"text-fuchsia-600 dark:text-fuchsia-400\",\n  pink: \"text-pink-600 dark:text-pink-400\",\n  rose: \"text-rose-600 dark:text-rose-400\",\n};\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { progressFill, progressStroke, progressText } from \"./Progress.colors\";\n\ntype NamedSize = \"sm\" | \"md\" | \"lg\";\n\nconst barHeightClasses: Record<NamedSize, string> = {\n  sm: \"h-1.5\",\n  md: \"h-2.5\",\n  lg: \"h-4\",\n};\n\nconst circularSizeMap: Record<NamedSize, number> = {\n  sm: 32,\n  md: 48,\n  lg: 64,\n};\n\nconst namedStrokeWidth: Record<NamedSize, number> = { sm: 3, md: 4, lg: 5 };\n\nconst textSizeClasses: Record<NamedSize, string> = {\n  sm: \"text-[8px]\",\n  md: \"text-[10px]\",\n  lg: \"text-xs\",\n};\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      value = 0,\n      max = 100,\n      variant = \"bar\",\n      size = \"md\",\n      strokeWidth: strokeWidthProp,\n      color = \"blue\",\n      indeterminate = false,\n      showValue = false,\n      className,\n    },\n    ref,\n  ) => {\n    // Class lookups need a named key; a pixel size sizes the ring itself and\n    // leaves the type/bar scales on their default.\n    const named: NamedSize = typeof size === \"number\" ? \"md\" : size;\n\n    const percentage = Math.min(100, Math.max(0, (value / max) * 100));\n\n    if (variant === \"circular\") {\n      const pixelSize = typeof size === \"number\" ? size : null;\n      const diameter = pixelSize ?? circularSizeMap[named];\n      // Scale with the circle when not told otherwise: a 5px stroke on a 152px\n      // ring reads as a hairline, so a fixed default makes large sizes look\n      // broken out of the box. The named scale keeps its exact old values.\n      const strokeWidth =\n        strokeWidthProp ??\n        (pixelSize === null ? namedStrokeWidth[named] : Math.max(3, Math.round(diameter * 0.075)));\n      const radius = (diameter - strokeWidth) / 2;\n      const circumference = 2 * Math.PI * radius;\n      const offset = indeterminate ? circumference * 0.75 : circumference - (percentage / 100) * circumference;\n\n      return (\n        <div\n          ref={ref}\n          role=\"progressbar\"\n          aria-valuenow={indeterminate ? undefined : value}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          data-react-fancy-progress=\"\"\n          // The named diameters live in styles.css keyed off this, so they work\n          // without the consumer's Tailwind generating anything — and, being\n          // layered, a className utility still beats them.\n          data-size={pixelSize === null ? named : undefined}\n          className={cn(\n            \"relative inline-flex items-center justify-center\",\n            className,\n          )}\n          style={pixelSize === null ? undefined : { width: pixelSize, height: pixelSize }}\n        >\n          <svg\n            // viewBox + 100% so the geometry follows the box instead of being\n            // baked in: the ring now scales with whatever sizes the wrapper,\n            // including a `className` override of the named scale.\n            viewBox={`0 0 ${diameter} ${diameter}`}\n            width=\"100%\"\n            height=\"100%\"\n            className={cn(indeterminate && \"animate-spin\")}\n          >\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              className=\"stroke-zinc-200 dark:stroke-zinc-700\"\n            />\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              strokeLinecap=\"round\"\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              className={cn(progressStroke[color], \"transition-[stroke-dashoffset] duration-300\")}\n              style={{ transform: \"rotate(-90deg)\", transformOrigin: \"center\" }}\n            />\n          </svg>\n          {showValue && !indeterminate && (\n            <span\n              className={cn(\n                \"absolute font-medium\",\n                progressText[color],\n                textSizeClasses[named],\n              )}\n            >\n              {Math.round(percentage)}%\n            </span>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuenow={indeterminate ? undefined : value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        data-react-fancy-progress=\"\"\n        className={cn(\"relative w-full\", className)}\n      >\n        <div\n          className={cn(\n            \"w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700\",\n            barHeightClasses[named],\n          )}\n        >\n          <div\n            className={cn(\n              \"h-full rounded-full transition-[width] duration-300\",\n              progressFill[color],\n              indeterminate && \"animate-pulse w-full\",\n            )}\n            style={indeterminate ? undefined : { width: `${percentage}%` }}\n          />\n        </div>\n        {showValue && !indeterminate && (\n          <span\n            className={cn(\n              \"mt-1 block text-right text-xs font-medium\",\n              progressText[color],\n            )}\n          >\n            {Math.round(percentage)}%\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nProgress.displayName = \"Progress\";\n"]}

package/dist/{chunk-6RYZ2MOE.js → chunk-VYQI4R6S.js}

@@ -1,7 +1,7 @@
 import { resolve } from './chunk-45BBNJQD.js';
-import { Icon } from './chunk-M7EEQPE7.js';
+import { Icon } from './chunk-IVRYSSM7.js';
 import { sanitizeHref } from './chunk-XJXQG34J.js';
-import { cn } from './chunk-DSUHZO6T.js';
+import { cn } from './chunk-MMW2JGKZ.js';
 import { forwardRef } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
@@ -446,5 +446,5 @@ Button.displayName = "Button";
 var Action = Button;
 
 export { Action, Button };
-//# sourceMappingURL=chunk-6RYZ2MOE.js.map
-//# sourceMappingURL=chunk-6RYZ2MOE.js.map
+//# sourceMappingURL=chunk-VYQI4R6S.js.map
+//# sourceMappingURL=chunk-VYQI4R6S.js.map