@acmekit/ui 4.1.1

package/dist/cjs/components/skeleton/skeleton.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = Skeleton;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+function Skeleton({ className, ...props }) {
+    return (React.createElement("div", { className: (0, clx_1.clx)("bg-ui-bg-component animate-pulse rounded-md", className), ...props }));
+}
+//# sourceMappingURL=skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":";;AAgBS,4BAAQ;;AAhBjB,qDAA8B;AAE9B,qCAAiC;AAEjC,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EAC6B;IACrC,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,SAAG,EAAC,6CAA6C,EAAE,SAAS,CAAC,KACpE,KAAK,GACT,CACH,CAAA;AACH,CAAC","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={clx(\"bg-ui-bg-component animate-pulse rounded-md\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,67 @@
+import * as React from "react";
+import { VariantProps } from "cva";
+declare const statusBadgeVariants: (props?: ({
+    color?: "green" | "red" | "blue" | "orange" | "grey" | "purple" | 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 StatusBadgeProps extends Omit<React.ComponentPropsWithoutRef<"span">, "color">, VariantProps<typeof statusBadgeVariants> {
+}
+/**
+ * This component is based on the span element and supports all of its props
+ */
+declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { StatusBadge };
+//# sourceMappingURL=status-badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../../../src/components/status-badge/status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AAEvC,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAevB,CAAA;AAEF,UAAU,gBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EAC3D,YAAY,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAE/C;;GAEG;AACH,QAAA,MAAM,WAAW,0FA6BhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBadge = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+const cva_1 = require("cva");
+const statusBadgeVariants = (0, cva_1.cva)({
+    base: "flex items-center justify-center w-5 h-[18px] [&_div]:w-2 [&_div]:h-2 [&_div]:rounded-sm",
+    variants: {
+        color: {
+            green: "[&_div]:bg-ui-tag-green-icon",
+            red: "[&_div]:bg-ui-tag-red-icon",
+            orange: "[&_div]:bg-ui-tag-orange-icon",
+            blue: "[&_div]:bg-ui-tag-blue-icon",
+            purple: "[&_div]:bg-ui-tag-purple-icon",
+            grey: "[&_div]:bg-ui-tag-neutral-icon",
+        },
+    },
+    defaultVariants: {
+        color: "grey",
+    },
+});
+/**
+ * This component is based on the span element and supports all of its props
+ */
+const StatusBadge = React.forwardRef(({ children, className, 
+/**
+ * The status's color.
+ */
+color = "grey", ...props }, ref) => {
+    return (React.createElement("span", { ref: ref, className: (0, clx_1.clx)("txt-compact-xsmall-plus bg-ui-bg-subtle text-ui-fg-subtle border-ui-border-base box-border flex w-fit select-none items-center overflow-hidden rounded-md border pl-0 pr-1 leading-none", className), ...props },
+        React.createElement("div", { role: "presentation", className: statusBadgeVariants({ color }) },
+            React.createElement("div", null)),
+        children));
+});
+exports.StatusBadge = StatusBadge;
+StatusBadge.displayName = "StatusBadge";
+//# sourceMappingURL=status-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.js","sourceRoot":"","sources":["../../../../src/components/status-badge/status-badge.tsx"],"names":[],"mappings":";;;;AAAA,qDAA8B;AAE9B,qCAAiC;AACjC,6BAAuC;AAEvC,MAAM,mBAAmB,GAAG,IAAA,SAAG,EAAC;IAC9B,IAAI,EAAE,0FAA0F;IAChG,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE,8BAA8B;YACrC,GAAG,EAAE,4BAA4B;YACjC,MAAM,EAAE,+BAA+B;YACvC,IAAI,EAAE,6BAA6B;YACnC,MAAM,EAAE,+BAA+B;YACvC,IAAI,EAAE,gCAAgC;SACvC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AAMF;;GAEG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,QAAQ,EACR,SAAS;AACT;;GAEG;AACH,KAAK,GAAG,MAAM,EACd,GAAG,KAAK,EACS,EACnB,GAAG,EACH,EAAE;IACF,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,yLAAyL,EACzL,SAAS,CACV,KACG,KAAK;QAET,6BAAK,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,mBAAmB,CAAC,EAAE,KAAK,EAAE,CAAC;YAChE,gCAAO,CACH;QACL,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,kCAAW;AAFpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { VariantProps, cva } from \"cva\"\n\nconst statusBadgeVariants = cva({\n  base: \"flex items-center justify-center w-5 h-[18px] [&_div]:w-2 [&_div]:h-2 [&_div]:rounded-sm\",\n  variants: {\n    color: {\n      green: \"[&_div]:bg-ui-tag-green-icon\",\n      red: \"[&_div]:bg-ui-tag-red-icon\",\n      orange: \"[&_div]:bg-ui-tag-orange-icon\",\n      blue: \"[&_div]:bg-ui-tag-blue-icon\",\n      purple: \"[&_div]:bg-ui-tag-purple-icon\",\n      grey: \"[&_div]:bg-ui-tag-neutral-icon\",\n    },\n  },\n  defaultVariants: {\n    color: \"grey\",\n  },\n})\n\ninterface StatusBadgeProps\n  extends Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n    VariantProps<typeof statusBadgeVariants> {}\n\n/**\n * This component is based on the span element and supports all of its props\n */\nconst StatusBadge = React.forwardRef<HTMLSpanElement, StatusBadgeProps>(\n  (\n    {\n      children,\n      className,\n      /**\n       * The status's color.\n       */\n      color = \"grey\",\n      ...props\n    }: StatusBadgeProps,\n    ref\n  ) => {\n    return (\n      <span\n        ref={ref}\n        className={clx(\n          \"txt-compact-xsmall-plus bg-ui-bg-subtle text-ui-fg-subtle border-ui-border-base box-border flex w-fit select-none items-center overflow-hidden rounded-md border pl-0 pr-1 leading-none\",\n          className\n        )}\n        {...props}\n      >\n        <div role=\"presentation\" className={statusBadgeVariants({ color })}>\n          <div />\n        </div>\n        {children}\n      </span>\n    )\n  }\n)\nStatusBadge.displayName = \"StatusBadge\"\n\nexport { StatusBadge }\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,68 @@
+import { VariantProps } from "cva";
+import { Switch as RadixSwitch } from "radix-ui";
+import * as React from "react";
+declare const switchVariants: (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 SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixSwitch.Root>, "asChild">, VariantProps<typeof switchVariants> {
+}
+/**
+ * This component is based on the [Radix UI Switch](https://www.radix-ui.com/primitives/docs/components/switch) primitive.
+ */
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AACvC,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAWlB,CAAA;AAgBF,UAAU,WACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EACvD,SAAS,CACV,EACD,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C;;GAEG;AACH,QAAA,MAAM,MAAM,uFAuBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/cjs/components/switch/switch.js

@@ -0,0 +1,45 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = 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 switchVariants = (0, cva_1.cva)({
+    base: "bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover data-[state=unchecked]:hover:after:bg-switch-off-hover-gradient before:shadow-details-switch-background focus-visible:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:opacity-50 group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed",
+    variants: {
+        size: {
+            small: "h-[16px] w-[28px]",
+            base: "h-[18px] w-[32px]",
+        },
+    },
+    defaultVariants: {
+        size: "base",
+    },
+});
+const thumbVariants = (0, cva_1.cva)({
+    base: "bg-ui-fg-on-color shadow-details-switch-handle pointer-events-none h-[14px] w-[14px] rounded-full transition-all",
+    variants: {
+        size: {
+            small: "h-[12px] w-[12px] data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0.5",
+            base: "h-[14px] w-[14px] transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5",
+        },
+    },
+    defaultVariants: {
+        size: "base",
+    },
+});
+/**
+ * This component is based on the [Radix UI Switch](https://www.radix-ui.com/primitives/docs/components/switch) primitive.
+ */
+const Switch = React.forwardRef(({ className, 
+/**
+ * The switch's size.
+ */
+size = "base", ...props }, ref) => (React.createElement(radix_ui_1.Switch.Root, { className: (0, clx_1.clx)(switchVariants({ size }), className), ...props, ref: ref },
+    React.createElement(radix_ui_1.Switch.Thumb, { className: (0, clx_1.clx)(thumbVariants({ size })) }))));
+exports.Switch = Switch;
+Switch.displayName = "Switch";
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,6BAAuC;AACvC,uCAAgD;AAChD,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,cAAc,GAAG,IAAA,SAAG,EAAC;IACzB,IAAI,EAAE,ugBAAugB;IAC7gB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,mBAAmB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,IAAA,SAAG,EAAC;IACxB,IAAI,EAAE,kHAAkH;IACxH,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EACH,+FAA+F;YACjG,IAAI,EAAE,kHAAkH;SACzH;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AASF;;GAEG;AACH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAI7B,CACE,EACE,SAAS;AACT;;GAEG;AACH,IAAI,GAAG,MAAM,EACb,GAAG,KAAK,EACI,EACd,GAAG,EACH,EAAE,CAAC,CACH,oBAAC,iBAAW,CAAC,IAAI,IACf,SAAS,EAAE,IAAA,SAAG,EAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC/C,KAAK,EACT,GAAG,EAAE,GAAG;IAER,oBAAC,iBAAW,CAAC,KAAK,IAAC,SAAS,EAAE,IAAA,SAAG,EAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAAI,CAC7C,CACpB,CACF,CAAA;AAGQ,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA","sourcesContent":["\"use client\"\n\nimport { VariantProps, cva } from \"cva\"\nimport { Switch as RadixSwitch } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst switchVariants = cva({\n  base: \"bg-ui-bg-switch-off hover:bg-ui-bg-switch-off-hover data-[state=unchecked]:hover:after:bg-switch-off-hover-gradient before:shadow-details-switch-background focus-visible:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:opacity-50 group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed\",\n  variants: {\n    size: {\n      small: \"h-[16px] w-[28px]\",\n      base: \"h-[18px] w-[32px]\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\nconst thumbVariants = cva({\n  base: \"bg-ui-fg-on-color shadow-details-switch-handle pointer-events-none h-[14px] w-[14px] rounded-full transition-all\",\n  variants: {\n    size: {\n      small:\n        \"h-[12px] w-[12px] data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0.5\",\n      base: \"h-[14px] w-[14px] transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\ninterface SwitchProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof RadixSwitch.Root>,\n      \"asChild\"\n    >,\n    VariantProps<typeof switchVariants> {}\n\n/**\n * This component is based on the [Radix UI Switch](https://www.radix-ui.com/primitives/docs/components/switch) primitive.\n */\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof RadixSwitch.Root>,\n  SwitchProps\n>(\n  (\n    {\n      className,\n      /**\n       * The switch's size.\n       */\n      size = \"base\",\n      ...props\n    }: SwitchProps,\n    ref\n  ) => (\n    <RadixSwitch.Root\n      className={clx(switchVariants({ size }), className)}\n      {...props}\n      ref={ref}\n    >\n      <RadixSwitch.Thumb className={clx(thumbVariants({ size }))} />\n    </RadixSwitch.Root>\n  )\n)\nSwitch.displayName = \"Switch\"\n\nexport { Switch }\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+import * as React from "react";
+interface TablePaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+    count: number;
+    pageSize: number;
+    pageIndex: number;
+    pageCount: number;
+    canPreviousPage: boolean;
+    canNextPage: boolean;
+    translations?: {
+        of?: string;
+        results?: string;
+        pages?: string;
+        prev?: string;
+        next?: string;
+    };
+    previousPage: () => void;
+    nextPage: () => void;
+}
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>> & {
+    Row: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+    Cell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+    HeaderCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+    Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+    Pagination: React.ForwardRefExoticComponent<TablePaginationProps & React.RefAttributes<HTMLDivElement>>;
+};
+export { Table };
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgG9B,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,OAAO,CAAA;IACxB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE;QACb,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AA6GD,QAAA,MAAM,KAAK;;;;;;;CAOT,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/cjs/components/table/table.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("@acmekit/icons");
+const React = tslib_1.__importStar(require("react"));
+const button_1 = require("../button");
+const clx_1 = require("../../utils/clx");
+/**
+ * This component is based on the table element and its various children:
+ *
+ * - `Table`: `table`
+ * - `Table.Header`: `thead`
+ * - `Table.Row`: `tr`
+ * - `Table.HeaderCell`: `th`
+ * - `Table.Body`: `tbody`
+ * - `Table.Cell`: `td`
+ *
+ * Each component supports the props or attributes of its equivalent HTML element.
+ */
+const Root = React.forwardRef(({ className, ...props }, ref) => (React.createElement("table", { ref: ref, className: (0, clx_1.clx)("text-ui-fg-subtle txt-compact-small w-full", className), ...props })));
+Root.displayName = "Table";
+const Row = React.forwardRef(({ className, ...props }, ref) => (React.createElement("tr", { ref: ref, className: (0, clx_1.clx)("bg-ui-bg-base hover:bg-ui-bg-base-hover border-ui-border-base transition-fg border-b", "[&_td:last-child]:pr-6 [&_th:last-child]:pr-6", "[&_td:first-child]:pl-6 [&_th:first-child]:pl-6", className), ...props })));
+Row.displayName = "Table.Row";
+const Cell = React.forwardRef(({ className, ...props }, ref) => (React.createElement("td", { ref: ref, className: (0, clx_1.clx)("h-12 py-0 pl-0 pr-6", className), ...props })));
+Cell.displayName = "Table.Cell";
+const Header = React.forwardRef(({ className, ...props }, ref) => (React.createElement("thead", { ref: ref, className: (0, clx_1.clx)("border-ui-border-base txt-compact-small-plus [&_tr]:bg-ui-bg-subtle [&_tr]:hover:bg-ui-bg-subtle border-y", className), ...props })));
+Header.displayName = "Table.Header";
+const HeaderCell = React.forwardRef(({ className, ...props }, ref) => (React.createElement("th", { ref: ref, className: (0, clx_1.clx)("txt-compact-small-plus h-12 py-0 pl-0 pr-6 text-left", className), ...props })));
+HeaderCell.displayName = "Table.HeaderCell";
+const Body = React.forwardRef(({ className, ...props }, ref) => (React.createElement("tbody", { ref: ref, className: (0, clx_1.clx)("border-ui-border-base border-b", className), ...props })));
+Body.displayName = "Table.Body";
+/**
+ * This component is based on the `div` element and supports all of its props
+ */
+const Pagination = React.forwardRef(({ className, 
+/**
+ * The total number of items.
+ */
+count, 
+/**
+ * The number of items per page.
+ */
+pageSize, 
+/**
+ * The total number of pages.
+ */
+pageCount, 
+/**
+ * The current page index.
+ */
+pageIndex, 
+/**
+ * Whether there's a previous page that can be navigated to.
+ */
+canPreviousPage, 
+/**
+ * Whether there's a next page that can be navigated to.
+ */
+canNextPage, 
+/**
+ * A function that handles navigating to the next page.
+ * This function should handle retrieving data for the next page.
+ */
+nextPage, 
+/**
+ * A function that handles navigating to the previous page.
+ * This function should handle retrieving data for the previous page.
+ */
+previousPage, 
+/**
+ * An optional object of words to use in the pagination component.
+ * Use this to override the default words, or translate them into another language.
+ */
+translations = {
+    of: "of",
+    results: "results",
+    pages: "pages",
+    prev: "Prev",
+    next: "Next",
+}, ...props }, ref) => {
+    const { from, to } = React.useMemo(() => {
+        const from = count === 0 ? count : pageIndex * pageSize + 1;
+        const to = Math.min(count, (pageIndex + 1) * pageSize);
+        return { from, to };
+    }, [count, pageIndex, pageSize]);
+    return (React.createElement("div", { ref: ref, className: (0, clx_1.clx)("text-ui-fg-subtle txt-compact-small-plus flex w-full items-center justify-between px-3 py-4", className), ...props },
+        React.createElement("div", { className: "inline-flex items-center gap-x-1 px-3 py-[5px]" },
+            React.createElement("p", null, from),
+            React.createElement(icons_1.Minus, { className: "text-ui-fg-muted" }),
+            React.createElement("p", null, `${to} ${translations.of} ${count} ${translations.results}`)),
+        React.createElement("div", { className: "flex items-center gap-x-2" },
+            React.createElement("div", { className: "inline-flex items-center gap-x-1 px-3 py-[5px]" },
+                React.createElement("p", null,
+                    pageIndex + 1,
+                    " ",
+                    translations.of,
+                    " ",
+                    Math.max(pageCount, 1),
+                    " ",
+                    translations.pages)),
+            React.createElement(button_1.Button, { type: "button", variant: "transparent", onClick: previousPage, disabled: !canPreviousPage }, translations.prev),
+            React.createElement(button_1.Button, { type: "button", variant: "transparent", onClick: nextPage, disabled: !canNextPage }, translations.next))));
+});
+Pagination.displayName = "Table.Pagination";
+const Table = Object.assign(Root, {
+    Row,
+    Cell,
+    Header,
+    HeaderCell,
+    Body,
+    Pagination,
+});
+exports.Table = Table;
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Minus } from \"@acmekit/icons\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/button\"\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the table element and its various children:\n *\n * - `Table`: `table`\n * - `Table.Header`: `thead`\n * - `Table.Row`: `tr`\n * - `Table.HeaderCell`: `th`\n * - `Table.Body`: `tbody`\n * - `Table.Cell`: `td`\n *\n * Each component supports the props or attributes of its equivalent HTML element.\n */\nconst Root = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <table\n    ref={ref}\n    className={clx(\"text-ui-fg-subtle txt-compact-small w-full\", className)}\n    {...props}\n  />\n))\nRoot.displayName = \"Table\"\n\nconst Row = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-base hover:bg-ui-bg-base-hover border-ui-border-base transition-fg border-b\",\n      \"[&_td:last-child]:pr-6 [&_th:last-child]:pr-6\",\n      \"[&_td:first-child]:pl-6 [&_th:first-child]:pl-6\",\n      className\n    )}\n    {...props}\n  />\n))\nRow.displayName = \"Table.Row\"\n\nconst Cell = React.forwardRef<\n  HTMLTableCellElement,\n  React.HTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td ref={ref} className={clx(\"h-12 py-0 pl-0 pr-6\", className)} {...props} />\n))\nCell.displayName = \"Table.Cell\"\n\nconst Header = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={clx(\n      \"border-ui-border-base txt-compact-small-plus [&_tr]:bg-ui-bg-subtle [&_tr]:hover:bg-ui-bg-subtle border-y\",\n      className\n    )}\n    {...props}\n  />\n))\nHeader.displayName = \"Table.Header\"\n\nconst HeaderCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={clx(\n      \"txt-compact-small-plus h-12 py-0 pl-0 pr-6 text-left\",\n      className\n    )}\n    {...props}\n  />\n))\nHeaderCell.displayName = \"Table.HeaderCell\"\n\nconst Body = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={clx(\"border-ui-border-base border-b\", className)}\n    {...props}\n  />\n))\nBody.displayName = \"Table.Body\"\n\ninterface TablePaginationProps extends React.HTMLAttributes<HTMLDivElement> {\n  count: number\n  pageSize: number\n  pageIndex: number\n  pageCount: number\n  canPreviousPage: boolean\n  canNextPage: boolean\n  translations?: {\n    of?: string\n    results?: string\n    pages?: string\n    prev?: string\n    next?: string\n  }\n  previousPage: () => void\n  nextPage: () => void\n}\n\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Pagination = React.forwardRef<HTMLDivElement, TablePaginationProps>(\n  (\n    {\n      className,\n      /**\n       * The total number of items.\n       */\n      count,\n      /**\n       * The number of items per page.\n       */\n      pageSize,\n      /**\n       * The total number of pages.\n       */\n      pageCount,\n      /**\n       * The current page index.\n       */\n      pageIndex,\n      /**\n       * Whether there's a previous page that can be navigated to.\n       */\n      canPreviousPage,\n      /**\n       * Whether there's a next page that can be navigated to.\n       */\n      canNextPage,\n      /**\n       * A function that handles navigating to the next page.\n       * This function should handle retrieving data for the next page.\n       */\n      nextPage,\n      /**\n       * A function that handles navigating to the previous page.\n       * This function should handle retrieving data for the previous page.\n       */\n      previousPage,\n      /**\n       * An optional object of words to use in the pagination component.\n       * Use this to override the default words, or translate them into another language.\n       */\n      translations = {\n        of: \"of\",\n        results: \"results\",\n        pages: \"pages\",\n        prev: \"Prev\",\n        next: \"Next\",\n      },\n      ...props\n    }: TablePaginationProps,\n    ref\n  ) => {\n    const { from, to } = React.useMemo(() => {\n      const from = count === 0 ? count : pageIndex * pageSize + 1\n      const to = Math.min(count, (pageIndex + 1) * pageSize)\n\n      return { from, to }\n    }, [count, pageIndex, pageSize])\n\n    return (\n      <div\n        ref={ref}\n        className={clx(\n          \"text-ui-fg-subtle txt-compact-small-plus flex w-full items-center justify-between px-3 py-4\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"inline-flex items-center gap-x-1 px-3 py-[5px]\">\n          <p>{from}</p>\n          <Minus className=\"text-ui-fg-muted\" />\n          <p>{`${to} ${translations.of} ${count} ${translations.results}`}</p>\n        </div>\n        <div className=\"flex items-center gap-x-2\">\n          <div className=\"inline-flex items-center gap-x-1 px-3 py-[5px]\">\n            <p>\n              {pageIndex + 1} {translations.of} {Math.max(pageCount, 1)}{\" \"}\n              {translations.pages}\n            </p>\n          </div>\n          <Button\n            type=\"button\"\n            variant={\"transparent\"}\n            onClick={previousPage}\n            disabled={!canPreviousPage}\n          >\n            {translations.prev}\n          </Button>\n          <Button\n            type=\"button\"\n            variant={\"transparent\"}\n            onClick={nextPage}\n            disabled={!canNextPage}\n          >\n            {translations.next}\n          </Button>\n        </div>\n      </div>\n    )\n  }\n)\nPagination.displayName = \"Table.Pagination\"\n\nconst Table = Object.assign(Root, {\n  Row,\n  Cell,\n  Header,\n  HeaderCell,\n  Body,\n  Pagination,\n})\n\nexport { Table }\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { Tabs as RadixTabs } from "radix-ui";
+import * as React from "react";
+declare const Tabs: {
+    (props: React.ComponentPropsWithoutRef<typeof RadixTabs.Root>): React.JSX.Element;
+    displayName: string;
+} & {
+    Trigger: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    List: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Tabs };
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0D9B,QAAA,MAAM,IAAI;YAlDD,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC;;;;;;CAsD5D,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/cjs/components/tabs/tabs.js

@@ -0,0 +1,28 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = 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 Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves
+ */
+const TabsRoot = (props) => {
+    return React.createElement(radix_ui_1.Tabs.Root, { ...props });
+};
+TabsRoot.displayName = "Tabs";
+const TabsTrigger = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(radix_ui_1.Tabs.Trigger, { ref: ref, className: (0, clx_1.clx)("txt-compact-small-plus transition-fg text-ui-fg-subtle inline-flex items-center justify-center rounded-full border border-transparent bg-transparent px-2.5 py-1 outline-none", "hover:text-ui-fg-base", "focus-visible:border-ui-border-interactive focus-visible:!shadow-borders-focus focus-visible:bg-ui-bg-base", "data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base data-[state=active]:shadow-elevation-card-rest", className), ...props }, children)));
+TabsTrigger.displayName = "Tabs.Trigger";
+const TabsList = React.forwardRef(({ className, ...props }, ref) => (React.createElement(radix_ui_1.Tabs.List, { ref: ref, className: (0, clx_1.clx)("flex items-center gap-2", className), ...props })));
+TabsList.displayName = "Tabs.List";
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => (React.createElement(radix_ui_1.Tabs.Content, { ref: ref, className: (0, clx_1.clx)("outline-none", className), ...props })));
+TabsContent.displayName = "Tabs.Content";
+const Tabs = Object.assign(TabsRoot, {
+    Trigger: TabsTrigger,
+    List: TabsList,
+    Content: TabsContent,
+});
+exports.Tabs = Tabs;
+//# sourceMappingURL=tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,uCAA4C;AAC5C,qDAA8B;AAE9B,qCAAiC;AAEjC;;GAEG;AACH,MAAM,QAAQ,GAAG,CACf,KAA4D,EAC5D,EAAE;IACF,OAAO,oBAAC,eAAS,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AACtC,CAAC,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAA;AAE7B,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,oBAAC,eAAS,CAAC,OAAO,IAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,+KAA+K,EAC/K,uBAAuB,EACvB,4GAA4G,EAC5G,sHAAsH,EACtH,SAAS,CACV,KACG,KAAK,IAER,QAAQ,CACS,CACrB,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAA;AAExC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,eAAS,CAAC,IAAI,IACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,yBAAyB,EAAE,SAAS,CAAC,KAChD,KAAK,GACT,CACH,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAA;AAElC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,eAAS,CAAC,OAAO,IAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,cAAc,EAAE,SAAS,CAAC,KACrC,KAAK,GACT,CACH,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAA;AAExC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACnC,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;CACrB,CAAC,CAAA;AAEO,oBAAI","sourcesContent":["\"use client\"\n\nimport { Tabs as RadixTabs } 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 Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves\n */\nconst TabsRoot = (\n  props: React.ComponentPropsWithoutRef<typeof RadixTabs.Root>\n) => {\n  return <RadixTabs.Root {...props} />\n}\nTabsRoot.displayName = \"Tabs\"\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof RadixTabs.Trigger>,\n  React.ComponentPropsWithoutRef<typeof RadixTabs.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <RadixTabs.Trigger\n    ref={ref}\n    className={clx(\n      \"txt-compact-small-plus transition-fg text-ui-fg-subtle inline-flex items-center justify-center rounded-full border border-transparent bg-transparent px-2.5 py-1 outline-none\",\n      \"hover:text-ui-fg-base\",\n      \"focus-visible:border-ui-border-interactive focus-visible:!shadow-borders-focus focus-visible:bg-ui-bg-base\",\n      \"data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base data-[state=active]:shadow-elevation-card-rest\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </RadixTabs.Trigger>\n))\nTabsTrigger.displayName = \"Tabs.Trigger\"\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof RadixTabs.List>,\n  React.ComponentPropsWithoutRef<typeof RadixTabs.List>\n>(({ className, ...props }, ref) => (\n  <RadixTabs.List\n    ref={ref}\n    className={clx(\"flex items-center gap-2\", className)}\n    {...props}\n  />\n))\nTabsList.displayName = \"Tabs.List\"\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof RadixTabs.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixTabs.Content>\n>(({ className, ...props }, ref) => (\n  <RadixTabs.Content\n    ref={ref}\n    className={clx(\"outline-none\", className)}\n    {...props}\n  />\n))\nTabsContent.displayName = \"Tabs.Content\"\n\nconst Tabs = Object.assign(TabsRoot, {\n  Trigger: TabsTrigger,\n  List: TabsList,\n  Content: TabsContent,\n})\n\nexport { Tabs }\n"]}

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

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

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

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

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

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

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

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