@fragments-sdk/ui 0.12.0 → 0.14.0

package/dist/components/Popover/index.d.ts

@@ -15,11 +15,15 @@ export interface PopoverProps {
      * @default false */
     modal?: boolean;
 }
-export interface PopoverTriggerProps {
+type PopoverTriggerAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     children: React.ReactNode;
-    asChild?: boolean;
-    className?: string;
-}
+    asChild?: false;
+};
+type PopoverTriggerAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+    children: React.ReactElement;
+    asChild: true;
+};
+export type PopoverTriggerProps = PopoverTriggerAsButtonProps | PopoverTriggerAsChildProps;
 export interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     size?: 'sm' | 'md' | 'lg';
@@ -28,13 +32,11 @@ export interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement
     sideOffset?: number;
     arrow?: boolean;
 }
-export interface PopoverTitleProps {
+export interface PopoverTitleProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     children: React.ReactNode;
-    className?: string;
 }
-export interface PopoverDescriptionProps {
+export interface PopoverDescriptionProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     children: React.ReactNode;
-    className?: string;
 }
 export interface PopoverBodyProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
@@ -42,19 +44,23 @@ export interface PopoverBodyProps extends React.HTMLAttributes<HTMLDivElement> {
 export interface PopoverFooterProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-export interface PopoverCloseProps {
+type PopoverCloseAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     children?: React.ReactNode;
-    asChild?: boolean;
-    className?: string;
-}
+    asChild?: false;
+};
+type PopoverCloseAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+    children: React.ReactElement;
+    asChild: true;
+};
+export type PopoverCloseProps = PopoverCloseAsButtonProps | PopoverCloseAsChildProps;
 declare function PopoverRoot({ children, open, defaultOpen, onOpenChange, modal, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTrigger({ children, asChild, className }: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ children, asChild, className, ...htmlProps }: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function PopoverContent({ children, size, side, align, sideOffset, arrow, className, ...htmlProps }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTitle({ children, className }: PopoverTitleProps): import("react/jsx-runtime").JSX.Element;
-declare function PopoverDescription({ children, className }: PopoverDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTitle({ children, className, ...htmlProps }: PopoverTitleProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverDescription({ children, className, ...htmlProps }: PopoverDescriptionProps): import("react/jsx-runtime").JSX.Element;
 declare function PopoverBody({ children, className, ...htmlProps }: PopoverBodyProps): import("react/jsx-runtime").JSX.Element;
 declare function PopoverFooter({ children, className, ...htmlProps }: PopoverFooterProps): import("react/jsx-runtime").JSX.Element;
-declare function PopoverClose({ children, asChild, className }: PopoverCloseProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverClose({ children, asChild, className, ...htmlProps }: PopoverCloseProps): import("react/jsx-runtime").JSX.Element;
 export declare const Popover: typeof PopoverRoot & {
     Trigger: typeof PopoverTrigger;
     Content: typeof PopoverContent;

package/dist/components/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Popover/index.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 import styles from "./Popover.module.scss.js";
 function CloseIcon() {
@@ -40,11 +41,22 @@ function PopoverRoot({
     }
   );
 }
-function PopoverTrigger({ children, asChild, className }) {
+function PopoverTrigger({ children, asChild, className, ...htmlProps }) {
   if (asChild) {
-    return /* @__PURE__ */ jsx(Popover$1.Trigger, { className, render: children, children: null });
+    if (!React.isValidElement(children)) {
+      throw new Error("Popover.Trigger with asChild requires a single valid React element child.");
+    }
+    return /* @__PURE__ */ jsx(Popover$1.Trigger, { ...htmlProps, className, render: children, children: null });
   }
-  return /* @__PURE__ */ jsx(Popover$1.Trigger, { className, children });
+  return /* @__PURE__ */ jsx(
+    Popover$1.Trigger,
+    {
+      ...htmlProps,
+      type: htmlProps.type ?? "button",
+      className,
+      children
+    }
+  );
 }
 function PopoverContent({
   children,
@@ -75,13 +87,13 @@ function PopoverContent({
     }
   ) });
 }
-function PopoverTitle({ children, className }) {
+function PopoverTitle({ children, className, ...htmlProps }) {
   const classes = [styles.title, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(Popover$1.Title, { className: classes, children });
+  return /* @__PURE__ */ jsx(Popover$1.Title, { ...htmlProps, className: classes, children });
 }
-function PopoverDescription({ children, className }) {
+function PopoverDescription({ children, className, ...htmlProps }) {
   const classes = [styles.description, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(Popover$1.Description, { className: classes, children });
+  return /* @__PURE__ */ jsx(Popover$1.Description, { ...htmlProps, className: classes, children });
 }
 function PopoverBody({ children, className, ...htmlProps }) {
   const classes = [styles.body, className].filter(Boolean).join(" ");
@@ -91,11 +103,13 @@ function PopoverFooter({ children, className, ...htmlProps }) {
   const classes = [styles.footer, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
 }
-function PopoverClose({ children, asChild, className }) {
+function PopoverClose({ children, asChild, className, ...htmlProps }) {
   if (!children) {
     return /* @__PURE__ */ jsx(
       Popover$1.Close,
       {
+        ...htmlProps,
+        type: htmlProps.type ?? "button",
         "aria-label": "Close popover",
         className: [styles.close, className].filter(Boolean).join(" "),
         children: /* @__PURE__ */ jsx(CloseIcon, {})
@@ -103,9 +117,20 @@ function PopoverClose({ children, asChild, className }) {
     );
   }
   if (asChild) {
-    return /* @__PURE__ */ jsx(Popover$1.Close, { className, render: children, children: null });
+    if (!React.isValidElement(children)) {
+      throw new Error("Popover.Close with asChild requires a single valid React element child.");
+    }
+    return /* @__PURE__ */ jsx(Popover$1.Close, { ...htmlProps, className, render: children, children: null });
   }
-  return /* @__PURE__ */ jsx(Popover$1.Close, { className, children });
+  return /* @__PURE__ */ jsx(
+    Popover$1.Close,
+    {
+      ...htmlProps,
+      type: htmlProps.type ?? "button",
+      className,
+      children
+    }
+  );
 }
 const Popover = Object.assign(PopoverRoot, {
   Trigger: PopoverTrigger,

package/dist/components/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Popover/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport styles from './Popover.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\n/**\n * Popover for floating content attached to a trigger element.\n * @see https://usefragments.com/components/popover\n */\nexport interface PopoverProps {\n  children: React.ReactNode;\n  /** Controlled open state */\n  open?: boolean;\n  /** Default open state */\n  defaultOpen?: boolean;\n  /** Called when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Whether the popover blocks interaction with the rest of the page.\n   * @default false */\n  modal?: boolean;\n}\n\nexport interface PopoverTriggerProps {\n  children: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\n}\n\nexport interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  size?: 'sm' | 'md' | 'lg';\n  side?: 'top' | 'bottom' | 'left' | 'right';\n  align?: 'start' | 'center' | 'end';\n  sideOffset?: number;\n  arrow?: boolean;\n}\n\nexport interface PopoverTitleProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface PopoverDescriptionProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface PopoverBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface PopoverFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface PopoverCloseProps {\n  children?: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction CloseIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction PopoverRoot({\n  children,\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal = false,\n}: PopoverProps) {\n  return (\n    <BasePopover.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      modal={modal}\n    >\n      {children}\n    </BasePopover.Root>\n  );\n}\n\nfunction PopoverTrigger({ children, asChild, className }: PopoverTriggerProps) {\n  if (asChild) {\n    return (\n      <BasePopover.Trigger className={className} render={children as React.ReactElement}>\n        {null}\n      </BasePopover.Trigger>\n    );\n  }\n\n  return (\n    <BasePopover.Trigger className={className}>\n      {children}\n    </BasePopover.Trigger>\n  );\n}\n\nfunction PopoverContent({\n  children,\n  size = 'md',\n  side = 'bottom',\n  align = 'center',\n  sideOffset = 8,\n  arrow = false,\n  className,\n  ...htmlProps\n}: PopoverContentProps) {\n  const popupClasses = [\n    styles.popup,\n    size !== 'md' && styles[size],\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <BasePopover.Portal>\n      <BasePopover.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        className={styles.positioner}\n      >\n        <BasePopover.Popup {...htmlProps} className={popupClasses}>\n          {children}\n          {arrow && <BasePopover.Arrow className={styles.arrow} />}\n        </BasePopover.Popup>\n      </BasePopover.Positioner>\n    </BasePopover.Portal>\n  );\n}\n\nfunction PopoverTitle({ children, className }: PopoverTitleProps) {\n  const classes = [styles.title, className].filter(Boolean).join(' ');\n  return <BasePopover.Title className={classes}>{children}</BasePopover.Title>;\n}\n\nfunction PopoverDescription({ children, className }: PopoverDescriptionProps) {\n  const classes = [styles.description, className].filter(Boolean).join(' ');\n  return (\n    <BasePopover.Description className={classes}>\n      {children}\n    </BasePopover.Description>\n  );\n}\n\nfunction PopoverBody({ children, className, ...htmlProps }: PopoverBodyProps) {\n  const classes = [styles.body, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction PopoverFooter({ children, className, ...htmlProps }: PopoverFooterProps) {\n  const classes = [styles.footer, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction PopoverClose({ children, asChild, className }: PopoverCloseProps) {\n  // Default close button (X icon)\n  if (!children) {\n    return (\n      <BasePopover.Close\n        aria-label=\"Close popover\"\n        className={[styles.close, className].filter(Boolean).join(' ')}\n      >\n        <CloseIcon />\n      </BasePopover.Close>\n    );\n  }\n\n  if (asChild) {\n    return (\n      <BasePopover.Close className={className} render={children as React.ReactElement}>\n        {null}\n      </BasePopover.Close>\n    );\n  }\n\n  return (\n    <BasePopover.Close className={className}>\n      {children}\n    </BasePopover.Close>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Popover = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Body: PopoverBody,\n  Footer: PopoverFooter,\n  Close: PopoverClose,\n});\n\n// Re-export individual components\nexport {\n  PopoverRoot,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverTitle,\n  PopoverDescription,\n  PopoverBody,\n  PopoverFooter,\n  PopoverClose,\n};\n"],"names":["BasePopover"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Popover/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport styles from './Popover.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\n/**\n * Popover for floating content attached to a trigger element.\n * @see https://usefragments.com/components/popover\n */\nexport interface PopoverProps {\n  children: React.ReactNode;\n  /** Controlled open state */\n  open?: boolean;\n  /** Default open state */\n  defaultOpen?: boolean;\n  /** Called when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Whether the popover blocks interaction with the rest of the page.\n   * @default false */\n  modal?: boolean;\n}\n\ntype PopoverTriggerAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode;\n  asChild?: false;\n};\ntype PopoverTriggerAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {\n  children: React.ReactElement;\n  asChild: true;\n};\nexport type PopoverTriggerProps = PopoverTriggerAsButtonProps | PopoverTriggerAsChildProps;\n\nexport interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  size?: 'sm' | 'md' | 'lg';\n  side?: 'top' | 'bottom' | 'left' | 'right';\n  align?: 'start' | 'center' | 'end';\n  sideOffset?: number;\n  arrow?: boolean;\n}\n\nexport interface PopoverTitleProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  children: React.ReactNode;\n}\n\nexport interface PopoverDescriptionProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  children: React.ReactNode;\n}\n\nexport interface PopoverBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface PopoverFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\ntype PopoverCloseAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: React.ReactNode;\n  asChild?: false;\n};\ntype PopoverCloseAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {\n  children: React.ReactElement;\n  asChild: true;\n};\nexport type PopoverCloseProps = PopoverCloseAsButtonProps | PopoverCloseAsChildProps;\n\n// ============================================\n// Icons\n// ============================================\n\nfunction CloseIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction PopoverRoot({\n  children,\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal = false,\n}: PopoverProps) {\n  return (\n    <BasePopover.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      modal={modal}\n    >\n      {children}\n    </BasePopover.Root>\n  );\n}\n\nfunction PopoverTrigger({ children, asChild, className, ...htmlProps }: PopoverTriggerProps) {\n  if (asChild) {\n    if (!React.isValidElement(children)) {\n      throw new Error('Popover.Trigger with asChild requires a single valid React element child.');\n    }\n    return (\n      <BasePopover.Trigger {...htmlProps} className={className} render={children as React.ReactElement}>\n        {null}\n      </BasePopover.Trigger>\n    );\n  }\n\n  return (\n    <BasePopover.Trigger\n      {...htmlProps}\n      type={(htmlProps as React.ButtonHTMLAttributes<HTMLButtonElement>).type ?? 'button'}\n      className={className}\n    >\n      {children}\n    </BasePopover.Trigger>\n  );\n}\n\nfunction PopoverContent({\n  children,\n  size = 'md',\n  side = 'bottom',\n  align = 'center',\n  sideOffset = 8,\n  arrow = false,\n  className,\n  ...htmlProps\n}: PopoverContentProps) {\n  const popupClasses = [\n    styles.popup,\n    size !== 'md' && styles[size],\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <BasePopover.Portal>\n      <BasePopover.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        className={styles.positioner}\n      >\n        <BasePopover.Popup {...htmlProps} className={popupClasses}>\n          {children}\n          {arrow && <BasePopover.Arrow className={styles.arrow} />}\n        </BasePopover.Popup>\n      </BasePopover.Positioner>\n    </BasePopover.Portal>\n  );\n}\n\nfunction PopoverTitle({ children, className, ...htmlProps }: PopoverTitleProps) {\n  const classes = [styles.title, className].filter(Boolean).join(' ');\n  return <BasePopover.Title {...htmlProps} className={classes}>{children}</BasePopover.Title>;\n}\n\nfunction PopoverDescription({ children, className, ...htmlProps }: PopoverDescriptionProps) {\n  const classes = [styles.description, className].filter(Boolean).join(' ');\n  return (\n    <BasePopover.Description {...htmlProps} className={classes}>\n      {children}\n    </BasePopover.Description>\n  );\n}\n\nfunction PopoverBody({ children, className, ...htmlProps }: PopoverBodyProps) {\n  const classes = [styles.body, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction PopoverFooter({ children, className, ...htmlProps }: PopoverFooterProps) {\n  const classes = [styles.footer, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction PopoverClose({ children, asChild, className, ...htmlProps }: PopoverCloseProps) {\n  // Default close button (X icon)\n  if (!children) {\n    return (\n      <BasePopover.Close\n        {...htmlProps}\n        type={(htmlProps as React.ButtonHTMLAttributes<HTMLButtonElement>).type ?? 'button'}\n        aria-label=\"Close popover\"\n        className={[styles.close, className].filter(Boolean).join(' ')}\n      >\n        <CloseIcon />\n      </BasePopover.Close>\n    );\n  }\n\n  if (asChild) {\n    if (!React.isValidElement(children)) {\n      throw new Error('Popover.Close with asChild requires a single valid React element child.');\n    }\n    return (\n      <BasePopover.Close {...htmlProps} className={className} render={children as React.ReactElement}>\n        {null}\n      </BasePopover.Close>\n    );\n  }\n\n  return (\n    <BasePopover.Close\n      {...htmlProps}\n      type={(htmlProps as React.ButtonHTMLAttributes<HTMLButtonElement>).type ?? 'button'}\n      className={className}\n    >\n      {children}\n    </BasePopover.Close>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Popover = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Body: PopoverBody,\n  Footer: PopoverFooter,\n  Close: PopoverClose,\n});\n\n// Re-export individual components\nexport {\n  PopoverRoot,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverTitle,\n  PopoverDescription,\n  PopoverBody,\n  PopoverFooter,\n  PopoverClose,\n};\n"],"names":["BasePopover"],"mappings":"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"}

package/dist/components/Progress/index.cjs

@@ -18,7 +18,9 @@ function ProgressRoot({
   ...htmlProps
 }) {
   const isIndeterminate = value === null;
-  const percentage = isIndeterminate ? 0 : Math.round((value - min) / (max - min) * 100);
+  const range = max - min;
+  const normalizedPercentage = isIndeterminate ? 0 : range <= 0 ? 0 : (value - min) / range * 100;
+  const percentage = isIndeterminate ? 0 : Math.round(Math.min(100, Math.max(0, normalizedPercentage)));
   const trackClasses = [
     Progress_module.default.track,
     size === "sm" && Progress_module.default.trackSm,

package/dist/components/Progress/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Progress/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as BaseProgress } from '@base-ui/react/progress';\nimport styles from './Progress.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  /** Current progress value (0-100). Null for indeterminate. */\n  value?: number | null;\n  /** Minimum value */\n  min?: number;\n  /** Maximum value */\n  max?: number;\n  /** Size of the progress bar */\n  size?: 'sm' | 'md' | 'lg';\n  /** Color variant */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /** Label text */\n  label?: string;\n  /** Show percentage value */\n  showValue?: boolean;\n  /** Custom value formatter */\n  formatValue?: (value: number) => string;\n}\n\nexport interface CircularProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Current progress value (0-100). Null for indeterminate. */\n  value?: number | null;\n  /** Size of the circular progress */\n  size?: 'sm' | 'md' | 'lg';\n  /** Color variant */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /** Show percentage in center */\n  showValue?: boolean;\n  /** Stroke width */\n  strokeWidth?: number;\n}\n\n// ============================================\n// Linear Progress\n// ============================================\n\nfunction ProgressRoot({\n  value = null,\n  min = 0,\n  max = 100,\n  size = 'md',\n  variant = 'default',\n  label,\n  showValue = false,\n  formatValue,\n  className,\n  'aria-label': ariaLabel,\n  'aria-valuetext': ariaValueText,\n  ...htmlProps\n}: ProgressProps) {\n  const isIndeterminate = value === null;\n  const percentage = isIndeterminate ? 0 : Math.round(((value - min) / (max - min)) * 100);\n\n  const trackClasses = [\n    styles.track,\n    size === 'sm' && styles.trackSm,\n    size === 'md' && styles.trackMd,\n    size === 'lg' && styles.trackLg,\n  ].filter(Boolean).join(' ');\n\n  const indicatorClasses = [\n    styles.indicator,\n    variant === 'success' && styles.indicatorSuccess,\n    variant === 'warning' && styles.indicatorWarning,\n    variant === 'danger' && styles.indicatorDanger,\n    isIndeterminate && styles.indicatorIndeterminate,\n  ].filter(Boolean).join(' ');\n\n  const rootClasses = [styles.root, className].filter(Boolean).join(' ');\n\n  const displayValue = formatValue\n    ? formatValue(percentage)\n    : `${percentage}%`;\n\n  // Default value text for screen readers\n  const effectiveValueText = ariaValueText || (\n    isIndeterminate ? 'Loading' : `${percentage} percent`\n  );\n\n  return (\n    <BaseProgress.Root\n      {...htmlProps}\n      value={value}\n      min={min}\n      max={max}\n      className={rootClasses}\n      aria-label={ariaLabel || (label ? undefined : 'Progress')}\n      aria-valuetext={effectiveValueText}\n      aria-busy={isIndeterminate}\n    >\n      {(label || showValue) && (\n        <div className={styles.header}>\n          {label && (\n            <BaseProgress.Label className={styles.label}>\n              {label}\n            </BaseProgress.Label>\n          )}\n          {showValue && !isIndeterminate && (\n            <span className={styles.value}>{displayValue}</span>\n          )}\n        </div>\n      )}\n      <BaseProgress.Track className={trackClasses}>\n        <BaseProgress.Indicator\n          className={indicatorClasses}\n          style={isIndeterminate ? undefined : { width: `${percentage}%` }}\n        />\n      </BaseProgress.Track>\n    </BaseProgress.Root>\n  );\n}\n\n// ============================================\n// Circular Progress\n// ============================================\n\nconst CIRCLE_SIZES = {\n  sm: { size: 32, strokeWidth: 3 },\n  md: { size: 48, strokeWidth: 4 },\n  lg: { size: 64, strokeWidth: 5 },\n};\n\nfunction CircularProgressRoot({\n  value = null,\n  size = 'md',\n  variant = 'default',\n  showValue = false,\n  strokeWidth: customStrokeWidth,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-valuetext': ariaValueText,\n  ...htmlProps\n}: CircularProgressProps) {\n  const isIndeterminate = value === null;\n  const percentage = isIndeterminate ? 0 : Math.min(100, Math.max(0, value));\n\n  const { size: svgSize, strokeWidth: defaultStrokeWidth } = CIRCLE_SIZES[size];\n  const strokeWidth = customStrokeWidth ?? defaultStrokeWidth;\n\n  const radius = (svgSize - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const offset = circumference - (percentage / 100) * circumference;\n\n  const sizeClass = size === 'sm' ? styles.circularSm\n    : size === 'lg' ? styles.circularLg\n    : styles.circularMd;\n\n  const indicatorClasses = [\n    styles.circularIndicator,\n    variant === 'success' && styles.circularIndicatorSuccess,\n    variant === 'warning' && styles.circularIndicatorWarning,\n    variant === 'danger' && styles.circularIndicatorDanger,\n    isIndeterminate && styles.circularIndicatorIndeterminate,\n  ].filter(Boolean).join(' ');\n\n  const rootClasses = [styles.circular, sizeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  // Default value text for screen readers\n  const effectiveValueText = ariaValueText || (\n    isIndeterminate ? 'Loading' : `${Math.round(percentage)} percent`\n  );\n\n  return (\n    <BaseProgress.Root\n      {...htmlProps}\n      value={value}\n      min={0}\n      max={100}\n      className={rootClasses}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-valuenow={isIndeterminate ? undefined : percentage}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuetext={effectiveValueText}\n      aria-busy={isIndeterminate}\n    >\n      <svg\n        className={styles.circularSvg}\n        width={svgSize}\n        height={svgSize}\n        viewBox={`0 0 ${svgSize} ${svgSize}`}\n        aria-hidden=\"true\"\n      >\n        {/* Track circle */}\n        <circle\n          className={styles.circularTrack}\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          strokeWidth={strokeWidth}\n        />\n        {/* Indicator circle */}\n        <circle\n          className={indicatorClasses}\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          strokeWidth={strokeWidth}\n          strokeDasharray={circumference}\n          strokeDashoffset={isIndeterminate ? undefined : offset}\n          style={isIndeterminate ? { transformOrigin: 'center' } : undefined}\n        />\n      </svg>\n      {showValue && !isIndeterminate && (\n        <span className={styles.circularValue} aria-hidden=\"true\">{Math.round(percentage)}%</span>\n      )}\n    </BaseProgress.Root>\n  );\n}\n\nexport const CircularProgress = CircularProgressRoot;\n\nexport const Progress = Object.assign(ProgressRoot, {\n  Root: ProgressRoot,\n  Circular: CircularProgressRoot,\n});\n"],"names":["styles","jsxs","BaseProgress","jsx"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Progress/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as BaseProgress } from '@base-ui/react/progress';\nimport styles from './Progress.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  /** Current progress value (0-100). Null for indeterminate. */\n  value?: number | null;\n  /** Minimum value */\n  min?: number;\n  /** Maximum value */\n  max?: number;\n  /** Size of the progress bar */\n  size?: 'sm' | 'md' | 'lg';\n  /** Color variant */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /** Label text */\n  label?: string;\n  /** Show percentage value */\n  showValue?: boolean;\n  /** Custom value formatter */\n  formatValue?: (value: number) => string;\n}\n\nexport interface CircularProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Current progress value (0-100). Null for indeterminate. */\n  value?: number | null;\n  /** Size of the circular progress */\n  size?: 'sm' | 'md' | 'lg';\n  /** Color variant */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /** Show percentage in center */\n  showValue?: boolean;\n  /** Stroke width */\n  strokeWidth?: number;\n}\n\n// ============================================\n// Linear Progress\n// ============================================\n\nfunction ProgressRoot({\n  value = null,\n  min = 0,\n  max = 100,\n  size = 'md',\n  variant = 'default',\n  label,\n  showValue = false,\n  formatValue,\n  className,\n  'aria-label': ariaLabel,\n  'aria-valuetext': ariaValueText,\n  ...htmlProps\n}: ProgressProps) {\n  const isIndeterminate = value === null;\n  const range = max - min;\n  const normalizedPercentage = isIndeterminate\n    ? 0\n    : range <= 0\n      ? 0\n      : ((value - min) / range) * 100;\n  const percentage = isIndeterminate\n    ? 0\n    : Math.round(Math.min(100, Math.max(0, normalizedPercentage)));\n\n  const trackClasses = [\n    styles.track,\n    size === 'sm' && styles.trackSm,\n    size === 'md' && styles.trackMd,\n    size === 'lg' && styles.trackLg,\n  ].filter(Boolean).join(' ');\n\n  const indicatorClasses = [\n    styles.indicator,\n    variant === 'success' && styles.indicatorSuccess,\n    variant === 'warning' && styles.indicatorWarning,\n    variant === 'danger' && styles.indicatorDanger,\n    isIndeterminate && styles.indicatorIndeterminate,\n  ].filter(Boolean).join(' ');\n\n  const rootClasses = [styles.root, className].filter(Boolean).join(' ');\n\n  const displayValue = formatValue\n    ? formatValue(percentage)\n    : `${percentage}%`;\n\n  // Default value text for screen readers\n  const effectiveValueText = ariaValueText || (\n    isIndeterminate ? 'Loading' : `${percentage} percent`\n  );\n\n  return (\n    <BaseProgress.Root\n      {...htmlProps}\n      value={value}\n      min={min}\n      max={max}\n      className={rootClasses}\n      aria-label={ariaLabel || (label ? undefined : 'Progress')}\n      aria-valuetext={effectiveValueText}\n      aria-busy={isIndeterminate}\n    >\n      {(label || showValue) && (\n        <div className={styles.header}>\n          {label && (\n            <BaseProgress.Label className={styles.label}>\n              {label}\n            </BaseProgress.Label>\n          )}\n          {showValue && !isIndeterminate && (\n            <span className={styles.value}>{displayValue}</span>\n          )}\n        </div>\n      )}\n      <BaseProgress.Track className={trackClasses}>\n        <BaseProgress.Indicator\n          className={indicatorClasses}\n          style={isIndeterminate ? undefined : { width: `${percentage}%` }}\n        />\n      </BaseProgress.Track>\n    </BaseProgress.Root>\n  );\n}\n\n// ============================================\n// Circular Progress\n// ============================================\n\nconst CIRCLE_SIZES = {\n  sm: { size: 32, strokeWidth: 3 },\n  md: { size: 48, strokeWidth: 4 },\n  lg: { size: 64, strokeWidth: 5 },\n};\n\nfunction CircularProgressRoot({\n  value = null,\n  size = 'md',\n  variant = 'default',\n  showValue = false,\n  strokeWidth: customStrokeWidth,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-valuetext': ariaValueText,\n  ...htmlProps\n}: CircularProgressProps) {\n  const isIndeterminate = value === null;\n  const percentage = isIndeterminate ? 0 : Math.min(100, Math.max(0, value));\n\n  const { size: svgSize, strokeWidth: defaultStrokeWidth } = CIRCLE_SIZES[size];\n  const strokeWidth = customStrokeWidth ?? defaultStrokeWidth;\n\n  const radius = (svgSize - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const offset = circumference - (percentage / 100) * circumference;\n\n  const sizeClass = size === 'sm' ? styles.circularSm\n    : size === 'lg' ? styles.circularLg\n    : styles.circularMd;\n\n  const indicatorClasses = [\n    styles.circularIndicator,\n    variant === 'success' && styles.circularIndicatorSuccess,\n    variant === 'warning' && styles.circularIndicatorWarning,\n    variant === 'danger' && styles.circularIndicatorDanger,\n    isIndeterminate && styles.circularIndicatorIndeterminate,\n  ].filter(Boolean).join(' ');\n\n  const rootClasses = [styles.circular, sizeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  // Default value text for screen readers\n  const effectiveValueText = ariaValueText || (\n    isIndeterminate ? 'Loading' : `${Math.round(percentage)} percent`\n  );\n\n  return (\n    <BaseProgress.Root\n      {...htmlProps}\n      value={value}\n      min={0}\n      max={100}\n      className={rootClasses}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-valuenow={isIndeterminate ? undefined : percentage}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuetext={effectiveValueText}\n      aria-busy={isIndeterminate}\n    >\n      <svg\n        className={styles.circularSvg}\n        width={svgSize}\n        height={svgSize}\n        viewBox={`0 0 ${svgSize} ${svgSize}`}\n        aria-hidden=\"true\"\n      >\n        {/* Track circle */}\n        <circle\n          className={styles.circularTrack}\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          strokeWidth={strokeWidth}\n        />\n        {/* Indicator circle */}\n        <circle\n          className={indicatorClasses}\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          strokeWidth={strokeWidth}\n          strokeDasharray={circumference}\n          strokeDashoffset={isIndeterminate ? undefined : offset}\n          style={isIndeterminate ? { transformOrigin: 'center' } : undefined}\n        />\n      </svg>\n      {showValue && !isIndeterminate && (\n        <span className={styles.circularValue} aria-hidden=\"true\">{Math.round(percentage)}%</span>\n      )}\n    </BaseProgress.Root>\n  );\n}\n\nexport const CircularProgress = CircularProgressRoot;\n\nexport const Progress = Object.assign(ProgressRoot, {\n  Root: ProgressRoot,\n  Circular: CircularProgressRoot,\n});\n"],"names":["styles","jsxs","BaseProgress","jsx"],"mappings":"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"}

package/dist/components/Progress/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC/F,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oCAAoC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,YAAY,CAAC,EACpB,KAAY,EACZ,GAAO,EACP,GAAS,EACT,IAAW,EACX,OAAmB,EACnB,KAAK,EACL,SAAiB,EACjB,WAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,gBAAgB,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,aAAa,2CA6Df;AAYD,iBAAS,oBAAoB,CAAC,EAC5B,KAAY,EACZ,IAAW,EACX,OAAmB,EACnB,SAAiB,EACjB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,gBAAgB,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,qBAAqB,2CA+EvB;AAED,eAAO,MAAM,gBAAgB,6BAAuB,CAAC;AAErD,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC/F,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oCAAoC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,YAAY,CAAC,EACpB,KAAY,EACZ,GAAO,EACP,GAAS,EACT,IAAW,EACX,OAAmB,EACnB,KAAK,EACL,SAAiB,EACjB,WAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,gBAAgB,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,aAAa,2CAqEf;AAYD,iBAAS,oBAAoB,CAAC,EAC5B,KAAY,EACZ,IAAW,EACX,OAAmB,EACnB,SAAiB,EACjB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,gBAAgB,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,qBAAqB,2CA+EvB;AAED,eAAO,MAAM,gBAAgB,6BAAuB,CAAC;AAErD,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}

package/dist/components/Progress/index.js

@@ -16,7 +16,9 @@ function ProgressRoot({
   ...htmlProps
 }) {
   const isIndeterminate = value === null;
-  const percentage = isIndeterminate ? 0 : Math.round((value - min) / (max - min) * 100);
+  const range = max - min;
+  const normalizedPercentage = isIndeterminate ? 0 : range <= 0 ? 0 : (value - min) / range * 100;
+  const percentage = isIndeterminate ? 0 : Math.round(Math.min(100, Math.max(0, normalizedPercentage)));
   const trackClasses = [
     styles.track,
     size === "sm" && styles.trackSm,

package/dist/components/Progress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Progress/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as BaseProgress } from '@base-ui/react/progress';\nimport styles from './Progress.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  /** Current progress value (0-100). Null for indeterminate. */\n  value?: number | null;\n  /** Minimum value */\n  min?: number;\n  /** Maximum value */\n  max?: number;\n  /** Size of the progress bar */\n  size?: 'sm' | 'md' | 'lg';\n  /** Color variant */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /** Label text */\n  label?: string;\n  /** Show percentage value */\n  showValue?: boolean;\n  /** Custom value formatter */\n  formatValue?: (value: number) => string;\n}\n\nexport interface CircularProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Current progress value (0-100). Null for indeterminate. */\n  value?: number | null;\n  /** Size of the circular progress */\n  size?: 'sm' | 'md' | 'lg';\n  /** Color variant */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /** Show percentage in center */\n  showValue?: boolean;\n  /** Stroke width */\n  strokeWidth?: number;\n}\n\n// ============================================\n// Linear Progress\n// ============================================\n\nfunction ProgressRoot({\n  value = null,\n  min = 0,\n  max = 100,\n  size = 'md',\n  variant = 'default',\n  label,\n  showValue = false,\n  formatValue,\n  className,\n  'aria-label': ariaLabel,\n  'aria-valuetext': ariaValueText,\n  ...htmlProps\n}: ProgressProps) {\n  const isIndeterminate = value === null;\n  const percentage = isIndeterminate ? 0 : Math.round(((value - min) / (max - min)) * 100);\n\n  const trackClasses = [\n    styles.track,\n    size === 'sm' && styles.trackSm,\n    size === 'md' && styles.trackMd,\n    size === 'lg' && styles.trackLg,\n  ].filter(Boolean).join(' ');\n\n  const indicatorClasses = [\n    styles.indicator,\n    variant === 'success' && styles.indicatorSuccess,\n    variant === 'warning' && styles.indicatorWarning,\n    variant === 'danger' && styles.indicatorDanger,\n    isIndeterminate && styles.indicatorIndeterminate,\n  ].filter(Boolean).join(' ');\n\n  const rootClasses = [styles.root, className].filter(Boolean).join(' ');\n\n  const displayValue = formatValue\n    ? formatValue(percentage)\n    : `${percentage}%`;\n\n  // Default value text for screen readers\n  const effectiveValueText = ariaValueText || (\n    isIndeterminate ? 'Loading' : `${percentage} percent`\n  );\n\n  return (\n    <BaseProgress.Root\n      {...htmlProps}\n      value={value}\n      min={min}\n      max={max}\n      className={rootClasses}\n      aria-label={ariaLabel || (label ? undefined : 'Progress')}\n      aria-valuetext={effectiveValueText}\n      aria-busy={isIndeterminate}\n    >\n      {(label || showValue) && (\n        <div className={styles.header}>\n          {label && (\n            <BaseProgress.Label className={styles.label}>\n              {label}\n            </BaseProgress.Label>\n          )}\n          {showValue && !isIndeterminate && (\n            <span className={styles.value}>{displayValue}</span>\n          )}\n        </div>\n      )}\n      <BaseProgress.Track className={trackClasses}>\n        <BaseProgress.Indicator\n          className={indicatorClasses}\n          style={isIndeterminate ? undefined : { width: `${percentage}%` }}\n        />\n      </BaseProgress.Track>\n    </BaseProgress.Root>\n  );\n}\n\n// ============================================\n// Circular Progress\n// ============================================\n\nconst CIRCLE_SIZES = {\n  sm: { size: 32, strokeWidth: 3 },\n  md: { size: 48, strokeWidth: 4 },\n  lg: { size: 64, strokeWidth: 5 },\n};\n\nfunction CircularProgressRoot({\n  value = null,\n  size = 'md',\n  variant = 'default',\n  showValue = false,\n  strokeWidth: customStrokeWidth,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-valuetext': ariaValueText,\n  ...htmlProps\n}: CircularProgressProps) {\n  const isIndeterminate = value === null;\n  const percentage = isIndeterminate ? 0 : Math.min(100, Math.max(0, value));\n\n  const { size: svgSize, strokeWidth: defaultStrokeWidth } = CIRCLE_SIZES[size];\n  const strokeWidth = customStrokeWidth ?? defaultStrokeWidth;\n\n  const radius = (svgSize - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const offset = circumference - (percentage / 100) * circumference;\n\n  const sizeClass = size === 'sm' ? styles.circularSm\n    : size === 'lg' ? styles.circularLg\n    : styles.circularMd;\n\n  const indicatorClasses = [\n    styles.circularIndicator,\n    variant === 'success' && styles.circularIndicatorSuccess,\n    variant === 'warning' && styles.circularIndicatorWarning,\n    variant === 'danger' && styles.circularIndicatorDanger,\n    isIndeterminate && styles.circularIndicatorIndeterminate,\n  ].filter(Boolean).join(' ');\n\n  const rootClasses = [styles.circular, sizeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  // Default value text for screen readers\n  const effectiveValueText = ariaValueText || (\n    isIndeterminate ? 'Loading' : `${Math.round(percentage)} percent`\n  );\n\n  return (\n    <BaseProgress.Root\n      {...htmlProps}\n      value={value}\n      min={0}\n      max={100}\n      className={rootClasses}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-valuenow={isIndeterminate ? undefined : percentage}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuetext={effectiveValueText}\n      aria-busy={isIndeterminate}\n    >\n      <svg\n        className={styles.circularSvg}\n        width={svgSize}\n        height={svgSize}\n        viewBox={`0 0 ${svgSize} ${svgSize}`}\n        aria-hidden=\"true\"\n      >\n        {/* Track circle */}\n        <circle\n          className={styles.circularTrack}\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          strokeWidth={strokeWidth}\n        />\n        {/* Indicator circle */}\n        <circle\n          className={indicatorClasses}\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          strokeWidth={strokeWidth}\n          strokeDasharray={circumference}\n          strokeDashoffset={isIndeterminate ? undefined : offset}\n          style={isIndeterminate ? { transformOrigin: 'center' } : undefined}\n        />\n      </svg>\n      {showValue && !isIndeterminate && (\n        <span className={styles.circularValue} aria-hidden=\"true\">{Math.round(percentage)}%</span>\n      )}\n    </BaseProgress.Root>\n  );\n}\n\nexport const CircularProgress = CircularProgressRoot;\n\nexport const Progress = Object.assign(ProgressRoot, {\n  Root: ProgressRoot,\n  Circular: CircularProgressRoot,\n});\n"],"names":["BaseProgress"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Progress/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as BaseProgress } from '@base-ui/react/progress';\nimport styles from './Progress.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  /** Current progress value (0-100). Null for indeterminate. */\n  value?: number | null;\n  /** Minimum value */\n  min?: number;\n  /** Maximum value */\n  max?: number;\n  /** Size of the progress bar */\n  size?: 'sm' | 'md' | 'lg';\n  /** Color variant */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /** Label text */\n  label?: string;\n  /** Show percentage value */\n  showValue?: boolean;\n  /** Custom value formatter */\n  formatValue?: (value: number) => string;\n}\n\nexport interface CircularProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Current progress value (0-100). Null for indeterminate. */\n  value?: number | null;\n  /** Size of the circular progress */\n  size?: 'sm' | 'md' | 'lg';\n  /** Color variant */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /** Show percentage in center */\n  showValue?: boolean;\n  /** Stroke width */\n  strokeWidth?: number;\n}\n\n// ============================================\n// Linear Progress\n// ============================================\n\nfunction ProgressRoot({\n  value = null,\n  min = 0,\n  max = 100,\n  size = 'md',\n  variant = 'default',\n  label,\n  showValue = false,\n  formatValue,\n  className,\n  'aria-label': ariaLabel,\n  'aria-valuetext': ariaValueText,\n  ...htmlProps\n}: ProgressProps) {\n  const isIndeterminate = value === null;\n  const range = max - min;\n  const normalizedPercentage = isIndeterminate\n    ? 0\n    : range <= 0\n      ? 0\n      : ((value - min) / range) * 100;\n  const percentage = isIndeterminate\n    ? 0\n    : Math.round(Math.min(100, Math.max(0, normalizedPercentage)));\n\n  const trackClasses = [\n    styles.track,\n    size === 'sm' && styles.trackSm,\n    size === 'md' && styles.trackMd,\n    size === 'lg' && styles.trackLg,\n  ].filter(Boolean).join(' ');\n\n  const indicatorClasses = [\n    styles.indicator,\n    variant === 'success' && styles.indicatorSuccess,\n    variant === 'warning' && styles.indicatorWarning,\n    variant === 'danger' && styles.indicatorDanger,\n    isIndeterminate && styles.indicatorIndeterminate,\n  ].filter(Boolean).join(' ');\n\n  const rootClasses = [styles.root, className].filter(Boolean).join(' ');\n\n  const displayValue = formatValue\n    ? formatValue(percentage)\n    : `${percentage}%`;\n\n  // Default value text for screen readers\n  const effectiveValueText = ariaValueText || (\n    isIndeterminate ? 'Loading' : `${percentage} percent`\n  );\n\n  return (\n    <BaseProgress.Root\n      {...htmlProps}\n      value={value}\n      min={min}\n      max={max}\n      className={rootClasses}\n      aria-label={ariaLabel || (label ? undefined : 'Progress')}\n      aria-valuetext={effectiveValueText}\n      aria-busy={isIndeterminate}\n    >\n      {(label || showValue) && (\n        <div className={styles.header}>\n          {label && (\n            <BaseProgress.Label className={styles.label}>\n              {label}\n            </BaseProgress.Label>\n          )}\n          {showValue && !isIndeterminate && (\n            <span className={styles.value}>{displayValue}</span>\n          )}\n        </div>\n      )}\n      <BaseProgress.Track className={trackClasses}>\n        <BaseProgress.Indicator\n          className={indicatorClasses}\n          style={isIndeterminate ? undefined : { width: `${percentage}%` }}\n        />\n      </BaseProgress.Track>\n    </BaseProgress.Root>\n  );\n}\n\n// ============================================\n// Circular Progress\n// ============================================\n\nconst CIRCLE_SIZES = {\n  sm: { size: 32, strokeWidth: 3 },\n  md: { size: 48, strokeWidth: 4 },\n  lg: { size: 64, strokeWidth: 5 },\n};\n\nfunction CircularProgressRoot({\n  value = null,\n  size = 'md',\n  variant = 'default',\n  showValue = false,\n  strokeWidth: customStrokeWidth,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-valuetext': ariaValueText,\n  ...htmlProps\n}: CircularProgressProps) {\n  const isIndeterminate = value === null;\n  const percentage = isIndeterminate ? 0 : Math.min(100, Math.max(0, value));\n\n  const { size: svgSize, strokeWidth: defaultStrokeWidth } = CIRCLE_SIZES[size];\n  const strokeWidth = customStrokeWidth ?? defaultStrokeWidth;\n\n  const radius = (svgSize - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const offset = circumference - (percentage / 100) * circumference;\n\n  const sizeClass = size === 'sm' ? styles.circularSm\n    : size === 'lg' ? styles.circularLg\n    : styles.circularMd;\n\n  const indicatorClasses = [\n    styles.circularIndicator,\n    variant === 'success' && styles.circularIndicatorSuccess,\n    variant === 'warning' && styles.circularIndicatorWarning,\n    variant === 'danger' && styles.circularIndicatorDanger,\n    isIndeterminate && styles.circularIndicatorIndeterminate,\n  ].filter(Boolean).join(' ');\n\n  const rootClasses = [styles.circular, sizeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  // Default value text for screen readers\n  const effectiveValueText = ariaValueText || (\n    isIndeterminate ? 'Loading' : `${Math.round(percentage)} percent`\n  );\n\n  return (\n    <BaseProgress.Root\n      {...htmlProps}\n      value={value}\n      min={0}\n      max={100}\n      className={rootClasses}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-valuenow={isIndeterminate ? undefined : percentage}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuetext={effectiveValueText}\n      aria-busy={isIndeterminate}\n    >\n      <svg\n        className={styles.circularSvg}\n        width={svgSize}\n        height={svgSize}\n        viewBox={`0 0 ${svgSize} ${svgSize}`}\n        aria-hidden=\"true\"\n      >\n        {/* Track circle */}\n        <circle\n          className={styles.circularTrack}\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          strokeWidth={strokeWidth}\n        />\n        {/* Indicator circle */}\n        <circle\n          className={indicatorClasses}\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          strokeWidth={strokeWidth}\n          strokeDasharray={circumference}\n          strokeDashoffset={isIndeterminate ? undefined : offset}\n          style={isIndeterminate ? { transformOrigin: 'center' } : undefined}\n        />\n      </svg>\n      {showValue && !isIndeterminate && (\n        <span className={styles.circularValue} aria-hidden=\"true\">{Math.round(percentage)}%</span>\n      )}\n    </BaseProgress.Root>\n  );\n}\n\nexport const CircularProgress = CircularProgressRoot;\n\nexport const Progress = Object.assign(ProgressRoot, {\n  Root: ProgressRoot,\n  Circular: CircularProgressRoot,\n});\n"],"names":["BaseProgress"],"mappings":"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"}

package/dist/components/Prompt/Prompt.module.scss.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const prompt = "_prompt_19k14_1";
-const fixed = "_fixed_19k14_15";
-const sticky = "_sticky_19k14_26";
-const textarea = "_textarea_19k14_41";
-const toolbar = "_toolbar_19k14_83";
-const actions = "_actions_19k14_93";
-const info = "_info_19k14_99";
-const actionButton = "_actionButton_19k14_106";
-const modeButton = "_modeButton_19k14_152";
-const modeButtonActive = "_modeButtonActive_19k14_195";
-const usage = "_usage_19k14_200";
-const submit = "_submit_19k14_207";
-const submitLoading = "_submitLoading_19k14_256";
-const submitSpinner = "_submitSpinner_19k14_260";
+const prompt = "_prompt_fu84g_1";
+const fixed = "_fixed_fu84g_15";
+const sticky = "_sticky_fu84g_26";
+const textarea = "_textarea_fu84g_41";
+const toolbar = "_toolbar_fu84g_83";
+const actions = "_actions_fu84g_93";
+const info = "_info_fu84g_99";
+const actionButton = "_actionButton_fu84g_106";
+const modeButton = "_modeButton_fu84g_152";
+const modeButtonActive = "_modeButtonActive_fu84g_195";
+const usage = "_usage_fu84g_200";
+const submit = "_submit_fu84g_207";
+const submitLoading = "_submitLoading_fu84g_256";
+const submitSpinner = "_submitSpinner_fu84g_260";
 const styles = {
   prompt,
   fixed,

package/dist/components/Prompt/Prompt.module.scss.js

@@ -1,17 +1,17 @@
-const prompt = "_prompt_19k14_1";
-const fixed = "_fixed_19k14_15";
-const sticky = "_sticky_19k14_26";
-const textarea = "_textarea_19k14_41";
-const toolbar = "_toolbar_19k14_83";
-const actions = "_actions_19k14_93";
-const info = "_info_19k14_99";
-const actionButton = "_actionButton_19k14_106";
-const modeButton = "_modeButton_19k14_152";
-const modeButtonActive = "_modeButtonActive_19k14_195";
-const usage = "_usage_19k14_200";
-const submit = "_submit_19k14_207";
-const submitLoading = "_submitLoading_19k14_256";
-const submitSpinner = "_submitSpinner_19k14_260";
+const prompt = "_prompt_fu84g_1";
+const fixed = "_fixed_fu84g_15";
+const sticky = "_sticky_fu84g_26";
+const textarea = "_textarea_fu84g_41";
+const toolbar = "_toolbar_fu84g_83";
+const actions = "_actions_fu84g_93";
+const info = "_info_fu84g_99";
+const actionButton = "_actionButton_fu84g_106";
+const modeButton = "_modeButton_fu84g_152";
+const modeButtonActive = "_modeButtonActive_fu84g_195";
+const usage = "_usage_fu84g_200";
+const submit = "_submit_fu84g_207";
+const submitLoading = "_submitLoading_fu84g_256";
+const submitSpinner = "_submitSpinner_fu84g_260";
 const styles = {
   prompt,
   fixed,

package/dist/components/Prompt/index.cjs

@@ -118,7 +118,14 @@ function PromptRoot({
     }
   ) });
 }
-function PromptTextarea({ placeholder: overridePlaceholder, className }) {
+function PromptTextarea({
+  placeholder: overridePlaceholder,
+  className,
+  onChange,
+  onKeyDown,
+  "aria-label": ariaLabel,
+  ...htmlProps
+}) {
   const {
     value,
     setValue,
@@ -149,9 +156,13 @@ function PromptTextarea({ placeholder: overridePlaceholder, className }) {
     adjustHeight();
   }, [value, adjustHeight]);
   const handleChange = (e) => {
+    onChange == null ? void 0 : onChange(e);
+    if (e.defaultPrevented) return;
     setValue(e.target.value);
   };
   const handleKeyDown = (e) => {
+    onKeyDown == null ? void 0 : onKeyDown(e);
+    if (e.defaultPrevented) return;
     if (submitOnEnter && e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
       handleSubmit();
@@ -162,6 +173,7 @@ function PromptTextarea({ placeholder: overridePlaceholder, className }) {
     "textarea",
     {
       ref: textareaRef,
+      ...htmlProps,
       className: classes,
       value,
       onChange: handleChange,
@@ -169,7 +181,7 @@ function PromptTextarea({ placeholder: overridePlaceholder, className }) {
       placeholder: overridePlaceholder ?? placeholder,
       disabled: disabled || loading,
       rows: minRows,
-      "aria-label": overridePlaceholder ?? placeholder
+      "aria-label": ariaLabel ?? overridePlaceholder ?? placeholder
     }
   );
 }

package/dist/components/Prompt/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Prompt/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Prompt.module.scss';\nimport { Loading } from '../Loading';\n\n// ============================================\n// Types\n// ============================================\n\nexport type PromptVariant = 'default' | 'fixed' | 'sticky';\n\nexport interface PromptProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSubmit' | 'defaultValue'> {\n  children: React.ReactNode;\n  /** Controlled input value */\n  value?: string;\n  /** Default value for uncontrolled usage */\n  defaultValue?: string;\n  /** Callback when value changes */\n  onChange?: (value: string) => void;\n  /** Callback when form is submitted */\n  onSubmit?: (value: string) => void;\n  /** Placeholder text for the textarea */\n  placeholder?: string;\n  /** Disable the entire prompt */\n  disabled?: boolean;\n  /** Show loading state (disables submit) */\n  loading?: boolean;\n  /** Minimum number of rows */\n  minRows?: number;\n  /** Maximum number of rows */\n  maxRows?: number;\n  /** Enable auto-resize based on content */\n  autoResize?: boolean;\n  /** Submit on Enter key (Shift+Enter for newline) */\n  submitOnEnter?: boolean;\n  /** Visual variant - \"fixed\" for bottom-fixed elevated prompt */\n  variant?: PromptVariant;\n}\n\nexport interface PromptTextareaProps {\n  /** Override placeholder from context */\n  placeholder?: string;\n  className?: string;\n}\n\nexport interface PromptToolbarProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface PromptActionsProps {\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface PromptInfoProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface PromptActionButtonProps {\n  children: React.ReactNode;\n  /** Accessible label for the button */\n  'aria-label': string;\n  /** Click handler */\n  onClick?: () => void;\n  /** Disabled state */\n  disabled?: boolean;\n  className?: string;\n}\n\nexport interface PromptModeButtonProps {\n  children: React.ReactNode;\n  /** Click handler */\n  onClick?: () => void;\n  /** Whether this mode is currently active */\n  active?: boolean;\n  /** Disabled state */\n  disabled?: boolean;\n  className?: string;\n}\n\nexport interface PromptUsageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface PromptSubmitProps {\n  /** Custom submit icon/content */\n  children?: React.ReactNode;\n  /** Override aria-label */\n  'aria-label'?: string;\n  className?: string;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction ArrowUpIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface PromptContextValue {\n  value: string;\n  setValue: (value: string) => void;\n  placeholder: string;\n  disabled: boolean;\n  loading: boolean;\n  minRows: number;\n  maxRows: number;\n  autoResize: boolean;\n  submitOnEnter: boolean;\n  handleSubmit: () => void;\n  textareaRef: React.RefObject<HTMLTextAreaElement | null>;\n}\n\nconst PromptContext = React.createContext<PromptContextValue | null>(null);\n\nfunction usePromptContext() {\n  const context = React.useContext(PromptContext);\n  if (!context) {\n    throw new Error('Prompt compound components must be used within a Prompt');\n  }\n  return context;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nfunction useControllableState<T>(\n  controlledValue: T | undefined,\n  defaultValue: T,\n  onChange?: (value: T) => void\n): [T, (value: T) => void] {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const setValue = React.useCallback(\n    (newValue: T) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onChange?.(newValue);\n    },\n    [isControlled, onChange]\n  );\n\n  return [value, setValue];\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction PromptRoot({\n  children,\n  value: controlledValue,\n  defaultValue = '',\n  onChange,\n  onSubmit,\n  placeholder = 'Ask, Search or Chat...',\n  disabled = false,\n  loading = false,\n  minRows = 1,\n  maxRows = 8,\n  autoResize = true,\n  submitOnEnter = true,\n  variant = 'default',\n  className,\n  ...htmlProps\n}: PromptProps) {\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onChange\n  );\n\n  const handleSubmit = React.useCallback(() => {\n    if (disabled || loading || !value.trim()) return;\n    onSubmit?.(value);\n  }, [disabled, loading, value, onSubmit]);\n\n  const contextValue: PromptContextValue = {\n    value,\n    setValue,\n    placeholder,\n    disabled,\n    loading,\n    minRows,\n    maxRows,\n    autoResize,\n    submitOnEnter,\n    handleSubmit,\n    textareaRef,\n  };\n\n  const classes = [\n    styles.prompt,\n    variant === 'fixed' && styles.fixed,\n    variant === 'sticky' && styles.sticky,\n    disabled && styles.disabled,\n    loading && styles.loading,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <PromptContext.Provider value={contextValue}>\n      <div\n        {...htmlProps}\n        className={classes}\n        data-disabled={disabled || undefined}\n        data-loading={loading || undefined}\n        data-variant={variant}\n      >\n        {children}\n      </div>\n    </PromptContext.Provider>\n  );\n}\n\nfunction PromptTextarea({ placeholder: overridePlaceholder, className }: PromptTextareaProps) {\n  const {\n    value,\n    setValue,\n    placeholder,\n    disabled,\n    loading,\n    minRows,\n    maxRows,\n    autoResize,\n    submitOnEnter,\n    handleSubmit,\n    textareaRef,\n  } = usePromptContext();\n\n  const lineHeight = 1.5;\n  const padding = 12; // top + bottom padding in pixels\n\n  const adjustHeight = React.useCallback(() => {\n    const textarea = textareaRef.current;\n    if (!textarea || !autoResize) return;\n\n    // Reset height to auto to get the correct scrollHeight\n    textarea.style.height = 'auto';\n\n    // Calculate min and max heights based on rows\n    const computedStyle = window.getComputedStyle(textarea);\n    const fontSize = parseFloat(computedStyle.fontSize);\n    const minHeight = minRows * fontSize * lineHeight + padding;\n    const maxHeight = maxRows * fontSize * lineHeight + padding;\n\n    // Set the height, clamped to min/max\n    const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n    textarea.style.height = `${newHeight}px`;\n  }, [textareaRef, autoResize, minRows, maxRows]);\n\n  React.useEffect(() => {\n    adjustHeight();\n  }, [value, adjustHeight]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setValue(e.target.value);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (submitOnEnter && e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      handleSubmit();\n    }\n  };\n\n  const classes = [styles.textarea, className].filter(Boolean).join(' ');\n\n  return (\n    <textarea\n      ref={textareaRef}\n      className={classes}\n      value={value}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      placeholder={overridePlaceholder ?? placeholder}\n      disabled={disabled || loading}\n      rows={minRows}\n      aria-label={overridePlaceholder ?? placeholder}\n    />\n  );\n}\n\nfunction PromptToolbar({ children, className }: PromptToolbarProps) {\n  const classes = [styles.toolbar, className].filter(Boolean).join(' ');\n  return <div className={classes}>{children}</div>;\n}\n\nfunction PromptActions({ children, className }: PromptActionsProps) {\n  if (!children) return null;\n  const classes = [styles.actions, className].filter(Boolean).join(' ');\n  return <div className={classes}>{children}</div>;\n}\n\nfunction PromptInfo({ children, className }: PromptInfoProps) {\n  const classes = [styles.info, className].filter(Boolean).join(' ');\n  return <div className={classes}>{children}</div>;\n}\n\nfunction PromptActionButton({\n  children,\n  'aria-label': ariaLabel,\n  onClick,\n  disabled: buttonDisabled,\n  className,\n}: PromptActionButtonProps) {\n  const { disabled, loading } = usePromptContext();\n  const isDisabled = disabled || loading || buttonDisabled;\n\n  const classes = [styles.actionButton, className].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={onClick}\n      disabled={isDisabled}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction PromptModeButton({\n  children,\n  onClick,\n  active = false,\n  disabled: buttonDisabled,\n  className,\n}: PromptModeButtonProps) {\n  const { disabled, loading } = usePromptContext();\n  const isDisabled = disabled || loading || buttonDisabled;\n\n  const classes = [\n    styles.modeButton,\n    active && styles.modeButtonActive,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={onClick}\n      disabled={isDisabled}\n      aria-pressed={active}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction PromptUsage({ children, className }: PromptUsageProps) {\n  const classes = [styles.usage, className].filter(Boolean).join(' ');\n  return <span className={classes}>{children}</span>;\n}\n\nfunction PromptSubmit({\n  children,\n  'aria-label': ariaLabel = 'Submit',\n  className,\n}: PromptSubmitProps) {\n  const { disabled, loading, handleSubmit, value } = usePromptContext();\n  const isDisabled = disabled || loading || !value.trim();\n\n  const classes = [\n    styles.submit,\n    loading && styles.submitLoading,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={handleSubmit}\n      disabled={isDisabled}\n      aria-label={ariaLabel}\n    >\n      {loading ? (\n        <Loading\n          size=\"sm\"\n          variant=\"spinner\"\n          color=\"current\"\n          label=\"Submitting\"\n          className={styles.submitSpinner}\n        />\n      ) : (\n        children ?? <ArrowUpIcon />\n      )}\n    </button>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Prompt = Object.assign(PromptRoot, {\n  Textarea: PromptTextarea,\n  Toolbar: PromptToolbar,\n  Actions: PromptActions,\n  Info: PromptInfo,\n  ActionButton: PromptActionButton,\n  ModeButton: PromptModeButton,\n  Usage: PromptUsage,\n  Submit: PromptSubmit,\n});\n\nexport {\n  PromptRoot,\n  PromptTextarea,\n  PromptToolbar,\n  PromptActions,\n  PromptInfo,\n  PromptActionButton,\n  PromptModeButton,\n  PromptUsage,\n  PromptSubmit,\n};\n\n// Export hook for external use\nexport { usePromptContext };\n"],"names":["jsx","React","styles","Loading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoGA,SAAS,cAAc;AACrB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAY;AAAA,MAEZ,UAAAA,2BAAAA,IAAC,QAAA,EAAK,GAAE,gKAAA,CAAgK;AAAA,IAAA;AAAA,EAAA;AAG9K;AAoBA,MAAM,gBAAgBC,iBAAM,cAAyC,IAAI;AAEzE,SAAS,mBAAmB;AAC1B,QAAM,UAAUA,iBAAM,WAAW,aAAa;AAC9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAC3E;AACA,SAAO;AACT;AAMA,SAAS,qBACP,iBACA,cACA,UACyB;AACzB,QAAM,CAAC,mBAAmB,oBAAoB,IAAIA,iBAAM,SAAS,YAAY;AAC7E,QAAM,eAAe,oBAAoB;AACzC,QAAM,QAAQ,eAAe,kBAAkB;AAE/C,QAAM,WAAWA,iBAAM;AAAA,IACrB,CAAC,aAAgB;AACf,UAAI,CAAC,cAAc;AACjB,6BAAqB,QAAQ;AAAA,MAC/B;AACA,2CAAW;AAAA,IACb;AAAA,IACA,CAAC,cAAc,QAAQ;AAAA,EAAA;AAGzB,SAAO,CAAC,OAAO,QAAQ;AACzB;AAMA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAgB;AACd,QAAM,cAAcA,iBAAM,OAA4B,IAAI;AAE1D,QAAM,CAAC,OAAO,QAAQ,IAAI;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,eAAeA,iBAAM,YAAY,MAAM;AAC3C,QAAI,YAAY,WAAW,CAAC,MAAM,OAAQ;AAC1C,yCAAW;AAAA,EACb,GAAG,CAAC,UAAU,SAAS,OAAO,QAAQ,CAAC;AAEvC,QAAM,eAAmC;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,UAAU;AAAA,IACdC,cAAAA,QAAO;AAAA,IACP,YAAY,WAAWA,cAAAA,QAAO;AAAA,IAC9B,YAAY,YAAYA,cAAAA,QAAO;AAAA,IAC/B,YAAYA,cAAAA,QAAO;AAAA,IACnB,WAAWA,cAAAA,QAAO;AAAA,IAClB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACEF,2BAAAA,IAAC,cAAc,UAAd,EAAuB,OAAO,cAC7B,UAAAA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,MACX,iBAAe,YAAY;AAAA,MAC3B,gBAAc,WAAW;AAAA,MACzB,gBAAc;AAAA,MAEb;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAAS,eAAe,EAAE,aAAa,qBAAqB,aAAkC;AAC5F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,iBAAA;AAEJ,QAAM,aAAa;AACnB,QAAM,UAAU;AAEhB,QAAM,eAAeC,iBAAM,YAAY,MAAM;AAC3C,UAAM,WAAW,YAAY;AAC7B,QAAI,CAAC,YAAY,CAAC,WAAY;AAG9B,aAAS,MAAM,SAAS;AAGxB,UAAM,gBAAgB,OAAO,iBAAiB,QAAQ;AACtD,UAAM,WAAW,WAAW,cAAc,QAAQ;AAClD,UAAM,YAAY,UAAU,WAAW,aAAa;AACpD,UAAM,YAAY,UAAU,WAAW,aAAa;AAGpD,UAAM,YAAY,KAAK,IAAI,KAAK,IAAI,SAAS,cAAc,SAAS,GAAG,SAAS;AAChF,aAAS,MAAM,SAAS,GAAG,SAAS;AAAA,EACtC,GAAG,CAAC,aAAa,YAAY,SAAS,OAAO,CAAC;AAE9CA,mBAAM,UAAU,MAAM;AACpB,iBAAA;AAAA,EACF,GAAG,CAAC,OAAO,YAAY,CAAC;AAExB,QAAM,eAAe,CAAC,MAA8C;AAClE,aAAS,EAAE,OAAO,KAAK;AAAA,EACzB;AAEA,QAAM,gBAAgB,CAAC,MAAgD;AACrE,QAAI,iBAAiB,EAAE,QAAQ,WAAW,CAAC,EAAE,UAAU;AACrD,QAAE,eAAA;AACF,mBAAA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAU,CAACC,cAAAA,QAAO,UAAU,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAErE,SACEF,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW;AAAA,MACX;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,aAAa,uBAAuB;AAAA,MACpC,UAAU,YAAY;AAAA,MACtB,MAAM;AAAA,MACN,cAAY,uBAAuB;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAAS,cAAc,EAAE,UAAU,aAAiC;AAClE,QAAM,UAAU,CAACE,cAAAA,QAAO,SAAS,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACpE,SAAOF,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAU,SAAA,CAAS;AAC5C;AAEA,SAAS,cAAc,EAAE,UAAU,aAAiC;AAClE,MAAI,CAAC,SAAU,QAAO;AACtB,QAAM,UAAU,CAACE,cAAAA,QAAO,SAAS,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACpE,SAAOF,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAU,SAAA,CAAS;AAC5C;AAEA,SAAS,WAAW,EAAE,UAAU,aAA8B;AAC5D,QAAM,UAAU,CAACE,cAAAA,QAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACjE,SAAOF,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAU,SAAA,CAAS;AAC5C;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,UAAU;AAAA,EACV;AACF,GAA4B;AAC1B,QAAM,EAAE,UAAU,QAAA,IAAY,iBAAA;AAC9B,QAAM,aAAa,YAAY,WAAW;AAE1C,QAAM,UAAU,CAACE,cAAAA,QAAO,cAAc,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEzE,SACEF,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,MACX;AAAA,MACA,UAAU;AAAA,MACV,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,UAAU;AAAA,EACV;AACF,GAA0B;AACxB,QAAM,EAAE,UAAU,QAAA,IAAY,iBAAA;AAC9B,QAAM,aAAa,YAAY,WAAW;AAE1C,QAAM,UAAU;AAAA,IACdE,cAAAA,QAAO;AAAA,IACP,UAAUA,cAAAA,QAAO;AAAA,IACjB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACEF,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,MACX;AAAA,MACA,UAAU;AAAA,MACV,gBAAc;AAAA,MAEb;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,YAAY,EAAE,UAAU,aAA+B;AAC9D,QAAM,UAAU,CAACE,cAAAA,QAAO,OAAO,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAClE,SAAOF,2BAAAA,IAAC,QAAA,EAAK,WAAW,SAAU,SAAA,CAAS;AAC7C;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,cAAc,YAAY;AAAA,EAC1B;AACF,GAAsB;AACpB,QAAM,EAAE,UAAU,SAAS,cAAc,MAAA,IAAU,iBAAA;AACnD,QAAM,aAAa,YAAY,WAAW,CAAC,MAAM,KAAA;AAEjD,QAAM,UAAU;AAAA,IACdE,cAAAA,QAAO;AAAA,IACP,WAAWA,cAAAA,QAAO;AAAA,IAClB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACEF,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,MACV,cAAY;AAAA,MAEX,UAAA,UACCA,2BAAAA;AAAAA,QAACG,MAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,OAAM;AAAA,UACN,WAAWD,cAAAA,QAAO;AAAA,QAAA;AAAA,MAAA,IAGpB,YAAYF,+BAAC,aAAA,CAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAIjC;AAMO,MAAM,SAAS,OAAO,OAAO,YAAY;AAAA,EAC9C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AACV,CAAC;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Prompt/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Prompt.module.scss';\nimport { Loading } from '../Loading';\n\n// ============================================\n// Types\n// ============================================\n\nexport type PromptVariant = 'default' | 'fixed' | 'sticky';\n\nexport interface PromptProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSubmit' | 'defaultValue'> {\n  children: React.ReactNode;\n  /** Controlled input value */\n  value?: string;\n  /** Default value for uncontrolled usage */\n  defaultValue?: string;\n  /** Callback when value changes */\n  onChange?: (value: string) => void;\n  /** Callback when form is submitted */\n  onSubmit?: (value: string) => void;\n  /** Placeholder text for the textarea */\n  placeholder?: string;\n  /** Disable the entire prompt */\n  disabled?: boolean;\n  /** Show loading state (disables submit) */\n  loading?: boolean;\n  /** Minimum number of rows */\n  minRows?: number;\n  /** Maximum number of rows */\n  maxRows?: number;\n  /** Enable auto-resize based on content */\n  autoResize?: boolean;\n  /** Submit on Enter key (Shift+Enter for newline) */\n  submitOnEnter?: boolean;\n  /** Visual variant - \"fixed\" for bottom-fixed elevated prompt */\n  variant?: PromptVariant;\n}\n\nexport interface PromptTextareaProps extends Omit<\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'value' | 'defaultValue' | 'onChange' | 'rows' | 'disabled' | 'children'\n> {\n  /** Override placeholder from context */\n  placeholder?: string;\n  /** Composed with internal state update logic */\n  onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;\n  /** Composed with internal submit-on-enter logic */\n  onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;\n}\n\nexport interface PromptToolbarProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface PromptActionsProps {\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface PromptInfoProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface PromptActionButtonProps {\n  children: React.ReactNode;\n  /** Accessible label for the button */\n  'aria-label': string;\n  /** Click handler */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** Disabled state */\n  disabled?: boolean;\n  className?: string;\n}\n\nexport interface PromptModeButtonProps {\n  children: React.ReactNode;\n  /** Click handler */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** Whether this mode is currently active */\n  active?: boolean;\n  /** Disabled state */\n  disabled?: boolean;\n  className?: string;\n}\n\nexport interface PromptUsageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface PromptSubmitProps {\n  /** Custom submit icon/content */\n  children?: React.ReactNode;\n  /** Override aria-label */\n  'aria-label'?: string;\n  className?: string;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction ArrowUpIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface PromptContextValue {\n  value: string;\n  setValue: (value: string) => void;\n  placeholder: string;\n  disabled: boolean;\n  loading: boolean;\n  minRows: number;\n  maxRows: number;\n  autoResize: boolean;\n  submitOnEnter: boolean;\n  handleSubmit: () => void;\n  textareaRef: React.RefObject<HTMLTextAreaElement | null>;\n}\n\nconst PromptContext = React.createContext<PromptContextValue | null>(null);\n\nfunction usePromptContext() {\n  const context = React.useContext(PromptContext);\n  if (!context) {\n    throw new Error('Prompt compound components must be used within a Prompt');\n  }\n  return context;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nfunction useControllableState<T>(\n  controlledValue: T | undefined,\n  defaultValue: T,\n  onChange?: (value: T) => void\n): [T, (value: T) => void] {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const setValue = React.useCallback(\n    (newValue: T) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onChange?.(newValue);\n    },\n    [isControlled, onChange]\n  );\n\n  return [value, setValue];\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction PromptRoot({\n  children,\n  value: controlledValue,\n  defaultValue = '',\n  onChange,\n  onSubmit,\n  placeholder = 'Ask, Search or Chat...',\n  disabled = false,\n  loading = false,\n  minRows = 1,\n  maxRows = 8,\n  autoResize = true,\n  submitOnEnter = true,\n  variant = 'default',\n  className,\n  ...htmlProps\n}: PromptProps) {\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onChange\n  );\n\n  const handleSubmit = React.useCallback(() => {\n    if (disabled || loading || !value.trim()) return;\n    onSubmit?.(value);\n  }, [disabled, loading, value, onSubmit]);\n\n  const contextValue: PromptContextValue = {\n    value,\n    setValue,\n    placeholder,\n    disabled,\n    loading,\n    minRows,\n    maxRows,\n    autoResize,\n    submitOnEnter,\n    handleSubmit,\n    textareaRef,\n  };\n\n  const classes = [\n    styles.prompt,\n    variant === 'fixed' && styles.fixed,\n    variant === 'sticky' && styles.sticky,\n    disabled && styles.disabled,\n    loading && styles.loading,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <PromptContext.Provider value={contextValue}>\n      <div\n        {...htmlProps}\n        className={classes}\n        data-disabled={disabled || undefined}\n        data-loading={loading || undefined}\n        data-variant={variant}\n      >\n        {children}\n      </div>\n    </PromptContext.Provider>\n  );\n}\n\nfunction PromptTextarea({\n  placeholder: overridePlaceholder,\n  className,\n  onChange,\n  onKeyDown,\n  'aria-label': ariaLabel,\n  ...htmlProps\n}: PromptTextareaProps) {\n  const {\n    value,\n    setValue,\n    placeholder,\n    disabled,\n    loading,\n    minRows,\n    maxRows,\n    autoResize,\n    submitOnEnter,\n    handleSubmit,\n    textareaRef,\n  } = usePromptContext();\n\n  const lineHeight = 1.5;\n  const padding = 12; // top + bottom padding in pixels\n\n  const adjustHeight = React.useCallback(() => {\n    const textarea = textareaRef.current;\n    if (!textarea || !autoResize) return;\n\n    // Reset height to auto to get the correct scrollHeight\n    textarea.style.height = 'auto';\n\n    // Calculate min and max heights based on rows\n    const computedStyle = window.getComputedStyle(textarea);\n    const fontSize = parseFloat(computedStyle.fontSize);\n    const minHeight = minRows * fontSize * lineHeight + padding;\n    const maxHeight = maxRows * fontSize * lineHeight + padding;\n\n    // Set the height, clamped to min/max\n    const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n    textarea.style.height = `${newHeight}px`;\n  }, [textareaRef, autoResize, minRows, maxRows]);\n\n  React.useEffect(() => {\n    adjustHeight();\n  }, [value, adjustHeight]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    onChange?.(e);\n    if (e.defaultPrevented) return;\n    setValue(e.target.value);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n    if (submitOnEnter && e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      handleSubmit();\n    }\n  };\n\n  const classes = [styles.textarea, className].filter(Boolean).join(' ');\n\n  return (\n    <textarea\n      ref={textareaRef}\n      {...htmlProps}\n      className={classes}\n      value={value}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      placeholder={overridePlaceholder ?? placeholder}\n      disabled={disabled || loading}\n      rows={minRows}\n      aria-label={ariaLabel ?? overridePlaceholder ?? placeholder}\n    />\n  );\n}\n\nfunction PromptToolbar({ children, className }: PromptToolbarProps) {\n  const classes = [styles.toolbar, className].filter(Boolean).join(' ');\n  return <div className={classes}>{children}</div>;\n}\n\nfunction PromptActions({ children, className }: PromptActionsProps) {\n  if (!children) return null;\n  const classes = [styles.actions, className].filter(Boolean).join(' ');\n  return <div className={classes}>{children}</div>;\n}\n\nfunction PromptInfo({ children, className }: PromptInfoProps) {\n  const classes = [styles.info, className].filter(Boolean).join(' ');\n  return <div className={classes}>{children}</div>;\n}\n\nfunction PromptActionButton({\n  children,\n  'aria-label': ariaLabel,\n  onClick,\n  disabled: buttonDisabled,\n  className,\n}: PromptActionButtonProps) {\n  const { disabled, loading } = usePromptContext();\n  const isDisabled = disabled || loading || buttonDisabled;\n\n  const classes = [styles.actionButton, className].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={onClick}\n      disabled={isDisabled}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction PromptModeButton({\n  children,\n  onClick,\n  active = false,\n  disabled: buttonDisabled,\n  className,\n}: PromptModeButtonProps) {\n  const { disabled, loading } = usePromptContext();\n  const isDisabled = disabled || loading || buttonDisabled;\n\n  const classes = [\n    styles.modeButton,\n    active && styles.modeButtonActive,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={onClick}\n      disabled={isDisabled}\n      aria-pressed={active}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction PromptUsage({ children, className }: PromptUsageProps) {\n  const classes = [styles.usage, className].filter(Boolean).join(' ');\n  return <span className={classes}>{children}</span>;\n}\n\nfunction PromptSubmit({\n  children,\n  'aria-label': ariaLabel = 'Submit',\n  className,\n}: PromptSubmitProps) {\n  const { disabled, loading, handleSubmit, value } = usePromptContext();\n  const isDisabled = disabled || loading || !value.trim();\n\n  const classes = [\n    styles.submit,\n    loading && styles.submitLoading,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={handleSubmit}\n      disabled={isDisabled}\n      aria-label={ariaLabel}\n    >\n      {loading ? (\n        <Loading\n          size=\"sm\"\n          variant=\"spinner\"\n          color=\"current\"\n          label=\"Submitting\"\n          className={styles.submitSpinner}\n        />\n      ) : (\n        children ?? <ArrowUpIcon />\n      )}\n    </button>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Prompt = Object.assign(PromptRoot, {\n  Textarea: PromptTextarea,\n  Toolbar: PromptToolbar,\n  Actions: PromptActions,\n  Info: PromptInfo,\n  ActionButton: PromptActionButton,\n  ModeButton: PromptModeButton,\n  Usage: PromptUsage,\n  Submit: PromptSubmit,\n});\n\nexport {\n  PromptRoot,\n  PromptTextarea,\n  PromptToolbar,\n  PromptActions,\n  PromptInfo,\n  PromptActionButton,\n  PromptModeButton,\n  PromptUsage,\n  PromptSubmit,\n};\n\n// Export hook for external use\nexport { usePromptContext };\n"],"names":["jsx","React","styles","Loading"],"mappings":"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"}