ics-ui-kit 0.1.0-alpha.9 → 0.1.1

package/dist/components/progress.js

@@ -0,0 +1,262 @@
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import * as w from "react";
+import C, { useMemo as $ } from "react";
+import { c as M } from "../index-CmBeyp2d.js";
+import { P as y } from "../index-Bb23HztA.js";
+import { T as u } from "../index-BVqs-uqP.js";
+import { I as T } from "../Icon-DH3ev9GK.js";
+import { I as _ } from "../IconButton-DwkpNgn3.js";
+import { R as B } from "../rotate-cw-tYRlcg0g.js";
+import { X as S } from "../x-tDTt7hTQ.js";
+var x = "Progress", h = 100, [W, le] = M(x), [E, A] = W(x), I = w.forwardRef(
+  (e, r) => {
+    const {
+      __scopeProgress: o,
+      value: a = null,
+      max: t,
+      getValueLabel: l = D,
+      ...c
+    } = e;
+    (t || t === 0) && !P(t) && console.error(L(`${t}`, "Progress"));
+    const i = P(t) ? t : h;
+    a !== null && !b(a, i) && console.error(j(`${a}`, "Progress"));
+    const n = b(a, i) ? a : null, m = f(n) ? l(n, i) : void 0;
+    return /* @__PURE__ */ s(E, { scope: o, value: n, max: i, children: /* @__PURE__ */ s(
+      y.div,
+      {
+        "aria-valuemax": i,
+        "aria-valuemin": 0,
+        "aria-valuenow": f(n) ? n : void 0,
+        "aria-valuetext": m,
+        role: "progressbar",
+        "data-state": R(n, i),
+        "data-value": n ?? void 0,
+        "data-max": i,
+        ...c,
+        ref: r
+      }
+    ) });
+  }
+);
+I.displayName = x;
+var V = "ProgressIndicator", k = w.forwardRef(
+  (e, r) => {
+    const { __scopeProgress: o, ...a } = e, t = A(V, o);
+    return /* @__PURE__ */ s(
+      y.div,
+      {
+        "data-state": R(t.value, t.max),
+        "data-value": t.value ?? void 0,
+        "data-max": t.max,
+        ...a,
+        ref: r
+      }
+    );
+  }
+);
+k.displayName = V;
+function D(e, r) {
+  return `${Math.round(e / r * 100)}%`;
+}
+function R(e, r) {
+  return e == null ? "indeterminate" : e === r ? "complete" : "loading";
+}
+function f(e) {
+  return typeof e == "number";
+}
+function P(e) {
+  return f(e) && !isNaN(e) && e > 0;
+}
+function b(e, r) {
+  return f(e) && !isNaN(e) && e <= r && e >= 0;
+}
+function L(e, r) {
+  return `Invalid prop \`max\` of value \`${e}\` supplied to \`${r}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${h}\`.`;
+}
+function j(e, r) {
+  return `Invalid prop \`value\` of value \`${e}\` supplied to \`${r}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${h} if no \`max\` prop is set)
+  - \`null\` or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`;
+}
+var O = I, X = k;
+const G = u({
+  slots: {
+    track: "relative w-full overflow-hidden rounded-full bg-secondary-bg-hover",
+    indicator: "h-full bg-primary-accent transition-transform !duration-500"
+  },
+  variants: {
+    size: {
+      sm: { track: "h-1" },
+      md: { track: "h-1.5" },
+      lg: { track: "h-3" }
+    },
+    indeterminate: {
+      true: {
+        indicator: "!duration-1500 absolute w-full origin-left animate-indeterminate-bar rounded-full"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function F(e) {
+  const { className: r, value: o, max: a = 100, size: t, indicatorClassName: l, indeterminate: c, ...i } = e, n = G({ size: t, indeterminate: c }), m = c ? null : o ?? 0, d = $(() => {
+    if (c) return;
+    const N = a <= 0 ? 100 : a;
+    return { transform: `translateX(-${100 - Math.max(0, Math.min(N, m ?? 0)) / N * 100}%)` };
+  }, [c, m, a]);
+  return /* @__PURE__ */ s(
+    O,
+    {
+      "data-slot": "progress",
+      className: n.track({ className: r }),
+      value: m,
+      max: a,
+      ...i,
+      children: /* @__PURE__ */ s(
+        X,
+        {
+          "data-slot": "progress-indicator",
+          className: n.indicator({ className: l }),
+          style: d
+        }
+      )
+    }
+  );
+}
+const U = u({
+  base: "text-secondary-fg",
+  variants: {
+    size: {
+      sm: "h-4 w-4",
+      md: "h-4 w-4",
+      lg: "h-5 w-5"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), z = ({ className: e, size: r, icon: o, ...a }) => /* @__PURE__ */ s(T, { icon: o, className: U({ className: e, size: r }), ...a });
+z.displayName = "ProgressIcon";
+const q = u({
+  slots: {
+    base: "h-auto p-0 text-muted",
+    icon: ""
+  },
+  variants: {
+    size: {
+      sm: {
+        icon: "h-4 w-4"
+      },
+      md: {
+        icon: "h-5 w-5"
+      },
+      lg: {
+        icon: "h-[1.375rem] w-[1.375rem]"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), g = ({
+  className: e,
+  size: r,
+  icon: o,
+  iconClassName: a,
+  ...t
+}) => {
+  const l = q({ size: r });
+  return /* @__PURE__ */ s(
+    _,
+    {
+      icon: o,
+      variant: "text",
+      className: l.base({ className: e }),
+      iconClassName: l.icon({ className: a }),
+      size: r,
+      ...t
+    }
+  );
+};
+g.displayName = "ProgressIconButton";
+const H = u({
+  base: "inline-block font-medium text-secondary-fg",
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), v = C.forwardRef(
+  ({ className: e, size: r, children: o, ...a }, t) => /* @__PURE__ */ s("span", { className: H({ className: e, size: r }), ref: t, ...a, children: o })
+);
+v.displayName = "ProgressText";
+const J = u({
+  slots: {
+    wrap: "flex w-full flex-col",
+    header: "flex items-center justify-between gap-2",
+    titleWrapper: "flex items-center",
+    actionsWrapper: "flex items-center gap-2"
+  },
+  variants: {
+    size: {
+      sm: {
+        wrap: "gap-1",
+        titleWrapper: "gap-1"
+      },
+      md: {
+        wrap: "gap-1",
+        titleWrapper: "gap-1.5"
+      },
+      lg: {
+        wrap: "gap-1.5",
+        titleWrapper: "gap-2"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), K = (e) => {
+  const { size: r, value: o, max: a, indeterminate: t, icon: l, title: c, description: i, onCancel: n, onRetry: m } = e, d = J({ size: r });
+  return /* @__PURE__ */ p("div", { className: d.wrap(), children: [
+    /* @__PURE__ */ p("div", { className: d.header(), children: [
+      /* @__PURE__ */ p("div", { className: d.titleWrapper(), children: [
+        l && /* @__PURE__ */ s(z, { size: r, icon: l }),
+        c && /* @__PURE__ */ s(v, { size: r, className: "mr-auto", children: c })
+      ] }),
+      /* @__PURE__ */ p("div", { className: d.actionsWrapper(), children: [
+        i && /* @__PURE__ */ s(v, { size: r, children: i }),
+        m && /* @__PURE__ */ s(
+          g,
+          {
+            size: r,
+            icon: B,
+            onClick: m,
+            iconClassName: "p-0.5 stroke-[2.3px]"
+          }
+        ),
+        n && /* @__PURE__ */ s(g, { size: r, icon: S, onClick: n })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(F, { value: o, max: a, indeterminate: t, size: r }) })
+  ] });
+};
+K.displayName = "ProgressBlockTemplate";
+export {
+  F as Progress,
+  K as ProgressBlockTemplate,
+  z as ProgressIcon,
+  g as ProgressIconButton,
+  v as ProgressText
+};
+//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sources":["../../node_modules/.pnpm/@radix-ui+react-progress@1.1.8_@types+react-dom@18.3.6_@types+react@18.3.20__@types+rea_e450f4067159ea39a98f6a5a08a96bbb/node_modules/@radix-ui/react-progress/dist/index.mjs","../../src/components/progress/ProgressBarStyles.ts","../../src/components/progress/Progress.tsx","../../src/components/progress/components/progress-icon/ProgressIcon.tsx","../../src/components/progress/components/progress-icon-button/ProgressIconButton.tsx","../../src/components/progress/components/progress-text/ProgressText.tsx","../../src/components/progress/templates/ProgressBlockTemplate.tsx"],"sourcesContent":["\"use client\";\n\n// src/progress.tsx\nimport * as React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar PROGRESS_NAME = \"Progress\";\nvar DEFAULT_MAX = 100;\nvar [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);\nvar [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);\nvar Progress = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeProgress,\n      value: valueProp = null,\n      max: maxProp,\n      getValueLabel = defaultGetValueLabel,\n      ...progressProps\n    } = props;\n    if ((maxProp || maxProp === 0) && !isValidMaxNumber(maxProp)) {\n      console.error(getInvalidMaxError(`${maxProp}`, \"Progress\"));\n    }\n    const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;\n    if (valueProp !== null && !isValidValueNumber(valueProp, max)) {\n      console.error(getInvalidValueError(`${valueProp}`, \"Progress\"));\n    }\n    const value = isValidValueNumber(valueProp, max) ? valueProp : null;\n    const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;\n    return /* @__PURE__ */ jsx(ProgressProvider, { scope: __scopeProgress, value, max, children: /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"aria-valuemax\": max,\n        \"aria-valuemin\": 0,\n        \"aria-valuenow\": isNumber(value) ? value : void 0,\n        \"aria-valuetext\": valueLabel,\n        role: \"progressbar\",\n        \"data-state\": getProgressState(value, max),\n        \"data-value\": value ?? void 0,\n        \"data-max\": max,\n        ...progressProps,\n        ref: forwardedRef\n      }\n    ) });\n  }\n);\nProgress.displayName = PROGRESS_NAME;\nvar INDICATOR_NAME = \"ProgressIndicator\";\nvar ProgressIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeProgress, ...indicatorProps } = props;\n    const context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n    return /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": getProgressState(context.value, context.max),\n        \"data-value\": context.value ?? void 0,\n        \"data-max\": context.max,\n        ...indicatorProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nProgressIndicator.displayName = INDICATOR_NAME;\nfunction defaultGetValueLabel(value, max) {\n  return `${Math.round(value / max * 100)}%`;\n}\nfunction getProgressState(value, maxValue) {\n  return value == null ? \"indeterminate\" : value === maxValue ? \"complete\" : \"loading\";\n}\nfunction isNumber(value) {\n  return typeof value === \"number\";\n}\nfunction isValidMaxNumber(max) {\n  return isNumber(max) && !isNaN(max) && max > 0;\n}\nfunction isValidValueNumber(value, max) {\n  return isNumber(value) && !isNaN(value) && value <= max && value >= 0;\n}\nfunction getInvalidMaxError(propValue, componentName) {\n  return `Invalid prop \\`max\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`;\n}\nfunction getInvalidValueError(propValue, componentName) {\n  return `Invalid prop \\`value\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. The \\`value\\` prop must be:\n  - a positive number\n  - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n  - \\`null\\` or \\`undefined\\` if the progress is indeterminate.\n\nDefaulting to \\`null\\`.`;\n}\nvar Root = Progress;\nvar Indicator = ProgressIndicator;\nexport {\n  Indicator,\n  Progress,\n  ProgressIndicator,\n  Root,\n  createProgressScope\n};\n//# sourceMappingURL=index.mjs.map\n","import { VariantsConfig } from \"@/lib/utils/variants\";\nimport { tv } from \"tailwind-variants\";\n\nexport interface ProgressBarSizeVariants {\n\t/** Размер индикатора */\n\tsize?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport interface ProgressBarVariants extends ProgressBarSizeVariants {\n\t/** Индикатор неопределенного состояния прогресса */\n\tindeterminate?: boolean;\n}\n\nexport const progressBarStyles = tv({\n\tslots: {\n\t\ttrack: \"relative w-full overflow-hidden rounded-full bg-secondary-bg-hover\",\n\t\tindicator: \"h-full bg-primary-accent transition-transform !duration-500\"\n\t},\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: { track: \"h-1\" },\n\t\t\tmd: { track: \"h-1.5\" },\n\t\t\tlg: { track: \"h-3\" }\n\t\t},\n\t\tindeterminate: {\n\t\t\ttrue: {\n\t\t\t\tindicator: \"!duration-1500 absolute w-full origin-left animate-indeterminate-bar rounded-full\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<ProgressBarVariants>,\n\tdefaultVariants: {\n\t\tsize: \"md\"\n\t}\n});\n","import * as React from \"react\";\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport { progressBarStyles, ProgressBarVariants } from \"./ProgressBarStyles\";\nimport { useMemo } from \"react\";\n\nexport type ProgressProps = React.ComponentProps<typeof ProgressPrimitive.Root> &\n\tProgressBarVariants & {\n\t\t/** Максимальное значение прогресса. По умолчанию 100 */\n\t\tmax?: number;\n\t\t/** Значение прогресса от 0 до max. Если не указано или null, считается равным 0 */\n\t\tvalue?: number | null;\n\t\t/** Классы для индикатора */\n\t\tindicatorClassName?: string;\n\t\t/** Функция для получения доступной текстовой метки, представляющей текущее значение в удобочитаемом формате. \n\tЕсли не указана, метка значения будет озвучена как числовое значение в процентах от максимального значения. */\n\t\tgetValueLabel?(value: number, max: number): string;\n\t};\n\nexport function Progress(props: ProgressProps) {\n\tconst { className, value, max = 100, size, indicatorClassName, indeterminate, ...rest } = props;\n\n\tconst styles = progressBarStyles({ size, indeterminate });\n\tconst currentValue = indeterminate ? null : (value ?? 0);\n\n\tconst indicatorStyle = useMemo(() => {\n\t\tif (indeterminate) return;\n\n\t\tconst safeMax = max <= 0 ? 100 : max;\n\t\tconst safeValue = Math.max(0, Math.min(safeMax, currentValue ?? 0));\n\t\tconst percentage = (safeValue / safeMax) * 100;\n\n\t\treturn { transform: `translateX(-${100 - percentage}%)` };\n\t}, [indeterminate, currentValue, max]);\n\n\treturn (\n\t\t<ProgressPrimitive.Root\n\t\t\tdata-slot=\"progress\"\n\t\t\tclassName={styles.track({ className })}\n\t\t\tvalue={currentValue}\n\t\t\tmax={max}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<ProgressPrimitive.Indicator\n\t\t\t\tdata-slot=\"progress-indicator\"\n\t\t\t\tclassName={styles.indicator({ className: indicatorClassName })}\n\t\t\t\tstyle={indicatorStyle}\n\t\t\t/>\n\t\t</ProgressPrimitive.Root>\n\t);\n}\n","import { Icon } from \"@/components/icon\";\nimport { IconProps } from \"@/components/icon/Icon\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { ProgressBarSizeVariants } from \"../../ProgressBarStyles\";\n\nconst progressIconVariants = tv({\n\tbase: \"text-secondary-fg\",\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: \"h-4 w-4\",\n\t\t\tmd: \"h-4 w-4\",\n\t\t\tlg: \"h-5 w-5\"\n\t\t}\n\t} satisfies VariantsConfig<ProgressBarSizeVariants>,\n\tdefaultVariants: {\n\t\tsize: \"md\"\n\t}\n});\n\nexport type ProgressIconProps = ProgressBarSizeVariants & IconProps;\n\nexport const ProgressIcon: React.FC<ProgressIconProps> = ({ className, size, icon, ...props }) => {\n\treturn <Icon icon={icon} className={progressIconVariants({ className, size })} {...props} />;\n};\n\nProgressIcon.displayName = \"ProgressIcon\";\n","import { IconButton } from \"@/components/button\";\nimport { IconButtonProps } from \"@/components/button/icon-button/IconButton\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { ProgressBarSizeVariants } from \"../../ProgressBarStyles\";\n\nconst progressIconButtonVariants = tv({\n\tslots: {\n\t\tbase: \"h-auto p-0 text-muted\",\n\t\ticon: \"\"\n\t},\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: {\n\t\t\t\ticon: \"h-4 w-4\"\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\ticon: \"h-5 w-5\"\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\ticon: \"h-[1.375rem] w-[1.375rem]\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<ProgressBarSizeVariants>,\n\tdefaultVariants: {\n\t\tsize: \"md\"\n\t}\n});\n\nexport type ProgressIconButtonProps = ProgressBarSizeVariants & IconButtonProps;\n\nexport const ProgressIconButton: React.FC<ProgressIconButtonProps> = ({\n\tclassName,\n\tsize,\n\ticon,\n\ticonClassName,\n\t...props\n}) => {\n\tconst styles = progressIconButtonVariants({ size });\n\treturn (\n\t\t<IconButton\n\t\t\ticon={icon}\n\t\t\tvariant=\"text\"\n\t\t\tclassName={styles.base({ className })}\n\t\t\ticonClassName={styles.icon({ className: iconClassName })}\n\t\t\tsize={size}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nProgressIconButton.displayName = \"ProgressIconButton\";\n","import React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { ProgressBarSizeVariants } from \"../../ProgressBarStyles\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nconst progressTextVariants = tv({\n\tbase: \"inline-block font-medium text-secondary-fg\",\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: \"text-xs\",\n\t\t\tmd: \"text-sm\",\n\t\t\tlg: \"text-base\"\n\t\t}\n\t} satisfies VariantsConfig<ProgressBarSizeVariants>,\n\tdefaultVariants: {\n\t\tsize: \"md\"\n\t}\n});\n\nexport type ProgressTextProps = ProgressBarSizeVariants & React.HTMLAttributes<HTMLDivElement>;\n\nexport const ProgressText = React.forwardRef<HTMLDivElement, PropsWithChildren<ProgressTextProps>>(\n\t({ className, size, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<span className={progressTextVariants({ className, size })} ref={ref} {...props}>\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t);\n\t}\n);\n\nProgressText.displayName = \"ProgressText\";\n","import { LucideIcon, RotateCw, X } from \"lucide-react\";\nimport { tv } from \"tailwind-variants\";\nimport { Progress } from \"../Progress\";\nimport { ProgressIconButton } from \"../components/progress-icon-button/ProgressIconButton\";\nimport { ProgressIcon } from \"../components/progress-icon/ProgressIcon\";\nimport { ProgressText } from \"../components/progress-text/ProgressText\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\nimport { ProgressBarSizeVariants } from \"../ProgressBarStyles\";\n\nconst progressBlockTemplateStyles = tv({\n\tslots: {\n\t\twrap: \"flex w-full flex-col\",\n\t\theader: \"flex items-center justify-between gap-2\",\n\t\ttitleWrapper: \"flex items-center\",\n\t\tactionsWrapper: \"flex items-center gap-2\"\n\t},\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: {\n\t\t\t\twrap: \"gap-1\",\n\t\t\t\ttitleWrapper: \"gap-1\"\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\twrap: \"gap-1\",\n\t\t\t\ttitleWrapper: \"gap-1.5\"\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\twrap: \"gap-1.5\",\n\t\t\t\ttitleWrapper: \"gap-2\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<ProgressBarSizeVariants>,\n\tdefaultVariants: {\n\t\tsize: \"md\"\n\t}\n});\n\nexport type ProgressBlockTemplateProps = ProgressBarSizeVariants & {\n\tvalue?: number;\n\tmax?: number;\n\tindeterminate?: boolean;\n\ticon?: LucideIcon;\n\ttitle?: React.ReactNode;\n\tdescription?: React.ReactNode;\n\tonCancel?: (e: React.MouseEvent<HTMLElement>) => void;\n\tonRetry?: (e: React.MouseEvent<HTMLElement>) => void;\n};\n\nexport const ProgressBlockTemplate = (props: ProgressBlockTemplateProps) => {\n\tconst { size, value, max, indeterminate, icon, title, description, onCancel, onRetry } = props;\n\n\tconst styles = progressBlockTemplateStyles({ size });\n\n\treturn (\n\t\t<div className={styles.wrap()}>\n\t\t\t<div className={styles.header()}>\n\t\t\t\t<div className={styles.titleWrapper()}>\n\t\t\t\t\t{icon && <ProgressIcon size={size} icon={icon} />}\n\t\t\t\t\t{title && (\n\t\t\t\t\t\t<ProgressText size={size} className=\"mr-auto\">\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</ProgressText>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<div className={styles.actionsWrapper()}>\n\t\t\t\t\t{description && <ProgressText size={size}>{description}</ProgressText>}\n\t\t\t\t\t{onRetry && (\n\t\t\t\t\t\t<ProgressIconButton\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\ticon={RotateCw}\n\t\t\t\t\t\t\tonClick={onRetry}\n\t\t\t\t\t\t\ticonClassName=\"p-0.5 stroke-[2.3px]\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{onCancel && <ProgressIconButton size={size} icon={X} onClick={onCancel} />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t<Progress value={value} max={max} indeterminate={indeterminate} size={size} />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nProgressBlockTemplate.displayName = \"ProgressBlockTemplate\";\n"],"names":["PROGRESS_NAME","DEFAULT_MAX","createProgressContext","createProgressScope","createContextScope","ProgressProvider","useProgressContext","Progress","React","props","forwardedRef","__scopeProgress","valueProp","maxProp","getValueLabel","defaultGetValueLabel","progressProps","isValidMaxNumber","getInvalidMaxError","max","isValidValueNumber","getInvalidValueError","value","valueLabel","isNumber","jsx","Primitive","getProgressState","INDICATOR_NAME","ProgressIndicator","indicatorProps","context","maxValue","propValue","componentName","Root","Indicator","progressBarStyles","tv","className","size","indicatorClassName","indeterminate","rest","styles","currentValue","indicatorStyle","useMemo","safeMax","ProgressPrimitive.Root","ProgressPrimitive.Indicator","progressIconVariants","ProgressIcon","icon","Icon","progressIconButtonVariants","ProgressIconButton","iconClassName","IconButton","progressTextVariants","ProgressText","children","ref","progressBlockTemplateStyles","ProgressBlockTemplate","title","description","onCancel","onRetry","jsxs","RotateCw","X"],"mappings":";;;;;;;;;;AAOA,IAAIA,IAAgB,YAChBC,IAAc,KACd,CAACC,GAAuBC,EAAmB,IAAIC,EAAmBJ,CAAa,GAC/E,CAACK,GAAkBC,CAAkB,IAAIJ,EAAsBF,CAAa,GAC5EO,IAAWC,EAAM;AAAA,EACnB,CAACC,GAAOC,MAAiB;AACvB,UAAM;AAAA,MACJ,iBAAAC;AAAA,MACA,OAAOC,IAAY;AAAA,MACnB,KAAKC;AAAA,MACL,eAAAC,IAAgBC;AAAA,MAChB,GAAGC;AAAA,IACT,IAAQP;AACJ,KAAKI,KAAWA,MAAY,MAAM,CAACI,EAAiBJ,CAAO,KACzD,QAAQ,MAAMK,EAAmB,GAAGL,CAAO,IAAI,UAAU,CAAC;AAE5D,UAAMM,IAAMF,EAAiBJ,CAAO,IAAIA,IAAUZ;AAClD,IAAIW,MAAc,QAAQ,CAACQ,EAAmBR,GAAWO,CAAG,KAC1D,QAAQ,MAAME,EAAqB,GAAGT,CAAS,IAAI,UAAU,CAAC;AAEhE,UAAMU,IAAQF,EAAmBR,GAAWO,CAAG,IAAIP,IAAY,MACzDW,IAAaC,EAASF,CAAK,IAAIR,EAAcQ,GAAOH,CAAG,IAAI;AACjE,WAAuB,gBAAAM,EAAIpB,GAAkB,EAAE,OAAOM,GAAiB,OAAAW,GAAO,KAAAH,GAAK,UAA0B,gBAAAM;AAAA,MAC3GC,EAAU;AAAA,MACV;AAAA,QACE,iBAAiBP;AAAA,QACjB,iBAAiB;AAAA,QACjB,iBAAiBK,EAASF,CAAK,IAAIA,IAAQ;AAAA,QAC3C,kBAAkBC;AAAA,QAClB,MAAM;AAAA,QACN,cAAcI,EAAiBL,GAAOH,CAAG;AAAA,QACzC,cAAcG,KAAS;AAAA,QACvB,YAAYH;AAAA,QACZ,GAAGH;AAAA,QACH,KAAKN;AAAA,MACb;AAAA,IACA,GAAO;AAAA,EACP;AACA;AACAH,EAAS,cAAcP;AACvB,IAAI4B,IAAiB,qBACjBC,IAAoBrB,EAAM;AAAA,EAC5B,CAACC,GAAOC,MAAiB;AACvB,UAAM,EAAE,iBAAAC,GAAiB,GAAGmB,EAAc,IAAKrB,GACzCsB,IAAUzB,EAAmBsB,GAAgBjB,CAAe;AAClE,WAAuB,gBAAAc;AAAA,MACrBC,EAAU;AAAA,MACV;AAAA,QACE,cAAcC,EAAiBI,EAAQ,OAAOA,EAAQ,GAAG;AAAA,QACzD,cAAcA,EAAQ,SAAS;AAAA,QAC/B,YAAYA,EAAQ;AAAA,QACpB,GAAGD;AAAA,QACH,KAAKpB;AAAA,MACb;AAAA,IACK;AAAA,EACL;AACA;AACAmB,EAAkB,cAAcD;AAChC,SAASb,EAAqBO,GAAOH,GAAK;AACxC,SAAO,GAAG,KAAK,MAAMG,IAAQH,IAAM,GAAG,CAAC;AACzC;AACA,SAASQ,EAAiBL,GAAOU,GAAU;AACzC,SAAOV,KAAS,OAAO,kBAAkBA,MAAUU,IAAW,aAAa;AAC7E;AACA,SAASR,EAASF,GAAO;AACvB,SAAO,OAAOA,KAAU;AAC1B;AACA,SAASL,EAAiBE,GAAK;AAC7B,SAAOK,EAASL,CAAG,KAAK,CAAC,MAAMA,CAAG,KAAKA,IAAM;AAC/C;AACA,SAASC,EAAmBE,GAAOH,GAAK;AACtC,SAAOK,EAASF,CAAK,KAAK,CAAC,MAAMA,CAAK,KAAKA,KAASH,KAAOG,KAAS;AACtE;AACA,SAASJ,EAAmBe,GAAWC,GAAe;AACpD,SAAO,mCAAmCD,CAAS,oBAAoBC,CAAa,yEAAyEjC,CAAW;AAC1K;AACA,SAASoB,EAAqBY,GAAWC,GAAe;AACtD,SAAO,qCAAqCD,CAAS,oBAAoBC,CAAa;AAAA;AAAA,gDAExCjC,CAAW;AAAA;AAAA;AAAA;AAI3D;AACA,IAAIkC,IAAO5B,GACP6B,IAAYP;AC/ET,MAAMQ,IAAoBC,EAAG;AAAA,EACnC,OAAO;AAAA,IACN,OAAO;AAAA,IACP,WAAW;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI,EAAE,OAAO,MAAM;AAAA,MACnB,IAAI,EAAE,OAAO,QAAQ;AAAA,MACrB,IAAI,EAAE,OAAO,MAAM;AAAA,IACpB;AAAA,IACA,eAAe;AAAA,MACd,MAAM;AAAA,QACL,WAAW;AAAA,MAAA;AAAA,IACZ;AAAA,EAEF;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC;ACfM,SAAS/B,EAASE,GAAsB;AACxC,QAAA,EAAE,WAAA8B,GAAW,OAAAjB,GAAO,KAAAH,IAAM,KAAK,MAAAqB,GAAM,oBAAAC,GAAoB,eAAAC,GAAe,GAAGC,EAAA,IAASlC,GAEpFmC,IAASP,EAAkB,EAAE,MAAAG,GAAM,eAAAE,GAAe,GAClDG,IAAeH,IAAgB,OAAQpB,KAAS,GAEhDwB,IAAiBC,EAAQ,MAAM;AACpC,QAAIL,EAAe;AAEb,UAAAM,IAAU7B,KAAO,IAAI,MAAMA;AAIjC,WAAO,EAAE,WAAW,eAAe,MAHjB,KAAK,IAAI,GAAG,KAAK,IAAI6B,GAASH,KAAgB,CAAC,CAAC,IAClCG,IAAW,GAEQ,KAAK;AAAA,EACtD,GAAA,CAACN,GAAeG,GAAc1B,CAAG,CAAC;AAGpC,SAAA,gBAAAM;AAAA,IAACwB;AAAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWL,EAAO,MAAM,EAAE,WAAAL,GAAW;AAAA,MACrC,OAAOM;AAAA,MACP,KAAA1B;AAAA,MACC,GAAGwB;AAAA,MAEJ,UAAA,gBAAAlB;AAAA,QAACyB;AAAAA,QAAA;AAAA,UACA,aAAU;AAAA,UACV,WAAWN,EAAO,UAAU,EAAE,WAAWH,GAAoB;AAAA,UAC7D,OAAOK;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EACD;AAEF;AC1CA,MAAMK,IAAuBb,EAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAEN;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAIYc,IAA4C,CAAC,EAAE,WAAAb,GAAW,MAAAC,GAAM,MAAAa,GAAM,GAAG5C,QAC9E,gBAAAgB,EAAC6B,GAAK,EAAA,MAAAD,GAAY,WAAWF,EAAqB,EAAE,WAAAZ,GAAW,MAAAC,EAAK,CAAC,GAAI,GAAG/B,EAAO,CAAA;AAG3F2C,EAAa,cAAc;ACpB3B,MAAMG,IAA6BjB,EAAG;AAAA,EACrC,OAAO;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,QACH,MAAM;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACH,MAAM;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACH,MAAM;AAAA,MAAA;AAAA,IACP;AAAA,EAEF;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAIYkB,IAAwD,CAAC;AAAA,EACrE,WAAAjB;AAAA,EACA,MAAAC;AAAA,EACA,MAAAa;AAAA,EACA,eAAAI;AAAA,EACA,GAAGhD;AACJ,MAAM;AACL,QAAMmC,IAASW,EAA2B,EAAE,MAAAf,GAAM;AAEjD,SAAA,gBAAAf;AAAA,IAACiC;AAAA,IAAA;AAAA,MACA,MAAAL;AAAA,MACA,SAAQ;AAAA,MACR,WAAWT,EAAO,KAAK,EAAE,WAAAL,GAAW;AAAA,MACpC,eAAeK,EAAO,KAAK,EAAE,WAAWa,GAAe;AAAA,MACvD,MAAAjB;AAAA,MACC,GAAG/B;AAAA,IAAA;AAAA,EACL;AAEF;AAEA+C,EAAmB,cAAc;AC9CjC,MAAMG,IAAuBrB,EAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAEN;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAIYsB,IAAepD,EAAM;AAAA,EACjC,CAAC,EAAE,WAAA+B,GAAW,MAAAC,GAAM,UAAAqB,GAAU,GAAGpD,KAASqD,MAEvC,gBAAArC,EAAA,QAAA,EAAK,WAAWkC,EAAqB,EAAE,WAAApB,GAAW,MAAAC,EAAK,CAAC,GAAG,KAAAsB,GAAW,GAAGrD,GACxE,UAAAoD,EACF,CAAA;AAGH;AAEAD,EAAa,cAAc;ACvB3B,MAAMG,IAA8BzB,EAAG;AAAA,EACtC,OAAO;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,gBAAgB;AAAA,EACjB;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,QACH,MAAM;AAAA,QACN,cAAc;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACH,MAAM;AAAA,QACN,cAAc;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACH,MAAM;AAAA,QACN,cAAc;AAAA,MAAA;AAAA,IACf;AAAA,EAEF;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAaY0B,IAAwB,CAACvD,MAAsC;AACrE,QAAA,EAAE,MAAA+B,GAAM,OAAAlB,GAAO,KAAAH,GAAK,eAAAuB,GAAe,MAAAW,GAAM,OAAAY,GAAO,aAAAC,GAAa,UAAAC,GAAU,SAAAC,EAAY,IAAA3D,GAEnFmC,IAASmB,EAA4B,EAAE,MAAAvB,GAAM;AAEnD,SACE,gBAAA6B,EAAA,OAAA,EAAI,WAAWzB,EAAO,KACtB,GAAA,UAAA;AAAA,IAAA,gBAAAyB,EAAC,OAAI,EAAA,WAAWzB,EAAO,OACtB,GAAA,UAAA;AAAA,MAAA,gBAAAyB,EAAC,OAAI,EAAA,WAAWzB,EAAO,aACrB,GAAA,UAAA;AAAA,QAAQS,KAAA,gBAAA5B,EAAC2B,GAAa,EAAA,MAAAZ,GAAY,MAAAa,EAAY,CAAA;AAAA,QAC9CY,KACC,gBAAAxC,EAAAmC,GAAA,EAAa,MAAApB,GAAY,WAAU,WAClC,UACFyB,EAAA,CAAA;AAAA,MAAA,GAEF;AAAA,MAEC,gBAAAI,EAAA,OAAA,EAAI,WAAWzB,EAAO,eACrB,GAAA,UAAA;AAAA,QAAesB,KAAA,gBAAAzC,EAACmC,GAAa,EAAA,MAAApB,GAAa,UAAY0B,GAAA;AAAA,QACtDE,KACA,gBAAA3C;AAAA,UAAC+B;AAAA,UAAA;AAAA,YACA,MAAAhB;AAAA,YACA,MAAM8B;AAAA,YACN,SAASF;AAAA,YACT,eAAc;AAAA,UAAA;AAAA,QACf;AAAA,QAEAD,KAAa,gBAAA1C,EAAA+B,GAAA,EAAmB,MAAAhB,GAAY,MAAM+B,GAAG,SAASJ,EAAU,CAAA;AAAA,MAAA,EAC1E,CAAA;AAAA,IAAA,GACD;AAAA,IACA,gBAAA1C,EAAC,SACA,UAAC,gBAAAA,EAAAlB,GAAA,EAAS,OAAAe,GAAc,KAAAH,GAAU,eAAAuB,GAA8B,MAAAF,EAAY,CAAA,EAC7E,CAAA;AAAA,EAAA,GACD;AAEF;AAEAwB,EAAsB,cAAc;","x_google_ignoreList":[0]}

package/dist/components/prose/Prose.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export type ProseProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+};
+export declare const Prose: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/prose/Prose.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Prose } from './Prose';
+declare const meta: Meta<typeof Prose>;
+export default meta;
+type Story = StoryObj<typeof Prose>;
+export declare const TypographyShowcase: Story;

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

@@ -0,0 +1 @@
+export { Prose } from './Prose';

package/dist/components/prose.d.ts

@@ -0,0 +1,2 @@
+export * from './prose/index'
+export {}

package/dist/components/prose.js

@@ -0,0 +1,12 @@
+import { jsx as a } from "react/jsx-runtime";
+import t from "react";
+import { S as p } from "../index-BtQfgaSF.js";
+import { c as f } from "../cn-dsXlqdJg.js";
+const c = t.forwardRef(
+  ({ className: o, children: r, asChild: m = !1, ...e }, s) => /* @__PURE__ */ a(m ? p : "div", { className: f("prose max-w-none", o), ref: s, ...e, children: r })
+);
+c.displayName = "Prose";
+export {
+  c as Prose
+};
+//# sourceMappingURL=prose.js.map

package/dist/components/prose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose.js","sources":["../../src/components/prose/Prose.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cn } from \"@/lib/utils\";\n\nexport type ProseProps = React.HTMLAttributes<HTMLDivElement> & {\n\tasChild?: boolean;\n};\n\nexport const Prose = React.forwardRef<HTMLDivElement, PropsWithChildren<ProseProps>>(\n\t({ className, children, asChild = false, ...props }, ref) => {\n\t\tconst Comp = asChild ? Slot : \"div\";\n\n\t\treturn (\n\t\t\t<Comp className={cn(\"prose max-w-none\", className)} ref={ref} {...props}>\n\t\t\t\t{children}\n\t\t\t</Comp>\n\t\t);\n\t}\n);\n\nProse.displayName = \"Prose\";\n"],"names":["Prose","React","className","children","asChild","props","ref","jsx","Slot","cn"],"mappings":";;;;AASO,MAAMA,IAAQC,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAInD,gBAAAC,EAHYH,IAAUI,IAAO,OAGvB,EAAA,WAAWC,EAAG,oBAAoBP,CAAS,GAAG,KAAAI,GAAW,GAAGD,GAChE,UAAAF,EACF,CAAA;AAGH;AAEAH,EAAM,cAAc;"}

package/dist/components/radio-group/RadioGroup.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+export type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/radio-group/RadioGroup.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { RadioGroup } from './RadioGroup';
+declare const meta: Meta<typeof RadioGroup>;
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Default: Story;
+export declare const DisabledSingleItem: Story;
+export declare const WithSublabel: Story;
+export declare const WithDescriptions: Story;
+export declare const Outline: Story;
+export declare const WithTitle: Story;

package/dist/components/radio-group/components/RadioGroupItem.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+import { TVReturnType } from 'tailwind-variants';
+import { ClassNameValue } from 'tailwind-merge';
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+export type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
+export declare const radioGroupItemStyles: TVReturnType<{
+    [key: string]: {
+        [key: string]: ClassNameValue | {
+            icon?: ClassNameValue;
+            indicator?: ClassNameValue;
+            item?: ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: ClassNameValue | {
+            icon?: ClassNameValue;
+            indicator?: ClassNameValue;
+            item?: ClassNameValue;
+        };
+    };
+} | {}, {
+    item: string[];
+    indicator: string;
+    icon: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: ClassNameValue | {
+            icon?: ClassNameValue;
+            indicator?: ClassNameValue;
+            item?: ClassNameValue;
+        };
+    };
+} | {}, {
+    item: string[];
+    indicator: string;
+    icon: string;
+}, TVReturnType<unknown, {
+    item: string[];
+    indicator: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroup, type RadioGroupProps } from './RadioGroup';
+export { RadioGroupItem, radioGroupItemStyles, type RadioGroupItemProps } from './components/RadioGroupItem';

package/dist/components/radio-group.d.ts

@@ -0,0 +1,2 @@
+export * from './radio-group/index'
+export {}