@nergora/ui 0.0.0-stage → 1.0.8

package/dist/cjs/components/container/container.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx.js");
+/**
+ * This component is based on the `div` element and supports all of its props
+ */
+const Container = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: (0, clx_1.clx)("shadow-elevation-card-rest bg-ui-bg-base w-full rounded-lg px-6 py-4", className), ...props }));
+});
+exports.Container = Container;
+Container.displayName = "Container";
+//# sourceMappingURL=container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/container/container.tsx"],"names":[],"mappings":";;;;AAAA,qDAA8B;AAE9B,qCAAiC;AAEjC;;GAEG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,sEAAsE,EACtE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAGO,8BAAS;AAFlB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Container = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\n        \"shadow-elevation-card-rest bg-ui-bg-base w-full rounded-lg px-6 py-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nContainer.displayName = \"Container\"\n\nexport { Container }\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import React from "react";
+/**
+ * This component is based on the `button` element and supports all of its props
+ */
+declare const Copy: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLButtonElement> & {
+    content: string;
+    variant?: "mini" | "default" | null;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Copy };
+//# sourceMappingURL=copy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../../../../src/components/copy/copy.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC;;GAEG;AACH,QAAA,MAAM,IAAI;aARC,MAAM;cACL,MAAM,GAAG,SAAS,GAAG,IAAI;cACzB,OAAO;2CAkGlB,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/cjs/components/copy/copy.js

@@ -0,0 +1,59 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Copy = void 0;
+const tslib_1 = require("tslib");
+const tooltip_1 = require("../tooltip/index.js");
+const clx_1 = require("../../utils/clx.js");
+const icons_1 = require("@nergora/icons");
+const copy_to_clipboard_1 = tslib_1.__importDefault(require("copy-to-clipboard"));
+const radix_ui_1 = require("radix-ui");
+const react_1 = tslib_1.__importStar(require("react"));
+/**
+ * This component is based on the `button` element and supports all of its props
+ */
+const Copy = react_1.default.forwardRef(({ children, className, 
+/**
+ * The content to copy.
+ */
+content, 
+/**
+ * The variant of the copy button.
+ */
+variant = "default", 
+/**
+ * Whether to remove the wrapper `button` element and use the
+ * passed child element instead.
+ */
+asChild = false, ...props }, ref) => {
+    const [done, setDone] = (0, react_1.useState)(false);
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [text, setText] = (0, react_1.useState)("Copy");
+    const copyToClipboard = (e) => {
+        e.stopPropagation();
+        setDone(true);
+        (0, copy_to_clipboard_1.default)(content);
+        setTimeout(() => {
+            setDone(false);
+        }, 2000);
+    };
+    react_1.default.useEffect(() => {
+        if (done) {
+            setText("Copied");
+            return;
+        }
+        setTimeout(() => {
+            setText("Copy");
+        }, 500);
+    }, [done]);
+    const isDefaultVariant = (variant) => {
+        return variant === "default";
+    };
+    const isDefault = isDefaultVariant(variant);
+    const Component = asChild ? radix_ui_1.Slot.Root : "button";
+    return (react_1.default.createElement(tooltip_1.Tooltip, { content: text, open: done || open, onOpenChange: setOpen },
+        react_1.default.createElement(Component, { ref: ref, "aria-label": "Copy code snippet", type: "button", className: (0, clx_1.clx)("h-fit w-fit", className), onClick: copyToClipboard, ...props }, children ? (children) : done ? (isDefault ? (react_1.default.createElement(icons_1.CheckCircleSolid, { className: "text-ui-fg-subtle" })) : (react_1.default.createElement(icons_1.CheckCircleMiniSolid, { className: "text-ui-fg-subtle" }))) : isDefault ? (react_1.default.createElement(icons_1.SquareTwoStack, { className: "text-ui-fg-subtle" })) : (react_1.default.createElement(icons_1.SquareTwoStackMini, { className: "text-ui-fg-subtle" })))));
+});
+exports.Copy = Copy;
+Copy.displayName = "Copy";
+//# sourceMappingURL=copy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"copy.js","sourceRoot":"","sources":["../../../../src/components/copy/copy.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,kDAA8C;AAC9C,qCAAiC;AACjC,0CAKuB;AACvB,kFAAoC;AACpC,uCAA+B;AAC/B,uDAAuC;AAQvC;;GAEG;AACH,MAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAC3B,CACE,EACE,QAAQ,EACR,SAAS;AACT;;GAEG;AACH,OAAO;AACP;;GAEG;AACH,OAAO,GAAG,SAAS;AACnB;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACE,EACZ,GAAG,EACH,EAAE;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAA;IAExC,MAAM,eAAe,GAAG,CACtB,CAEmD,EACnD,EAAE;QACF,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,OAAO,CAAC,IAAI,CAAC,CAAA;QACb,IAAA,2BAAI,EAAC,OAAO,CAAC,CAAA;QAEb,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,CAAA;IAED,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,CAAC,QAAQ,CAAC,CAAA;YACjB,OAAM;QACR,CAAC;QAED,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,CAAC,MAAM,CAAC,CAAA;QACjB,CAAC,EAAE,GAAG,CAAC,CAAA;IACT,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,gBAAgB,GAAG,CACvB,OAAuB,EACD,EAAE;QACxB,OAAO,OAAO,KAAK,SAAS,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAE3C,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,eAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEhD,OAAO,CACL,8BAAC,iBAAO,IAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,YAAY,EAAE,OAAO;QAC/D,8BAAC,SAAS,IACR,GAAG,EAAE,GAAG,gBACG,mBAAmB,EAC9B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,SAAG,EACZ,aAAa,EACb,SAAS,CACV,EACD,OAAO,EAAE,eAAe,KACpB,KAAK,IAER,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CACT,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,SAAS,CAAC,CAAC,CAAC,CACV,8BAAC,wBAAgB,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACnD,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAoB,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACvD,CACF,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,8BAAC,sBAAc,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACjD,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAkB,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACrD,CACS,CACJ,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA","sourcesContent":["\"use client\"\n\nimport { Tooltip } from \"@/components/tooltip\"\nimport { clx } from \"@/utils/clx\"\nimport {\n  CheckCircleMiniSolid,\n  CheckCircleSolid,\n  SquareTwoStack,\n  SquareTwoStackMini,\n} from \"@nergora/icons\"\nimport copy from \"copy-to-clipboard\"\nimport { Slot } from \"radix-ui\"\nimport React, { useState } from \"react\"\n\ntype CopyProps = React.HTMLAttributes<HTMLButtonElement> & {\n  content: string\n  variant?: \"mini\" | \"default\" | null\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `button` element and supports all of its props\n */\nconst Copy = React.forwardRef<HTMLButtonElement, CopyProps>(\n  (\n    {\n      children,\n      className,\n      /**\n       * The content to copy.\n       */\n      content,\n      /**\n       * The variant of the copy button.\n       */\n      variant = \"default\",\n      /**\n       * Whether to remove the wrapper `button` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      ...props\n    }: CopyProps,\n    ref\n  ) => {\n    const [done, setDone] = useState(false)\n    const [open, setOpen] = useState(false)\n    const [text, setText] = useState(\"Copy\")\n\n    const copyToClipboard = (\n      e:\n        | React.MouseEvent<HTMLElement, MouseEvent>\n        | React.MouseEvent<HTMLButtonElement, MouseEvent>\n    ) => {\n      e.stopPropagation()\n\n      setDone(true)\n      copy(content)\n\n      setTimeout(() => {\n        setDone(false)\n      }, 2000)\n    }\n\n    React.useEffect(() => {\n      if (done) {\n        setText(\"Copied\")\n        return\n      }\n\n      setTimeout(() => {\n        setText(\"Copy\")\n      }, 500)\n    }, [done])\n\n    const isDefaultVariant = (\n      variant?: string | null\n    ): variant is \"default\" => {\n      return variant === \"default\"\n    }\n\n    const isDefault = isDefaultVariant(variant)\n\n    const Component = asChild ? Slot.Root : \"button\"\n\n    return (\n      <Tooltip content={text} open={done || open} onOpenChange={setOpen}>\n        <Component\n          ref={ref}\n          aria-label=\"Copy code snippet\"\n          type=\"button\"\n          className={clx(\n            \"h-fit w-fit\",\n            className\n          )}\n          onClick={copyToClipboard}\n          {...props}\n        >\n          {children ? (\n            children\n          ) : done ? (\n            isDefault ? (\n              <CheckCircleSolid className=\"text-ui-fg-subtle\" />\n            ) : (\n              <CheckCircleMiniSolid className=\"text-ui-fg-subtle\" />\n            )\n          ) : isDefault ? (\n            <SquareTwoStack className=\"text-ui-fg-subtle\" />\n          ) : (\n            <SquareTwoStackMini className=\"text-ui-fg-subtle\" />\n          )}\n        </Component>\n      </Tooltip>\n    )\n  }\n)\nCopy.displayName = \"Copy\"\n\nexport { Copy }\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,72 @@
+import * as React from "react";
+import Primitive from "react-currency-input-field";
+import { VariantProps } from "cva";
+declare const currencyInputVariants: (props?: ({
+    size?: "base" | "small" | 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 CurrencyInputProps extends Omit<React.ComponentPropsWithoutRef<typeof Primitive>, "prefix" | "suffix" | "size">, VariantProps<typeof currencyInputVariants> {
+    symbol: string;
+    code: string;
+}
+/**
+ * This component is based on the input element and supports all of its props
+ *
+ * @excludeExternal
+ */
+declare const CurrencyInput: React.ForwardRefExoticComponent<CurrencyInputProps & React.RefAttributes<HTMLInputElement>>;
+export { CurrencyInput };
+//# sourceMappingURL=currency-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"currency-input.d.ts","sourceRoot":"","sources":["../../../../src/components/currency-input/currency-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAIlD,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AAEvC,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAezB,CAAA;AAEF,UAAU,kBACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAChD,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAC7B,EACD,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACb;AAED;;;;GAIG;AACH,QAAA,MAAM,aAAa,6FA0HlB,CAAA;AAGD,OAAO,EAAE,aAAa,EAAE,CAAA"}

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

@@ -0,0 +1,89 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CurrencyInput = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_currency_input_field_1 = tslib_1.__importDefault(require("react-currency-input-field"));
+const text_1 = require("../text/index.js");
+const clx_1 = require("../../utils/clx.js");
+const cva_1 = require("cva");
+const currencyInputVariants = (0, cva_1.cva)({
+    base: (0, clx_1.clx)("flex items-center gap-x-1", "bg-ui-bg-field hover:bg-ui-bg-field-hover shadow-buttons-neutral placeholder-ui-fg-muted text-ui-fg-base transition-fg relative w-full rounded-md", "focus-within:shadow-borders-interactive-with-active"),
+    variants: {
+        size: {
+            base: "txt-compact-medium h-8",
+            small: "txt-compact-small h-7",
+        },
+    },
+    defaultVariants: {
+        size: "base",
+    },
+});
+/**
+ * This component is based on the input element and supports all of its props
+ *
+ * @excludeExternal
+ */
+const CurrencyInput = React.forwardRef(({ 
+/**
+ * The input's size.
+ */
+size = "base", 
+/**
+ * The symbol to show in the input.
+ */
+symbol, 
+/**
+ * The currency code to show in the input.
+ */
+code, 
+/**
+ * Whether the input is disabled.
+ *
+ * @keep
+ * @defaultValue false
+ */
+disabled, 
+/**
+ * A function that is triggered when the input is invalid.
+ *
+ * @keep
+ */
+onInvalid, className, ...props }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const [valid, setValid] = React.useState(true);
+    const onInnerInvalid = React.useCallback((event) => {
+        setValid(event.currentTarget.validity.valid);
+        if (onInvalid) {
+            onInvalid(event);
+        }
+    }, [onInvalid]);
+    return (React.createElement("div", { onClick: () => {
+            if (innerRef.current) {
+                innerRef.current.focus();
+            }
+        }, className: (0, clx_1.clx)("w-full cursor-text justify-between overflow-hidden", currencyInputVariants({ size }), {
+            "text-ui-fg-disabled !bg-ui-bg-disabled !shadow-buttons-neutral !placeholder-ui-fg-disabled cursor-not-allowed": disabled,
+            "!shadow-borders-error invalid:!shadow-borders-error": props["aria-invalid"] || !valid,
+        }, className) },
+        React.createElement("span", { className: (0, clx_1.clx)("w-fit min-w-[32px] border-r px-2", {
+                "py-[9px]": size === "base",
+                "py-[5px]": size === "small",
+            }), role: "presentation" },
+            React.createElement(text_1.Text, { size: "small", leading: "compact", className: (0, clx_1.clx)("text-ui-fg-muted pointer-events-none select-none uppercase", {
+                    "text-ui-fg-disabled": disabled,
+                }) }, code)),
+        React.createElement(react_currency_input_field_1.default, { className: "h-full min-w-0 flex-1 appearance-none bg-transparent text-right outline-none disabled:cursor-not-allowed", disabled: disabled, onInvalid: onInnerInvalid, ref: innerRef, ...props }),
+        React.createElement("span", { className: (0, clx_1.clx)("flex w-fit min-w-[32px] items-center justify-center border-l px-2 text-right", {
+                "py-[9px]": size === "base",
+                "py-[5px]": size === "small",
+            }), role: "presentation" },
+            React.createElement(text_1.Text, { size: "small", leading: "compact", className: (0, clx_1.clx)("text-ui-fg-muted pointer-events-none select-none", {
+                    "text-ui-fg-disabled": disabled,
+                }) }, symbol))));
+});
+exports.CurrencyInput = CurrencyInput;
+CurrencyInput.displayName = "CurrencyInput";
+//# sourceMappingURL=currency-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"currency-input.js","sourceRoot":"","sources":["../../../../src/components/currency-input/currency-input.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport Primitive from \"react-currency-input-field\"\n\nimport { Text } from \"@/components/text\"\nimport { clx } from \"@/utils/clx\"\nimport { VariantProps, cva } from \"cva\"\n\nconst currencyInputVariants = cva({\n  base: clx(\n    \"flex items-center gap-x-1\",\n    \"bg-ui-bg-field hover:bg-ui-bg-field-hover shadow-buttons-neutral placeholder-ui-fg-muted text-ui-fg-base transition-fg relative w-full rounded-md\",\n    \"focus-within:shadow-borders-interactive-with-active\"\n  ),\n  variants: {\n    size: {\n      base: \"txt-compact-medium h-8\",\n      small: \"txt-compact-small h-7\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\ninterface CurrencyInputProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof Primitive>,\n      \"prefix\" | \"suffix\" | \"size\"\n    >,\n    VariantProps<typeof currencyInputVariants> {\n  symbol: string\n  code: string\n}\n\n/**\n * This component is based on the input element and supports all of its props\n *\n * @excludeExternal\n */\nconst CurrencyInput = React.forwardRef<HTMLInputElement, CurrencyInputProps>(\n  (\n    {\n      /**\n       * The input's size.\n       */\n      size = \"base\",\n      /**\n       * The symbol to show in the input.\n       */\n      symbol,\n      /**\n       * The currency code to show in the input.\n       */\n      code,\n      /**\n       * Whether the input is disabled.\n       * \n       * @keep\n       * @defaultValue false\n       */\n      disabled,\n      /**\n       * A function that is triggered when the input is invalid.\n       * \n       * @keep\n       */\n      onInvalid,\n      className,\n      ...props\n    }: CurrencyInputProps,\n    ref\n  ) => {\n    const innerRef = React.useRef<HTMLInputElement>(null)\n\n    React.useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(\n      ref,\n      () => innerRef.current\n    )\n\n    const [valid, setValid] = React.useState(true)\n\n    const onInnerInvalid = React.useCallback(\n      (event: React.FormEvent<HTMLInputElement>) => {\n        setValid(event.currentTarget.validity.valid)\n\n        if (onInvalid) {\n          onInvalid(event)\n        }\n      },\n      [onInvalid]\n    )\n\n    return (\n      <div\n        onClick={() => {\n          if (innerRef.current) {\n            innerRef.current.focus()\n          }\n        }}\n        className={clx(\n          \"w-full cursor-text justify-between overflow-hidden\",\n          currencyInputVariants({ size }),\n          {\n            \"text-ui-fg-disabled !bg-ui-bg-disabled !shadow-buttons-neutral !placeholder-ui-fg-disabled cursor-not-allowed\":\n              disabled,\n            \"!shadow-borders-error invalid:!shadow-borders-error\":\n              props[\"aria-invalid\"] || !valid,\n          },\n          className\n        )}\n      >\n        <span\n          className={clx(\"w-fit min-w-[32px] border-r px-2\", {\n            \"py-[9px]\": size === \"base\",\n            \"py-[5px]\": size === \"small\",\n          })}\n          role=\"presentation\"\n        >\n          <Text\n            size=\"small\"\n            leading=\"compact\"\n            className={clx(\n              \"text-ui-fg-muted pointer-events-none select-none uppercase\",\n              {\n                \"text-ui-fg-disabled\": disabled,\n              }\n            )}\n          >\n            {code}\n          </Text>\n        </span>\n        <Primitive\n          className=\"h-full min-w-0 flex-1 appearance-none bg-transparent text-right outline-none disabled:cursor-not-allowed\"\n          disabled={disabled}\n          onInvalid={onInnerInvalid}\n          ref={innerRef}\n          {...props}\n        />\n        <span\n          className={clx(\n            \"flex w-fit min-w-[32px] items-center justify-center border-l px-2 text-right\",\n            {\n              \"py-[9px]\": size === \"base\",\n              \"py-[5px]\": size === \"small\",\n            }\n          )}\n          role=\"presentation\"\n        >\n          <Text\n            size=\"small\"\n            leading=\"compact\"\n            className={clx(\"text-ui-fg-muted pointer-events-none select-none\", {\n              \"text-ui-fg-disabled\": disabled,\n            })}\n          >\n            {symbol}\n          </Text>\n        </span>\n      </div>\n    )\n  }\n)\nCurrencyInput.displayName = \"CurrencyInput\"\n\nexport { CurrencyInput }\n"]}

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

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

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

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

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

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

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

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

package/dist/cjs/components/date-picker/date-picker-button.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { AriaButtonProps } from "react-aria";
+interface CalendarButtonProps extends AriaButtonProps<"button"> {
+    size?: "base" | "small";
+}
+declare const DatePickerButton: React.ForwardRefExoticComponent<CalendarButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { DatePickerButton };
+//# sourceMappingURL=date-picker-button.d.ts.map

package/dist/cjs/components/date-picker/date-picker-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-button.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/date-picker-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAa,MAAM,YAAY,CAAA;AAEvD,UAAU,mBAAoB,SAAQ,eAAe,CAAC,QAAQ,CAAC;IAC7D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACxB;AAED,QAAA,MAAM,gBAAgB,+FA4BpB,CAAA;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/cjs/components/date-picker/date-picker-button.js

@@ -0,0 +1,20 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerButton = void 0;
+const tslib_1 = require("tslib");
+const clx_1 = require("../../utils/clx.js");
+const React = tslib_1.__importStar(require("react"));
+const react_aria_1 = require("react-aria");
+const DatePickerButton = React.forwardRef(({ children, size = "base", ...props }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const { buttonProps } = (0, react_aria_1.useButton)(props, innerRef);
+    return (React.createElement("button", { type: "button", className: (0, clx_1.clx)("text-ui-fg-muted transition-fg flex items-center justify-center border-r outline-none", "disabled:text-ui-fg-disabled", "hover:bg-ui-button-transparent-hover", "focus-visible:bg-ui-bg-interactive focus-visible:text-ui-fg-on-color", {
+            "size-7": size === "small",
+            "size-8": size === "base",
+        }), "aria-label": "Open calendar", ...buttonProps }, children));
+});
+exports.DatePickerButton = DatePickerButton;
+DatePickerButton.displayName = "DatePickerButton";
+//# sourceMappingURL=date-picker-button.js.map

package/dist/cjs/components/date-picker/date-picker-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-button.js","sourceRoot":"","sources":["../../../../src/components/date-picker/date-picker-button.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,qCAAiC;AACjC,qDAA8B;AAC9B,2CAAuD;AAMvD,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/C,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,IAAA,sBAAS,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAElD,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,SAAG,EACZ,uFAAuF,EACvF,8BAA8B,EAC9B,sCAAsC,EACtC,sEAAsE,EACtE;YACE,QAAQ,EAAE,IAAI,KAAK,OAAO;YAC1B,QAAQ,EAAE,IAAI,KAAK,MAAM;SAC1B,CACF,gBACU,eAAe,KACtB,WAAW,IAEd,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAGO,4CAAgB;AAFzB,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA","sourcesContent":["\"use client\"\n\nimport { clx } from \"@/utils/clx\"\nimport * as React from \"react\"\nimport { AriaButtonProps, useButton } from \"react-aria\"\n\ninterface CalendarButtonProps extends AriaButtonProps<\"button\"> {\n  size?: \"base\" | \"small\"\n}\n\nconst DatePickerButton = React.forwardRef<\n  HTMLButtonElement,\n  CalendarButtonProps\n>(({ children, size = \"base\", ...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    <button\n      type=\"button\"\n      className={clx(\n        \"text-ui-fg-muted transition-fg flex items-center justify-center border-r outline-none\",\n        \"disabled:text-ui-fg-disabled\",\n        \"hover:bg-ui-button-transparent-hover\",\n        \"focus-visible:bg-ui-bg-interactive focus-visible:text-ui-fg-on-color\",\n        {\n          \"size-7\": size === \"small\",\n          \"size-8\": size === \"base\",\n        }\n      )}\n      aria-label=\"Open calendar\"\n      {...buttonProps}\n    >\n      {children}\n    </button>\n  )\n})\nDatePickerButton.displayName = \"DatePickerButton\"\n\nexport { DatePickerButton }\n"]}

package/dist/cjs/components/date-picker/date-picker-clear-button.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+export declare const DatePickerClearButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=date-picker-clear-button.d.ts.map

package/dist/cjs/components/date-picker/date-picker-clear-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-clear-button.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/date-picker-clear-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,qBAAqB,kLA+BhC,CAAA"}

package/dist/cjs/components/date-picker/date-picker-clear-button.js

@@ -0,0 +1,22 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerClearButton = void 0;
+const tslib_1 = require("tslib");
+const clx_1 = require("../../utils/clx.js");
+const React = tslib_1.__importStar(require("react"));
+const ALLOWED_KEYS = ["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"];
+exports.DatePickerClearButton = React.forwardRef(({ type = "button", className, children, ...props }, ref) => {
+    /**
+     * Allows the button to be used with only the keyboard.
+     * Otherwise the wrapping component will hijack the event.
+     */
+    const stopPropagation = (e) => {
+        if (!ALLOWED_KEYS.includes(e.key)) {
+            e.stopPropagation();
+        }
+    };
+    return (React.createElement("button", { ref: ref, type: type, className: (0, clx_1.clx)("text-ui-fg-muted transition-fg flex size-full items-center justify-center outline-none", "hover:bg-ui-button-transparent-hover", "focus-visible:bg-ui-bg-interactive focus-visible:text-ui-fg-on-color", className), "aria-label": "Clear date", onKeyDown: stopPropagation, ...props }, children));
+});
+exports.DatePickerClearButton.displayName = "DatePickerClearButton";
+//# sourceMappingURL=date-picker-clear-button.js.map

package/dist/cjs/components/date-picker/date-picker-clear-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-clear-button.js","sourceRoot":"","sources":["../../../../src/components/date-picker/date-picker-clear-button.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,qCAAiC;AACjC,qDAA8B;AAE9B,MAAM,YAAY,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAAA;AAE3D,QAAA,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAGnD,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5D;;;OAGG;IACH,MAAM,eAAe,GAAG,CAAC,CAAsB,EAAE,EAAE;QACjD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YAClC,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,SAAG,EACZ,wFAAwF,EACxF,sCAAsC,EACtC,sEAAsE,EACtE,SAAS,CACV,gBACU,YAAY,EACvB,SAAS,EAAE,eAAe,KACtB,KAAK,IAER,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AACF,6BAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA","sourcesContent":["\"use client\"\n\nimport { clx } from \"@/utils/clx\"\nimport * as React from \"react\"\n\nconst ALLOWED_KEYS = [\"ArrowDown\", \"ArrowUp\", \"ArrowLeft\", \"ArrowRight\"]\n\nexport const DatePickerClearButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<\"button\">\n>(({ type = \"button\", className, children, ...props }, ref) => {\n  /**\n   * Allows the button to be used with only the keyboard.\n   * Otherwise the wrapping component will hijack the event.\n   */\n  const stopPropagation = (e: React.KeyboardEvent) => {\n    if (!ALLOWED_KEYS.includes(e.key)) {\n      e.stopPropagation()\n    }\n  }\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      className={clx(\n        \"text-ui-fg-muted transition-fg flex size-full items-center justify-center outline-none\",\n        \"hover:bg-ui-button-transparent-hover\",\n        \"focus-visible:bg-ui-bg-interactive focus-visible:text-ui-fg-on-color\",\n        className\n      )}\n      aria-label=\"Clear date\"\n      onKeyDown={stopPropagation}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n})\nDatePickerClearButton.displayName = \"DatePickerClearButton\"\n"]}

package/dist/cjs/components/date-picker/date-picker-field.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { AriaDatePickerProps, DateValue } from "react-aria";
+interface DatePickerFieldProps extends AriaDatePickerProps<DateValue> {
+    size?: "base" | "small";
+}
+declare const DatePickerField: ({ size, ...props }: DatePickerFieldProps) => React.JSX.Element;
+export { DatePickerField };
+//# sourceMappingURL=date-picker-field.d.ts.map

package/dist/cjs/components/date-picker/date-picker-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-field.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/date-picker-field.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,mBAAmB,EACnB,SAAS,EAGV,MAAM,YAAY,CAAA;AAMnB,UAAU,oBAAqB,SAAQ,mBAAmB,CAAC,SAAS,CAAC;IACnE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACxB;AAeD,QAAA,MAAM,eAAe,GAAI,oBAA6B,oBAAoB,sBAwBzE,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/cjs/components/date-picker/date-picker-field.js

@@ -0,0 +1,38 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerField = void 0;
+const tslib_1 = require("tslib");
+const date_1 = require("@internationalized/date");
+const React = tslib_1.__importStar(require("react"));
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
+const date_segment_1 = require("../date-segment/index.js");
+const cva_1 = require("cva");
+const datePickerFieldStyles = (0, cva_1.cva)({
+    base: "flex items-center tabular-nums",
+    variants: {
+        size: {
+            small: "py-1",
+            base: "py-1.5",
+        },
+    },
+    defaultVariants: {
+        size: "base",
+    },
+});
+const DatePickerField = ({ size = "base", ...props }) => {
+    const { locale } = (0, react_aria_1.useLocale)();
+    const state = (0, react_stately_1.useDateFieldState)({
+        ...props,
+        locale,
+        createCalendar: date_1.createCalendar,
+    });
+    const ref = React.useRef(null);
+    const { fieldProps } = (0, react_aria_1.useDateField)(props, state, ref);
+    return (React.createElement("div", { ref: ref, "aria-label": "Date input", className: datePickerFieldStyles({ size }), ...fieldProps }, state.segments.map((segment, index) => {
+        return React.createElement(date_segment_1.DateSegment, { key: index, segment: segment, state: state });
+    })));
+};
+exports.DatePickerField = DatePickerField;
+//# sourceMappingURL=date-picker-field.js.map

package/dist/cjs/components/date-picker/date-picker-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-field.js","sourceRoot":"","sources":["../../../../src/components/date-picker/date-picker-field.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,kDAAwD;AACxD,qDAA8B;AAC9B,2CAKmB;AACnB,iDAAiD;AAEjD,4DAAuD;AACvD,6BAAyB;AAMzB,MAAM,qBAAqB,GAAG,IAAA,SAAG,EAAC;IAChC,IAAI,EAAE,gCAAgC;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,QAAQ;SACf;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AAEF,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAwB,EAAE,EAAE;IAC5E,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,sBAAS,GAAE,CAAA;IAE9B,MAAM,KAAK,GAAG,IAAA,iCAAiB,EAAC;QAC9B,GAAG,KAAK;QACR,MAAM;QACN,cAAc,EAAd,qBAAc;KACf,CAAC,CAAA;IAEF,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,yBAAY,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;IAEtD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,gBACG,YAAY,EACvB,SAAS,EAAE,qBAAqB,CAAC,EAAE,IAAI,EAAE,CAAC,KACtC,UAAU,IAEb,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QACrC,OAAO,oBAAC,0BAAW,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;IACpE,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAEQ,0CAAe","sourcesContent":["\"use client\"\n\nimport { createCalendar } from \"@internationalized/date\"\nimport * as React from \"react\"\nimport {\n  AriaDatePickerProps,\n  DateValue,\n  useDateField,\n  useLocale,\n} from \"react-aria\"\nimport { useDateFieldState } from \"react-stately\"\n\nimport { DateSegment } from \"@/components/date-segment\"\nimport { cva } from \"cva\"\n\ninterface DatePickerFieldProps extends AriaDatePickerProps<DateValue> {\n  size?: \"base\" | \"small\"\n}\n\nconst datePickerFieldStyles = cva({\n  base: \"flex items-center tabular-nums\",\n  variants: {\n    size: {\n      small: \"py-1\",\n      base: \"py-1.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n})\n\nconst DatePickerField = ({ size = \"base\", ...props }: DatePickerFieldProps) => {\n  const { locale } = useLocale()\n\n  const state = useDateFieldState({\n    ...props,\n    locale,\n    createCalendar,\n  })\n\n  const ref = React.useRef<HTMLDivElement>(null)\n  const { fieldProps } = useDateField(props, state, ref)\n\n  return (\n    <div\n      ref={ref}\n      aria-label=\"Date input\"\n      className={datePickerFieldStyles({ size })}\n      {...fieldProps}\n    >\n      {state.segments.map((segment, index) => {\n        return <DateSegment key={index} segment={segment} state={state} />\n      })}\n    </div>\n  )\n}\n\nexport { DatePickerField }\n"]}

package/dist/cjs/components/date-picker/date-picker.d.ts

@@ -0,0 +1,22 @@
+import { CalendarDate, CalendarDateTime } from "@internationalized/date";
+import * as React from "react";
+import { type AriaDatePickerProps as BaseDatePickerProps } from "react-aria";
+import { Granularity } from "../../types.js";
+type DatePickerValueProps = {
+    defaultValue?: Date | null;
+    value?: Date | null;
+    onChange?: (value: Date | null) => void;
+    isDateUnavailable?: (date: Date) => boolean;
+    minValue?: Date;
+    maxValue?: Date;
+    shouldCloseOnSelect?: boolean;
+    granularity?: Granularity;
+    size?: "base" | "small";
+    className?: string;
+    modal?: boolean;
+};
+interface DatePickerProps extends Omit<BaseDatePickerProps<CalendarDateTime | CalendarDate>, keyof DatePickerValueProps>, DatePickerValueProps {
+}
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+export { DatePicker, type Granularity };
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/cjs/components/date-picker/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/date-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EACZ,gBAAgB,EAEjB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAKL,KAAK,mBAAmB,IAAI,mBAAmB,EAChD,MAAM,YAAY,CAAA;AAMnB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAYrC,KAAK,oBAAoB,GAAG;IAC1B,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACvC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAC3C,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,UAAU,eACR,SAAQ,IAAI,CACR,mBAAmB,CAAC,gBAAgB,GAAG,YAAY,CAAC,EACpD,MAAM,oBAAoB,CAC3B,EACD,oBAAoB;CAAG;AAgC3B,QAAA,MAAM,UAAU,wFAkHf,CAAA;AA6CD,OAAO,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,CAAA"}