@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/Popover/index.js

@@ -0,0 +1,130 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover as Popover$1 } from "@base-ui/react/popover";
+import styles from "./Popover.module.scss.js";
+function CloseIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function PopoverRoot({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange,
+  modal = false
+}) {
+  return /* @__PURE__ */ jsx(
+    Popover$1.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      modal,
+      children
+    }
+  );
+}
+function PopoverTrigger({ children, asChild, className }) {
+  if (asChild) {
+    return /* @__PURE__ */ jsx(Popover$1.Trigger, { className, render: children, children: null });
+  }
+  return /* @__PURE__ */ jsx(Popover$1.Trigger, { className, children });
+}
+function PopoverContent({
+  children,
+  size = "md",
+  side = "bottom",
+  align = "center",
+  sideOffset = 8,
+  arrow = false,
+  className,
+  ...htmlProps
+}) {
+  const popupClasses = [
+    styles.popup,
+    size !== "md" && styles[size],
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
+    Popover$1.Positioner,
+    {
+      side,
+      align,
+      sideOffset,
+      className: styles.positioner,
+      children: /* @__PURE__ */ jsxs(Popover$1.Popup, { ...htmlProps, className: popupClasses, children: [
+        children,
+        arrow && /* @__PURE__ */ jsx(Popover$1.Arrow, { className: styles.arrow })
+      ] })
+    }
+  ) });
+}
+function PopoverTitle({ children, className }) {
+  const classes = [styles.title, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Popover$1.Title, { className: classes, children });
+}
+function PopoverDescription({ children, className }) {
+  const classes = [styles.description, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Popover$1.Description, { className: classes, children });
+}
+function PopoverBody({ children, className, ...htmlProps }) {
+  const classes = [styles.body, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+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 }) {
+  if (!children) {
+    return /* @__PURE__ */ jsx(
+      Popover$1.Close,
+      {
+        "aria-label": "Close popover",
+        className: [styles.close, className].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ jsx(CloseIcon, {})
+      }
+    );
+  }
+  if (asChild) {
+    return /* @__PURE__ */ jsx(Popover$1.Close, { className, render: children, children: null });
+  }
+  return /* @__PURE__ */ jsx(Popover$1.Close, { className, children });
+}
+const Popover = Object.assign(PopoverRoot, {
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Title: PopoverTitle,
+  Description: PopoverDescription,
+  Body: PopoverBody,
+  Footer: PopoverFooter,
+  Close: PopoverClose
+});
+export {
+  Popover,
+  PopoverBody,
+  PopoverClose,
+  PopoverContent,
+  PopoverDescription,
+  PopoverFooter,
+  PopoverRoot,
+  PopoverTitle,
+  PopoverTrigger
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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\nexport interface PopoverProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\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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"}

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

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_1o8nr_1";
+const header = "_header_1o8nr_9";
+const label = "_label_1o8nr_16";
+const value = "_value_1o8nr_22";
+const track = "_track_1o8nr_28";
+const trackSm = "_trackSm_1o8nr_36";
+const trackMd = "_trackMd_1o8nr_40";
+const trackLg = "_trackLg_1o8nr_44";
+const indicator = "_indicator_1o8nr_48";
+const indicatorSuccess = "_indicatorSuccess_1o8nr_55";
+const indicatorWarning = "_indicatorWarning_1o8nr_59";
+const indicatorDanger = "_indicatorDanger_1o8nr_63";
+const indicatorIndeterminate = "_indicatorIndeterminate_1o8nr_67";
+const circular = "_circular_1o8nr_87";
+const circularSvg = "_circularSvg_1o8nr_94";
+const circularTrack = "_circularTrack_1o8nr_98";
+const circularIndicator = "_circularIndicator_1o8nr_103";
+const circularIndicatorSuccess = "_circularIndicatorSuccess_1o8nr_110";
+const circularIndicatorWarning = "_circularIndicatorWarning_1o8nr_114";
+const circularIndicatorDanger = "_circularIndicatorDanger_1o8nr_118";
+const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_1o8nr_122";
+const circularValue = "_circularValue_1o8nr_139";
+const circularSm = "_circularSm_1o8nr_147";
+const circularMd = "_circularMd_1o8nr_155";
+const circularLg = "_circularLg_1o8nr_160";
+const styles = {
+  root,
+  header,
+  label,
+  value,
+  track,
+  trackSm,
+  trackMd,
+  trackLg,
+  indicator,
+  indicatorSuccess,
+  indicatorWarning,
+  indicatorDanger,
+  indicatorIndeterminate,
+  circular,
+  circularSvg,
+  circularTrack,
+  circularIndicator,
+  circularIndicatorSuccess,
+  circularIndicatorWarning,
+  circularIndicatorDanger,
+  circularIndicatorIndeterminate,
+  circularValue,
+  circularSm,
+  circularMd,
+  circularLg
+};
+exports.circular = circular;
+exports.circularIndicator = circularIndicator;
+exports.circularIndicatorDanger = circularIndicatorDanger;
+exports.circularIndicatorIndeterminate = circularIndicatorIndeterminate;
+exports.circularIndicatorSuccess = circularIndicatorSuccess;
+exports.circularIndicatorWarning = circularIndicatorWarning;
+exports.circularLg = circularLg;
+exports.circularMd = circularMd;
+exports.circularSm = circularSm;
+exports.circularSvg = circularSvg;
+exports.circularTrack = circularTrack;
+exports.circularValue = circularValue;
+exports.default = styles;
+exports.header = header;
+exports.indicator = indicator;
+exports.indicatorDanger = indicatorDanger;
+exports.indicatorIndeterminate = indicatorIndeterminate;
+exports.indicatorSuccess = indicatorSuccess;
+exports.indicatorWarning = indicatorWarning;
+exports.label = label;
+exports.root = root;
+exports.track = track;
+exports.trackLg = trackLg;
+exports.trackMd = trackMd;
+exports.trackSm = trackSm;
+exports.value = value;
+//# sourceMappingURL=Progress.module.scss.cjs.map

package/dist/components/Progress/Progress.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,81 @@
+const root = "_root_1o8nr_1";
+const header = "_header_1o8nr_9";
+const label = "_label_1o8nr_16";
+const value = "_value_1o8nr_22";
+const track = "_track_1o8nr_28";
+const trackSm = "_trackSm_1o8nr_36";
+const trackMd = "_trackMd_1o8nr_40";
+const trackLg = "_trackLg_1o8nr_44";
+const indicator = "_indicator_1o8nr_48";
+const indicatorSuccess = "_indicatorSuccess_1o8nr_55";
+const indicatorWarning = "_indicatorWarning_1o8nr_59";
+const indicatorDanger = "_indicatorDanger_1o8nr_63";
+const indicatorIndeterminate = "_indicatorIndeterminate_1o8nr_67";
+const circular = "_circular_1o8nr_87";
+const circularSvg = "_circularSvg_1o8nr_94";
+const circularTrack = "_circularTrack_1o8nr_98";
+const circularIndicator = "_circularIndicator_1o8nr_103";
+const circularIndicatorSuccess = "_circularIndicatorSuccess_1o8nr_110";
+const circularIndicatorWarning = "_circularIndicatorWarning_1o8nr_114";
+const circularIndicatorDanger = "_circularIndicatorDanger_1o8nr_118";
+const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_1o8nr_122";
+const circularValue = "_circularValue_1o8nr_139";
+const circularSm = "_circularSm_1o8nr_147";
+const circularMd = "_circularMd_1o8nr_155";
+const circularLg = "_circularLg_1o8nr_160";
+const styles = {
+  root,
+  header,
+  label,
+  value,
+  track,
+  trackSm,
+  trackMd,
+  trackLg,
+  indicator,
+  indicatorSuccess,
+  indicatorWarning,
+  indicatorDanger,
+  indicatorIndeterminate,
+  circular,
+  circularSvg,
+  circularTrack,
+  circularIndicator,
+  circularIndicatorSuccess,
+  circularIndicatorWarning,
+  circularIndicatorDanger,
+  circularIndicatorIndeterminate,
+  circularValue,
+  circularSm,
+  circularMd,
+  circularLg
+};
+export {
+  circular,
+  circularIndicator,
+  circularIndicatorDanger,
+  circularIndicatorIndeterminate,
+  circularIndicatorSuccess,
+  circularIndicatorWarning,
+  circularLg,
+  circularMd,
+  circularSm,
+  circularSvg,
+  circularTrack,
+  circularValue,
+  styles as default,
+  header,
+  indicator,
+  indicatorDanger,
+  indicatorIndeterminate,
+  indicatorSuccess,
+  indicatorWarning,
+  label,
+  root,
+  track,
+  trackLg,
+  trackMd,
+  trackSm,
+  value
+};
+//# sourceMappingURL=Progress.module.scss.js.map

package/dist/components/Progress/Progress.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Progress/index.cjs

@@ -0,0 +1,165 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const progress = require("@base-ui/react/progress");
+const Progress_module = require("./Progress.module.scss.cjs");
+function ProgressRoot({
+  value = null,
+  min = 0,
+  max = 100,
+  size = "md",
+  variant = "default",
+  label,
+  showValue = false,
+  formatValue,
+  className,
+  "aria-label": ariaLabel,
+  "aria-valuetext": ariaValueText,
+  ...htmlProps
+}) {
+  const isIndeterminate = value === null;
+  const percentage = isIndeterminate ? 0 : Math.round((value - min) / (max - min) * 100);
+  const trackClasses = [
+    Progress_module.default.track,
+    size === "sm" && Progress_module.default.trackSm,
+    size === "md" && Progress_module.default.trackMd,
+    size === "lg" && Progress_module.default.trackLg
+  ].filter(Boolean).join(" ");
+  const indicatorClasses = [
+    Progress_module.default.indicator,
+    variant === "success" && Progress_module.default.indicatorSuccess,
+    variant === "warning" && Progress_module.default.indicatorWarning,
+    variant === "danger" && Progress_module.default.indicatorDanger,
+    isIndeterminate && Progress_module.default.indicatorIndeterminate
+  ].filter(Boolean).join(" ");
+  const rootClasses = [Progress_module.default.root, className].filter(Boolean).join(" ");
+  const displayValue = formatValue ? formatValue(percentage) : `${percentage}%`;
+  const effectiveValueText = ariaValueText || (isIndeterminate ? "Loading" : `${percentage} percent`);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    progress.Progress.Root,
+    {
+      ...htmlProps,
+      value,
+      min,
+      max,
+      className: rootClasses,
+      "aria-label": ariaLabel || (label ? void 0 : "Progress"),
+      "aria-valuetext": effectiveValueText,
+      "aria-busy": isIndeterminate,
+      children: [
+        (label || showValue) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Progress_module.default.header, children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx(progress.Progress.Label, { className: Progress_module.default.label, children: label }),
+          showValue && !isIndeterminate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Progress_module.default.value, children: displayValue })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(progress.Progress.Track, { className: trackClasses, children: /* @__PURE__ */ jsxRuntime.jsx(
+          progress.Progress.Indicator,
+          {
+            className: indicatorClasses,
+            style: isIndeterminate ? void 0 : { width: `${percentage}%` }
+          }
+        ) })
+      ]
+    }
+  );
+}
+const CIRCLE_SIZES = {
+  sm: { size: 32, strokeWidth: 3 },
+  md: { size: 48, strokeWidth: 4 },
+  lg: { size: 64, strokeWidth: 5 }
+};
+function CircularProgressRoot({
+  value = null,
+  size = "md",
+  variant = "default",
+  showValue = false,
+  strokeWidth: customStrokeWidth,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-valuetext": ariaValueText,
+  ...htmlProps
+}) {
+  const isIndeterminate = value === null;
+  const percentage = isIndeterminate ? 0 : Math.min(100, Math.max(0, value));
+  const { size: svgSize, strokeWidth: defaultStrokeWidth } = CIRCLE_SIZES[size];
+  const strokeWidth = customStrokeWidth ?? defaultStrokeWidth;
+  const radius = (svgSize - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const offset = circumference - percentage / 100 * circumference;
+  const sizeClass = size === "sm" ? Progress_module.default.circularSm : size === "lg" ? Progress_module.default.circularLg : Progress_module.default.circularMd;
+  const indicatorClasses = [
+    Progress_module.default.circularIndicator,
+    variant === "success" && Progress_module.default.circularIndicatorSuccess,
+    variant === "warning" && Progress_module.default.circularIndicatorWarning,
+    variant === "danger" && Progress_module.default.circularIndicatorDanger,
+    isIndeterminate && Progress_module.default.circularIndicatorIndeterminate
+  ].filter(Boolean).join(" ");
+  const rootClasses = [Progress_module.default.circular, sizeClass, className].filter(Boolean).join(" ");
+  const effectiveValueText = ariaValueText || (isIndeterminate ? "Loading" : `${Math.round(percentage)} percent`);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    progress.Progress.Root,
+    {
+      ...htmlProps,
+      value,
+      min: 0,
+      max: 100,
+      className: rootClasses,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-valuenow": isIndeterminate ? void 0 : percentage,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuetext": effectiveValueText,
+      "aria-busy": isIndeterminate,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            className: Progress_module.default.circularSvg,
+            width: svgSize,
+            height: svgSize,
+            viewBox: `0 0 ${svgSize} ${svgSize}`,
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "circle",
+                {
+                  className: Progress_module.default.circularTrack,
+                  cx: svgSize / 2,
+                  cy: svgSize / 2,
+                  r: radius,
+                  strokeWidth
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "circle",
+                {
+                  className: indicatorClasses,
+                  cx: svgSize / 2,
+                  cy: svgSize / 2,
+                  r: radius,
+                  strokeWidth,
+                  strokeDasharray: circumference,
+                  strokeDashoffset: isIndeterminate ? void 0 : offset,
+                  style: isIndeterminate ? { transformOrigin: "center" } : void 0
+                }
+              )
+            ]
+          }
+        ),
+        showValue && !isIndeterminate && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Progress_module.default.circularValue, "aria-hidden": "true", children: [
+          Math.round(percentage),
+          "%"
+        ] })
+      ]
+    }
+  );
+}
+const CircularProgress = CircularProgressRoot;
+const Progress = Object.assign(ProgressRoot, {
+  Root: ProgressRoot,
+  Circular: CircularProgressRoot
+});
+exports.CircularProgress = CircularProgress;
+exports.Progress = Progress;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,40 @@
+import * as React from 'react';
+export interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {
+    /** Current progress value (0-100). Null for indeterminate. */
+    value?: number | null;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Size of the progress bar */
+    size?: 'sm' | 'md' | 'lg';
+    /** Color variant */
+    variant?: 'default' | 'success' | 'warning' | 'danger';
+    /** Label text */
+    label?: string;
+    /** Show percentage value */
+    showValue?: boolean;
+    /** Custom value formatter */
+    formatValue?: (value: number) => string;
+}
+export interface CircularProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Current progress value (0-100). Null for indeterminate. */
+    value?: number | null;
+    /** Size of the circular progress */
+    size?: 'sm' | 'md' | 'lg';
+    /** Color variant */
+    variant?: 'default' | 'success' | 'warning' | 'danger';
+    /** Show percentage in center */
+    showValue?: boolean;
+    /** Stroke width */
+    strokeWidth?: number;
+}
+declare function ProgressRoot({ value, min, max, size, variant, label, showValue, formatValue, className, 'aria-label': ariaLabel, 'aria-valuetext': ariaValueText, ...htmlProps }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+declare function CircularProgressRoot({ value, size, variant, showValue, strokeWidth: customStrokeWidth, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-valuetext': ariaValueText, ...htmlProps }: CircularProgressProps): import("react/jsx-runtime").JSX.Element;
+export declare const CircularProgress: typeof CircularProgressRoot;
+export declare const Progress: typeof ProgressRoot & {
+    Root: typeof ProgressRoot;
+    Circular: typeof CircularProgressRoot;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}