@locus-ui/components 0.0.16 → 0.1.0

package/dist/components/progress-bar/fill/progress-bar-fill.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/progress-bar/fill/progress-bar-fill.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport { FC, HTMLAttributes, useContext } from \"react\";\nimport { ColorProp, MarginProps, SizeProp } from \"../../../props\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { ProgressBarContext } from \"../progress-bar-context\";\nimport {\n  ProgressBarFillInternalProps,\n  ProgressBarFillPropsDefs,\n} from \"./progress-bar-fill.props\";\n\ninterface AllProgressBarFillProps\n  extends ProgressBarFillInternalProps, ColorProp, MarginProps, SizeProp {}\n\n/**\n * A ProgressBarFill.\n */\ntype ProgressBarFillProps = AllProgressBarFillProps &\n  HTMLAttributes<HTMLDivElement>;\n\nconst ProgressBarFill: FC<ProgressBarFillProps> = (props) => {\n  const context = useContext(ProgressBarContext);\n  const { value, color, style, className, dataAttrs, ...rest } =\n    getComponentProps(props, ProgressBarFillPropsDefs);\n\n  return (\n    <div\n      data-color={color ?? context?.color}\n      data-variant={context?.variant}\n      style={{ ...style, width: `${((value ?? 0) / ((context?.totalValue ?? 0) > 1 ? context!.totalValue! : 1)) * 100}%` }}\n      className={clsx(\"progress-bar-fill\", className)}\n      {...dataAttrs}\n      {...rest}\n    />\n  );\n};\nProgressBarFill.displayName = \"ProgressBar.Fill\";\n\nexport { AllProgressBarFillProps, ProgressBarFill, ProgressBarFillProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BI;AAzBJ,kBAAiB;AACjB,mBAA+C;AAE/C,iCAAkC;AAClC,kCAAmC;AACnC,+BAGO;AAWP,MAAM,kBAA4C,CAAC,UAAU;AAC3D,QAAM,cAAU,yBAAW,8CAAkB;AAC7C,QAAM,EAAE,OAAO,OAAO,OAAO,WAAW,WAAW,GAAG,KAAK,QACzD,8CAAkB,OAAO,iDAAwB;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,SAAS,SAAS;AAAA,MAC9B,gBAAc,SAAS;AAAA,MACvB,OAAO,EAAE,GAAG,OAAO,OAAO,IAAK,SAAS,OAAO,SAAS,cAAc,KAAK,IAAI,QAAS,aAAc,KAAM,GAAG,IAAI;AAAA,MACnH,eAAW,YAAAA,SAAK,qBAAqB,SAAS;AAAA,MAC7C,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,gBAAgB,cAAc;","names":["clsx"]}

package/dist/components/progress-bar/fill/progress-bar-fill.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useContext } from "react";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { ProgressBarContext } from "../progress-bar-context";
+import {
+  ProgressBarFillPropsDefs
+} from "./progress-bar-fill.props";
+const ProgressBarFill = (props) => {
+  const context = useContext(ProgressBarContext);
+  const { value, color, style, className, dataAttrs, ...rest } = getComponentProps(props, ProgressBarFillPropsDefs);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-color": color ?? context?.color,
+      "data-variant": context?.variant,
+      style: { ...style, width: `${(value ?? 0) / ((context?.totalValue ?? 0) > 1 ? context.totalValue : 1) * 100}%` },
+      className: clsx("progress-bar-fill", className),
+      ...dataAttrs,
+      ...rest
+    }
+  );
+};
+ProgressBarFill.displayName = "ProgressBar.Fill";
+export {
+  ProgressBarFill
+};
+//# sourceMappingURL=progress-bar-fill.mjs.map

package/dist/components/progress-bar/fill/progress-bar-fill.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/progress-bar/fill/progress-bar-fill.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport { FC, HTMLAttributes, useContext } from \"react\";\nimport { ColorProp, MarginProps, SizeProp } from \"../../../props\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { ProgressBarContext } from \"../progress-bar-context\";\nimport {\n  ProgressBarFillInternalProps,\n  ProgressBarFillPropsDefs,\n} from \"./progress-bar-fill.props\";\n\ninterface AllProgressBarFillProps\n  extends ProgressBarFillInternalProps, ColorProp, MarginProps, SizeProp {}\n\n/**\n * A ProgressBarFill.\n */\ntype ProgressBarFillProps = AllProgressBarFillProps &\n  HTMLAttributes<HTMLDivElement>;\n\nconst ProgressBarFill: FC<ProgressBarFillProps> = (props) => {\n  const context = useContext(ProgressBarContext);\n  const { value, color, style, className, dataAttrs, ...rest } =\n    getComponentProps(props, ProgressBarFillPropsDefs);\n\n  return (\n    <div\n      data-color={color ?? context?.color}\n      data-variant={context?.variant}\n      style={{ ...style, width: `${((value ?? 0) / ((context?.totalValue ?? 0) > 1 ? context!.totalValue! : 1)) * 100}%` }}\n      className={clsx(\"progress-bar-fill\", className)}\n      {...dataAttrs}\n      {...rest}\n    />\n  );\n};\nProgressBarFill.displayName = \"ProgressBar.Fill\";\n\nexport { AllProgressBarFillProps, ProgressBarFill, ProgressBarFillProps };\n"],"mappings":";AA2BI;AAzBJ,OAAO,UAAU;AACjB,SAA6B,kBAAkB;AAE/C,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC;AAAA,EAEE;AAAA,OACK;AAWP,MAAM,kBAA4C,CAAC,UAAU;AAC3D,QAAM,UAAU,WAAW,kBAAkB;AAC7C,QAAM,EAAE,OAAO,OAAO,OAAO,WAAW,WAAW,GAAG,KAAK,IACzD,kBAAkB,OAAO,wBAAwB;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,SAAS,SAAS;AAAA,MAC9B,gBAAc,SAAS;AAAA,MACvB,OAAO,EAAE,GAAG,OAAO,OAAO,IAAK,SAAS,OAAO,SAAS,cAAc,KAAK,IAAI,QAAS,aAAc,KAAM,GAAG,IAAI;AAAA,MACnH,WAAW,KAAK,qBAAqB,SAAS;AAAA,MAC7C,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,gBAAgB,cAAc;","names":[]}

package/dist/components/progress-bar/fill/progress-bar-fill.props.d.mts

@@ -0,0 +1,14 @@
+import { GetPropDefTypes } from '../../../props/prop-def.mjs';
+
+declare const ProgressBarFillPropsDefs: {
+    /**
+     * The value of the progress bar (filled state).
+     * Should be a number between 0 and 1 representing the percentage of completion.
+     */
+    readonly value: {
+        type: "number";
+    };
+};
+type ProgressBarFillInternalProps = GetPropDefTypes<typeof ProgressBarFillPropsDefs>;
+
+export { type ProgressBarFillInternalProps, ProgressBarFillPropsDefs };

package/dist/components/progress-bar/fill/progress-bar-fill.props.d.ts

@@ -0,0 +1,14 @@
+import { GetPropDefTypes } from '../../../props/prop-def.js';
+
+declare const ProgressBarFillPropsDefs: {
+    /**
+     * The value of the progress bar (filled state).
+     * Should be a number between 0 and 1 representing the percentage of completion.
+     */
+    readonly value: {
+        type: "number";
+    };
+};
+type ProgressBarFillInternalProps = GetPropDefTypes<typeof ProgressBarFillPropsDefs>;
+
+export { type ProgressBarFillInternalProps, ProgressBarFillPropsDefs };

package/dist/components/progress-bar/fill/progress-bar-fill.props.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var progress_bar_fill_props_exports = {};
+__export(progress_bar_fill_props_exports, {
+  ProgressBarFillPropsDefs: () => ProgressBarFillPropsDefs
+});
+module.exports = __toCommonJS(progress_bar_fill_props_exports);
+const ProgressBarFillPropsDefs = {
+  /**
+   * The value of the progress bar (filled state).
+   * Should be a number between 0 and 1 representing the percentage of completion.
+   */
+  value: {
+    type: "number"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProgressBarFillPropsDefs
+});
+//# sourceMappingURL=progress-bar-fill.props.js.map

package/dist/components/progress-bar/fill/progress-bar-fill.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/progress-bar/fill/progress-bar-fill.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props/prop-def\";\n\nconst ProgressBarFillPropsDefs = {\n  /**\n   * The value of the progress bar (filled state).\n   * Should be a number between 0 and 1 representing the percentage of completion.\n   */\n  value: {\n    type: \"number\",\n  } satisfies PropDef<number>,\n} as const;\n\ntype ProgressBarFillInternalProps = GetPropDefTypes<\n  typeof ProgressBarFillPropsDefs\n>;\n\nexport { ProgressBarFillInternalProps, ProgressBarFillPropsDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA,EAK/B,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AACF;","names":[]}

package/dist/components/progress-bar/fill/progress-bar-fill.props.mjs

@@ -0,0 +1,13 @@
+const ProgressBarFillPropsDefs = {
+  /**
+   * The value of the progress bar (filled state).
+   * Should be a number between 0 and 1 representing the percentage of completion.
+   */
+  value: {
+    type: "number"
+  }
+};
+export {
+  ProgressBarFillPropsDefs
+};
+//# sourceMappingURL=progress-bar-fill.props.mjs.map

package/dist/components/progress-bar/fill/progress-bar-fill.props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/progress-bar/fill/progress-bar-fill.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props/prop-def\";\n\nconst ProgressBarFillPropsDefs = {\n  /**\n   * The value of the progress bar (filled state).\n   * Should be a number between 0 and 1 representing the percentage of completion.\n   */\n  value: {\n    type: \"number\",\n  } satisfies PropDef<number>,\n} as const;\n\ntype ProgressBarFillInternalProps = GetPropDefTypes<\n  typeof ProgressBarFillPropsDefs\n>;\n\nexport { ProgressBarFillInternalProps, ProgressBarFillPropsDefs };\n"],"mappings":"AAEA,MAAM,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA,EAK/B,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AACF;","names":[]}

package/dist/components/progress-bar/index.d.mts

@@ -0,0 +1,12 @@
+export { ProgressBar } from './progress-bar.mjs';
+import './fill/progress-bar-fill.mjs';
+import 'react';
+import '../../props/color.prop.mjs';
+import '../../utils/parse-color.mjs';
+import '../../props/prop-def.mjs';
+import '../../props/margin.prop.mjs';
+import '../../props/size.prop.mjs';
+import './fill/progress-bar-fill.props.mjs';
+import './root/progress-bar-root.mjs';
+import '../../utils/filter-children.mjs';
+import './root/progress-bar-root.props.mjs';

package/dist/components/progress-bar/index.d.ts

@@ -0,0 +1,12 @@
+export { ProgressBar } from './progress-bar.js';
+import './fill/progress-bar-fill.js';
+import 'react';
+import '../../props/color.prop.js';
+import '../../utils/parse-color.js';
+import '../../props/prop-def.js';
+import '../../props/margin.prop.js';
+import '../../props/size.prop.js';
+import './fill/progress-bar-fill.props.js';
+import './root/progress-bar-root.js';
+import '../../utils/filter-children.js';
+import './root/progress-bar-root.props.js';

package/dist/components/progress-bar/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var progress_bar_exports = {};
+__export(progress_bar_exports, {
+  ProgressBar: () => import_progress_bar.ProgressBar
+});
+module.exports = __toCommonJS(progress_bar_exports);
+var import_progress_bar = require("./progress-bar");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProgressBar
+});
+//# sourceMappingURL=index.js.map

package/dist/components/progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/progress-bar/index.ts"],"sourcesContent":["export { ProgressBar } from \"./progress-bar\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B;","names":[]}

package/dist/components/progress-bar/index.mjs

@@ -0,0 +1,5 @@
+import { ProgressBar } from "./progress-bar";
+export {
+  ProgressBar
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/progress-bar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/progress-bar/index.ts"],"sourcesContent":["export { ProgressBar } from \"./progress-bar\";\n"],"mappings":"AAAA,SAAS,mBAAmB;","names":[]}

package/dist/components/progress-bar/progress-bar-context.d.mts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+interface ProgressBarContextValue {
+    color?: string;
+    variant?: string;
+    totalValue?: number;
+}
+declare const ProgressBarContext: React__default.Context<ProgressBarContextValue | null>;
+declare function useProgressBarContext(): ProgressBarContextValue;
+
+export { ProgressBarContext, type ProgressBarContextValue, useProgressBarContext };

package/dist/components/progress-bar/progress-bar-context.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+interface ProgressBarContextValue {
+    color?: string;
+    variant?: string;
+    totalValue?: number;
+}
+declare const ProgressBarContext: React__default.Context<ProgressBarContextValue | null>;
+declare function useProgressBarContext(): ProgressBarContextValue;
+
+export { ProgressBarContext, type ProgressBarContextValue, useProgressBarContext };

package/dist/components/progress-bar/progress-bar-context.js

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var progress_bar_context_exports = {};
+__export(progress_bar_context_exports, {
+  ProgressBarContext: () => ProgressBarContext,
+  useProgressBarContext: () => useProgressBarContext
+});
+module.exports = __toCommonJS(progress_bar_context_exports);
+var import_react = __toESM(require("react"));
+const ProgressBarContext = import_react.default.createContext(null);
+function useProgressBarContext() {
+  const context = import_react.default.useContext(ProgressBarContext);
+  if (!context) {
+    throw new Error(
+      "ProgressBar components must be used within a ProgressBar.Root"
+    );
+  }
+  return context;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProgressBarContext,
+  useProgressBarContext
+});
+//# sourceMappingURL=progress-bar-context.js.map

package/dist/components/progress-bar/progress-bar-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/progress-bar/progress-bar-context.ts"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nexport interface ProgressBarContextValue {\n  color?: string;\n  variant?: string;\n  totalValue?: number;\n}\n\nexport const ProgressBarContext =\n  React.createContext<ProgressBarContextValue | null>(null);\n\nexport function useProgressBarContext() {\n  const context = React.useContext(ProgressBarContext);\n  if (!context) {\n    throw new Error(\n      \"ProgressBar components must be used within a ProgressBar.Root\",\n    );\n  }\n  return context;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAQX,MAAM,qBACX,aAAAA,QAAM,cAA8C,IAAI;AAEnD,SAAS,wBAAwB;AACtC,QAAM,UAAU,aAAAA,QAAM,WAAW,kBAAkB;AACnD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;","names":["React"]}

package/dist/components/progress-bar/progress-bar-context.mjs

@@ -0,0 +1,17 @@
+"use client";
+import React from "react";
+const ProgressBarContext = React.createContext(null);
+function useProgressBarContext() {
+  const context = React.useContext(ProgressBarContext);
+  if (!context) {
+    throw new Error(
+      "ProgressBar components must be used within a ProgressBar.Root"
+    );
+  }
+  return context;
+}
+export {
+  ProgressBarContext,
+  useProgressBarContext
+};
+//# sourceMappingURL=progress-bar-context.mjs.map

package/dist/components/progress-bar/progress-bar-context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/progress-bar/progress-bar-context.ts"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nexport interface ProgressBarContextValue {\n  color?: string;\n  variant?: string;\n  totalValue?: number;\n}\n\nexport const ProgressBarContext =\n  React.createContext<ProgressBarContextValue | null>(null);\n\nexport function useProgressBarContext() {\n  const context = React.useContext(ProgressBarContext);\n  if (!context) {\n    throw new Error(\n      \"ProgressBar components must be used within a ProgressBar.Root\",\n    );\n  }\n  return context;\n}\n"],"mappings":";AAEA,OAAO,WAAW;AAQX,MAAM,qBACX,MAAM,cAA8C,IAAI;AAEnD,SAAS,wBAAwB;AACtC,QAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/components/progress-bar/progress-bar.d.mts

@@ -0,0 +1,27 @@
+import { ProgressBarFillProps } from './fill/progress-bar-fill.mjs';
+import * as React from 'react';
+import { ProgressBarRootProps } from './root/progress-bar-root.mjs';
+import '../../props/color.prop.mjs';
+import '../../utils/parse-color.mjs';
+import '../../props/prop-def.mjs';
+import '../../props/margin.prop.mjs';
+import '../../props/size.prop.mjs';
+import './fill/progress-bar-fill.props.mjs';
+import '../../utils/filter-children.mjs';
+import './root/progress-bar-root.props.mjs';
+
+/**
+ * A Progress Bar component to display single or stacked progress bars.
+ */
+declare const ProgressBar: {
+    /**
+     * The root component for the Progress Bar.
+     */
+    Root: React.FC<ProgressBarRootProps>;
+    /**
+     * The fill component for the Progress Bar, representing the filled portion.
+     */
+    Fill: React.FC<ProgressBarFillProps>;
+};
+
+export { ProgressBar };

package/dist/components/progress-bar/progress-bar.d.ts

@@ -0,0 +1,27 @@
+import { ProgressBarFillProps } from './fill/progress-bar-fill.js';
+import * as React from 'react';
+import { ProgressBarRootProps } from './root/progress-bar-root.js';
+import '../../props/color.prop.js';
+import '../../utils/parse-color.js';
+import '../../props/prop-def.js';
+import '../../props/margin.prop.js';
+import '../../props/size.prop.js';
+import './fill/progress-bar-fill.props.js';
+import '../../utils/filter-children.js';
+import './root/progress-bar-root.props.js';
+
+/**
+ * A Progress Bar component to display single or stacked progress bars.
+ */
+declare const ProgressBar: {
+    /**
+     * The root component for the Progress Bar.
+     */
+    Root: React.FC<ProgressBarRootProps>;
+    /**
+     * The fill component for the Progress Bar, representing the filled portion.
+     */
+    Fill: React.FC<ProgressBarFillProps>;
+};
+
+export { ProgressBar };

package/dist/components/progress-bar/progress-bar.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var progress_bar_exports = {};
+__export(progress_bar_exports, {
+  ProgressBar: () => ProgressBar
+});
+module.exports = __toCommonJS(progress_bar_exports);
+var import_progress_bar_fill = require("./fill/progress-bar-fill");
+var import_progress_bar_root = require("./root/progress-bar-root");
+const ProgressBar = {
+  /**
+   * The root component for the Progress Bar.
+   */
+  Root: import_progress_bar_root.ProgressBarRoot,
+  /**
+   * The fill component for the Progress Bar, representing the filled portion.
+   */
+  Fill: import_progress_bar_fill.ProgressBarFill
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProgressBar
+});
+//# sourceMappingURL=progress-bar.js.map

package/dist/components/progress-bar/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { ProgressBarFill } from \"./fill/progress-bar-fill\";\nimport { ProgressBarRoot } from \"./root/progress-bar-root\";\n\n/**\n * A Progress Bar component to display single or stacked progress bars.\n */\nexport const ProgressBar = {\n  /**\n   * The root component for the Progress Bar.\n   */\n  Root: ProgressBarRoot,\n  /**\n   * The fill component for the Progress Bar, representing the filled portion.\n   */\n  Fill: ProgressBarFill,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAgC;AAChC,+BAAgC;AAKzB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA,EAIzB,MAAM;AAAA;AAAA;AAAA;AAAA,EAIN,MAAM;AACR;","names":[]}

package/dist/components/progress-bar/progress-bar.mjs

@@ -0,0 +1,16 @@
+import { ProgressBarFill } from "./fill/progress-bar-fill";
+import { ProgressBarRoot } from "./root/progress-bar-root";
+const ProgressBar = {
+  /**
+   * The root component for the Progress Bar.
+   */
+  Root: ProgressBarRoot,
+  /**
+   * The fill component for the Progress Bar, representing the filled portion.
+   */
+  Fill: ProgressBarFill
+};
+export {
+  ProgressBar
+};
+//# sourceMappingURL=progress-bar.mjs.map

package/dist/components/progress-bar/progress-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { ProgressBarFill } from \"./fill/progress-bar-fill\";\nimport { ProgressBarRoot } from \"./root/progress-bar-root\";\n\n/**\n * A Progress Bar component to display single or stacked progress bars.\n */\nexport const ProgressBar = {\n  /**\n   * The root component for the Progress Bar.\n   */\n  Root: ProgressBarRoot,\n  /**\n   * The fill component for the Progress Bar, representing the filled portion.\n   */\n  Fill: ProgressBarFill,\n};\n"],"mappings":"AAAA,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAKzB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA,EAIzB,MAAM;AAAA;AAAA;AAAA;AAAA,EAIN,MAAM;AACR;","names":[]}

package/dist/components/progress-bar/root/progress-bar-root.d.mts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, FC } from 'react';
+import { ColorProp } from '../../../props/color.prop.mjs';
+import { MarginProps } from '../../../props/margin.prop.mjs';
+import { SizeProp } from '../../../props/size.prop.mjs';
+import { WithOptionalStrictChildren } from '../../../utils/filter-children.mjs';
+import { ProgressBarFillProps } from '../fill/progress-bar-fill.mjs';
+import { ProgressBarRootInternalProps } from './progress-bar-root.props.mjs';
+import '../../../utils/parse-color.mjs';
+import '../../../props/prop-def.mjs';
+import '../fill/progress-bar-fill.props.mjs';
+
+interface AllProgressBarRootProps extends ProgressBarRootInternalProps, ColorProp, MarginProps, SizeProp {
+}
+type ProgressBarRootProps = AllProgressBarRootProps & WithOptionalStrictChildren<HTMLAttributes<HTMLDivElement>, ProgressBarFillProps>;
+declare const ProgressBarRoot: FC<ProgressBarRootProps>;
+
+export { type AllProgressBarRootProps, ProgressBarRoot, type ProgressBarRootProps };

package/dist/components/progress-bar/root/progress-bar-root.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, FC } from 'react';
+import { ColorProp } from '../../../props/color.prop.js';
+import { MarginProps } from '../../../props/margin.prop.js';
+import { SizeProp } from '../../../props/size.prop.js';
+import { WithOptionalStrictChildren } from '../../../utils/filter-children.js';
+import { ProgressBarFillProps } from '../fill/progress-bar-fill.js';
+import { ProgressBarRootInternalProps } from './progress-bar-root.props.js';
+import '../../../utils/parse-color.js';
+import '../../../props/prop-def.js';
+import '../fill/progress-bar-fill.props.js';
+
+interface AllProgressBarRootProps extends ProgressBarRootInternalProps, ColorProp, MarginProps, SizeProp {
+}
+type ProgressBarRootProps = AllProgressBarRootProps & WithOptionalStrictChildren<HTMLAttributes<HTMLDivElement>, ProgressBarFillProps>;
+declare const ProgressBarRoot: FC<ProgressBarRootProps>;
+
+export { type AllProgressBarRootProps, ProgressBarRoot, type ProgressBarRootProps };

package/dist/components/progress-bar/root/progress-bar-root.js

@@ -0,0 +1,93 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var progress_bar_root_exports = {};
+__export(progress_bar_root_exports, {
+  ProgressBarRoot: () => ProgressBarRoot
+});
+module.exports = __toCommonJS(progress_bar_root_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = __toESM(require("react"));
+var import_props = require("../../../props");
+var import_filter_children = require("../../../utils/filter-children");
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_progress_bar_fill = require("../fill/progress-bar-fill");
+var import_progress_bar_context = require("../progress-bar-context");
+var import_progress_bar_root = require("./progress-bar-root.props");
+const ALLOWED_CHILDREN = [import_progress_bar_fill.ProgressBarFill.displayName];
+const ProgressBarRoot = (props) => {
+  const { value, size, color, variant, className, dataAttrs, ...rest } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_progress_bar_root.ProgressBarRootPropsDefs,
+    import_props.MarginPropDefs,
+    import_props.SizePropDef
+  );
+  const validChildren = (0, import_filter_children.filterChildren)(props.children, ALLOWED_CHILDREN, {
+    parentDisplayName: ProgressBarRoot.displayName,
+    allowedTypes: [import_progress_bar_fill.ProgressBarFill]
+  });
+  const { fills, totalValue } = (0, import_react.useMemo)(() => {
+    const fills2 = validChildren.filter(
+      (child) => (0, import_react.isValidElement)(child) && (0, import_filter_children.matchesComponent)(child.type, import_progress_bar_fill.ProgressBarFill)
+    );
+    if (fills2.length > 0) {
+      const totalValue2 = fills2.reduce(
+        (sum, child) => sum + ((0, import_react.isValidElement)(child) ? child.props.value ?? 0 : 0),
+        0
+      );
+      return {
+        fills: fills2,
+        totalValue: totalValue2
+      };
+    }
+    return {
+      fills: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_progress_bar_fill.ProgressBarFill, { color, value })],
+      totalValue: value ?? 0
+    };
+  }, [validChildren, color, value]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_progress_bar_context.ProgressBarContext.Provider, { value: { color, variant, totalValue }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-size": size,
+      "data-color": color,
+      "data-variant": variant,
+      className: (0, import_clsx.default)("progress-bar-root", className),
+      ...dataAttrs,
+      ...rest,
+      children: fills.map((fill, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: fill }, index))
+    }
+  ) });
+};
+ProgressBarRoot.displayName = "ProgressBar.Root";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProgressBarRoot
+});
+//# sourceMappingURL=progress-bar-root.js.map

package/dist/components/progress-bar/root/progress-bar-root.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/progress-bar/root/progress-bar-root.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport React, { FC, HTMLAttributes, isValidElement, useMemo } from \"react\";\nimport {\n  ColorProp,\n  MarginPropDefs,\n  MarginProps,\n  SizeProp,\n  SizePropDef,\n} from \"../../../props\";\nimport {\n  filterChildren,\n  matchesComponent,\n  WithOptionalStrictChildren,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport {\n  ProgressBarFill,\n  ProgressBarFillProps,\n} from \"../fill/progress-bar-fill\";\nimport { ProgressBarContext } from \"../progress-bar-context\";\nimport {\n  ProgressBarRootInternalProps,\n  ProgressBarRootPropsDefs,\n} from \"./progress-bar-root.props\";\n\ninterface AllProgressBarRootProps\n  extends ProgressBarRootInternalProps, ColorProp, MarginProps, SizeProp {}\n\nconst ALLOWED_CHILDREN = [ProgressBarFill.displayName!];\n\ntype ProgressBarRootProps = AllProgressBarRootProps &\n  WithOptionalStrictChildren<\n    HTMLAttributes<HTMLDivElement>,\n    ProgressBarFillProps\n  >;\n\nconst ProgressBarRoot: FC<ProgressBarRootProps> = (props) => {\n  const { value, size, color, variant, className, dataAttrs, ...rest } =\n    getComponentProps(\n      props,\n      ProgressBarRootPropsDefs,\n      MarginPropDefs,\n      SizePropDef,\n    );\n\n  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {\n    parentDisplayName: ProgressBarRoot.displayName,\n    allowedTypes: [ProgressBarFill],\n  });\n\n  const { fills, totalValue } = useMemo(() => {\n    const fills = validChildren.filter(\n      (child) =>\n        isValidElement(child) && matchesComponent(child.type, ProgressBarFill),\n    );\n\n    if (fills.length > 0) {\n      const totalValue = fills.reduce<number>(\n        (sum, child) =>\n          sum +\n          (isValidElement(child)\n            ? ((child.props as ProgressBarFillProps).value ?? 0)\n            : 0),\n        0,\n      );\n\n      return {\n        fills,\n        totalValue,\n      };\n    }\n\n    return {\n      fills: [<ProgressBarFill color={color} value={value} />],\n      totalValue: value ?? 0,\n    };\n  }, [validChildren, color, value]);\n\n  return (\n    <ProgressBarContext.Provider value={{ color, variant, totalValue }}>\n      <div\n        data-size={size}\n        data-color={color}\n        data-variant={variant}\n        className={clsx(\"progress-bar-root\", className)}\n        {...dataAttrs}\n        {...rest}\n      >\n        {fills.map((fill, index) => (\n          <React.Fragment key={index}>{fill}</React.Fragment>\n        ))}\n      </div>\n    </ProgressBarContext.Provider>\n  );\n};\nProgressBarRoot.displayName = \"ProgressBar.Root\";\n\nexport { AllProgressBarRootProps, ProgressBarRoot, ProgressBarRootProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Ec;AAzEd,kBAAiB;AACjB,mBAAmE;AACnE,mBAMO;AACP,6BAIO;AACP,iCAAkC;AAClC,+BAGO;AACP,kCAAmC;AACnC,+BAGO;AAKP,MAAM,mBAAmB,CAAC,yCAAgB,WAAY;AAQtD,MAAM,kBAA4C,CAAC,UAAU;AAC3D,QAAM,EAAE,OAAO,MAAM,OAAO,SAAS,WAAW,WAAW,GAAG,KAAK,QACjE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEF,QAAM,oBAAgB,uCAAe,MAAM,UAAU,kBAAkB;AAAA,IACrE,mBAAmB,gBAAgB;AAAA,IACnC,cAAc,CAAC,wCAAe;AAAA,EAChC,CAAC;AAED,QAAM,EAAE,OAAO,WAAW,QAAI,sBAAQ,MAAM;AAC1C,UAAMA,SAAQ,cAAc;AAAA,MAC1B,CAAC,cACC,6BAAe,KAAK,SAAK,yCAAiB,MAAM,MAAM,wCAAe;AAAA,IACzE;AAEA,QAAIA,OAAM,SAAS,GAAG;AACpB,YAAMC,cAAaD,OAAM;AAAA,QACvB,CAAC,KAAK,UACJ,WACC,6BAAe,KAAK,IACf,MAAM,MAA+B,SAAS,IAChD;AAAA,QACN;AAAA,MACF;AAEA,aAAO;AAAA,QACL,OAAAA;AAAA,QACA,YAAAC;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,OAAO,CAAC,4CAAC,4CAAgB,OAAc,OAAc,CAAE;AAAA,MACvD,YAAY,SAAS;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,eAAe,OAAO,KAAK,CAAC;AAEhC,SACE,4CAAC,+CAAmB,UAAnB,EAA4B,OAAO,EAAE,OAAO,SAAS,WAAW,GAC/D;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,eAAW,YAAAC,SAAK,qBAAqB,SAAS;AAAA,MAC7C,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,gBAAM,IAAI,CAAC,MAAM,UAChB,4CAAC,aAAAC,QAAM,UAAN,EAA4B,kBAAR,KAAa,CACnC;AAAA;AAAA,EACH,GACF;AAEJ;AACA,gBAAgB,cAAc;","names":["fills","totalValue","clsx","React"]}