@giddaa-housing/ui 0.1.0 → 1.0.0

package/dist/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/checkbox.tsx","../src/lib/cn.ts","../src/components/ui/size-context.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox as CheckboxPrimitive } from \"@base-ui/react/checkbox\";\nimport { CheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { cn } from \"../../lib/cn\";\nimport { useComponentSize } from \"./size-context\";\n\nconst checkboxVariants = cva(\n\t\"peer group/checkbox relative flex shrink-0 items-center justify-center rounded-sm border bg-canvas text-transparent outline-none transition-[background-color,border-color,box-shadow,color] after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-destructive/20 border-line data-unchecked:hover:border-line-focus data-unchecked:hover:bg-surface-brand-subtle data-checked:border-action-primary data-checked:bg-action-primary data-checked:text-fg-on-brand data-disabled:cursor-not-allowed data-disabled:border-line-subtle data-disabled:bg-surface data-disabled:text-fg-caption-placeholder size-5 [--checkbox-icon-size:0.75rem] group-data-[size=sm]/field:size-4 group-data-[size=sm]/field:[--checkbox-icon-size:0.625rem] group-data-[size=md]/field:size-5 group-data-[size=md]/field:[--checkbox-icon-size:0.75rem] group-data-[size=lg]/field:size-6 group-data-[size=lg]/field:[--checkbox-icon-size:0.875rem]\",\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: \"size-4 [--checkbox-icon-size:0.625rem]\",\n\t\t\t\tmd: \"size-5 [--checkbox-icon-size:0.75rem]\",\n\t\t\t\tlg: \"size-6 [--checkbox-icon-size:0.875rem]\",\n\t\t\t},\n\t\t},\n\t},\n);\n\ntype CheckboxSize = NonNullable<VariantProps<typeof checkboxVariants>[\"size\"]>;\ntype CheckboxProps = CheckboxPrimitive.Root.Props & {\n\tsize?: CheckboxSize;\n};\n\n/**\n * Compose with the shared field primitives for label and helper text.\n *\n * ```tsx\n * <Field orientation=\"horizontal\" size=\"sm\">\n *   <Checkbox id=\"terms\" />\n *   <FieldContent>\n *     <FieldLabel htmlFor=\"terms\">Checkbox label</FieldLabel>\n *     <FieldDescription>Helper description text.</FieldDescription>\n *   </FieldContent>\n * </Field>\n * ```\n *\n * Group multiple checkboxes with the field set primitives.\n *\n * ```tsx\n * <FieldSet>\n *   <FieldLegend variant=\"label\">Show these items on the desktop:</FieldLegend>\n *   <FieldDescription>\n *     Select the items you want to show on the desktop.\n *   </FieldDescription>\n *   <FieldGroup className=\"gap-3\">\n *     <Field orientation=\"horizontal\">\n *       <Checkbox id=\"desktop-hard-disks\" name=\"desktop-hard-disks\" defaultChecked />\n *       <FieldLabel htmlFor=\"desktop-hard-disks\" className=\"font-normal\">\n *         Hard disks\n *       </FieldLabel>\n *     </Field>\n *     <Field orientation=\"horizontal\">\n *       <Checkbox\n *         id=\"desktop-external-disks\"\n *         name=\"desktop-external-disks\"\n *         defaultChecked\n *       />\n *       <FieldLabel htmlFor=\"desktop-external-disks\" className=\"font-normal\">\n *         External disks\n *       </FieldLabel>\n *     </Field>\n *     <Field orientation=\"horizontal\">\n *       <Checkbox id=\"desktop-cds-dvds-ipods\" name=\"desktop-cds-dvds-ipods\" />\n *       <FieldLabel htmlFor=\"desktop-cds-dvds-ipods\" className=\"font-normal\">\n *         CDs, DVDs, and iPods\n *       </FieldLabel>\n *     </Field>\n *     <Field orientation=\"horizontal\">\n *       <Checkbox\n *         id=\"desktop-connected-servers\"\n *         name=\"desktop-connected-servers\"\n *       />\n *       <FieldLabel htmlFor=\"desktop-connected-servers\" className=\"font-normal\">\n *         Connected servers\n *       </FieldLabel>\n *     </Field>\n *   </FieldGroup>\n * </FieldSet>\n * ```\n */\nfunction Checkbox({ className, size, ...props }: CheckboxProps) {\n\tconst resolvedSize = useComponentSize(size);\n\n\treturn (\n\t\t<CheckboxPrimitive.Root\n\t\t\tdata-slot=\"checkbox\"\n\t\t\tdata-size={resolvedSize}\n\t\t\tclassName={cn(checkboxVariants({ size: resolvedSize }), className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<CheckboxPrimitive.Indicator\n\t\t\t\tdata-slot=\"checkbox-indicator\"\n\t\t\t\tclassName=\"grid place-content-center text-current transition-none [&>svg]:size-(--checkbox-icon-size)\"\n\t\t\t>\n\t\t\t\t<CheckIcon />\n\t\t\t</CheckboxPrimitive.Indicator>\n\t\t</CheckboxPrimitive.Root>\n\t);\n}\n\nexport { Checkbox, CheckboxGroup, checkboxVariants };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n\textend: {\n\t\tclassGroups: {\n\t\t\t\"font-size\": [\n\t\t\t\t{\n\t\t\t\t\ttext: [\n\t\t\t\t\t\t\"gdt-display\",\n\t\t\t\t\t\t\"gdt-h1\",\n\t\t\t\t\t\t\"gdt-h2\",\n\t\t\t\t\t\t\"gdt-h3\",\n\t\t\t\t\t\t\"gdt-h4\",\n\t\t\t\t\t\t\"gdt-h5\",\n\t\t\t\t\t\t\"gdt-xl\",\n\t\t\t\t\t\t\"gdt-lg\",\n\t\t\t\t\t\t\"gdt-md\",\n\t\t\t\t\t\t\"gdt-sm\",\n\t\t\t\t\t\t\"gdt-xs\",\n\t\t\t\t\t\t\"gdt-subtext\",\n\t\t\t\t\t\t\"gdt-capitalized\",\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t},\n});\n\nexport function cn(...inputs: ClassValue[]) {\n\treturn twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { createContext, type ReactNode, useContext } from \"react\";\n\ntype ComponentSize = \"sm\" | \"md\" | \"lg\";\n\nconst SizeContext = createContext<ComponentSize | undefined>(undefined);\n\nfunction SizeProvider({\n\tchildren,\n\tsize,\n}: {\n\tchildren: ReactNode;\n\tsize?: ComponentSize | null;\n}) {\n\tif (!size) {\n\t\treturn <>{children}</>;\n\t}\n\n\treturn <SizeContext.Provider value={size}>{children}</SizeContext.Provider>;\n}\n\nfunction useComponentSize(\n\tsize?: ComponentSize | null,\n\tfallback: ComponentSize = \"md\",\n) {\n\tconst inheritedSize = useContext(SizeContext);\n\treturn size ?? inheritedSize ?? fallback;\n}\n\nexport { SizeProvider, useComponentSize, type ComponentSize };\n"],"mappings":";AAEA,SAAS,YAAY,yBAAyB;AAC9C,SAAS,qBAAqB;AAC9B,SAAS,WAA8B;AACvC,SAAS,iBAAiB;;;ACL1B,SAA0B,YAAY;AACtC,SAAS,2BAA2B;AAEpC,IAAM,UAAU,oBAAoB;AAAA,EACnC,QAAQ;AAAA,IACP,aAAa;AAAA,MACZ,aAAa;AAAA,QACZ;AAAA,UACC,MAAM;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD,CAAC;AAEM,SAAS,MAAM,QAAsB;AAC3C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC5B;;;AC7BA,SAAS,eAA+B,kBAAkB;AAcjD;AAVT,IAAM,cAAc,cAAyC,MAAS;AAgBtE,SAAS,iBACR,MACA,WAA0B,MACzB;AACD,QAAM,gBAAgB,WAAW,WAAW;AAC5C,SAAO,QAAQ,iBAAiB;AACjC;;;AFuEI,gBAAAA,YAAA;AAzFJ,IAAM,mBAAmB;AAAA,EACxB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,MAAM;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL;AAAA,IACD;AAAA,EACD;AACD;AAgEA,SAAS,SAAS,EAAE,WAAW,MAAM,GAAG,MAAM,GAAkB;AAC/D,QAAM,eAAe,iBAAiB,IAAI;AAE1C,SACC,gBAAAA;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACA,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW,GAAG,iBAAiB,EAAE,MAAM,aAAa,CAAC,GAAG,SAAS;AAAA,MAChE,GAAG;AAAA,MAEJ,0BAAAA;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACA,aAAU;AAAA,UACV,WAAU;AAAA,UAEV,0BAAAA,KAAC,aAAU;AAAA;AAAA,MACZ;AAAA;AAAA,EACD;AAEF;","names":["jsx"]}
+{"version":3,"sources":["../src/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox as CheckboxPrimitive } from \"@base-ui/react/checkbox\";\nimport { CheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { cn } from \"./lib/cn\";\nimport { useComponentSize } from \"./size-context\";\n\nconst checkboxVariants = cva(\n\t\"peer group/checkbox relative flex shrink-0 items-center justify-center rounded-sm border bg-canvas text-transparent outline-none transition-[background-color,border-color,box-shadow,color] after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-destructive/20 border-line data-unchecked:hover:border-line-focus data-unchecked:hover:bg-surface-brand-subtle data-checked:border-action-primary data-checked:bg-action-primary data-checked:text-fg-on-brand data-disabled:cursor-not-allowed data-disabled:border-line-subtle data-disabled:bg-surface data-disabled:text-fg-caption-placeholder size-5 [--checkbox-icon-size:0.75rem] group-data-[size=sm]/field:size-4 group-data-[size=sm]/field:[--checkbox-icon-size:0.625rem] group-data-[size=md]/field:size-5 group-data-[size=md]/field:[--checkbox-icon-size:0.75rem] group-data-[size=lg]/field:size-6 group-data-[size=lg]/field:[--checkbox-icon-size:0.875rem]\",\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: \"size-4 [--checkbox-icon-size:0.625rem]\",\n\t\t\t\tmd: \"size-5 [--checkbox-icon-size:0.75rem]\",\n\t\t\t\tlg: \"size-6 [--checkbox-icon-size:0.875rem]\",\n\t\t\t},\n\t\t},\n\t},\n);\n\ntype CheckboxSize = NonNullable<VariantProps<typeof checkboxVariants>[\"size\"]>;\ntype CheckboxProps = CheckboxPrimitive.Root.Props & {\n\tsize?: CheckboxSize;\n};\n\n/**\n * Compose with the shared field primitives for label and helper text.\n *\n * ```tsx\n * <Field orientation=\"horizontal\" size=\"sm\">\n *   <Checkbox id=\"terms\" />\n *   <FieldContent>\n *     <FieldLabel htmlFor=\"terms\">Checkbox label</FieldLabel>\n *     <FieldDescription>Helper description text.</FieldDescription>\n *   </FieldContent>\n * </Field>\n * ```\n *\n * Group multiple checkboxes with the field set primitives.\n *\n * ```tsx\n * <FieldSet>\n *   <FieldLegend variant=\"label\">Show these items on the desktop:</FieldLegend>\n *   <FieldDescription>\n *     Select the items you want to show on the desktop.\n *   </FieldDescription>\n *   <FieldGroup className=\"gap-3\">\n *     <Field orientation=\"horizontal\">\n *       <Checkbox id=\"desktop-hard-disks\" name=\"desktop-hard-disks\" defaultChecked />\n *       <FieldLabel htmlFor=\"desktop-hard-disks\" className=\"font-normal\">\n *         Hard disks\n *       </FieldLabel>\n *     </Field>\n *     <Field orientation=\"horizontal\">\n *       <Checkbox\n *         id=\"desktop-external-disks\"\n *         name=\"desktop-external-disks\"\n *         defaultChecked\n *       />\n *       <FieldLabel htmlFor=\"desktop-external-disks\" className=\"font-normal\">\n *         External disks\n *       </FieldLabel>\n *     </Field>\n *     <Field orientation=\"horizontal\">\n *       <Checkbox id=\"desktop-cds-dvds-ipods\" name=\"desktop-cds-dvds-ipods\" />\n *       <FieldLabel htmlFor=\"desktop-cds-dvds-ipods\" className=\"font-normal\">\n *         CDs, DVDs, and iPods\n *       </FieldLabel>\n *     </Field>\n *     <Field orientation=\"horizontal\">\n *       <Checkbox\n *         id=\"desktop-connected-servers\"\n *         name=\"desktop-connected-servers\"\n *       />\n *       <FieldLabel htmlFor=\"desktop-connected-servers\" className=\"font-normal\">\n *         Connected servers\n *       </FieldLabel>\n *     </Field>\n *   </FieldGroup>\n * </FieldSet>\n * ```\n */\nfunction Checkbox({ className, size, ...props }: CheckboxProps) {\n\tconst resolvedSize = useComponentSize(size);\n\n\treturn (\n\t\t<CheckboxPrimitive.Root\n\t\t\tdata-slot=\"checkbox\"\n\t\t\tdata-size={resolvedSize}\n\t\t\tclassName={cn(checkboxVariants({ size: resolvedSize }), className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<CheckboxPrimitive.Indicator\n\t\t\t\tdata-slot=\"checkbox-indicator\"\n\t\t\t\tclassName=\"grid place-content-center text-current transition-none [&>svg]:size-(--checkbox-icon-size)\"\n\t\t\t>\n\t\t\t\t<CheckIcon />\n\t\t\t</CheckboxPrimitive.Indicator>\n\t\t</CheckboxPrimitive.Root>\n\t);\n}\n\nexport { Checkbox, CheckboxGroup, checkboxVariants };\n"],"mappings":";;;;;;;;;AAEA,SAAS,YAAY,yBAAyB;AAC9C,SAAS,qBAAqB;AAC9B,SAAS,WAA8B;AACvC,SAAS,iBAAiB;AA8FtB;AAzFJ,IAAM,mBAAmB;AAAA,EACxB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,MAAM;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL;AAAA,IACD;AAAA,EACD;AACD;AAgEA,SAAS,SAAS,EAAE,WAAW,MAAM,GAAG,MAAM,GAAkB;AAC/D,QAAM,eAAe,iBAAiB,IAAI;AAE1C,SACC;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACA,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW,GAAG,iBAAiB,EAAE,MAAM,aAAa,CAAC,GAAG,SAAS;AAAA,MAChE,GAAG;AAAA,MAEJ;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACA,aAAU;AAAA,UACV,WAAU;AAAA,UAEV,8BAAC,aAAU;AAAA;AAAA,MACZ;AAAA;AAAA,EACD;AAEF;","names":[]}

package/dist/chunk-322YCNVL.js

@@ -0,0 +1,278 @@
+import {
+  SizeProvider,
+  useComponentSize
+} from "./chunk-HL3ZSYES.js";
+import {
+  cn
+} from "./chunk-Y4TTYVNE.js";
+
+// src/progress.tsx
+import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var progressVariants = cva(
+  "group/progress flex w-full flex-wrap items-center",
+  {
+    variants: {
+      size: {
+        sm: "gap-x-2 gap-y-1.5",
+        md: "gap-x-3 gap-y-2",
+        lg: "gap-x-4 gap-y-2.5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var circularProgressVariants = cva(
+  "relative grid place-items-center text-fg-on-brand",
+  {
+    variants: {
+      size: {
+        sm: "text-[9px]",
+        md: "text-[10px]",
+        lg: "text-gdt-xs"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var circularProgressLabelVariants = cva(
+  "relative z-10 font-medium tabular-nums leading-none",
+  {
+    variants: {
+      size: {
+        sm: "text-[9px]",
+        md: "text-[10px]",
+        lg: "text-gdt-xs"
+      },
+      overlay: {
+        true: "grid place-items-center rounded-full bg-black/65 text-white shadow-sm backdrop-blur-[1px]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      overlay: false
+    }
+  }
+);
+var circularProgressSizes = {
+  sm: { pixelSize: 40, strokeWidth: 3 },
+  md: { pixelSize: 48, strokeWidth: 4 },
+  lg: { pixelSize: 56, strokeWidth: 5 }
+};
+function Progress({
+  className,
+  children,
+  value,
+  size,
+  disabled = false,
+  ...props
+}) {
+  const resolvedSize = useComponentSize(size);
+  const hasCustomTrack = React.Children.toArray(children).some(
+    (child) => React.isValidElement(child) && child.type === ProgressTrack
+  );
+  return /* @__PURE__ */ jsx(SizeProvider, { size: resolvedSize, children: /* @__PURE__ */ jsxs(
+    ProgressPrimitive.Root,
+    {
+      value,
+      "aria-disabled": disabled || void 0,
+      "data-disabled": disabled,
+      "data-size": resolvedSize,
+      "data-slot": "progress",
+      className: cn(progressVariants({ size: resolvedSize }), className),
+      ...props,
+      children: [
+        children,
+        !hasCustomTrack && /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })
+      ]
+    }
+  ) });
+}
+function ProgressTrack({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Track,
+    {
+      className: cn(
+        "order-3 relative flex basis-full items-center overflow-hidden rounded-full bg-surface-raised",
+        "group-data-[size=sm]/progress:h-1 group-data-[size=md]/progress:h-1.5 group-data-[size=lg]/progress:h-2",
+        className
+      ),
+      "data-slot": "progress-track",
+      ...props
+    }
+  );
+}
+function ProgressIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Indicator,
+    {
+      "data-slot": "progress-indicator",
+      className: cn(
+        "h-full rounded-full bg-action-primary transition-[width,transform,background-color] duration-300 ease-out group-data-[disabled=true]/progress:bg-line-strong",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ProgressLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Label,
+    {
+      className: cn(
+        "order-1 min-w-0 text-fg-primary font-semibold leading-snug group-data-[disabled=true]/progress:text-fg-caption-placeholder",
+        "group-data-[size=sm]/progress:text-gdt-xs group-data-[size=md]/progress:text-gdt-sm group-data-[size=lg]/progress:text-gdt-md",
+        className
+      ),
+      "data-slot": "progress-label",
+      ...props
+    }
+  );
+}
+function ProgressValue({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Value,
+    {
+      className: cn(
+        "order-2 ml-auto shrink-0 tabular-nums text-fg-secondary leading-snug group-data-[disabled=true]/progress:text-fg-caption-placeholder",
+        "group-data-[size=sm]/progress:text-gdt-xs group-data-[size=md]/progress:text-gdt-sm group-data-[size=lg]/progress:text-gdt-md",
+        className
+      ),
+      "data-slot": "progress-value",
+      ...props
+    }
+  );
+}
+function ProgressCaption({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn(
+        "order-4 basis-full text-fg-secondary leading-snug group-data-[disabled=true]/progress:text-fg-caption-placeholder",
+        "group-data-[size=sm]/progress:text-gdt-subtext group-data-[size=md]/progress:text-gdt-xs group-data-[size=lg]/progress:text-gdt-sm",
+        className
+      ),
+      "data-slot": "progress-caption",
+      ...props
+    }
+  );
+}
+function CircularProgress({
+  className,
+  style,
+  value,
+  size,
+  children,
+  labelOverlay = false,
+  pixelSize,
+  strokeWidth,
+  strokeLinecap = "round",
+  ...props
+}) {
+  const resolvedSize = useComponentSize(size);
+  const normalizedValue = Number.isFinite(value) ? value : 0;
+  const progress = Math.min(100, Math.max(0, Math.round(normalizedValue)));
+  const resolvedDimensions = circularProgressSizes[resolvedSize];
+  const resolvedPixelSize = pixelSize ?? resolvedDimensions.pixelSize;
+  const resolvedStrokeWidth = strokeWidth ?? resolvedDimensions.strokeWidth;
+  const radius = (resolvedPixelSize - resolvedStrokeWidth) / 2;
+  const labelSize = resolvedPixelSize - resolvedStrokeWidth * 3;
+  const circumference = 2 * Math.PI * radius;
+  const strokeDashoffset = circumference - progress / 100 * circumference;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": progress,
+      "aria-valuetext": `${progress}%`,
+      "data-slot": "circular-progress",
+      className: cn(
+        circularProgressVariants({ size: resolvedSize }),
+        className
+      ),
+      style: { width: resolvedPixelSize, height: resolvedPixelSize, ...style },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "absolute inset-0 -rotate-90 transform",
+            focusable: "false",
+            width: resolvedPixelSize,
+            height: resolvedPixelSize,
+            viewBox: `0 0 ${resolvedPixelSize} ${resolvedPixelSize}`,
+            fill: "none",
+            stroke: "currentColor",
+            children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  className: "text-line",
+                  strokeWidth: resolvedStrokeWidth,
+                  cx: resolvedPixelSize / 2,
+                  cy: resolvedPixelSize / 2,
+                  r: radius
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  className: "text-action-primary transition-[stroke-dashoffset] duration-300 ease-linear",
+                  strokeWidth: resolvedStrokeWidth,
+                  strokeLinecap,
+                  strokeDasharray: circumference,
+                  strokeDashoffset,
+                  cx: resolvedPixelSize / 2,
+                  cy: resolvedPixelSize / 2,
+                  r: radius
+                }
+              )
+            ]
+          }
+        ),
+        children ?? /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: cn(
+              circularProgressLabelVariants({
+                size: resolvedSize,
+                overlay: labelOverlay
+              })
+            ),
+            style: labelOverlay ? { width: labelSize, height: labelSize } : void 0,
+            children: [
+              progress,
+              "%"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  progressVariants,
+  circularProgressVariants,
+  Progress,
+  ProgressTrack,
+  ProgressIndicator,
+  ProgressLabel,
+  ProgressValue,
+  ProgressCaption,
+  CircularProgress
+};
+//# sourceMappingURL=chunk-322YCNVL.js.map

package/dist/chunk-322YCNVL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/progress.tsx"],"sourcesContent":["\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"./lib/cn\";\nimport {\n\ttype ComponentSize,\n\tSizeProvider,\n\tuseComponentSize,\n} from \"./size-context\";\n\nconst progressVariants = cva(\n\t\"group/progress flex w-full flex-wrap items-center\",\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: \"gap-x-2 gap-y-1.5\",\n\t\t\t\tmd: \"gap-x-3 gap-y-2\",\n\t\t\t\tlg: \"gap-x-4 gap-y-2.5\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: \"md\",\n\t\t},\n\t},\n);\n\nconst circularProgressVariants = cva(\n\t\"relative grid place-items-center text-fg-on-brand\",\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: \"text-[9px]\",\n\t\t\t\tmd: \"text-[10px]\",\n\t\t\t\tlg: \"text-gdt-xs\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: \"md\",\n\t\t},\n\t},\n);\n\nconst circularProgressLabelVariants = cva(\n\t\"relative z-10 font-medium tabular-nums leading-none\",\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: \"text-[9px]\",\n\t\t\t\tmd: \"text-[10px]\",\n\t\t\t\tlg: \"text-gdt-xs\",\n\t\t\t},\n\t\t\toverlay: {\n\t\t\t\ttrue: \"grid place-items-center rounded-full bg-black/65 text-white shadow-sm backdrop-blur-[1px]\",\n\t\t\t\tfalse: \"\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: \"md\",\n\t\t\toverlay: false,\n\t\t},\n\t},\n);\n\nconst circularProgressSizes: Record<\n\tComponentSize,\n\t{ pixelSize: number; strokeWidth: number }\n> = {\n\tsm: { pixelSize: 40, strokeWidth: 3 },\n\tmd: { pixelSize: 48, strokeWidth: 4 },\n\tlg: { pixelSize: 56, strokeWidth: 5 },\n};\n\ntype ProgressProps = ProgressPrimitive.Root.Props &\n\tVariantProps<typeof progressVariants> & {\n\t\tdisabled?: boolean;\n\t};\n\ntype ProgressSize = NonNullable<VariantProps<typeof progressVariants>[\"size\"]>;\n\ntype CircularProgressProps = React.ComponentProps<\"div\"> &\n\tVariantProps<typeof circularProgressVariants> & {\n\t\tvalue: number;\n\t\tlabelOverlay?: boolean;\n\t\tpixelSize?: number;\n\t\tstrokeWidth?: number;\n\t\tstrokeLinecap?: \"round\" | \"butt\" | \"square\";\n\t};\n\nfunction Progress({\n\tclassName,\n\tchildren,\n\tvalue,\n\tsize,\n\tdisabled = false,\n\t...props\n}: ProgressProps) {\n\tconst resolvedSize = useComponentSize(size);\n\tconst hasCustomTrack = React.Children.toArray(children).some(\n\t\t(child) => React.isValidElement(child) && child.type === ProgressTrack,\n\t);\n\n\treturn (\n\t\t<SizeProvider size={resolvedSize}>\n\t\t\t<ProgressPrimitive.Root\n\t\t\t\tvalue={value}\n\t\t\t\taria-disabled={disabled || undefined}\n\t\t\t\tdata-disabled={disabled}\n\t\t\t\tdata-size={resolvedSize}\n\t\t\t\tdata-slot=\"progress\"\n\t\t\t\tclassName={cn(progressVariants({ size: resolvedSize }), className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t{!hasCustomTrack && (\n\t\t\t\t\t<ProgressTrack>\n\t\t\t\t\t\t<ProgressIndicator />\n\t\t\t\t\t</ProgressTrack>\n\t\t\t\t)}\n\t\t\t</ProgressPrimitive.Root>\n\t\t</SizeProvider>\n\t);\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {\n\treturn (\n\t\t<ProgressPrimitive.Track\n\t\t\tclassName={cn(\n\t\t\t\t\"order-3 relative flex basis-full items-center overflow-hidden rounded-full bg-surface-raised\",\n\t\t\t\t\"group-data-[size=sm]/progress:h-1 group-data-[size=md]/progress:h-1.5 group-data-[size=lg]/progress:h-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"progress-track\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ProgressIndicator({\n\tclassName,\n\t...props\n}: ProgressPrimitive.Indicator.Props) {\n\treturn (\n\t\t<ProgressPrimitive.Indicator\n\t\t\tdata-slot=\"progress-indicator\"\n\t\t\tclassName={cn(\n\t\t\t\t\"h-full rounded-full bg-action-primary transition-[width,transform,background-color] duration-300 ease-out group-data-[disabled=true]/progress:bg-line-strong\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n\treturn (\n\t\t<ProgressPrimitive.Label\n\t\t\tclassName={cn(\n\t\t\t\t\"order-1 min-w-0 text-fg-primary font-semibold leading-snug group-data-[disabled=true]/progress:text-fg-caption-placeholder\",\n\t\t\t\t\"group-data-[size=sm]/progress:text-gdt-xs group-data-[size=md]/progress:text-gdt-sm group-data-[size=lg]/progress:text-gdt-md\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"progress-label\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n\treturn (\n\t\t<ProgressPrimitive.Value\n\t\t\tclassName={cn(\n\t\t\t\t\"order-2 ml-auto shrink-0 tabular-nums text-fg-secondary leading-snug group-data-[disabled=true]/progress:text-fg-caption-placeholder\",\n\t\t\t\t\"group-data-[size=sm]/progress:text-gdt-xs group-data-[size=md]/progress:text-gdt-sm group-data-[size=lg]/progress:text-gdt-md\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"progress-value\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ProgressCaption({ className, ...props }: React.ComponentProps<\"p\">) {\n\treturn (\n\t\t<p\n\t\t\tclassName={cn(\n\t\t\t\t\"order-4 basis-full text-fg-secondary leading-snug group-data-[disabled=true]/progress:text-fg-caption-placeholder\",\n\t\t\t\t\"group-data-[size=sm]/progress:text-gdt-subtext group-data-[size=md]/progress:text-gdt-xs group-data-[size=lg]/progress:text-gdt-sm\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"progress-caption\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CircularProgress({\n\tclassName,\n\tstyle,\n\tvalue,\n\tsize,\n\tchildren,\n\tlabelOverlay = false,\n\tpixelSize,\n\tstrokeWidth,\n\tstrokeLinecap = \"round\",\n\t...props\n}: CircularProgressProps) {\n\tconst resolvedSize = useComponentSize(size);\n\tconst normalizedValue = Number.isFinite(value) ? value : 0;\n\tconst progress = Math.min(100, Math.max(0, Math.round(normalizedValue)));\n\tconst resolvedDimensions = circularProgressSizes[resolvedSize];\n\tconst resolvedPixelSize = pixelSize ?? resolvedDimensions.pixelSize;\n\tconst resolvedStrokeWidth = strokeWidth ?? resolvedDimensions.strokeWidth;\n\tconst radius = (resolvedPixelSize - resolvedStrokeWidth) / 2;\n\tconst labelSize = resolvedPixelSize - resolvedStrokeWidth * 3;\n\tconst circumference = 2 * Math.PI * radius;\n\tconst strokeDashoffset = circumference - (progress / 100) * circumference;\n\n\treturn (\n\t\t<div\n\t\t\trole=\"progressbar\"\n\t\t\taria-valuemin={0}\n\t\t\taria-valuemax={100}\n\t\t\taria-valuenow={progress}\n\t\t\taria-valuetext={`${progress}%`}\n\t\t\tdata-slot=\"circular-progress\"\n\t\t\tclassName={cn(\n\t\t\t\tcircularProgressVariants({ size: resolvedSize }),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={{ width: resolvedPixelSize, height: resolvedPixelSize, ...style }}\n\t\t\t{...props}\n\t\t>\n\t\t\t<svg\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"absolute inset-0 -rotate-90 transform\"\n\t\t\t\tfocusable=\"false\"\n\t\t\t\twidth={resolvedPixelSize}\n\t\t\t\theight={resolvedPixelSize}\n\t\t\t\tviewBox={`0 0 ${resolvedPixelSize} ${resolvedPixelSize}`}\n\t\t\t\tfill=\"none\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tclassName=\"text-line\"\n\t\t\t\t\tstrokeWidth={resolvedStrokeWidth}\n\t\t\t\t\tcx={resolvedPixelSize / 2}\n\t\t\t\t\tcy={resolvedPixelSize / 2}\n\t\t\t\t\tr={radius}\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tclassName=\"text-action-primary transition-[stroke-dashoffset] duration-300 ease-linear\"\n\t\t\t\t\tstrokeWidth={resolvedStrokeWidth}\n\t\t\t\t\tstrokeLinecap={strokeLinecap}\n\t\t\t\t\tstrokeDasharray={circumference}\n\t\t\t\t\tstrokeDashoffset={strokeDashoffset}\n\t\t\t\t\tcx={resolvedPixelSize / 2}\n\t\t\t\t\tcy={resolvedPixelSize / 2}\n\t\t\t\t\tr={radius}\n\t\t\t\t/>\n\t\t\t</svg>\n\n\t\t\t{children ?? (\n\t\t\t\t<span\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tcircularProgressLabelVariants({\n\t\t\t\t\t\t\tsize: resolvedSize,\n\t\t\t\t\t\t\toverlay: labelOverlay,\n\t\t\t\t\t\t}),\n\t\t\t\t\t)}\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tlabelOverlay ? { width: labelSize, height: labelSize } : undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{progress}%\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\n/**\n * Composition example\n *\n * <Progress value={60} size=\"md\">\n *  <ProgressLabel>Progress</ProgressLabel>\n *  <ProgressValue>{(formatted) => formatted}</ProgressValue>\n *  <ProgressCaption>\n *\t  Uploading 3 files... Please don't close the window.\n *  </ProgressCaption>\n * </Progress>\n */\n\nexport {\n\tCircularProgress,\n\tProgress,\n\tProgressTrack,\n\tProgressIndicator,\n\tProgressLabel,\n\tProgressValue,\n\tProgressCaption,\n\tcircularProgressVariants,\n\tprogressVariants,\n\ttype CircularProgressProps,\n\ttype ProgressProps,\n\ttype ProgressSize,\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-3ACQVT7A.js

@@ -0,0 +1,25 @@
+// src/input-size-context.tsx
+import { createContext, useContext } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+var InputSizeContext = createContext(
+  void 0
+);
+function InputSizeProvider({
+  children,
+  size
+}) {
+  if (!size) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(InputSizeContext.Provider, { value: size, children });
+}
+function useInputComponentSize(size, fallback = "md") {
+  const inheritedSize = useContext(InputSizeContext);
+  return size ?? inheritedSize ?? fallback;
+}
+
+export {
+  InputSizeProvider,
+  useInputComponentSize
+};
+//# sourceMappingURL=chunk-3ACQVT7A.js.map

package/dist/chunk-3ACQVT7A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-size-context.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, type ReactNode, useContext } from \"react\";\n\ntype InputComponentSize = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nconst InputSizeContext = createContext<InputComponentSize | undefined>(\n\tundefined,\n);\n\nfunction InputSizeProvider({\n\tchildren,\n\tsize,\n}: {\n\tchildren: ReactNode;\n\tsize?: InputComponentSize | null;\n}) {\n\tif (!size) {\n\t\treturn <>{children}</>;\n\t}\n\n\treturn (\n\t\t<InputSizeContext.Provider value={size}>\n\t\t\t{children}\n\t\t</InputSizeContext.Provider>\n\t);\n}\n\nfunction useInputComponentSize(\n\tsize?: InputComponentSize | null,\n\tfallback: InputComponentSize = \"md\",\n) {\n\tconst inheritedSize = useContext(InputSizeContext);\n\treturn size ?? inheritedSize ?? fallback;\n}\n\nexport { InputSizeProvider, useInputComponentSize, type InputComponentSize };\n"],"mappings":";AAEA,SAAS,eAA+B,kBAAkB;AAgBjD;AAZT,IAAM,mBAAmB;AAAA,EACxB;AACD;AAEA,SAAS,kBAAkB;AAAA,EAC1B;AAAA,EACA;AACD,GAGG;AACF,MAAI,CAAC,MAAM;AACV,WAAO,gCAAG,UAAS;AAAA,EACpB;AAEA,SACC,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,MAChC,UACF;AAEF;AAEA,SAAS,sBACR,MACA,WAA+B,MAC9B;AACD,QAAM,gBAAgB,WAAW,gBAAgB;AACjD,SAAO,QAAQ,iBAAiB;AACjC;","names":[]}