@acmekit/ui 4.1.1

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

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

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

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

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

@@ -0,0 +1,64 @@
+import { VariantProps } from "cva";
+import * as React from "react";
+declare const hintVariants: (props?: ({
+    variant?: "error" | "info" | 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 HintProps extends VariantProps<typeof hintVariants>, React.ComponentPropsWithoutRef<"span"> {
+}
+declare const Hint: React.ForwardRefExoticComponent<HintProps & React.RefAttributes<HTMLSpanElement>>;
+export { Hint };
+//# sourceMappingURL=hint.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hint.d.ts","sourceRoot":"","sources":["../../../../src/components/hint/hint.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAWhB,CAAA;AAEF,UAAU,SACR,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,EACvC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC;CAAG;AAE7C,QAAA,MAAM,IAAI,mFAwBT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/cjs/components/hint/hint.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hint = 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 hintVariants = (0, cva_1.cva)({
+    base: "txt-small",
+    variants: {
+        variant: {
+            info: "text-ui-fg-subtle",
+            error: "text-ui-fg-error grid grid-cols-[20px_1fr] gap-1 items-start",
+        },
+    },
+    defaultVariants: {
+        variant: "info",
+    },
+});
+const Hint = React.forwardRef(({ className, 
+/**
+ * The hint's style.
+ */
+variant = "info", children, ...props }, ref) => {
+    return (React.createElement("span", { ref: ref, className: (0, clx_1.clx)(hintVariants({ variant }), className), ...props },
+        variant === "error" && React.createElement("div", { className: "size-5 flex items-center justify-center" },
+            React.createElement(icons_1.ExclamationCircleSolid, null)),
+        children));
+});
+exports.Hint = Hint;
+Hint.displayName = "Hint";
+//# sourceMappingURL=hint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hint.js","sourceRoot":"","sources":["../../../../src/components/hint/hint.tsx"],"names":[],"mappings":";;;;AAAA,0CAAuD;AACvD,6BAAuC;AACvC,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,YAAY,GAAG,IAAA,SAAG,EAAC;IACvB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,mBAAmB;YACzB,KAAK,EAAE,8DAA8D;SACtE;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAA;AAMF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,SAAS;AACT;;GAEG;AACH,OAAO,GAAG,MAAM,EAChB,QAAQ,EACR,GAAG,KAAK,EACE,EACZ,GAAG,EACH,EAAE;IACF,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK;QAER,OAAO,KAAK,OAAO,IAAI,6BAAK,SAAS,EAAC,yCAAyC;YAAC,oBAAC,8BAAsB,OAAG,CAAM;QAChH,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA","sourcesContent":["import { ExclamationCircleSolid } from \"@acmekit/icons\"\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst hintVariants = cva({\n  base: \"txt-small\",\n  variants: {\n    variant: {\n      info: \"text-ui-fg-subtle\",\n      error: \"text-ui-fg-error grid grid-cols-[20px_1fr] gap-1 items-start\",\n    },\n  },\n  defaultVariants: {\n    variant: \"info\",\n  },\n})\n\ninterface HintProps\n  extends VariantProps<typeof hintVariants>,\n    React.ComponentPropsWithoutRef<\"span\"> {}\n\nconst Hint = React.forwardRef<HTMLSpanElement, HintProps>(\n  (\n    {\n      className,\n      /**\n       * The hint's style.\n       */\n      variant = \"info\",\n      children,\n      ...props\n    }: HintProps,\n    ref\n  ) => {\n    return (\n      <span\n        ref={ref}\n        className={clx(hintVariants({ variant }), className)}\n        {...props}\n      >\n        {variant === \"error\" && <div className=\"size-5 flex items-center justify-center\"><ExclamationCircleSolid /></div>}\n        {children}\n      </span>\n    )\n  }\n)\nHint.displayName = \"Hint\"\n\nexport { Hint }\n"]}

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

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

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

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

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

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

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

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

package/dist/cjs/components/i18n-provider/i18n-provider.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { I18nProviderProps as Props } from "react-aria";
+interface I18nProviderProps extends Props {
+}
+declare const I18nProvider: (props: I18nProviderProps) => React.JSX.Element;
+export { I18nProvider };
+//# sourceMappingURL=i18n-provider.d.ts.map

package/dist/cjs/components/i18n-provider/i18n-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n-provider.d.ts","sourceRoot":"","sources":["../../../../src/components/i18n-provider/i18n-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAA6B,iBAAiB,IAAI,KAAK,EAAE,MAAM,YAAY,CAAA;AAElF,UAAU,iBAAkB,SAAQ,KAAK;CAAG;AAE5C,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBAE7C,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/cjs/components/i18n-provider/i18n-provider.js

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.I18nProvider = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_aria_1 = require("react-aria");
+const I18nProvider = (props) => {
+    return React.createElement(react_aria_1.I18nProvider, { ...props });
+};
+exports.I18nProvider = I18nProvider;
+//# sourceMappingURL=i18n-provider.js.map

package/dist/cjs/components/i18n-provider/i18n-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n-provider.js","sourceRoot":"","sources":["../../../../src/components/i18n-provider/i18n-provider.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,qDAA8B;AAC9B,2CAAkF;AAIlF,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,OAAO,oBAAC,yBAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC,CAAA;AAEQ,oCAAY","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { I18nProvider as Primitive, I18nProviderProps as Props } from \"react-aria\"\n\ninterface I18nProviderProps extends Props {}\n\nconst I18nProvider = (props: I18nProviderProps) => {\n  return <Primitive {...props} />\n}\n\nexport { I18nProvider }\n"]}

package/dist/cjs/components/i18n-provider/index.d.ts

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

package/dist/cjs/components/i18n-provider/index.d.ts.map

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

package/dist/cjs/components/i18n-provider/index.js

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

package/dist/cjs/components/i18n-provider/index.js.map

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

package/dist/cjs/components/icon-badge/icon-badge.d.ts

@@ -0,0 +1,69 @@
+import { type VariantProps } from "cva";
+import * as React from "react";
+import { badgeColorVariants } from "../badge";
+declare const iconBadgeVariants: (props?: ({
+    size?: "base" | "large" | 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 IconBadgeProps extends Omit<React.ComponentPropsWithoutRef<"span">, "color">, VariantProps<typeof badgeColorVariants>, VariantProps<typeof iconBadgeVariants> {
+    asChild?: boolean;
+}
+/**
+ * This component is based on the `span` element and supports all of its props
+ */
+declare const IconBadge: React.ForwardRefExoticComponent<IconBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { IconBadge };
+//# sourceMappingURL=icon-badge.d.ts.map

package/dist/cjs/components/icon-badge/icon-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-badge.d.ts","sourceRoot":"","sources":["../../../../src/components/icon-badge/icon-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAGvD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAQrB,CAAA;AAEF,UAAU,cACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EAC3D,YAAY,CAAC,OAAO,kBAAkB,CAAC,EACvC,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,SAAS,wFAsCd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/cjs/components/icon-badge/icon-badge.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconBadge = 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 badge_1 = require("../badge");
+const clx_1 = require("../../utils/clx");
+const iconBadgeVariants = (0, cva_1.cva)({
+    base: "flex items-center justify-center overflow-hidden rounded-md border",
+    variants: {
+        size: {
+            base: "h-6 w-6",
+            large: "h-7 w-7",
+        },
+    },
+});
+/**
+ * This component is based on the `span` element and supports all of its props
+ */
+const IconBadge = React.forwardRef(({ children, className, 
+/**
+ * The badge's color.
+ */
+color = "grey", 
+/**
+ * The badge's size.
+ */
+size = "base", 
+/**
+ * Whether to remove the wrapper `span` element and use the
+ * passed child element instead.
+ */
+asChild = false, ...props }, ref) => {
+    const Component = asChild ? radix_ui_1.Slot.Root : "span";
+    return (React.createElement(Component, { ref: ref, className: (0, clx_1.clx)((0, badge_1.badgeColorVariants)({ color }), iconBadgeVariants({ size }), className), ...props }, children));
+});
+exports.IconBadge = IconBadge;
+IconBadge.displayName = "IconBadge";
+//# sourceMappingURL=icon-badge.js.map

package/dist/cjs/components/icon-badge/icon-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-badge.js","sourceRoot":"","sources":["../../../../src/components/icon-badge/icon-badge.tsx"],"names":[],"mappings":";;;;AAAA,6BAA4C;AAC5C,uCAA+B;AAC/B,qDAA8B;AAE9B,8CAAuD;AACvD,qCAAiC;AAEjC,MAAM,iBAAiB,GAAG,IAAA,SAAG,EAAC;IAC5B,IAAI,EAAE,oEAAoE;IAC1E,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAC,CAAA;AASF;;GAEG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,QAAQ,EACR,SAAS;AACT;;GAEG;AACH,KAAK,GAAG,MAAM;AACd;;GAEG;AACH,IAAI,GAAG,MAAM;AACb;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACO,EACjB,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,eAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAE9C,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,IAAA,0BAAkB,EAAC,EAAE,KAAK,EAAE,CAAC,EAC7B,iBAAiB,CAAC,EAAE,IAAI,EAAE,CAAC,EAC3B,SAAS,CACV,KACG,KAAK,IAER,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,8BAAS;AAFlB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA","sourcesContent":["import { cva, type VariantProps } from \"cva\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { badgeColorVariants } from \"@/components/badge\"\nimport { clx } from \"@/utils/clx\"\n\nconst iconBadgeVariants = cva({\n  base: \"flex items-center justify-center overflow-hidden rounded-md border\",\n  variants: {\n    size: {\n      base: \"h-6 w-6\",\n      large: \"h-7 w-7\",\n    },\n  },\n})\n\ninterface IconBadgeProps\n  extends Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n    VariantProps<typeof badgeColorVariants>,\n    VariantProps<typeof iconBadgeVariants> {\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `span` element and supports all of its props\n */\nconst IconBadge = React.forwardRef<HTMLSpanElement, IconBadgeProps>(\n  (\n    {\n      children,\n      className,\n      /**\n       * The badge's color.\n       */\n      color = \"grey\",\n      /**\n       * The badge's size.\n       */\n      size = \"base\",\n      /**\n       * Whether to remove the wrapper `span` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      ...props\n    }: IconBadgeProps,\n    ref\n  ) => {\n    const Component = asChild ? Slot.Root : \"span\"\n\n    return (\n      <Component\n        ref={ref}\n        className={clx(\n          badgeColorVariants({ color }),\n          iconBadgeVariants({ size }),\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    )\n  }\n)\nIconBadge.displayName = \"IconBadge\"\n\nexport { IconBadge }\n"]}

package/dist/cjs/components/icon-badge/index.d.ts

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

package/dist/cjs/components/icon-badge/index.d.ts.map

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

package/dist/cjs/components/icon-badge/index.js

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

package/dist/cjs/components/icon-badge/index.js.map

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

package/dist/cjs/components/icon-button/icon-button.d.ts

@@ -0,0 +1,70 @@
+import { VariantProps } from "cva";
+import * as React from "react";
+declare const iconButtonVariants: (props?: ({
+    variant?: "primary" | "transparent" | undefined;
+    size?: "2xsmall" | "xsmall" | "small" | "base" | "large" | "xlarge" | 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 IconButtonProps extends React.ComponentPropsWithoutRef<"button">, VariantProps<typeof iconButtonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+}
+/**
+ * This component is based on the `button` element and supports all of its props
+ */
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { IconButton, iconButtonVariants };
+//# sourceMappingURL=icon-button.d.ts.map

package/dist/cjs/components/icon-button/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AAEvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAkCtB,CAAA;AAEF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAC9C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,UAAU,2FAgEf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/cjs/components/icon-button/icon-button.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconButtonVariants = exports.IconButton = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("@acmekit/icons");
+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 iconButtonVariants = (0, cva_1.cva)({
+    base: (0, clx_1.clx)("transition-fg inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none", "disabled:bg-ui-bg-disabled disabled:shadow-buttons-neutral disabled:text-ui-fg-disabled "),
+    variants: {
+        variant: {
+            primary: (0, clx_1.clx)("shadow-buttons-neutral text-ui-fg-subtle bg-ui-button-neutral", "hover:bg-ui-button-neutral-hover", "active:bg-ui-button-neutral-pressed", "focus-visible:shadow-buttons-neutral-focus"),
+            transparent: (0, clx_1.clx)("text-ui-fg-subtle bg-ui-button-transparent", "hover:bg-ui-button-transparent-hover", "active:bg-ui-button-transparent-pressed", "focus-visible:shadow-buttons-neutral-focus focus-visible:bg-ui-bg-base", "disabled:!bg-transparent disabled:!shadow-none"),
+        },
+        size: {
+            "2xsmall": "h-5 w-5",
+            xsmall: "h-6 w-6 p-1",
+            small: "h-7 w-7 p-1",
+            base: "h-8 w-8 p-1.5",
+            large: "h-10 w-10 p-2.5",
+            xlarge: "h-12 w-12 p-3.5",
+        },
+    },
+    defaultVariants: {
+        variant: "primary",
+        size: "base",
+    },
+});
+exports.iconButtonVariants = iconButtonVariants;
+/**
+ * This component is based on the `button` element and supports all of its props
+ */
+const IconButton = React.forwardRef(({ 
+/**
+ * The button's style.
+ */
+variant = "primary", 
+/**
+ * The button's size.
+ */
+size = "base", 
+/**
+ * Whether to remove the wrapper `button` element and use the
+ * passed child element instead.
+ */
+asChild = false, className, children, 
+/**
+ * Whether to show a loading spinner.
+ */
+isLoading = false, disabled, ...props }, ref) => {
+    const Component = asChild ? radix_ui_1.Slot.Root : "button";
+    /**
+     * In the case of a button where asChild is true, and isLoading is true, we ensure that
+     * only on element is passed as a child to the Slot component. This is because the Slot
+     * component only accepts a single child.
+     */
+    const renderInner = () => {
+        if (isLoading) {
+            return (React.createElement("span", { className: "pointer-events-none" },
+                React.createElement("div", { className: (0, clx_1.clx)("bg-ui-bg-disabled absolute inset-0 flex items-center justify-center rounded-md") },
+                    React.createElement(icons_1.Spinner, { className: "animate-spin" })),
+                children));
+        }
+        return children;
+    };
+    return (React.createElement(Component, { ref: ref, ...props, className: (0, clx_1.clx)(iconButtonVariants({ variant, size }), className), disabled: disabled || isLoading }, renderInner()));
+});
+exports.IconButton = IconButton;
+IconButton.displayName = "IconButton";
+//# sourceMappingURL=icon-button.js.map

package/dist/cjs/components/icon-button/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":";;;;AAAA,0CAAwC;AACxC,6BAAuC;AACvC,uCAA+B;AAC/B,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,kBAAkB,GAAG,IAAA,SAAG,EAAC;IAC7B,IAAI,EAAE,IAAA,SAAG,EACP,qGAAqG,EACrG,0FAA0F,CAC3F;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,IAAA,SAAG,EACV,+DAA+D,EAC/D,kCAAkC,EAClC,qCAAqC,EACrC,4CAA4C,CAC7C;YACD,WAAW,EAAE,IAAA,SAAG,EACd,4CAA4C,EAC5C,sCAAsC,EACtC,yCAAyC,EACzC,wEAAwE,EACxE,gDAAgD,CACjD;SACF;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,iBAAiB;YACxB,MAAM,EAAE,iBAAiB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AA+EmB,gDAAkB;AAtEvC;;GAEG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE;AACE;;GAEG;AACH,OAAO,GAAG,SAAS;AACnB;;GAEG;AACH,IAAI,GAAG,MAAM;AACb;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ;AACR;;GAEG;AACH,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,GAAG,KAAK,EACQ,EAClB,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,eAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEhD;;;;OAIG;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CACL,8BAAM,SAAS,EAAC,qBAAqB;gBACnC,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,gFAAgF,CACjF;oBAED,oBAAC,eAAO,IAAC,SAAS,EAAC,cAAc,GAAG,CAChC;gBACL,QAAQ,CACJ,CACR,CAAA;QACH,CAAC;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,IAAA,SAAG,EAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAChE,QAAQ,EAAE,QAAQ,IAAI,SAAS,IAE9B,WAAW,EAAE,CACJ,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA","sourcesContent":["import { Spinner } from \"@acmekit/icons\"\nimport { VariantProps, cva } from \"cva\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst iconButtonVariants = cva({\n  base: clx(\n    \"transition-fg inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none\",\n    \"disabled:bg-ui-bg-disabled disabled:shadow-buttons-neutral disabled:text-ui-fg-disabled \"\n  ),\n  variants: {\n    variant: {\n      primary: clx(\n        \"shadow-buttons-neutral text-ui-fg-subtle bg-ui-button-neutral\",\n        \"hover:bg-ui-button-neutral-hover\",\n        \"active:bg-ui-button-neutral-pressed\",\n        \"focus-visible:shadow-buttons-neutral-focus\"\n      ),\n      transparent: clx(\n        \"text-ui-fg-subtle bg-ui-button-transparent\",\n        \"hover:bg-ui-button-transparent-hover\",\n        \"active:bg-ui-button-transparent-pressed\",\n        \"focus-visible:shadow-buttons-neutral-focus focus-visible:bg-ui-bg-base\",\n        \"disabled:!bg-transparent disabled:!shadow-none\"\n      ),\n    },\n    size: {\n      \"2xsmall\": \"h-5 w-5\",\n      xsmall: \"h-6 w-6 p-1\",\n      small: \"h-7 w-7 p-1\",\n      base: \"h-8 w-8 p-1.5\",\n      large: \"h-10 w-10 p-2.5\",\n      xlarge: \"h-12 w-12 p-3.5\",\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n    size: \"base\",\n  },\n})\n\ninterface IconButtonProps\n  extends React.ComponentPropsWithoutRef<\"button\">,\n    VariantProps<typeof iconButtonVariants> {\n  asChild?: boolean\n  isLoading?: boolean\n}\n\n/**\n * This component is based on the `button` element and supports all of its props\n */\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      /**\n       * The button's style.\n       */\n      variant = \"primary\",\n      /**\n       * The button's size.\n       */\n      size = \"base\",\n      /**\n       * Whether to remove the wrapper `button` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      className,\n      children,\n      /**\n       * Whether to show a loading spinner.\n       */\n      isLoading = false,\n      disabled,\n      ...props\n    }: IconButtonProps,\n    ref\n  ) => {\n    const Component = asChild ? Slot.Root : \"button\"\n\n    /**\n     * In the case of a button where asChild is true, and isLoading is true, we ensure that\n     * only on element is passed as a child to the Slot component. This is because the Slot\n     * component only accepts a single child.\n     */\n    const renderInner = () => {\n      if (isLoading) {\n        return (\n          <span className=\"pointer-events-none\">\n            <div\n              className={clx(\n                \"bg-ui-bg-disabled absolute inset-0 flex items-center justify-center rounded-md\"\n              )}\n            >\n              <Spinner className=\"animate-spin\" />\n            </div>\n            {children}\n          </span>\n        )\n      }\n\n      return children\n    }\n\n    return (\n      <Component\n        ref={ref}\n        {...props}\n        className={clx(iconButtonVariants({ variant, size }), className)}\n        disabled={disabled || isLoading}\n      >\n        {renderInner()}\n      </Component>\n    )\n  }\n)\nIconButton.displayName = \"IconButton\"\n\nexport { IconButton, iconButtonVariants }\n"]}

package/dist/cjs/components/icon-button/index.d.ts

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

package/dist/cjs/components/icon-button/index.d.ts.map

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

package/dist/cjs/components/icon-button/index.js

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

package/dist/cjs/components/icon-button/index.js.map

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

package/dist/cjs/components/inline-tip/index.d.ts

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

package/dist/cjs/components/inline-tip/index.d.ts.map

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

package/dist/cjs/components/inline-tip/index.js

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

package/dist/cjs/components/inline-tip/index.js.map

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

package/dist/cjs/components/inline-tip/inline-tip.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface InlineTipProps extends React.ComponentPropsWithoutRef<"div"> {
+    label: string;
+    variant?: "info" | "warning" | "error" | "success";
+}
+/**
+ * This component is based on the `div` element and supports all of its props.
+ */
+export declare const InlineTip: React.ForwardRefExoticComponent<InlineTipProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=inline-tip.d.ts.map

package/dist/cjs/components/inline-tip/inline-tip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-tip/inline-tip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,UAAU,cAAe,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;CACnD;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,uFAuCrB,CAAA"}

package/dist/cjs/components/inline-tip/inline-tip.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineTip = void 0;
+const tslib_1 = require("tslib");
+const clx_1 = require("../../utils/clx");
+const React = tslib_1.__importStar(require("react"));
+/**
+ * This component is based on the `div` element and supports all of its props.
+ */
+exports.InlineTip = React.forwardRef(({ 
+/**
+ * The variant of the tip.
+ */
+variant = "info", 
+/**
+ * The label to display in the tip.
+ */
+label, className, children, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: (0, clx_1.clx)("bg-ui-bg-component txt-small text-ui-fg-subtle grid grid-cols-[4px_1fr] items-start gap-3 rounded-lg border p-3", className), ...props },
+        React.createElement("div", { role: "presentation", className: (0, clx_1.clx)("bg-ui-tag-neutral-icon h-full w-1 rounded-full", {
+                "bg-ui-tag-orange-icon": variant === "warning",
+                "bg-ui-tag-red-icon": variant === "error",
+                "bg-ui-tag-green-icon": variant === "success",
+            }) }),
+        React.createElement("div", { className: "text-pretty" },
+            React.createElement("strong", { className: "txt-small-plus text-ui-fg-base" },
+                label,
+                ":"),
+            " ",
+            children)));
+});
+exports.InlineTip.displayName = "InlineTip";
+//# sourceMappingURL=inline-tip.js.map

package/dist/cjs/components/inline-tip/inline-tip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-tip.js","sourceRoot":"","sources":["../../../../src/components/inline-tip/inline-tip.tsx"],"names":[],"mappings":";;;;AAAA,qCAAiC;AACjC,qDAA8B;AAO9B;;GAEG;AACU,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE;AACE;;GAEG;AACH,OAAO,GAAG,MAAM;AAChB;;GAEG;AACH,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACO,EAAE,GAAG,EAAE,EAAE;IAC1B,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,iHAAiH,EACjH,SAAS,CACV,KACG,KAAK;QAET,6BACE,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,IAAA,SAAG,EAAC,gDAAgD,EAAE;gBAC/D,uBAAuB,EAAE,OAAO,KAAK,SAAS;gBAC9C,oBAAoB,EAAE,OAAO,KAAK,OAAO;gBACzC,sBAAsB,EAAE,OAAO,KAAK,SAAS;aAC9C,CAAC,GACF;QACF,6BAAK,SAAS,EAAC,aAAa;YAC1B,gCAAQ,SAAS,EAAC,gCAAgC;gBAAE,KAAK;oBAAW;YAAC,GAAG;YACvE,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAA","sourcesContent":["import { clx } from \"@/utils/clx\"\nimport * as React from \"react\"\n\ninterface InlineTipProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  label: string\n  variant?: \"info\" | \"warning\" | \"error\" | \"success\"\n}\n\n/**\n * This component is based on the `div` element and supports all of its props.\n */\nexport const InlineTip = React.forwardRef<HTMLDivElement, InlineTipProps>(\n  (\n    { \n      /**\n       * The variant of the tip.\n       */\n      variant = \"info\", \n      /**\n       * The label to display in the tip.\n       */\n      label, \n      className, \n      children, \n      ...props\n    }: InlineTipProps, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-component txt-small text-ui-fg-subtle grid grid-cols-[4px_1fr] items-start gap-3 rounded-lg border p-3\",\n          className\n        )}\n        {...props}\n      >\n        <div\n          role=\"presentation\"\n          className={clx(\"bg-ui-tag-neutral-icon h-full w-1 rounded-full\", {\n            \"bg-ui-tag-orange-icon\": variant === \"warning\",\n            \"bg-ui-tag-red-icon\": variant === \"error\",\n            \"bg-ui-tag-green-icon\": variant === \"success\",\n          })}\n        />\n        <div className=\"text-pretty\">\n          <strong className=\"txt-small-plus text-ui-fg-base\">{label}:</strong>{\" \"}\n          {children}\n        </div>\n      </div>\n    )\n  }\n)\n\nInlineTip.displayName = \"InlineTip\"\n"]}

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

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

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

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

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

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

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

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