@nergora/ui 0.0.0-stage → 1.0.8

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+"use client";
+import { clx } from "../../utils/clx.js";
+import * as React from "react";
+import { useButton } from "react-aria";
+const DatePickerButton = React.forwardRef(({ children, size = "base", ...props }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const { buttonProps } = useButton(props, innerRef);
+    return (React.createElement("button", { type: "button", className: 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));
+});
+DatePickerButton.displayName = "DatePickerButton";
+export { DatePickerButton };
+//# sourceMappingURL=date-picker-button.js.map

package/dist/esm/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,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAA;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,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAElD,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,CACZ,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;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,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/esm/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/esm/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/esm/components/date-picker/date-picker-clear-button.js

@@ -0,0 +1,18 @@
+"use client";
+import { clx } from "../../utils/clx.js";
+import * as React from "react";
+const ALLOWED_KEYS = ["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"];
+export const 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: 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));
+});
+DatePickerClearButton.displayName = "DatePickerClearButton";
+//# sourceMappingURL=date-picker-clear-button.js.map

package/dist/esm/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,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,YAAY,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAAA;AAExE,MAAM,CAAC,MAAM,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,GAAG,CACZ,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,qBAAqB,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/esm/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/esm/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/esm/components/date-picker/date-picker-field.js

@@ -0,0 +1,34 @@
+"use client";
+import { createCalendar } from "@internationalized/date";
+import * as React from "react";
+import { useDateField, useLocale, } from "react-aria";
+import { useDateFieldState } from "react-stately";
+import { DateSegment } from "../date-segment/index.js";
+import { cva } from "cva";
+const datePickerFieldStyles = 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 } = useLocale();
+    const state = useDateFieldState({
+        ...props,
+        locale,
+        createCalendar,
+    });
+    const ref = React.useRef(null);
+    const { fieldProps } = 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(DateSegment, { key: index, segment: segment, state: state });
+    })));
+};
+export { DatePickerField };
+//# sourceMappingURL=date-picker-field.js.map

package/dist/esm/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,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAGL,YAAY,EACZ,SAAS,GACV,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAMzB,MAAM,qBAAqB,GAAG,GAAG,CAAC;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,SAAS,EAAE,CAAA;IAE9B,MAAM,KAAK,GAAG,iBAAiB,CAAC;QAC9B,GAAG,KAAK;QACR,MAAM;QACN,cAAc;KACf,CAAC,CAAA;IAEF,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC,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,WAAW,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;IACpE,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA","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/esm/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/esm/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"}

package/dist/esm/components/date-picker/date-picker.js

@@ -0,0 +1,106 @@
+"use client";
+import { getLocalTimeZone, } from "@internationalized/date";
+import { CalendarMini, Clock, XMarkMini } from "@nergora/icons";
+import { cva } from "cva";
+import * as React from "react";
+import { useDatePicker, useInteractOutside, } from "react-aria";
+import { useDatePickerState } from "react-stately";
+import { InternalCalendar } from "../calendar/index.js";
+import { Popover } from "../popover/index.js";
+import { TimeInput } from "../time-input/index.js";
+import { createCalendarDateFromDate, getDefaultCalendarDateFromDate, updateCalendarDateFromDate, } from "../../utils/calendar.js";
+import { clx } from "../../utils/clx.js";
+import { DatePickerButton } from "./date-picker-button";
+import { DatePickerClearButton } from "./date-picker-clear-button";
+import { DatePickerField } from "./date-picker-field";
+const datePickerStyles = (isOpen, isInvalid, value) => cva({
+    base: clx("bg-ui-bg-field shadow-borders-base txt-compact-small text-ui-fg-base transition-fg grid items-center gap-2 overflow-hidden rounded-md h-fit", "focus-within:shadow-borders-interactive-with-active focus-visible:shadow-borders-interactive-with-active", "aria-[invalid=true]:shadow-borders-error invalid:shadow-borders-error", {
+        "shadow-borders-interactive-with-active": isOpen,
+        "shadow-borders-error": isInvalid,
+        "pr-2": !value,
+    }),
+    variants: {
+        size: {
+            small: clx("grid-cols-[28px_1fr]", {
+                "grid-cols-[28px_1fr_28px]": !!value,
+            }),
+            base: clx("grid-cols-[32px_1fr]", {
+                "grid-cols-[32px_1fr_32px]": !!value,
+            }),
+        },
+    },
+});
+const HAS_TIME = new Set(["hour", "minute", "second"]);
+const DatePicker = React.forwardRef(({ size = "base", shouldCloseOnSelect = true, className, modal = false, ...props }, ref) => {
+    const [value, setValue] = React.useState(getDefaultCalendarDateFromDate(props.value, props.defaultValue, props.granularity));
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const contentRef = React.useRef(null);
+    const _props = convertProps(props, setValue);
+    const state = useDatePickerState({
+        ..._props,
+        shouldCloseOnSelect,
+    });
+    const { groupProps, fieldProps, buttonProps, dialogProps, calendarProps } = useDatePicker(_props, state, innerRef);
+    React.useEffect(() => {
+        setValue(props.value
+            ? updateCalendarDateFromDate(value, props.value, props.granularity)
+            : null);
+        state.setValue(props.value
+            ? updateCalendarDateFromDate(value, props.value, props.granularity)
+            : null);
+    }, [props.value]);
+    function clear(e) {
+        var _a;
+        e.preventDefault();
+        e.stopPropagation();
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, null);
+        state.setValue(null);
+    }
+    useInteractOutside({
+        ref: contentRef,
+        onInteractOutside: () => {
+            state.setOpen(false);
+        },
+    });
+    const hasTime = props.granularity && HAS_TIME.has(props.granularity);
+    const Icon = hasTime ? Clock : CalendarMini;
+    return (React.createElement(Popover, { modal: modal, open: state.isOpen, onOpenChange: state.setOpen },
+        React.createElement(Popover.Anchor, { asChild: true },
+            React.createElement("div", { ref: ref, className: clx(datePickerStyles(state.isOpen, state.isInvalid, state.value)({ size }), className), ...groupProps },
+                React.createElement(DatePickerButton, { ...buttonProps, size: size },
+                    React.createElement(Icon, null)),
+                React.createElement(DatePickerField, { ...fieldProps, size: size }),
+                !!state.value && (React.createElement(DatePickerClearButton, { onClick: clear },
+                    React.createElement(XMarkMini, null))))),
+        React.createElement(Popover.Content, { ref: contentRef, ...dialogProps, className: "flex flex-col divide-y p-0" },
+            React.createElement("div", { className: "p-3" },
+                React.createElement(InternalCalendar, { autoFocus: true, ...calendarProps })),
+            state.hasTime && (React.createElement("div", { className: "p-3" },
+                React.createElement(TimeInput, { value: state.timeValue, onChange: (value) => state.setTimeValue(value), hourCycle: props.hourCycle }))))));
+});
+DatePicker.displayName = "DatePicker";
+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: onChange,
+        isDateUnavailable,
+        minValue: minValue
+            ? createCalendarDateFromDate(minValue, props.granularity)
+            : minValue,
+        maxValue: maxValue
+            ? createCalendarDateFromDate(maxValue, props.granularity)
+            : maxValue,
+    };
+}
+export { DatePicker };
+//# sourceMappingURL=date-picker.js.map

package/dist/esm/components/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../src/components/date-picker/date-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CalendarDate,\n  CalendarDateTime,\n  getLocalTimeZone,\n} from \"@internationalized/date\"\nimport { CalendarMini, Clock, XMarkMini } from \"@nergora/icons\"\nimport { cva } from \"cva\"\nimport * as React from \"react\"\nimport {\n  DateValue,\n  TimeValue,\n  useDatePicker,\n  useInteractOutside,\n  type AriaDatePickerProps as BaseDatePickerProps,\n} from \"react-aria\"\nimport { useDatePickerState } from \"react-stately\"\n\nimport { InternalCalendar } from \"@/components/calendar\"\nimport { Popover } from \"@/components/popover\"\nimport { TimeInput } from \"@/components/time-input\"\nimport { Granularity } from \"@/types\"\nimport {\n  createCalendarDateFromDate,\n  getDefaultCalendarDateFromDate,\n  updateCalendarDateFromDate,\n} from \"@/utils/calendar\"\nimport { clx } from \"@/utils/clx\"\n\nimport { DatePickerButton } from \"./date-picker-button\"\nimport { DatePickerClearButton } from \"./date-picker-clear-button\"\nimport { DatePickerField } from \"./date-picker-field\"\n\ntype DatePickerValueProps = {\n  defaultValue?: Date | null\n  value?: Date | null\n  onChange?: (value: Date | null) => void\n  isDateUnavailable?: (date: Date) => boolean\n  minValue?: Date\n  maxValue?: Date\n  shouldCloseOnSelect?: boolean\n  granularity?: Granularity\n  size?: \"base\" | \"small\"\n  className?: string\n  modal?: boolean\n}\n\ninterface DatePickerProps\n  extends Omit<\n      BaseDatePickerProps<CalendarDateTime | CalendarDate>,\n      keyof DatePickerValueProps\n    >,\n    DatePickerValueProps {}\n\nconst datePickerStyles = (\n  isOpen: boolean,\n  isInvalid: boolean,\n  value?: DateValue | null\n) =>\n  cva({\n    base: clx(\n      \"bg-ui-bg-field shadow-borders-base txt-compact-small text-ui-fg-base transition-fg grid items-center gap-2 overflow-hidden rounded-md h-fit\",\n      \"focus-within:shadow-borders-interactive-with-active focus-visible:shadow-borders-interactive-with-active\",\n      \"aria-[invalid=true]:shadow-borders-error invalid:shadow-borders-error\",\n      {\n        \"shadow-borders-interactive-with-active\": isOpen,\n        \"shadow-borders-error\": isInvalid,\n        \"pr-2\": !value,\n      }\n    ),\n    variants: {\n      size: {\n        small: clx(\"grid-cols-[28px_1fr]\", {\n          \"grid-cols-[28px_1fr_28px]\": !!value,\n        }),\n        base: clx(\"grid-cols-[32px_1fr]\", {\n          \"grid-cols-[32px_1fr_32px]\": !!value,\n        }),\n      },\n    },\n  })\n\nconst HAS_TIME = new Set<Granularity>([\"hour\", \"minute\", \"second\"])\n\nconst DatePicker = React.forwardRef<HTMLDivElement, DatePickerProps>(\n  (\n    {\n      size = \"base\",\n      shouldCloseOnSelect = true,\n      className,\n      modal = false,\n      ...props\n    },\n    ref\n  ) => {\n    const [value, setValue] = React.useState<\n      CalendarDateTime | CalendarDate | null | undefined\n    >(\n      getDefaultCalendarDateFromDate(\n        props.value,\n        props.defaultValue,\n        props.granularity\n      )\n    )\n\n    const innerRef = React.useRef<HTMLDivElement>(null)\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    const contentRef = React.useRef<HTMLDivElement>(null)\n\n    const _props = convertProps(props, setValue)\n\n    const state = useDatePickerState({\n      ..._props,\n      shouldCloseOnSelect,\n    })\n\n    const { groupProps, fieldProps, buttonProps, dialogProps, calendarProps } =\n      useDatePicker(_props, state, innerRef)\n\n    React.useEffect(() => {\n      setValue(\n        props.value\n          ? updateCalendarDateFromDate(value, props.value, props.granularity)\n          : null\n      )\n      state.setValue(\n        props.value\n          ? updateCalendarDateFromDate(value, props.value, props.granularity)\n          : null\n      )\n    }, [props.value])\n\n    function clear(e: React.MouseEvent<HTMLButtonElement>) {\n      e.preventDefault()\n      e.stopPropagation()\n\n      props.onChange?.(null)\n      state.setValue(null)\n    }\n\n    useInteractOutside({\n      ref: contentRef,\n      onInteractOutside: () => {\n        state.setOpen(false)\n      },\n    })\n\n    const hasTime = props.granularity && HAS_TIME.has(props.granularity)\n    const Icon = hasTime ? Clock : CalendarMini\n\n    return (\n      <Popover modal={modal} open={state.isOpen} onOpenChange={state.setOpen}>\n        <Popover.Anchor asChild>\n          <div\n            ref={ref}\n            className={clx(\n              datePickerStyles(\n                state.isOpen,\n                state.isInvalid,\n                state.value\n              )({ size }),\n              className\n            )}\n            {...groupProps}\n          >\n            <DatePickerButton {...buttonProps} size={size}>\n              <Icon />\n            </DatePickerButton>\n            <DatePickerField {...fieldProps} size={size} />\n            {!!state.value && (\n              <DatePickerClearButton onClick={clear}>\n                <XMarkMini />\n              </DatePickerClearButton>\n            )}\n          </div>\n        </Popover.Anchor>\n        <Popover.Content\n          ref={contentRef}\n          {...dialogProps}\n          className=\"flex flex-col divide-y p-0\"\n        >\n          <div className=\"p-3\">\n            <InternalCalendar autoFocus {...calendarProps} />\n          </div>\n          {state.hasTime && (\n            <div className=\"p-3\">\n              <TimeInput\n                value={state.timeValue}\n                onChange={(value) => state.setTimeValue(value as TimeValue)}\n                hourCycle={props.hourCycle}\n              />\n            </div>\n          )}\n        </Popover.Content>\n      </Popover>\n    )\n  }\n)\nDatePicker.displayName = \"DatePicker\"\n\nfunction convertProps(\n  props: DatePickerProps,\n  setValue: React.Dispatch<\n    React.SetStateAction<CalendarDateTime | CalendarDate | null | undefined>\n  >\n): BaseDatePickerProps<CalendarDateTime | CalendarDate> {\n  const {\n    minValue,\n    maxValue,\n    isDateUnavailable: _isDateUnavailable,\n    onChange: _onChange,\n    value: __value__,\n    defaultValue: __defaultValue__,\n    ...rest\n  } = props\n\n  const onChange = (value: CalendarDateTime | CalendarDateTime | null) => {\n    setValue(value)\n    _onChange?.(value ? value.toDate(getLocalTimeZone()) : null)\n  }\n\n  const isDateUnavailable = (date: DateValue) => {\n    const _date = date.toDate(getLocalTimeZone())\n\n    return _isDateUnavailable ? _isDateUnavailable(_date) : false\n  }\n\n  return {\n    ...rest,\n    onChange: onChange as BaseDatePickerProps<\n      CalendarDateTime | CalendarDate\n    >[\"onChange\"],\n    isDateUnavailable,\n    minValue: minValue\n      ? createCalendarDateFromDate(minValue, props.granularity)\n      : minValue,\n    maxValue: maxValue\n      ? createCalendarDateFromDate(maxValue, props.granularity)\n      : maxValue,\n  }\n}\n\nexport { DatePicker, type Granularity }\n"]}

package/dist/esm/components/date-picker/index.d.ts

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

package/dist/esm/components/date-picker/index.d.ts.map

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

package/dist/esm/components/date-picker/index.js

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

package/dist/esm/components/date-picker/index.js.map

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

package/dist/esm/components/date-segment/date-segment.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { DateFieldState, DateSegment as Segment } from "react-stately";
+interface DateSegmentProps extends React.ComponentPropsWithoutRef<"div"> {
+    segment: Segment;
+    state: DateFieldState;
+}
+declare const DateSegment: ({ segment, state }: DateSegmentProps) => React.JSX.Element;
+export { DateSegment };
+//# sourceMappingURL=date-segment.d.ts.map

package/dist/esm/components/date-segment/date-segment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-segment.d.ts","sourceRoot":"","sources":["../../../../src/components/date-segment/date-segment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAItE,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,cAAc,CAAA;CACtB;AAED,QAAA,MAAM,WAAW,GAAI,oBAAoB,gBAAgB,sBAsCxD,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/esm/components/date-segment/date-segment.js

@@ -0,0 +1,23 @@
+"use client";
+import * as React from "react";
+import { useDateSegment } from "react-aria";
+import { clx } from "../../utils/clx.js";
+const DateSegment = ({ segment, state }) => {
+    const ref = React.useRef(null);
+    const { segmentProps } = useDateSegment(segment, state, ref);
+    const isComma = segment.type === "literal" && segment.text === ", ";
+    /**
+     * We render an empty span with a margin to maintain the correct spacing
+     * between date and time segments.
+     */
+    if (isComma) {
+        return React.createElement("span", { className: "mx-1" });
+    }
+    return (React.createElement("span", null,
+        React.createElement("div", { ref: ref, className: clx("transition-fg outline-none", "focus-visible:bg-ui-bg-interactive focus-visible:text-ui-fg-on-color", {
+                "text-ui-fg-muted uppercase": segment.isPlaceholder,
+                "text-ui-fg-muted": !segment.isEditable && !state.value,
+            }), ...segmentProps }, segment.text)));
+};
+export { DateSegment };
+//# sourceMappingURL=date-segment.js.map

package/dist/esm/components/date-segment/date-segment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-segment.js","sourceRoot":"","sources":["../../../../src/components/date-segment/date-segment.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAG3C,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAOjC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAoB,EAAE,EAAE;IAC3D,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;IAE5D,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,KAAK,IAAI,CAAA;IAEnE;;;OAGG;IACH,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,8BAAM,SAAS,EAAC,MAAM,GAAG,CAAA;IAClC,CAAC;IAED,OAAO,CAOL;QACE,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,4BAA4B,EAC5B,sEAAsE,EACtE;gBACE,4BAA4B,EAAE,OAAO,CAAC,aAAa;gBACnD,kBAAkB,EAAE,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,KAAK;aACxD,CACF,KACG,YAAY,IAEf,OAAO,CAAC,IAAI,CACT,CACD,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useDateSegment } from \"react-aria\"\nimport { DateFieldState, DateSegment as Segment } from \"react-stately\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface DateSegmentProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  segment: Segment\n  state: DateFieldState\n}\n\nconst DateSegment = ({ segment, state }: DateSegmentProps) => {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const { segmentProps } = useDateSegment(segment, state, ref)\n\n  const isComma = segment.type === \"literal\" && segment.text === \", \"\n\n  /**\n   * We render an empty span with a margin to maintain the correct spacing\n   * between date and time segments.\n   */\n  if (isComma) {\n    return <span className=\"mx-1\" />\n  }\n\n  return (\n    /**\n     * We wrap the segment in a span to prevent the segment from being\n     * focused when the user clicks outside of the component.\n     *\n     * See: https://github.com/adobe/react-spectrum/issues/3164\n     */\n    <span>\n      <div\n        ref={ref}\n        className={clx(\n          \"transition-fg outline-none\",\n          \"focus-visible:bg-ui-bg-interactive focus-visible:text-ui-fg-on-color\",\n          {\n            \"text-ui-fg-muted uppercase\": segment.isPlaceholder,\n            \"text-ui-fg-muted\": !segment.isEditable && !state.value,\n          }\n        )}\n        {...segmentProps}\n      >\n        {segment.text}\n      </div>\n    </span>\n  )\n}\n\nexport { DateSegment }\n"]}

package/dist/esm/components/date-segment/index.d.ts

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

package/dist/esm/components/date-segment/index.d.ts.map

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

package/dist/esm/components/date-segment/index.js

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

package/dist/esm/components/date-segment/index.js.map

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

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

@@ -0,0 +1,25 @@
+import { Dialog as RadixDialog } from "radix-ui";
+import * as React from "react";
+declare const Portal: {
+    (props: RadixDialog.DialogPortalProps): React.JSX.Element;
+    displayName: string;
+};
+declare const Overlay: React.ForwardRefExoticComponent<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Content> {
+    overlayProps?: React.ComponentPropsWithoutRef<typeof Overlay>;
+    portalProps?: React.ComponentPropsWithoutRef<typeof Portal>;
+}
+export declare const Dialog: React.FC<RadixDialog.DialogProps> & {
+    Trigger: React.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: {
+        (props: RadixDialog.DialogPortalProps): React.JSX.Element;
+        displayName: string;
+    };
+    Overlay: React.ForwardRefExoticComponent<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Title: React.ForwardRefExoticComponent<RadixDialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<RadixDialog.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+};
+export {};
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,QAAA,MAAM,MAAM;YAAW,WAAW,CAAC,iBAAiB;;CAEnD,CAAA;AAGD,QAAA,MAAM,OAAO,0JAaX,CAAA;AAGF,UAAU,kBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;IAClE,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,OAAO,CAAC,CAAA;IAC7D,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,CAAA;CAC5D;AAqBD,eAAO,MAAM,MAAM;;;gBA9CI,WAAW,CAAC,iBAAiB;;;;;;;;CAsDlD,CAAA"}

package/dist/esm/components/dialog/dialog.js

@@ -0,0 +1,29 @@
+"use client";
+import { Dialog as RadixDialog } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+const Root = RadixDialog.Root;
+const Trigger = RadixDialog.Trigger;
+const Close = RadixDialog.Close;
+const Title = RadixDialog.Title;
+const Description = RadixDialog.Description;
+const Portal = (props) => {
+    return React.createElement(RadixDialog.DialogPortal, { ...props });
+};
+Portal.displayName = "Dialog.Portal";
+const Overlay = React.forwardRef(({ className, ...props }, ref) => (React.createElement(RadixDialog.Overlay, { ref: ref, className: clx("z-admin-overlay bg-ui-bg-overlay fixed inset-0", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
+Overlay.displayName = "Dialog.Overlay";
+const Content = React.forwardRef(({ className, overlayProps, portalProps, ...props }, ref) => (React.createElement(Portal, { ...portalProps },
+    React.createElement(Overlay, { ...overlayProps }),
+    React.createElement(RadixDialog.Content, { ref: ref, className: clx("z-admin-dialog bg-ui-bg-base shadow-elevation-modal fixed left-1/2 top-1/2 max-h-[calc(100%-16px)] w-[calc(100%-16px)] max-w-2xl -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-xl outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200", className), ...props }))));
+Content.displayName = "Dialog.Content";
+export const Dialog = Object.assign(Root, {
+    Trigger,
+    Portal,
+    Overlay,
+    Content,
+    Close,
+    Title,
+    Description,
+});
+//# sourceMappingURL=dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAA;AAC7B,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAA;AACnC,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAA;AAC/B,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAA;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;AAE3C,MAAM,MAAM,GAAG,CAAC,KAAoC,EAAE,EAAE;IACtD,OAAO,oBAAC,WAAW,CAAC,YAAY,OAAK,KAAK,GAAI,CAAA;AAChD,CAAC,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,eAAe,CAAA;AAEpC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,WAAW,CAAC,OAAO,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,gDAAgD,EAChD,yHAAyH,EACzH,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAQtC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7D,oBAAC,MAAM,OAAK,WAAW;IACrB,oBAAC,OAAO,OAAK,YAAY,GAAI;IAC7B,oBAAC,WAAW,CAAC,OAAO,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,4MAA4M,EAC5M,mMAAmM,EACnM,SAAS,CACV,KACG,KAAK,GACT,CACK,CACV,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEtC,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IACxC,OAAO;IACP,MAAM;IACN,OAAO;IACP,OAAO;IACP,KAAK;IACL,KAAK;IACL,WAAW;CACZ,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport { Dialog as RadixDialog } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst Root = RadixDialog.Root\nconst Trigger = RadixDialog.Trigger\nconst Close = RadixDialog.Close\nconst Title = RadixDialog.Title\nconst Description = RadixDialog.Description\n\nconst Portal = (props: RadixDialog.DialogPortalProps) => {\n  return <RadixDialog.DialogPortal {...props} />\n}\nPortal.displayName = \"Dialog.Portal\"\n\nconst Overlay = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Overlay>,\n  React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Overlay\n    ref={ref}\n    className={clx(\n      \"z-admin-overlay bg-ui-bg-overlay fixed inset-0\",\n      \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n  />\n))\nOverlay.displayName = \"Dialog.Overlay\"\n\ninterface DialogContentProps\n  extends React.ComponentPropsWithoutRef<typeof RadixDialog.Content> {\n  overlayProps?: React.ComponentPropsWithoutRef<typeof Overlay>\n  portalProps?: React.ComponentPropsWithoutRef<typeof Portal>\n}\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Content>,\n  DialogContentProps\n>(({ className, overlayProps, portalProps, ...props }, ref) => (\n  <Portal {...portalProps}>\n    <Overlay {...overlayProps} />\n    <RadixDialog.Content\n      ref={ref}\n      className={clx(\n        \"z-admin-dialog bg-ui-bg-base shadow-elevation-modal fixed left-1/2 top-1/2 max-h-[calc(100%-16px)] w-[calc(100%-16px)] max-w-2xl -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-xl outline-none\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200\",\n        className\n      )}\n      {...props}\n    />\n  </Portal>\n))\nContent.displayName = \"Dialog.Content\"\n\nexport const Dialog = Object.assign(Root, {\n  Trigger,\n  Portal,\n  Overlay,\n  Content,\n  Close,\n  Title,\n  Description,\n})\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+interface DividerProps extends Omit<React.ComponentPropsWithoutRef<"div">, "children"> {
+    orientation?: "horizontal" | "vertical";
+    variant?: "dashed" | "solid";
+}
+export declare const Divider: ({ orientation, variant, className, ...props }: DividerProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/divider/divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,UAAU,YACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/D,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC7B;AAED,eAAO,MAAM,OAAO,GAAI,+CAKrB,YAAY,sBAsBd,CAAA"}

package/dist/esm/components/divider/divider.js

@@ -0,0 +1,12 @@
+import { clx } from "../../utils/clx.js";
+import * as React from "react";
+export const Divider = ({ orientation = "horizontal", variant = "solid", className, ...props }) => {
+    return (React.createElement("div", { "aria-orientation": orientation, role: "separator", className: clx("border-ui-border-base", {
+            "w-full border-t": orientation === "horizontal" && variant === "solid",
+            "h-full border-l": orientation === "vertical" && variant === "solid",
+            "bg-transparent": variant === "dashed",
+            "h-px w-full bg-[linear-gradient(90deg,var(--border-strong)_1px,transparent_1px)] bg-[length:4px_1px]": variant === "dashed" && orientation === "horizontal",
+            "h-full w-px bg-[linear-gradient(0deg,var(--border-strong)_1px,transparent_1px)] bg-[length:1px_4px]": variant === "dashed" && orientation === "vertical",
+        }, className), ...props }));
+};
+//# sourceMappingURL=divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,WAAW,GAAG,YAAY,EAC1B,OAAO,GAAG,OAAO,EACjB,SAAS,EACT,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,OAAO,CACL,iDACoB,WAAW,EAC7B,IAAI,EAAC,WAAW,EAChB,SAAS,EAAE,GAAG,CACZ,uBAAuB,EACvB;YACE,iBAAiB,EACf,WAAW,KAAK,YAAY,IAAI,OAAO,KAAK,OAAO;YACrD,iBAAiB,EAAE,WAAW,KAAK,UAAU,IAAI,OAAO,KAAK,OAAO;YACpE,gBAAgB,EAAE,OAAO,KAAK,QAAQ;YACtC,sGAAsG,EACpG,OAAO,KAAK,QAAQ,IAAI,WAAW,KAAK,YAAY;YACtD,qGAAqG,EACnG,OAAO,KAAK,QAAQ,IAAI,WAAW,KAAK,UAAU;SACrD,EACD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { clx } from \"@/utils/clx\"\nimport * as React from \"react\"\n\ninterface DividerProps\n  extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  orientation?: \"horizontal\" | \"vertical\"\n  variant?: \"dashed\" | \"solid\"\n}\n\nexport const Divider = ({\n  orientation = \"horizontal\",\n  variant = \"solid\",\n  className,\n  ...props\n}: DividerProps) => {\n  return (\n    <div\n      aria-orientation={orientation}\n      role=\"separator\"\n      className={clx(\n        \"border-ui-border-base\",\n        {\n          \"w-full border-t\":\n            orientation === \"horizontal\" && variant === \"solid\",\n          \"h-full border-l\": orientation === \"vertical\" && variant === \"solid\",\n          \"bg-transparent\": variant === \"dashed\",\n          \"h-px w-full bg-[linear-gradient(90deg,var(--border-strong)_1px,transparent_1px)] bg-[length:4px_1px]\":\n            variant === \"dashed\" && orientation === \"horizontal\",\n          \"h-full w-px bg-[linear-gradient(0deg,var(--border-strong)_1px,transparent_1px)] bg-[length:1px_4px]\":\n            variant === \"dashed\" && orientation === \"vertical\",\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n}\n"]}

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

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

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

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

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

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

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

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