@acmekit/ui 4.1.1

package/dist/cjs/components/input/input.d.ts

@@ -0,0 +1,68 @@
+import { VariantProps } from "cva";
+import * as React from "react";
+declare const inputBaseStyles: string;
+declare const inputVariants: (props?: ({
+    size?: "small" | "base" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface InputProps extends VariantProps<typeof inputVariants>, Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+}
+/**
+ * This component is based on the `input` element and supports all of its props
+ */
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input, inputBaseStyles };
+//# sourceMappingURL=input.d.ts.map

package/dist/cjs/components/input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,eAAe,QAKpB,CAAA;AAED,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAcjB,CAAA;AAEF,UAAU,UACR,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC,EACxC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAAG;AAEhE;;GAEG;AACH,QAAA,MAAM,KAAK,qFA4EV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,CAAA"}

package/dist/cjs/components/input/input.js

@@ -0,0 +1,59 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inputBaseStyles = exports.Input = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("@acmekit/icons");
+const cva_1 = require("cva");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+const inputBaseStyles = (0, clx_1.clx)("caret-ui-fg-base bg-ui-bg-field hover:bg-ui-bg-field-hover shadow-borders-base placeholder-ui-fg-muted text-ui-fg-base transition-fg relative w-full appearance-none rounded-md outline-none", "focus-visible:shadow-borders-interactive-with-active", "disabled:text-ui-fg-disabled disabled:!bg-ui-bg-disabled disabled:placeholder-ui-fg-disabled disabled:cursor-not-allowed", "aria-[invalid=true]:!shadow-borders-error  invalid:!shadow-borders-error");
+exports.inputBaseStyles = inputBaseStyles;
+const inputVariants = (0, cva_1.cva)({
+    base: (0, clx_1.clx)(inputBaseStyles, "[&::--webkit-search-cancel-button]:hidden [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden"),
+    variants: {
+        size: {
+            base: "txt-compact-small h-8 px-2 py-1.5",
+            small: "txt-compact-small h-7 px-2 py-1",
+        },
+    },
+    defaultVariants: {
+        size: "base",
+    },
+});
+/**
+ * This component is based on the `input` element and supports all of its props
+ */
+const Input = React.forwardRef(({ className, type, 
+/**
+ * The input's size.
+ */
+size = "base", ...props }, ref) => {
+    const [typeState, setTypeState] = React.useState(type);
+    const isPassword = type === "password";
+    const isSearch = type === "search";
+    return (React.createElement("div", { className: "relative" },
+        React.createElement("input", { ref: ref, type: isPassword ? typeState : type, className: (0, clx_1.clx)(inputVariants({ size: size }), {
+                "pl-8": isSearch && size === "base",
+                "pr-8": isPassword && size === "base",
+                "pl-7": isSearch && size === "small",
+                "pr-7": isPassword && size === "small",
+            }, className), ...props }),
+        isSearch && (React.createElement("div", { className: (0, clx_1.clx)("text-ui-fg-muted pointer-events-none absolute bottom-0 left-0 flex items-center justify-center", {
+                "h-8 w-8": size === "base",
+                "h-7 w-7": size === "small",
+            }), role: "img" },
+            React.createElement(icons_1.MagnifyingGlassMini, null))),
+        isPassword && (React.createElement("div", { className: (0, clx_1.clx)("absolute bottom-0 right-0 flex items-center justify-center border-l", {
+                "h-8 w-8": size === "base",
+                "h-7 w-7": size === "small",
+            }) },
+            React.createElement("button", { className: "text-ui-fg-muted hover:text-ui-fg-base focus-visible:text-ui-fg-base focus-visible:shadow-borders-interactive-w-focus active:text-ui-fg-base h-fit w-fit rounded-sm outline-none transition-all", type: "button", onClick: () => {
+                    setTypeState(typeState === "password" ? "text" : "password");
+                } },
+                React.createElement("span", { className: "sr-only" }, typeState === "password" ? "Show password" : "Hide password"),
+                typeState === "password" ? React.createElement(icons_1.Eye, null) : React.createElement(icons_1.EyeSlash, null))))));
+});
+exports.Input = Input;
+Input.displayName = "Input";
+//# sourceMappingURL=input.js.map

package/dist/cjs/components/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/components/input/input.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,0CAAmE;AACnE,6BAAuC;AACvC,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,eAAe,GAAG,IAAA,SAAG,EACzB,8LAA8L,EAC9L,sDAAsD,EACtD,0HAA0H,EAC1H,0EAA0E,CAC3E,CAAA;AAwGe,0CAAe;AAtG/B,MAAM,aAAa,GAAG,IAAA,SAAG,EAAC;IACxB,IAAI,EAAE,IAAA,SAAG,EACP,eAAe,EACf,0HAA0H,CAC3H;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,mCAAmC;YACzC,KAAK,EAAE,iCAAiC;SACzC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AAMF;;GAEG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,SAAS,EACT,IAAI;AACJ;;GAEG;AACH,IAAI,GAAG,MAAM,EACb,GAAG,KAAK,EACG,EACb,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEtD,MAAM,UAAU,GAAG,IAAI,KAAK,UAAU,CAAA;IACtC,MAAM,QAAQ,GAAG,IAAI,KAAK,QAAQ,CAAA;IAElC,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,+BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACnC,SAAS,EAAE,IAAA,SAAG,EACZ,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAC7B;gBACE,MAAM,EAAE,QAAQ,IAAI,IAAI,KAAK,MAAM;gBACnC,MAAM,EAAE,UAAU,IAAI,IAAI,KAAK,MAAM;gBACrC,MAAM,EAAE,QAAQ,IAAI,IAAI,KAAK,OAAO;gBACpC,MAAM,EAAE,UAAU,IAAI,IAAI,KAAK,OAAO;aACvC,EACD,SAAS,CACV,KACG,KAAK,GACT;QACD,QAAQ,IAAI,CACX,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,gGAAgG,EAChG;gBACE,SAAS,EAAE,IAAI,KAAK,MAAM;gBAC1B,SAAS,EAAE,IAAI,KAAK,OAAO;aAC5B,CACF,EACD,IAAI,EAAC,KAAK;YAEV,oBAAC,2BAAmB,OAAG,CACnB,CACP;QACA,UAAU,IAAI,CACb,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,qEAAqE,EACrE;gBACE,SAAS,EAAE,IAAI,KAAK,MAAM;gBAC1B,SAAS,EAAE,IAAI,KAAK,OAAO;aAC5B,CACF;YAED,gCACE,SAAS,EAAC,iMAAiM,EAC3M,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oBACZ,YAAY,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;gBAC9D,CAAC;gBAED,8BAAM,SAAS,EAAC,SAAS,IACtB,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CACxD;gBACN,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAC,WAAG,OAAG,CAAC,CAAC,CAAC,oBAAC,gBAAQ,OAAG,CAC3C,CACL,CACP,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["\"use client\"\n\nimport { Eye, EyeSlash, MagnifyingGlassMini } from \"@acmekit/icons\"\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst inputBaseStyles = clx(\n  \"caret-ui-fg-base bg-ui-bg-field hover:bg-ui-bg-field-hover shadow-borders-base placeholder-ui-fg-muted text-ui-fg-base transition-fg relative w-full appearance-none rounded-md outline-none\",\n  \"focus-visible:shadow-borders-interactive-with-active\",\n  \"disabled:text-ui-fg-disabled disabled:!bg-ui-bg-disabled disabled:placeholder-ui-fg-disabled disabled:cursor-not-allowed\",\n  \"aria-[invalid=true]:!shadow-borders-error  invalid:!shadow-borders-error\"\n)\n\nconst inputVariants = cva({\n  base: clx(\n    inputBaseStyles,\n    \"[&::--webkit-search-cancel-button]:hidden [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden\"\n  ),\n  variants: {\n    size: {\n      base: \"txt-compact-small h-8 px-2 py-1.5\",\n      small: \"txt-compact-small h-7 px-2 py-1\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\ninterface InputProps\n  extends VariantProps<typeof inputVariants>,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {}\n\n/**\n * This component is based on the `input` element and supports all of its props\n */\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      type,\n      /**\n       * The input's size.\n       */\n      size = \"base\",\n      ...props\n    }: InputProps,\n    ref\n  ) => {\n    const [typeState, setTypeState] = React.useState(type)\n\n    const isPassword = type === \"password\"\n    const isSearch = type === \"search\"\n\n    return (\n      <div className=\"relative\">\n        <input\n          ref={ref}\n          type={isPassword ? typeState : type}\n          className={clx(\n            inputVariants({ size: size }),\n            {\n              \"pl-8\": isSearch && size === \"base\",\n              \"pr-8\": isPassword && size === \"base\",\n              \"pl-7\": isSearch && size === \"small\",\n              \"pr-7\": isPassword && size === \"small\",\n            },\n            className\n          )}\n          {...props}\n        />\n        {isSearch && (\n          <div\n            className={clx(\n              \"text-ui-fg-muted pointer-events-none absolute bottom-0 left-0 flex items-center justify-center\",\n              {\n                \"h-8 w-8\": size === \"base\",\n                \"h-7 w-7\": size === \"small\",\n              }\n            )}\n            role=\"img\"\n          >\n            <MagnifyingGlassMini />\n          </div>\n        )}\n        {isPassword && (\n          <div\n            className={clx(\n              \"absolute bottom-0 right-0 flex items-center justify-center border-l\",\n              {\n                \"h-8 w-8\": size === \"base\",\n                \"h-7 w-7\": size === \"small\",\n              }\n            )}\n          >\n            <button\n              className=\"text-ui-fg-muted hover:text-ui-fg-base focus-visible:text-ui-fg-base focus-visible:shadow-borders-interactive-w-focus active:text-ui-fg-base h-fit w-fit rounded-sm outline-none transition-all\"\n              type=\"button\"\n              onClick={() => {\n                setTypeState(typeState === \"password\" ? \"text\" : \"password\")\n              }}\n            >\n              <span className=\"sr-only\">\n                {typeState === \"password\" ? \"Show password\" : \"Hide password\"}\n              </span>\n              {typeState === \"password\" ? <Eye /> : <EyeSlash />}\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input, inputBaseStyles }\n"]}

package/dist/cjs/components/kbd/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./kbd";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/kbd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/kbd/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}

package/dist/cjs/components/kbd/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./kbd"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/kbd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/kbd/index.ts"],"names":[],"mappings":";;;AAAA,gDAAqB","sourcesContent":["export * from \"./kbd\"\n"]}

package/dist/cjs/components/kbd/kbd.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+/**
+ * This component is based on the `kbd` element and supports all of its props
+ */
+declare const Kbd: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+export { Kbd };
+//# sourceMappingURL=kbd.d.ts.map

package/dist/cjs/components/kbd/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../../src/components/kbd/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;GAEG;AACH,QAAA,MAAM,GAAG,0JAiBP,CAAA;AAGF,OAAO,EAAE,GAAG,EAAE,CAAA"}

package/dist/cjs/components/kbd/kbd.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Kbd = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+/**
+ * This component is based on the `kbd` element and supports all of its props
+ */
+const Kbd = React.forwardRef(({ children, className, ...props }, ref) => {
+    return (React.createElement("kbd", { ...props, ref: ref, className: (0, clx_1.clx)("bg-ui-tag-neutral-bg text-ui-tag-neutral-text border-ui-tag-neutral-border inline-flex h-5 w-fit min-w-[20px] items-center justify-center rounded-md border px-1", "txt-compact-xsmall-plus", className) }, children));
+});
+exports.Kbd = Kbd;
+Kbd.displayName = "Kbd";
+//# sourceMappingURL=kbd.js.map

package/dist/cjs/components/kbd/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../../../src/components/kbd/kbd.tsx"],"names":[],"mappings":";;;;AAAA,qDAA8B;AAE9B,qCAAiC;AAEjC;;GAEG;AACH,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAG1B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,kKAAkK,EAClK,yBAAyB,EACzB,SAAS,CACV,IAEA,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAGO,kBAAG;AAFZ,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the `kbd` element and supports all of its props\n */\nconst Kbd = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<\"kbd\">\n>(({ children, className, ...props }, ref) => {\n  return (\n    <kbd\n      {...props}\n      ref={ref}\n      className={clx(\n        \"bg-ui-tag-neutral-bg text-ui-tag-neutral-text border-ui-tag-neutral-border inline-flex h-5 w-fit min-w-[20px] items-center justify-center rounded-md border px-1\",\n        \"txt-compact-xsmall-plus\",\n        className\n      )}\n    >\n      {children}\n    </kbd>\n  )\n})\nKbd.displayName = \"Kbd\"\n\nexport { Kbd }\n"]}

package/dist/cjs/components/label/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./label";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/cjs/components/label/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./label"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/label/index.ts"],"names":[],"mappings":";;;AAAA,kDAAuB","sourcesContent":["export * from \"./label\"\n"]}

package/dist/cjs/components/label/label.d.ts

@@ -0,0 +1,68 @@
+import { type VariantProps } from "cva";
+import * as React from "react";
+declare const labelVariants: (props?: ({
+    size?: "xsmall" | "small" | "base" | "large" | undefined;
+    weight?: "regular" | "plus" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface LabelProps extends React.ComponentPropsWithoutRef<"label">, VariantProps<typeof labelVariants> {
+}
+/**
+ * This component is based on the [Radix UI Label](https://www.radix-ui.com/primitives/docs/components/label) primitive.
+ */
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/dist/cjs/components/label/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/label/label.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAkBjB,CAAA;AAEF,UAAU,UACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAC7C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC;;GAEG;AACH,QAAA,MAAM,KAAK,qFAqBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/cjs/components/label/label.js

@@ -0,0 +1,45 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = void 0;
+const tslib_1 = require("tslib");
+const cva_1 = require("cva");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+const labelVariants = (0, cva_1.cva)({
+    base: "font-sans",
+    variants: {
+        size: {
+            xsmall: "txt-compact-xsmall",
+            small: "txt-compact-small",
+            base: "txt-compact-medium",
+            large: "txt-compact-large",
+        },
+        weight: {
+            regular: "font-normal",
+            plus: "font-medium",
+        },
+    },
+    defaultVariants: {
+        size: "base",
+        weight: "regular",
+    },
+});
+/**
+ * This component is based on the [Radix UI Label](https://www.radix-ui.com/primitives/docs/components/label) primitive.
+ */
+const Label = React.forwardRef(({ className, 
+/**
+ * The label's size.
+ */
+size = "base", 
+/**
+ * The label's font weight.
+ */
+weight = "regular", ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Label.Root, { ref: ref, className: (0, clx_1.clx)(labelVariants({ size, weight }), className), ...props }));
+});
+exports.Label = Label;
+Label.displayName = "Label";
+//# sourceMappingURL=label.js.map

package/dist/cjs/components/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../src/components/label/label.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,6BAA4C;AAC5C,uCAA8C;AAC9C,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,aAAa,GAAG,IAAA,SAAG,EAAC;IACxB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,mBAAmB;SAC3B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,aAAa;SACpB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAA;AAMF;;GAEG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EACC,SAAS;AACT;;GAEG;AACH,IAAI,GAAG,MAAM;AACb;;GAEG;AACH,MAAM,GAAG,SAAS,EAClB,GAAG,KAAK,EACG,EAAE,GAAG,EAAE,EAAE;IACpB,OAAO,CACL,oBAAC,gBAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"cva\"\nimport { Label as RadixLabel } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst labelVariants = cva({\n  base: \"font-sans\",\n  variants: {\n    size: {\n      xsmall: \"txt-compact-xsmall\",\n      small: \"txt-compact-small\",\n      base: \"txt-compact-medium\",\n      large: \"txt-compact-large\",\n    },\n    weight: {\n      regular: \"font-normal\",\n      plus: \"font-medium\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n    weight: \"regular\",\n  },\n})\n\ninterface LabelProps\n  extends React.ComponentPropsWithoutRef<\"label\">,\n    VariantProps<typeof labelVariants> {}\n\n/**\n * This component is based on the [Radix UI Label](https://www.radix-ui.com/primitives/docs/components/label) primitive.\n */\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ \n    className, \n    /**\n     * The label's size.\n     */\n    size = \"base\", \n    /**\n     * The label's font weight.\n     */\n    weight = \"regular\", \n    ...props\n  }: LabelProps, ref) => {\n    return (\n      <RadixLabel.Root\n        ref={ref}\n        className={clx(labelVariants({ size, weight }), className)}\n        {...props}\n      />\n    )\n  }\n)\nLabel.displayName = \"Label\"\n\nexport { Label }\n"]}

package/dist/cjs/components/popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./popover";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/cjs/components/popover/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./popover"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/popover/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB","sourcesContent":["export * from \"./popover\"\n"]}

package/dist/cjs/components/popover/popover.d.ts

@@ -0,0 +1,16 @@
+import { Popover as RadixPopover } from "radix-ui";
+import * as React from "react";
+interface ContentProps extends React.ComponentPropsWithoutRef<typeof RadixPopover.Content> {
+}
+declare const Popover: {
+    (props: React.ComponentPropsWithoutRef<typeof RadixPopover.Root>): React.JSX.Element;
+    displayName: string;
+} & {
+    Trigger: React.ForwardRefExoticComponent<Omit<RadixPopover.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Anchor: React.ForwardRefExoticComponent<Omit<RadixPopover.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<RadixPopover.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
+    Seperator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Popover };
+//# sourceMappingURL=popover.d.ts.map

package/dist/cjs/components/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsC9B,UAAU,YACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC;CAAG;AAiExE,QAAA,MAAM,OAAO;YAhGJ,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC;;;;;;;;CAsG/D,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/cjs/components/popover/popover.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popover = void 0;
+const tslib_1 = require("tslib");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+/**
+ * This component is based on the [Radix UI Popover](https://www.radix-ui.com/primitives/docs/components/popover) primitves.
+ */
+const Root = (props) => {
+    return React.createElement(radix_ui_1.Popover.Root, { ...props });
+};
+Root.displayName = "Popover";
+const Trigger = React.forwardRef((props, ref) => {
+    return React.createElement(radix_ui_1.Popover.Trigger, { ref: ref, ...props });
+});
+Trigger.displayName = "Popover.Trigger";
+const Anchor = React.forwardRef((props, ref) => {
+    return React.createElement(radix_ui_1.Popover.Anchor, { ref: ref, ...props });
+});
+Anchor.displayName = "Popover.Anchor";
+const Close = React.forwardRef((props, ref) => {
+    return React.createElement(radix_ui_1.Popover.Close, { ref: ref, ...props });
+});
+Close.displayName = "Popover.Close";
+/**
+ * @excludeExternal
+ */
+const Content = React.forwardRef(({ className, 
+/**
+ * The distance in pixels from the anchor.
+ */
+sideOffset = 8, 
+/**
+ * The preferred side of the anchor to render against when open.
+ * Will be reversed when collisions occur and `avoidCollisions` is enabled.
+ */
+side = "bottom", 
+/**
+ * The preferred alignment against the anchor. May change when collisions occur.
+ */
+align = "start", collisionPadding, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Popover.Portal, null,
+        React.createElement(radix_ui_1.Popover.Content, { ref: ref, sideOffset: sideOffset, side: side, align: align, collisionPadding: collisionPadding, className: (0, clx_1.clx)("bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props })));
+});
+Content.displayName = "Popover.Content";
+const Seperator = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: (0, clx_1.clx)("bg-ui-border-base -mx-1 my-1 h-px", className), ...props }));
+});
+Seperator.displayName = "Popover.Seperator";
+const Popover = Object.assign(Root, {
+    Trigger,
+    Anchor,
+    Close,
+    Content,
+    Seperator,
+});
+exports.Popover = Popover;
+//# sourceMappingURL=popover.js.map

package/dist/cjs/components/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":";;;;AAAA,uCAAkD;AAClD,qDAA8B;AAE9B,qCAAiC;AAEjC;;GAEG;AACH,MAAM,IAAI,GAAG,CACX,KAA+D,EAC/D,EAAE;IACF,OAAO,oBAAC,kBAAY,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AACzC,CAAC,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,kBAAY,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACtD,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,kBAAY,CAAC,MAAM,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACrD,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAErC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,kBAAY,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACpD,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,eAAe,CAAA;AAKnC;;GAEG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAI9B,CACE,EACE,SAAS;AACT;;GAEG;AACH,UAAU,GAAG,CAAC;AACd;;;GAGG;AACH,IAAI,GAAG,QAAQ;AACf;;GAEG;AACH,KAAK,GAAG,OAAO,EACf,gBAAgB,EAChB,GAAG,KAAK,EACK,EACf,GAAG,EACH,EAAE;IACF,OAAO,CACL,oBAAC,kBAAY,CAAC,MAAM;QAClB,oBAAC,kBAAY,CAAC,OAAO,IACnB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAA,SAAG,EACZ,iJAAiJ,EACjJ,kVAAkV,EAClV,SAAS,CACV,KACG,KAAK,GACT,CACkB,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,mCAAmC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAE3C,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAClC,OAAO;IACP,MAAM;IACN,KAAK;IACL,OAAO;IACP,SAAS;CACV,CAAC,CAAA;AAEO,0BAAO","sourcesContent":["import { Popover as RadixPopover } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Popover](https://www.radix-ui.com/primitives/docs/components/popover) primitves.\n */\nconst Root = (\n  props: React.ComponentPropsWithoutRef<typeof RadixPopover.Root>\n) => {\n  return <RadixPopover.Root {...props} />\n}\nRoot.displayName = \"Popover\"\n\nconst Trigger = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Trigger>,\n  React.ComponentPropsWithoutRef<typeof RadixPopover.Trigger>\n>((props, ref) => {\n  return <RadixPopover.Trigger ref={ref} {...props} />\n})\nTrigger.displayName = \"Popover.Trigger\"\n\nconst Anchor = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Anchor>,\n  React.ComponentPropsWithoutRef<typeof RadixPopover.Anchor>\n>((props, ref) => {\n  return <RadixPopover.Anchor ref={ref} {...props} />\n})\nAnchor.displayName = \"Popover.Anchor\"\n\nconst Close = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Close>,\n  React.ComponentPropsWithoutRef<typeof RadixPopover.Close>\n>((props, ref) => {\n  return <RadixPopover.Close ref={ref} {...props} />\n})\nClose.displayName = \"Popover.Close\"\n\ninterface ContentProps\n  extends React.ComponentPropsWithoutRef<typeof RadixPopover.Content> {}\n\n/**\n * @excludeExternal\n */\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Content>,\n  ContentProps\n>(\n  (\n    {\n      className,\n      /**\n       * The distance in pixels from the anchor.\n       */\n      sideOffset = 8,\n      /**\n       * The preferred side of the anchor to render against when open.\n       * Will be reversed when collisions occur and `avoidCollisions` is enabled.\n       */\n      side = \"bottom\",\n      /**\n       * The preferred alignment against the anchor. May change when collisions occur.\n       */\n      align = \"start\",\n      collisionPadding,\n      ...props\n    }: ContentProps,\n    ref\n  ) => {\n    return (\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          ref={ref}\n          sideOffset={sideOffset}\n          side={side}\n          align={align}\n          collisionPadding={collisionPadding}\n          className={clx(\n            \"bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n            className\n          )}\n          {...props}\n        />\n      </RadixPopover.Portal>\n    )\n  }\n)\nContent.displayName = \"Popover.Content\"\n\nconst Seperator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\"bg-ui-border-base -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n})\nSeperator.displayName = \"Popover.Seperator\"\n\nconst Popover = Object.assign(Root, {\n  Trigger,\n  Anchor,\n  Close,\n  Content,\n  Seperator,\n})\n\nexport { Popover }\n"]}

package/dist/cjs/components/progress-accordion/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./progress-accordion";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/progress-accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/dist/cjs/components/progress-accordion/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./progress-accordion"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/progress-accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/progress-accordion/index.ts"],"names":[],"mappings":";;;AAAA,+DAAoC","sourcesContent":["export * from \"./progress-accordion\"\n"]}

package/dist/cjs/components/progress-accordion/progress-accordion.d.ts

@@ -0,0 +1,16 @@
+import { Accordion as RadixAccordion } from "radix-ui";
+import * as React from "react";
+import { ProgressStatus } from "../../types";
+interface HeaderProps extends React.ComponentPropsWithoutRef<typeof RadixAccordion.Header> {
+    status?: ProgressStatus;
+}
+declare const ProgressAccordion: {
+    (props: React.ComponentPropsWithoutRef<typeof RadixAccordion.Root>): React.JSX.Element;
+    displayName: string;
+} & {
+    Item: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLHeadingElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { ProgressAccordion };
+//# sourceMappingURL=progress-accordion.d.ts.map

package/dist/cjs/components/progress-accordion/progress-accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-accordion/progress-accordion.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AA6BxC,UAAU,WACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC;IACpE,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AA6FD,QAAA,MAAM,iBAAiB;YAtHF,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;;;;;;CA0H7E,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/cjs/components/progress-accordion/progress-accordion.js

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressAccordion = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("@acmekit/icons");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+const icon_button_1 = require("../icon-button");
+/**
+ * This component is based on the [Radix UI Accordion](https://radix-ui.com/primitives/docs/components/accordion) primitves.
+ */
+const Root = (props) => {
+    return React.createElement(radix_ui_1.Accordion.Root, { ...props });
+};
+Root.displayName = "ProgressAccordion";
+const Item = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Accordion.Item, { ref: ref, className: (0, clx_1.clx)("border-ui-border-base border-b last-of-type:border-b-0", className), ...props }));
+});
+Item.displayName = "ProgressAccordion.Item";
+const ProgressIndicator = ({ 
+/**
+ * The current status.
+ */
+status, ...props }) => {
+    const Icon = React.useMemo(() => {
+        switch (status) {
+            case "not-started":
+                return icons_1.CircleDottedLine;
+            case "in-progress":
+                return icons_1.CircleHalfSolid;
+            case "completed":
+                return icons_1.CheckCircleSolid;
+            default:
+                return icons_1.CircleDottedLine;
+        }
+    }, [status]);
+    return (React.createElement("span", { className: "text-ui-fg-muted group-data-[state=open]:text-ui-fg-interactive flex h-12 w-12 items-center justify-center", ...props },
+        React.createElement(Icon, null)));
+};
+ProgressIndicator.displayName = "ProgressAccordion.ProgressIndicator";
+const Header = React.forwardRef(({ className, 
+/**
+ * The current status.
+ */
+status = "not-started", children, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Accordion.Header, { ref: ref, className: (0, clx_1.clx)("h3-core text-ui-fg-base group flex w-full flex-1 items-center gap-4 px-6", className), ...props },
+        React.createElement(ProgressIndicator, { status: status }),
+        children,
+        React.createElement(radix_ui_1.Accordion.Trigger, { asChild: true, className: "ml-auto" },
+            React.createElement(icon_button_1.IconButton, { variant: "transparent" },
+                React.createElement(icons_1.Plus, { className: "transform transition-transform group-data-[state=open]:rotate-45" })))));
+});
+Header.displayName = "ProgressAccordion.Header";
+const Content = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Accordion.Content, { ref: ref, className: (0, clx_1.clx)("overflow-hidden", "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down pl-[88px] pr-6", className), ...props }));
+});
+Content.displayName = "ProgressAccordion.Content";
+const ProgressAccordion = Object.assign(Root, {
+    Item,
+    Header,
+    Content,
+});
+exports.ProgressAccordion = ProgressAccordion;
+//# sourceMappingURL=progress-accordion.js.map

package/dist/cjs/components/progress-accordion/progress-accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-accordion.js","sourceRoot":"","sources":["../../../../src/components/progress-accordion/progress-accordion.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,0CAKuB;AACvB,uCAAsD;AACtD,qDAA8B;AAG9B,qCAAiC;AACjC,gDAA2C;AAE3C;;GAEG;AACH,MAAM,IAAI,GAAG,CAAC,KAAiE,EAAE,EAAE;IACjF,OAAO,oBAAC,oBAAc,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC3C,CAAC,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEtC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,oBAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,wDAAwD,EACxD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,wBAAwB,CAAA;AAW3C,MAAM,iBAAiB,GAAG,CAAC;AACzB;;GAEG;AACH,MAAM,EACN,GAAG,KAAK,EACa,EAAE,EAAE;IACzB,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9B,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,aAAa;gBAChB,OAAO,wBAAgB,CAAA;YACzB,KAAK,aAAa;gBAChB,OAAO,uBAAe,CAAA;YACxB,KAAK,WAAW;gBACd,OAAO,wBAAgB,CAAA;YACzB;gBACE,OAAO,wBAAgB,CAAA;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,8BACE,SAAS,EAAC,4GAA4G,KAClH,KAAK;QAET,oBAAC,IAAI,OAAG,CACH,CACR,CAAA;AACH,CAAC,CAAA;AACD,iBAAiB,CAAC,WAAW,GAAG,qCAAqC,CAAA;AAErE,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAI7B,CACE,EACE,SAAS;AACT;;GAEG;AACH,MAAM,GAAG,aAAa,EACtB,QAAQ,EACR,GAAG,KAAK,EACI,EACd,GAAG,EACH,EAAE;IACF,OAAO,CACL,oBAAC,oBAAc,CAAC,MAAM,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,0EAA0E,EAC1E,SAAS,CACV,KACG,KAAK;QAET,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI;QACpC,QAAQ;QACT,oBAAC,oBAAc,CAAC,OAAO,IAAC,OAAO,QAAC,SAAS,EAAC,SAAS;YACjD,oBAAC,wBAAU,IAAC,OAAO,EAAC,aAAa;gBAC/B,oBAAC,YAAI,IAAC,SAAS,EAAC,kEAAkE,GAAG,CAC1E,CACU,CACH,CACzB,CAAA;AACH,CAAC,CACF,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,0BAA0B,CAAA;AAE/C,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,oBAAc,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,iBAAiB,EACjB,kGAAkG,EAClG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,2BAA2B,CAAA;AAEjD,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAC5C,IAAI;IACJ,MAAM;IACN,OAAO;CACR,CAAC,CAAA;AAEO,8CAAiB","sourcesContent":["\"use client\"\n\nimport {\n  CheckCircleSolid,\n  CircleDottedLine,\n  CircleHalfSolid,\n  Plus,\n} from \"@acmekit/icons\"\nimport { Accordion as RadixAccordion } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { ProgressStatus } from \"@/types\"\nimport { clx } from \"@/utils/clx\"\nimport { IconButton } from \"../icon-button\"\n\n/**\n * This component is based on the [Radix UI Accordion](https://radix-ui.com/primitives/docs/components/accordion) primitves.\n */\nconst Root = (props: React.ComponentPropsWithoutRef<typeof RadixAccordion.Root>) => {\n  return <RadixAccordion.Root {...props} />\n}\nRoot.displayName = \"ProgressAccordion\"\n\nconst Item = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Item>,\n  React.ComponentPropsWithoutRef<typeof RadixAccordion.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAccordion.Item\n      ref={ref}\n      className={clx(\n        \"border-ui-border-base border-b last-of-type:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nItem.displayName = \"ProgressAccordion.Item\"\n\ninterface HeaderProps\n  extends React.ComponentPropsWithoutRef<typeof RadixAccordion.Header> {\n  status?: ProgressStatus\n}\n\ninterface StatusIndicatorProps extends React.ComponentPropsWithoutRef<\"span\"> {\n  status: ProgressStatus\n}\n\nconst ProgressIndicator = ({\n  /**\n   * The current status.\n   */\n  status,\n  ...props\n}: StatusIndicatorProps) => {\n  const Icon = React.useMemo(() => {\n    switch (status) {\n      case \"not-started\":\n        return CircleDottedLine\n      case \"in-progress\":\n        return CircleHalfSolid\n      case \"completed\":\n        return CheckCircleSolid\n      default:\n        return CircleDottedLine\n    }\n  }, [status])\n\n  return (\n    <span\n      className=\"text-ui-fg-muted group-data-[state=open]:text-ui-fg-interactive flex h-12 w-12 items-center justify-center\"\n      {...props}\n    >\n      <Icon />\n    </span>\n  )\n}\nProgressIndicator.displayName = \"ProgressAccordion.ProgressIndicator\"\n\nconst Header = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Header>,\n  HeaderProps\n>(\n  (\n    {\n      className,\n      /**\n       * The current status.\n       */\n      status = \"not-started\",\n      children,\n      ...props\n    }: HeaderProps,\n    ref\n  ) => {\n    return (\n      <RadixAccordion.Header\n        ref={ref}\n        className={clx(\n          \"h3-core text-ui-fg-base group flex w-full flex-1 items-center gap-4 px-6\",\n          className\n        )}\n        {...props}\n      >\n        <ProgressIndicator status={status} />\n        {children}\n        <RadixAccordion.Trigger asChild className=\"ml-auto\">\n          <IconButton variant=\"transparent\">\n            <Plus className=\"transform transition-transform group-data-[state=open]:rotate-45\" />\n          </IconButton>\n        </RadixAccordion.Trigger>\n      </RadixAccordion.Header>\n    )\n  }\n)\nHeader.displayName = \"ProgressAccordion.Header\"\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixAccordion.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAccordion.Content\n      ref={ref}\n      className={clx(\n        \"overflow-hidden\",\n        \"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down pl-[88px] pr-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nContent.displayName = \"ProgressAccordion.Content\"\n\nconst ProgressAccordion = Object.assign(Root, {\n  Item,\n  Header,\n  Content,\n})\n\nexport { ProgressAccordion }\n"]}

package/dist/cjs/components/progress-tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./progress-tabs";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/progress-tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/cjs/components/progress-tabs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./progress-tabs"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/progress-tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/progress-tabs/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B","sourcesContent":["export * from \"./progress-tabs\"\n"]}