@acmekit/ui 4.1.1

package/dist/esm/components/badge/badge.js

@@ -0,0 +1,118 @@
+import { cva } from "cva";
+import { Slot } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx";
+const badgeColorVariants = cva({
+    variants: {
+        color: {
+            green: "bg-ui-tag-green-bg text-ui-tag-green-text [&_svg]:text-ui-tag-green-icon border-ui-tag-green-border",
+            red: "bg-ui-tag-red-bg text-ui-tag-red-text [&_svg]:text-ui-tag-red-icon border-ui-tag-red-border",
+            blue: "bg-ui-tag-blue-bg text-ui-tag-blue-text [&_svg]:text-ui-tag-blue-icon border-ui-tag-blue-border",
+            orange: "bg-ui-tag-orange-bg text-ui-tag-orange-text [&_svg]:text-ui-tag-orange-icon border-ui-tag-orange-border",
+            grey: "bg-ui-tag-neutral-bg text-ui-tag-neutral-text [&_svg]:text-ui-tag-neutral-icon border-ui-tag-neutral-border",
+            purple: "bg-ui-tag-purple-bg text-ui-tag-purple-text [&_svg]:text-ui-tag-purple-icon border-ui-tag-purple-border",
+        },
+    },
+    defaultVariants: {
+        color: "grey",
+    },
+});
+const badgeSizeVariants = cva({
+    base: "inline-flex items-center gap-x-0.5 border box-border",
+    variants: {
+        size: {
+            "2xsmall": "txt-compact-xsmall-plus h-5",
+            xsmall: "txt-compact-xsmall-plus py-px h-6",
+            small: "txt-compact-xsmall-plus py-[3px] h-7",
+            base: "txt-compact-small-plus py-[5px] h-8",
+            large: "txt-compact-medium-plus py-[7px] h-10",
+        },
+        rounded: {
+            base: "rounded-md",
+            full: "rounded-full",
+        },
+    },
+    compoundVariants: [
+        {
+            size: "2xsmall",
+            rounded: "full",
+            className: "px-1.5",
+        },
+        {
+            size: "2xsmall",
+            rounded: "base",
+            className: "px-1",
+        },
+        {
+            size: "xsmall",
+            rounded: "full",
+            className: "px-2",
+        },
+        {
+            size: "xsmall",
+            rounded: "base",
+            className: "px-1.5",
+        },
+        {
+            size: "small",
+            rounded: "full",
+            className: "px-2.5",
+        },
+        {
+            size: "small",
+            rounded: "base",
+            className: "px-2",
+        },
+        {
+            size: "base",
+            rounded: "full",
+            className: "px-3",
+        },
+        {
+            size: "base",
+            rounded: "base",
+            className: "px-2.5",
+        },
+        {
+            size: "large",
+            rounded: "full",
+            className: "px-3.5",
+        },
+        {
+            size: "large",
+            rounded: "base",
+            className: "px-3",
+        },
+    ],
+    defaultVariants: {
+        size: "base",
+        rounded: "base",
+    },
+});
+/**
+ * This component is based on the `div` element and supports all of its props
+ */
+const Badge = React.forwardRef(({ className, 
+/**
+ * The badge's size.
+ */
+size = "base", 
+/**
+ * The style of the badge's border radius.
+ */
+rounded = "base", 
+/**
+ * The badge's color.
+ */
+color = "grey", 
+/**
+ * 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 }), badgeSizeVariants({ size, rounded }), className), ...props }));
+});
+Badge.displayName = "Badge";
+export { Badge, badgeColorVariants };
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"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","sourcesContent":["import { VariantProps, cva } from \"cva\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst badgeColorVariants = cva({\n  variants: {\n    color: {\n      green:\n        \"bg-ui-tag-green-bg text-ui-tag-green-text [&_svg]:text-ui-tag-green-icon border-ui-tag-green-border\",\n      red: \"bg-ui-tag-red-bg text-ui-tag-red-text [&_svg]:text-ui-tag-red-icon border-ui-tag-red-border\",\n      blue: \"bg-ui-tag-blue-bg text-ui-tag-blue-text [&_svg]:text-ui-tag-blue-icon border-ui-tag-blue-border\",\n      orange:\n        \"bg-ui-tag-orange-bg text-ui-tag-orange-text [&_svg]:text-ui-tag-orange-icon border-ui-tag-orange-border\",\n      grey: \"bg-ui-tag-neutral-bg text-ui-tag-neutral-text [&_svg]:text-ui-tag-neutral-icon border-ui-tag-neutral-border\",\n      purple:\n        \"bg-ui-tag-purple-bg text-ui-tag-purple-text [&_svg]:text-ui-tag-purple-icon border-ui-tag-purple-border\",\n    },\n  },\n  defaultVariants: {\n    color: \"grey\",\n  },\n})\n\nconst badgeSizeVariants = cva({\n  base: \"inline-flex items-center gap-x-0.5 border box-border\",\n  variants: {\n    size: {\n      \"2xsmall\": \"txt-compact-xsmall-plus h-5\",\n      xsmall: \"txt-compact-xsmall-plus py-px h-6\",\n      small: \"txt-compact-xsmall-plus py-[3px] h-7\",\n      base: \"txt-compact-small-plus py-[5px] h-8\",\n      large: \"txt-compact-medium-plus py-[7px] h-10\",\n    },\n    rounded: {\n      base: \"rounded-md\",\n      full: \"rounded-full\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"2xsmall\",\n      rounded: \"full\",\n      className: \"px-1.5\",\n    },\n    {\n      size: \"2xsmall\",\n      rounded: \"base\",\n      className: \"px-1\",\n    },\n    {\n      size: \"xsmall\",\n      rounded: \"full\",\n      className: \"px-2\",\n    },\n    {\n      size: \"xsmall\",\n      rounded: \"base\",\n      className: \"px-1.5\",\n    },\n    {\n      size: \"small\",\n      rounded: \"full\",\n      className: \"px-2.5\",\n    },\n    {\n      size: \"small\",\n      rounded: \"base\",\n      className: \"px-2\",\n    },\n    {\n      size: \"base\",\n      rounded: \"full\",\n      className: \"px-3\",\n    },\n    {\n      size: \"base\",\n      rounded: \"base\",\n      className: \"px-2.5\",\n    },\n    {\n      size: \"large\",\n      rounded: \"full\",\n      className: \"px-3.5\",\n    },\n    {\n      size: \"large\",\n      rounded: \"base\",\n      className: \"px-3\",\n    },\n  ],\n  defaultVariants: {\n    size: \"base\",\n    rounded: \"base\",\n  },\n})\n\ninterface BadgeProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    VariantProps<typeof badgeSizeVariants>,\n    VariantProps<typeof badgeColorVariants> {\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      className,\n      /**\n       * The badge's size.\n       */\n      size = \"base\",\n      /**\n       * The style of the badge's border radius.\n       */\n      rounded = \"base\",\n      /**\n       * The badge's color.\n       */\n      color = \"grey\",\n      /**\n       * Whether to remove the wrapper `span` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      ...props\n    }: BadgeProps,\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          badgeSizeVariants({ size, rounded }),\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nBadge.displayName = \"Badge\"\n\nexport { Badge, badgeColorVariants }\n"]}

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

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

package/dist/esm/components/badge/index.d.ts.map

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

package/dist/esm/components/badge/index.js

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

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

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

package/dist/esm/components/button/button.d.ts

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

package/dist/esm/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA8ClB,CAAA;AAEF,UAAU,WACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAC9C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,MAAM,uFAgEX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/components/button/button.js

@@ -0,0 +1,67 @@
+import { cva } from "cva";
+import { Slot } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx";
+import { Spinner } from "@acmekit/icons";
+const buttonVariants = cva({
+    base: clx("transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none", "disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled disabled:shadow-buttons-neutral disabled:after:hidden", "after:transition-fg after:absolute after:inset-0 after:content-['']"),
+    variants: {
+        variant: {
+            primary: clx("shadow-buttons-inverted text-ui-contrast-fg-primary bg-ui-button-inverted after:button-inverted-gradient", "hover:bg-ui-button-inverted-hover hover:after:button-inverted-hover-gradient", "active:bg-ui-button-inverted-pressed active:after:button-inverted-pressed-gradient", "focus-visible:!shadow-buttons-inverted-focus"),
+            secondary: clx("shadow-buttons-neutral text-ui-fg-base bg-ui-button-neutral after:button-neutral-gradient", "hover:bg-ui-button-neutral-hover hover:after:button-neutral-hover-gradient", "active:bg-ui-button-neutral-pressed active:after:button-neutral-pressed-gradient", "focus-visible:shadow-buttons-neutral-focus"),
+            transparent: clx("after:hidden", "text-ui-fg-base 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"),
+            danger: clx("shadow-buttons-colored shadow-buttons-danger text-ui-fg-on-color bg-ui-button-danger after:button-danger-gradient", "hover:bg-ui-button-danger-hover hover:after:button-danger-hover-gradient", "active:bg-ui-button-danger-pressed active:after:button-danger-pressed-gradient", "focus-visible:shadow-buttons-danger-focus"),
+        },
+        size: {
+            small: "txt-compact-small-plus gap-x-1.5 px-2 py-1",
+            base: "txt-compact-small-plus gap-x-1.5 px-3 py-1.5",
+            large: "txt-compact-medium-plus gap-x-1.5 px-4 py-2.5",
+            xlarge: "txt-compact-large-plus gap-x-1.5 px-5 py-3.5",
+        },
+    },
+    defaultVariants: {
+        size: "base",
+        variant: "primary",
+    },
+});
+/**
+ * This component is based on the `button` element and supports all of its props
+ */
+const Button = React.forwardRef(({ 
+/**
+ * The button's style.
+ */
+variant = "primary", 
+/**
+ * The button's size.
+ */
+size = "base", className, 
+/**
+ * Whether to remove the wrapper `button` element and use the
+ * passed child element instead.
+ */
+asChild = false, 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(buttonVariants({ variant, size }), className), disabled: disabled || isLoading }, renderInner()));
+});
+Button.displayName = "Button";
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/button/button.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,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,cAAc,GAAG,GAAG,CAAC;IACzB,IAAI,EAAE,GAAG,CACP,8GAA8G,EAC9G,8IAA8I,EAC9I,qEAAqE,CACtE;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,GAAG,CACV,0GAA0G,EAC1G,8EAA8E,EAC9E,oFAAoF,EACpF,8CAA8C,CAC/C;YACD,SAAS,EAAE,GAAG,CACZ,2FAA2F,EAC3F,4EAA4E,EAC5E,kFAAkF,EAClF,4CAA4C,CAC7C;YACD,WAAW,EAAE,GAAG,CACd,cAAc,EACd,0CAA0C,EAC1C,sCAAsC,EACtC,yCAAyC,EACzC,wEAAwE,EACxE,gDAAgD,CACjD;YACD,MAAM,EAAE,GAAG,CACT,mHAAmH,EACnH,0EAA0E,EAC1E,gFAAgF,EAChF,2CAA2C,CAC5C;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,4CAA4C;YACnD,IAAI,EAAE,8CAA8C;YACpD,KAAK,EAAE,+CAA+C;YACtD,MAAM,EAAE,8CAA8C;SACvD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAA;AASF;;GAEG;AACH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE;AACE;;GAEG;AACH,OAAO,GAAG,SAAS;AACnB;;GAEG;AACH,IAAI,GAAG,MAAM,EACb,SAAS;AACT;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,QAAQ;AACR;;GAEG;AACH,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,GAAG,KAAK,EACI,EACd,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,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAC5D,QAAQ,EAAE,QAAQ,IAAI,SAAS,IAE9B,WAAW,EAAE,CACJ,CACb,CAAA;AACH,CAAC,CACF,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA","sourcesContent":["import { cva, type VariantProps } from \"cva\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { Spinner } from \"@acmekit/icons\"\n\nconst buttonVariants = cva({\n  base: clx(\n    \"transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none\",\n    \"disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled disabled:shadow-buttons-neutral disabled:after:hidden\",\n    \"after:transition-fg after:absolute after:inset-0 after:content-['']\"\n  ),\n  variants: {\n    variant: {\n      primary: clx(\n        \"shadow-buttons-inverted text-ui-contrast-fg-primary bg-ui-button-inverted after:button-inverted-gradient\",\n        \"hover:bg-ui-button-inverted-hover hover:after:button-inverted-hover-gradient\",\n        \"active:bg-ui-button-inverted-pressed active:after:button-inverted-pressed-gradient\",\n        \"focus-visible:!shadow-buttons-inverted-focus\"\n      ),\n      secondary: clx(\n        \"shadow-buttons-neutral text-ui-fg-base bg-ui-button-neutral after:button-neutral-gradient\",\n        \"hover:bg-ui-button-neutral-hover hover:after:button-neutral-hover-gradient\",\n        \"active:bg-ui-button-neutral-pressed active:after:button-neutral-pressed-gradient\",\n        \"focus-visible:shadow-buttons-neutral-focus\"\n      ),\n      transparent: clx(\n        \"after:hidden\",\n        \"text-ui-fg-base 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      danger: clx(\n        \"shadow-buttons-colored shadow-buttons-danger text-ui-fg-on-color bg-ui-button-danger after:button-danger-gradient\",\n        \"hover:bg-ui-button-danger-hover hover:after:button-danger-hover-gradient\",\n        \"active:bg-ui-button-danger-pressed active:after:button-danger-pressed-gradient\",\n        \"focus-visible:shadow-buttons-danger-focus\"\n      ),\n    },\n    size: {\n      small: \"txt-compact-small-plus gap-x-1.5 px-2 py-1\",\n      base: \"txt-compact-small-plus gap-x-1.5 px-3 py-1.5\",\n      large: \"txt-compact-medium-plus gap-x-1.5 px-4 py-2.5\",\n      xlarge: \"txt-compact-large-plus gap-x-1.5 px-5 py-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n    variant: \"primary\",\n  },\n})\n\ninterface ButtonProps\n  extends React.ComponentPropsWithoutRef<\"button\">,\n    VariantProps<typeof buttonVariants> {\n  isLoading?: boolean\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `button` element and supports all of its props\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      /**\n       * The button's style.\n       */\n      variant = \"primary\",\n      /**\n       * The button's size.\n       */\n      size = \"base\",\n      className,\n      /**\n       * Whether to remove the wrapper `button` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      children,\n      /**\n       * Whether to show a loading spinner.\n       */\n      isLoading = false,\n      disabled,\n      ...props\n    }: ButtonProps,\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(buttonVariants({ variant, size }), className)}\n        disabled={disabled || isLoading}\n      >\n        {renderInner()}\n      </Component>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"]}

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

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

package/dist/esm/components/button/index.d.ts.map

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

package/dist/esm/components/button/index.js

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

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

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

package/dist/esm/components/calendar/_internal-calendar.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { DateValue, type CalendarProps } from "react-aria";
+/**
+ * InternalCalendar is the internal implementation of the Calendar component.
+ * It's not for public use, but only used for other components like DatePicker.
+ */
+declare const InternalCalendar: <TDateValue extends DateValue>(props: CalendarProps<TDateValue>) => React.JSX.Element;
+export { InternalCalendar };
+//# sourceMappingURL=_internal-calendar.d.ts.map

package/dist/esm/components/calendar/_internal-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_internal-calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/_internal-calendar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACH,SAAS,EAGT,KAAK,aAAa,EACrB,MAAM,YAAY,CAAA;AAMnB;;;GAGG;AACH,QAAA,MAAM,gBAAgB,GAAI,UAAU,SAAS,SAAS,EACpD,OAAO,aAAa,CAAC,UAAU,CAAC,sBA6BjC,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/esm/components/calendar/_internal-calendar.js

@@ -0,0 +1,32 @@
+"use client";
+import { createCalendar } from "@internationalized/date";
+import { TriangleLeftMini, TriangleRightMini } from "@acmekit/icons";
+import * as React from "react";
+import { useCalendar, useLocale, } from "react-aria";
+import { useCalendarState } from "react-stately";
+import { CalendarButton } from "./calendar-button";
+import { CalendarGrid } from "./calendar-grid";
+/**
+ * InternalCalendar is the internal implementation of the Calendar component.
+ * It's not for public use, but only used for other components like DatePicker.
+ */
+const InternalCalendar = (props) => {
+    const { locale } = useLocale();
+    const state = useCalendarState({
+        ...props,
+        locale,
+        createCalendar,
+    });
+    const { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(props, state);
+    return (React.createElement("div", { ...calendarProps, className: "flex flex-col gap-y-2" },
+        React.createElement("div", { className: "bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5" },
+            React.createElement(CalendarButton, { ...prevButtonProps },
+                React.createElement(TriangleLeftMini, null)),
+            React.createElement("div", { className: "flex items-center justify-center" },
+                React.createElement("h2", { className: "txt-compact-small-plus" }, title)),
+            React.createElement(CalendarButton, { ...nextButtonProps },
+                React.createElement(TriangleRightMini, null))),
+        React.createElement(CalendarGrid, { state: state })));
+};
+export { InternalCalendar };
+//# sourceMappingURL=_internal-calendar.js.map

package/dist/esm/components/calendar/_internal-calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_internal-calendar.js","sourceRoot":"","sources":["../../../../src/components/calendar/_internal-calendar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEH,WAAW,EACX,SAAS,GAEZ,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CACvB,KAAgC,EAChC,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAE9B,MAAM,KAAK,GAAG,gBAAgB,CAAC;QAC7B,GAAG,KAAK;QACR,MAAM;QACN,cAAc;KACf,CAAC,CAAA;IAEF,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,GAC9D,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAE3B,OAAO,CACL,gCAAS,aAAa,EAAE,SAAS,EAAC,uBAAuB;QACvD,6BAAK,SAAS,EAAC,sGAAsG;YACnH,oBAAC,cAAc,OAAK,eAAe;gBACjC,oBAAC,gBAAgB,OAAG,CACL;YACjB,6BAAK,SAAS,EAAC,kCAAkC;gBAC/C,4BAAI,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAM,CAC/C;YACN,oBAAC,cAAc,OAAK,eAAe;gBACjC,oBAAC,iBAAiB,OAAG,CACN,CACb;QACN,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAC1B,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport { createCalendar } from \"@internationalized/date\"\nimport { TriangleLeftMini, TriangleRightMini } from \"@acmekit/icons\"\nimport * as React from \"react\"\nimport {\n    DateValue,\n    useCalendar,\n    useLocale,\n    type CalendarProps,\n} from \"react-aria\"\nimport { useCalendarState } from \"react-stately\"\n\nimport { CalendarButton } from \"./calendar-button\"\nimport { CalendarGrid } from \"./calendar-grid\"\n\n/**\n * InternalCalendar is the internal implementation of the Calendar component.\n * It's not for public use, but only used for other components like DatePicker.\n */\nconst InternalCalendar = <TDateValue extends DateValue>(\n  props: CalendarProps<TDateValue>\n) => {\n  const { locale } = useLocale()\n\n  const state = useCalendarState({\n    ...props,\n    locale,\n    createCalendar,\n  })\n\n  const { calendarProps, prevButtonProps, nextButtonProps, title } =\n    useCalendar(props, state)\n\n  return (\n    <div {...calendarProps} className=\"flex flex-col gap-y-2\">\n      <div className=\"bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5\">\n        <CalendarButton {...prevButtonProps}>\n          <TriangleLeftMini />\n        </CalendarButton>\n        <div className=\"flex items-center justify-center\">\n          <h2 className=\"txt-compact-small-plus\">{title}</h2>\n        </div>\n        <CalendarButton {...nextButtonProps}>\n          <TriangleRightMini />\n        </CalendarButton>\n      </div>\n      <CalendarGrid state={state} />\n    </div>\n  )\n}\n\nexport { InternalCalendar }\n"]}

package/dist/esm/components/calendar/calendar-button.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { AriaButtonProps } from "react-aria";
+interface CalendarButtonProps extends AriaButtonProps<"button"> {
+}
+declare const CalendarButton: React.ForwardRefExoticComponent<CalendarButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { CalendarButton };
+//# sourceMappingURL=calendar-button.d.ts.map

package/dist/esm/components/calendar/calendar-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-button.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendar-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAa,MAAM,YAAY,CAAA;AAIvD,UAAU,mBAAoB,SAAQ,eAAe,CAAC,QAAQ,CAAC;CAAG;AAElE,QAAA,MAAM,cAAc,+FAkBnB,CAAA;AAGD,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/components/calendar/calendar-button.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { useButton } from "react-aria";
+import { IconButton } from "../icon-button";
+const CalendarButton = React.forwardRef(({ children, ...props }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const { buttonProps } = useButton(props, innerRef);
+    return (React.createElement(IconButton, { size: "small", variant: "transparent", className: "rounded-[4px]", ...buttonProps }, children));
+});
+CalendarButton.displayName = "CalendarButton";
+export { CalendarButton };
+//# sourceMappingURL=calendar-button.js.map

package/dist/esm/components/calendar/calendar-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-button.js","sourceRoot":"","sources":["../../../../src/components/calendar/calendar-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAA;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAIrD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9B,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAA;IACtD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAA4B,CAAC,CAAA;IAE3E,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAElD,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,eAAe,KACrB,WAAW,IAEd,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CACF,CAAA;AACD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,OAAO,EAAE,cAAc,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\nimport { AriaButtonProps, useButton } from \"react-aria\"\n\nimport { IconButton } from \"@/components/icon-button\"\n\ninterface CalendarButtonProps extends AriaButtonProps<\"button\"> {}\n\nconst CalendarButton = React.forwardRef<HTMLButtonElement, CalendarButtonProps>(\n  ({ children, ...props }, ref) => {\n    const innerRef = React.useRef<HTMLButtonElement>(null)\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLButtonElement)\n\n    const { buttonProps } = useButton(props, innerRef)\n\n    return (\n      <IconButton\n        size=\"small\"\n        variant=\"transparent\"\n        className=\"rounded-[4px]\"\n        {...buttonProps}\n      >\n        {children}\n      </IconButton>\n    )\n  }\n)\nCalendarButton.displayName = \"CalendarButton\"\n\nexport { CalendarButton }\n"]}

package/dist/esm/components/calendar/calendar-cell.d.ts

@@ -0,0 +1,10 @@
+import { CalendarDate } from "@internationalized/date";
+import * as React from "react";
+import { CalendarState } from "react-stately";
+interface CalendarCellProps {
+    date: CalendarDate;
+    state: CalendarState;
+}
+declare const CalendarCell: ({ state, date }: CalendarCellProps) => React.JSX.Element;
+export { CalendarCell };
+//# sourceMappingURL=calendar-cell.d.ts.map

package/dist/esm/components/calendar/calendar-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendar-cell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAI7C,UAAU,iBAAiB;IACzB,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,EAAE,aAAa,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,GAAI,iBAAiB,iBAAiB,sBA8CvD,CAAA;AAcD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/esm/components/calendar/calendar-cell.js

@@ -0,0 +1,30 @@
+"use client";
+import * as React from "react";
+import { useCalendarCell } from "react-aria";
+import { clx } from "../../utils/clx";
+const CalendarCell = ({ state, date }) => {
+    const ref = React.useRef(null);
+    const { cellProps, buttonProps, isSelected, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate, } = useCalendarCell({ date }, state, ref);
+    const isToday = getIsToday(date);
+    return (React.createElement("td", { ...cellProps, className: "p-1" },
+        React.createElement("div", { ...buttonProps, ref: ref, hidden: isOutsideVisibleRange, className: clx("bg-ui-bg-base txt-compact-small relative flex size-8 items-center justify-center rounded-md outline-none transition-fg border border-transparent", "hover:bg-ui-bg-base-hover", "focus-visible:shadow-borders-focus focus-visible:border-ui-border-interactive", {
+                "!bg-ui-bg-interactive !text-ui-fg-on-color": isSelected,
+                "hidden": isOutsideVisibleRange,
+                "text-ui-fg-muted hover:!bg-ui-bg-base cursor-default": isDisabled || isUnavailable,
+            }) },
+            formattedDate,
+            isToday && (React.createElement("div", { role: "none", className: clx("bg-ui-bg-interactive absolute bottom-[3px] left-1/2 size-[3px] -translate-x-1/2 rounded-full transition-fg", {
+                    "bg-ui-fg-on-color": isSelected,
+                }) })))));
+};
+/**
+ * Check if the date is today. The CalendarDate is using a 1-based index for the month.
+ * @returns Whether the CalendarDate is today.
+ */
+function getIsToday(date) {
+    const today = new Date();
+    return ([date.year, date.month, date.day].join("-") ===
+        [today.getFullYear(), today.getMonth() + 1, today.getDate()].join("-"));
+}
+export { CalendarCell };
+//# sourceMappingURL=calendar-cell.js.map

package/dist/esm/components/calendar/calendar-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-cell.js","sourceRoot":"","sources":["../../../../src/components/calendar/calendar-cell.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAGZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAG5C,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAOjC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAqB,EAAE,EAAE;IAC1D,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC9B,MAAM,EACJ,SAAS,EACT,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,UAAU,EACV,aAAa,EACb,aAAa,GACd,GAAG,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;IAEzC,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAA;IAEhC,OAAO,CACL,+BAAQ,SAAS,EAAE,SAAS,EAAC,KAAK;QAChC,gCACM,WAAW,EACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAE,GAAG,CACZ,kJAAkJ,EAClJ,2BAA2B,EAC3B,+EAA+E,EAC/E;gBACE,4CAA4C,EAAE,UAAU;gBACxD,QAAQ,EAAE,qBAAqB;gBAC/B,sDAAsD,EAAE,UAAU,IAAI,aAAa;aACpF,CACF;YAEA,aAAa;YACb,OAAO,IAAI,CACV,6BACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,GAAG,CACZ,4GAA4G,EAC5G;oBACE,mBAAmB,EAAE,UAAU;iBAChC,CACF,GACD,CACH,CACG,CACH,CACN,CAAA;AACH,CAAC,CAAA;AAED;;;GAGG;AACH,SAAS,UAAU,CAAC,IAAkB;IACpC,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACxB,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3C,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CACvE,CAAA;AACH,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport { CalendarDate } from \"@internationalized/date\"\nimport * as React from \"react\"\nimport { useCalendarCell } from \"react-aria\"\nimport { CalendarState } from \"react-stately\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface CalendarCellProps {\n  date: CalendarDate\n  state: CalendarState\n}\n\nconst CalendarCell = ({ state, date }: CalendarCellProps) => {\n  const ref = React.useRef(null)\n  const {\n    cellProps,\n    buttonProps,\n    isSelected,\n    isOutsideVisibleRange,\n    isDisabled,\n    isUnavailable,\n    formattedDate,\n  } = useCalendarCell({ date }, state, ref)\n\n  const isToday = getIsToday(date)\n\n  return (\n    <td {...cellProps} className=\"p-1\">\n      <div\n        {...buttonProps}\n        ref={ref}\n        hidden={isOutsideVisibleRange}\n        className={clx(\n          \"bg-ui-bg-base txt-compact-small relative flex size-8 items-center justify-center rounded-md outline-none transition-fg border border-transparent\",\n          \"hover:bg-ui-bg-base-hover\",\n          \"focus-visible:shadow-borders-focus focus-visible:border-ui-border-interactive\",\n          {\n            \"!bg-ui-bg-interactive !text-ui-fg-on-color\": isSelected,\n            \"hidden\": isOutsideVisibleRange,\n            \"text-ui-fg-muted hover:!bg-ui-bg-base cursor-default\": isDisabled || isUnavailable,\n          }\n        )}\n      >\n        {formattedDate}\n        {isToday && (\n          <div\n            role=\"none\"\n            className={clx(\n              \"bg-ui-bg-interactive absolute bottom-[3px] left-1/2 size-[3px] -translate-x-1/2 rounded-full transition-fg\",\n              {\n                \"bg-ui-fg-on-color\": isSelected,\n              }\n            )}\n          />\n        )}\n      </div>\n    </td>\n  )\n}\n\n/**\n * Check if the date is today. The CalendarDate is using a 1-based index for the month.\n * @returns Whether the CalendarDate is today.\n */\nfunction getIsToday(date: CalendarDate) {\n  const today = new Date()\n  return (\n    [date.year, date.month, date.day].join(\"-\") ===\n    [today.getFullYear(), today.getMonth() + 1, today.getDate()].join(\"-\")\n  )\n}\n\nexport { CalendarCell }\n"]}

package/dist/esm/components/calendar/calendar-grid.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { AriaCalendarGridProps } from "react-aria";
+import { CalendarState } from "react-stately";
+interface CalendarGridProps extends AriaCalendarGridProps {
+    state: CalendarState;
+}
+declare const CalendarGrid: ({ state, ...props }: CalendarGridProps) => React.JSX.Element;
+export { CalendarGrid };
+//# sourceMappingURL=calendar-grid.d.ts.map

package/dist/esm/components/calendar/calendar-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendar-grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAA8B,MAAM,YAAY,CAAA;AAE9E,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAG7C,UAAU,iBAAkB,SAAQ,qBAAqB;IACvD,KAAK,EAAE,aAAa,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,GAAI,qBAAqB,iBAAiB,sBAgC3D,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/esm/components/calendar/calendar-grid.js

@@ -0,0 +1,17 @@
+import { getWeeksInMonth } from "@internationalized/date";
+import * as React from "react";
+import { useCalendarGrid, useLocale } from "react-aria";
+import { CalendarCell } from "./calendar-cell";
+const CalendarGrid = ({ state, ...props }) => {
+    const { locale } = useLocale();
+    const { gridProps, headerProps, weekDays } = useCalendarGrid(props, state);
+    const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);
+    return (React.createElement("table", { ...gridProps },
+        React.createElement("thead", { ...headerProps },
+            React.createElement("tr", null, weekDays.map((day, index) => (React.createElement("th", { key: index, className: "txt-compact-small-plus text-ui-fg-muted size-8 p-1 rounded-md" }, day))))),
+        React.createElement("tbody", null, [...new Array(weeksInMonth).keys()].map((weekIndex) => (React.createElement("tr", { key: weekIndex }, state
+            .getDatesInWeek(weekIndex)
+            .map((date, i) => date ? (React.createElement(CalendarCell, { key: i, state: state, date: date })) : (React.createElement("td", { key: i })))))))));
+};
+export { CalendarGrid };
+//# sourceMappingURL=calendar-grid.js.map

package/dist/esm/components/calendar/calendar-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-grid.js","sourceRoot":"","sources":["../../../../src/components/calendar/calendar-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAyB,eAAe,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAG9E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAM9C,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAqB,EAAE,EAAE;IAC9D,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAE1E,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAEtE,OAAO,CACL,kCAAW,SAAS;QAClB,kCAAW,WAAW;YACpB,gCACG,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,+DAA+D,IAAE,GAAG,CAAM,CACrG,CAAC,CACC,CACC;QACR,mCACG,CAAC,GAAG,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CACtD,4BAAI,GAAG,EAAE,SAAS,IACf,KAAK;aACH,cAAc,CAAC,SAAS,CAAC;aACzB,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CACf,IAAI,CAAC,CAAC,CAAC,CACL,oBAAC,YAAY,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACnD,CAAC,CAAC,CAAC,CACF,4BAAI,GAAG,EAAE,CAAC,GAAI,CACf,CACF,CACA,CACN,CAAC,CACI,CACF,CACT,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA","sourcesContent":["import { getWeeksInMonth } from \"@internationalized/date\"\nimport * as React from \"react\"\nimport { AriaCalendarGridProps, useCalendarGrid, useLocale } from \"react-aria\"\n\nimport { CalendarState } from \"react-stately\"\nimport { CalendarCell } from \"./calendar-cell\"\n\ninterface CalendarGridProps extends AriaCalendarGridProps {\n  state: CalendarState\n}\n\nconst CalendarGrid = ({ state, ...props }: CalendarGridProps) => {\n  const { locale } = useLocale()\n  const { gridProps, headerProps, weekDays } = useCalendarGrid(props, state)\n\n  const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale)\n\n  return (\n    <table {...gridProps}>\n      <thead {...headerProps}>\n        <tr>\n          {weekDays.map((day, index) => (\n            <th key={index} className=\"txt-compact-small-plus text-ui-fg-muted size-8 p-1 rounded-md\">{day}</th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {[...new Array(weeksInMonth).keys()].map((weekIndex) => (\n          <tr key={weekIndex}>\n            {state\n              .getDatesInWeek(weekIndex)\n              .map((date, i) =>\n                date ? (\n                  <CalendarCell key={i} state={state} date={date} />\n                ) : (\n                  <td key={i} />\n                )\n              )}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  )\n}\n\nexport { CalendarGrid }\n"]}

package/dist/esm/components/calendar/calendar.d.ts

@@ -0,0 +1,40 @@
+import { CalendarDate } from "@internationalized/date";
+import * as React from "react";
+import { type CalendarProps as BaseCalendarProps } from "react-aria";
+interface CalendarValueProps {
+    /**
+     * The currently selected date.
+     */
+    value?: Date | null;
+    /**
+     * The date that is selected when the calendar first mounts (uncontrolled).
+     */
+    defaultValue?: Date | null;
+    /**
+     * A function that is triggered when the selected date changes.
+     */
+    onChange?: (value: Date | null) => void;
+    /**
+     * A function that determines whether a date is unavailable for selection.
+     */
+    isDateUnavailable?: (date: Date) => boolean;
+    /**
+     * The minimum date that can be selected.
+     */
+    minValue?: Date;
+    /**
+     * The maximum date that can be selected.
+     */
+    maxValue?: Date;
+}
+interface CalendarProps extends Omit<BaseCalendarProps<CalendarDate>, keyof CalendarValueProps>, CalendarValueProps {
+}
+/**
+ * Calendar component used to select a date.
+ * Its props are based on [React Aria Calendar](https://react-spectrum.adobe.com/react-aria/Calendar.html#calendar-1).
+ *
+ * @excludeExternal
+ */
+declare const Calendar: (props: CalendarProps) => React.JSX.Element;
+export { Calendar };
+//# sourceMappingURL=calendar.d.ts.map

package/dist/esm/components/calendar/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAGb,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAIL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,YAAY,CAAA;AAQnB,UAAU,kBAAkB;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAA;CAChB;AAED,UAAU,aACR,SAAQ,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,MAAM,kBAAkB,CAAC,EACrE,kBAAkB;CAAG;AAEzB;;;;;GAKG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,sBAsCrC,CAAA;AAsCD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/calendar/calendar.js

@@ -0,0 +1,59 @@
+"use client";
+import { createCalendar, getLocalTimeZone } from "@internationalized/date";
+import { TriangleLeftMini, TriangleRightMini } from "@acmekit/icons";
+import * as React from "react";
+import { useCalendar, useLocale, } from "react-aria";
+import { useCalendarState } from "react-stately";
+import { createCalendarDate, getDefaultCalendarDate, updateCalendarDate } from "../../utils/calendar";
+import { CalendarButton } from "./calendar-button";
+import { CalendarGrid } from "./calendar-grid";
+/**
+ * Calendar component used to select a date.
+ * Its props are based on [React Aria Calendar](https://react-spectrum.adobe.com/react-aria/Calendar.html#calendar-1).
+ *
+ * @excludeExternal
+ */
+const Calendar = (props) => {
+    const [value, setValue] = React.useState(() => getDefaultCalendarDate(props.value, props.defaultValue));
+    const { locale } = useLocale();
+    const _props = React.useMemo(() => convertProps(props, setValue), [props]);
+    const state = useCalendarState({
+        ..._props,
+        value,
+        locale,
+        createCalendar,
+    });
+    React.useEffect(() => {
+        setValue(props.value ? updateCalendarDate(value, props.value) : null);
+    }, [props.value]);
+    const { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar({ value, ..._props }, state);
+    return (React.createElement("div", { ...calendarProps, className: "flex flex-col gap-y-2" },
+        React.createElement("div", { className: "bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5" },
+            React.createElement(CalendarButton, { ...prevButtonProps },
+                React.createElement(TriangleLeftMini, null)),
+            React.createElement("div", { className: "flex items-center justify-center" },
+                React.createElement("h2", { className: "txt-compact-small-plus" }, title)),
+            React.createElement(CalendarButton, { ...nextButtonProps },
+                React.createElement(TriangleRightMini, null))),
+        React.createElement(CalendarGrid, { state: state })));
+};
+function convertProps(props, setValue) {
+    const { minValue, maxValue, isDateUnavailable: _isDateUnavailable, onChange: _onChange, value: __value__, defaultValue: __defaultValue__, ...rest } = props;
+    const onChange = (value) => {
+        setValue(value);
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(value ? value.toDate(getLocalTimeZone()) : null);
+    };
+    const isDateUnavailable = (date) => {
+        const _date = date.toDate(getLocalTimeZone());
+        return _isDateUnavailable ? _isDateUnavailable(_date) : false;
+    };
+    return {
+        ...rest,
+        onChange,
+        isDateUnavailable,
+        minValue: minValue ? createCalendarDate(minValue) : minValue,
+        maxValue: maxValue ? createCalendarDate(maxValue) : maxValue,
+    };
+}
+export { Calendar };
+//# sourceMappingURL=calendar.js.map