@acmekit/ui 4.1.1

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

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

package/dist/esm/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/esm/components/hint/index.js

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

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

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

package/dist/esm/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/esm/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/esm/components/i18n-provider/i18n-provider.js

@@ -0,0 +1,8 @@
+"use client";
+import * as React from "react";
+import { I18nProvider as Primitive } from "react-aria";
+const I18nProvider = (props) => {
+    return React.createElement(Primitive, { ...props });
+};
+export { I18nProvider };
+//# sourceMappingURL=i18n-provider.js.map

package/dist/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,YAAY,IAAI,SAAS,EAA8B,MAAM,YAAY,CAAA;AAIlF,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,OAAO,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA","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/esm/components/i18n-provider/index.d.ts

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

package/dist/esm/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/esm/components/i18n-provider/index.js

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

package/dist/esm/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,cAAc,iBAAiB,CAAA","sourcesContent":["export * from \"./i18n-provider\"\n"]}

package/dist/esm/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/esm/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/esm/components/icon-badge/icon-badge.js

@@ -0,0 +1,37 @@
+import { cva } from "cva";
+import { Slot } from "radix-ui";
+import * as React from "react";
+import { badgeColorVariants } from "../badge";
+import { clx } from "../../utils/clx";
+const iconBadgeVariants = 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 ? Slot.Root : "span";
+    return (React.createElement(Component, { ref: ref, className: clx(badgeColorVariants({ color }), iconBadgeVariants({ size }), className), ...props }, children));
+});
+IconBadge.displayName = "IconBadge";
+export { IconBadge };
+//# sourceMappingURL=icon-badge.js.map

package/dist/esm/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,OAAO,EAAE,GAAG,EAAqB,MAAM,KAAK,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,iBAAiB,GAAG,GAAG,CAAC;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,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAE9C,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,kBAAkB,CAAC,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;AACD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,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/esm/components/icon-badge/index.d.ts

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

package/dist/esm/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/esm/components/icon-badge/index.js

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

package/dist/esm/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,cAAc,cAAc,CAAA","sourcesContent":["export * from \"./icon-badge\"\n"]}

package/dist/esm/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/esm/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/esm/components/icon-button/icon-button.js

@@ -0,0 +1,67 @@
+import { Spinner } from "@acmekit/icons";
+import { cva } from "cva";
+import { Slot } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx";
+const iconButtonVariants = cva({
+    base: 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: 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: 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",
+    },
+});
+/**
+ * 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 ? 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: clx("bg-ui-bg-disabled absolute inset-0 flex items-center justify-center rounded-md") },
+                    React.createElement(Spinner, { className: "animate-spin" })),
+                children));
+        }
+        return children;
+    };
+    return (React.createElement(Component, { ref: ref, ...props, className: clx(iconButtonVariants({ variant, size }), className), disabled: disabled || isLoading }, renderInner()));
+});
+IconButton.displayName = "IconButton";
+export { IconButton, iconButtonVariants };
+//# sourceMappingURL=icon-button.js.map

package/dist/esm/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,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAgB,GAAG,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,kBAAkB,GAAG,GAAG,CAAC;IAC7B,IAAI,EAAE,GAAG,CACP,qGAAqG,EACrG,0FAA0F,CAC3F;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,GAAG,CACV,+DAA+D,EAC/D,kCAAkC,EAClC,qCAAqC,EACrC,4CAA4C,CAC7C;YACD,WAAW,EAAE,GAAG,CACd,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;AASF;;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,IAAI,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,GAAG,CACZ,gFAAgF,CACjF;oBAED,oBAAC,OAAO,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,GAAG,CAAC,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;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,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/esm/components/icon-button/index.d.ts

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

package/dist/esm/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/esm/components/icon-button/index.js

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

package/dist/esm/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,cAAc,eAAe,CAAA","sourcesContent":["export * from \"./icon-button\"\n"]}

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

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

package/dist/esm/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/esm/components/inline-tip/index.js

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

package/dist/esm/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,cAAc,cAAc,CAAA","sourcesContent":["export * from \"./inline-tip\"\n"]}

package/dist/esm/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/esm/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/esm/components/inline-tip/inline-tip.js

@@ -0,0 +1,29 @@
+import { clx } from "../../utils/clx";
+import * as React from "react";
+/**
+ * This component is based on the `div` element and supports all of its props.
+ */
+export const 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: 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: 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)));
+});
+InlineTip.displayName = "InlineTip";
+//# sourceMappingURL=inline-tip.js.map

package/dist/esm/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,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B;;GAEG;AACH,MAAM,CAAC,MAAM,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,GAAG,CACZ,iHAAiH,EACjH,SAAS,CACV,KACG,KAAK;QAET,6BACE,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,GAAG,CAAC,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,SAAS,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/esm/components/input/index.d.ts

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

package/dist/esm/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/esm/components/input/index.js

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

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

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

package/dist/esm/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/esm/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/esm/components/input/input.js

@@ -0,0 +1,54 @@
+"use client";
+import { Eye, EyeSlash, MagnifyingGlassMini } from "@acmekit/icons";
+import { cva } from "cva";
+import * as React from "react";
+import { clx } from "../../utils/clx";
+const inputBaseStyles = 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");
+const inputVariants = cva({
+    base: 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: 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: 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(MagnifyingGlassMini, null))),
+        isPassword && (React.createElement("div", { className: 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(Eye, null) : React.createElement(EyeSlash, null))))));
+});
+Input.displayName = "Input";
+export { Input, inputBaseStyles };
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/components/input/input.tsx"],"names":[],"mappings":"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","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/esm/components/kbd/index.d.ts

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

package/dist/esm/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/esm/components/kbd/index.js

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

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

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