@apipass/design-system 1.16.0 → 1.18.0

package/dist/lib/ui/primitives/Avatar/Avatar.js

@@ -0,0 +1,106 @@
+import { jsx as s, jsxs as m, Fragment as p } from "react/jsx-runtime";
+import { clsx as d } from "../../../vendor/clsx/dist/clsx.js";
+import u from "react";
+/* empty css           */
+import { AnchorOrButton as f } from "../../utils/AnchorOrButton.js";
+import { TextStrong as g, Text as x } from "../Text/Text.js";
+function h({
+  initials: t,
+  src: r,
+  alt: a
+}) {
+  return /* @__PURE__ */ m(p, { children: [
+    t && /* @__PURE__ */ m("svg", { viewBox: "0 0 100 100", "aria-hidden": a ? void 0 : "true", children: [
+      a && /* @__PURE__ */ s("title", { children: a }),
+      /* @__PURE__ */ s(
+        "text",
+        {
+          x: "50%",
+          y: "50%",
+          alignmentBaseline: "middle",
+          dominantBaseline: "middle",
+          textAnchor: "middle",
+          dy: ".125em",
+          children: t
+        }
+      )
+    ] }),
+    r && /* @__PURE__ */ s("img", { src: r, alt: a })
+  ] });
+}
+function b({
+  className: t,
+  src: r = null,
+  square: a = !1,
+  initials: e,
+  alt: n = "",
+  size: i = "medium",
+  ...o
+}) {
+  const l = d(
+    t,
+    "avatar",
+    `avatar-size-${i}`,
+    `avatar-shape-${a ? "square" : "circle"}`,
+    r ? "avatar-image" : "avatar-initials"
+  );
+  return /* @__PURE__ */ s("span", { className: l, ...o, children: h({ initials: e, src: r, alt: n }) });
+}
+const C = u.forwardRef(function({
+  className: r,
+  src: a = null,
+  square: e = !1,
+  initials: n,
+  alt: i = "",
+  size: o = "medium",
+  ...l
+}, c) {
+  const v = d(
+    r,
+    "avatar",
+    "avatar-button",
+    `avatar-size-${o}`,
+    `avatar-shape-${e ? "square" : "circle"}`,
+    a ? "avatar-image" : "avatar-initials"
+  );
+  return /* @__PURE__ */ s(f, { ...l, className: v, ref: c, children: h({ initials: n, src: a, alt: i }) });
+}), j = ({
+  className: t,
+  children: r,
+  title: a,
+  description: e,
+  ...n
+}) => {
+  const i = d(t, "avatar-block");
+  return /* @__PURE__ */ m("div", { className: i, ...n, children: [
+    r,
+    /* @__PURE__ */ s(g, { slot: "label", children: a }),
+    e && /* @__PURE__ */ s(x, { slot: "description", children: e })
+  ] });
+}, k = ({
+  className: t,
+  children: r,
+  max: a = 3,
+  spacing: e = "200",
+  ...n
+}) => {
+  const i = d(
+    t,
+    "avatar-group",
+    `avatar-group-spacing-${e}`
+  ), o = u.Children.toArray(r), l = o.length, c = Math.max(0, l - a), v = o.splice(0, l - c);
+  return /* @__PURE__ */ m("div", { className: i, ...n, children: [
+    v,
+    c > 0 && /* @__PURE__ */ m("span", { className: "avatar-group-overflow", children: [
+      "+",
+      c
+    ] })
+  ] });
+};
+export {
+  b as Avatar,
+  j as AvatarBlock,
+  C as AvatarButton,
+  k as AvatarGroup
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/lib/ui/primitives/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../../src/ui/primitives/Avatar/Avatar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Text, TextStrong } from \"primitives\";\nimport React from \"react\";\nimport { AnchorOrButton, type AnchorOrButtonProps } from \"utils\";\nimport \"./avatar.css\";\n\ntype SharedAvatarProps = {\n  src?: string | null;\n  square?: boolean;\n  initials?: string;\n  alt?: string;\n  size?: \"small\" | \"medium\" | \"large\";\n};\n\nfunction renderInitialsAndImage({\n  initials,\n  src,\n  alt,\n}: {\n  initials: AvatarProps[\"initials\"];\n  src: AvatarProps[\"src\"];\n  alt: AvatarProps[\"alt\"];\n}) {\n  return (\n    <>\n      {initials && (\n        <svg viewBox=\"0 0 100 100\" aria-hidden={alt ? undefined : \"true\"}>\n          {alt && <title>{alt}</title>}\n          <text\n            x=\"50%\"\n            y=\"50%\"\n            alignmentBaseline=\"middle\"\n            dominantBaseline=\"middle\"\n            textAnchor=\"middle\"\n            dy=\".125em\"\n          >\n            {initials}\n          </text>\n        </svg>\n      )}\n      {src && <img src={src} alt={alt} />}\n    </>\n  );\n}\n\nexport type AvatarProps = SharedAvatarProps &\n  React.ComponentPropsWithoutRef<\"span\">;\nexport function Avatar({\n  className,\n  src = null,\n  square = false,\n  initials,\n  alt = \"\",\n  size = \"medium\",\n  ...props\n}: AvatarProps) {\n  const classNames = clsx(\n    className,\n    \"avatar\",\n    `avatar-size-${size}`,\n    `avatar-shape-${square ? \"square\" : \"circle\"}`,\n    src ? `avatar-image` : \"avatar-initials\",\n  );\n\n  return (\n    <span className={classNames} {...props}>\n      {renderInitialsAndImage({ initials, src, alt })}\n    </span>\n  );\n}\n\nexport type AvatarButtonProps = SharedAvatarProps & AnchorOrButtonProps;\nexport const AvatarButton = React.forwardRef(function AvatarButton(\n  {\n    className,\n    src = null,\n    square = false,\n    initials,\n    alt = \"\",\n    size = \"medium\",\n    ...props\n  }: AvatarButtonProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"avatar\",\n    \"avatar-button\",\n    `avatar-size-${size}`,\n    `avatar-shape-${square ? \"square\" : \"circle\"}`,\n    src ? `avatar-image` : \"avatar-initials\",\n  );\n  return (\n    <AnchorOrButton {...props} className={classNames} ref={ref}>\n      {renderInitialsAndImage({ initials, src, alt })}\n    </AnchorOrButton>\n  );\n});\n\nexport type AvatarBlockProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  title: string;\n  description?: string;\n};\nexport const AvatarBlock = ({\n  className,\n  children,\n  title,\n  description,\n  ...props\n}: AvatarBlockProps) => {\n  const classNames = clsx(className, \"avatar-block\");\n  return (\n    <div className={classNames} {...props}>\n      {children}\n      <TextStrong slot=\"label\">{title}</TextStrong>\n      {description && <Text slot=\"description\">{description}</Text>}\n    </div>\n  );\n};\n\nexport type AvatarGroupProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  max?: number;\n  spacing?:\n    | \"100\"\n    | \"200\"\n    | \"300\"\n    | \"negative-100\"\n    | \"negative-200\"\n    | \"negative-300\";\n};\nexport const AvatarGroup = ({\n  className,\n  children,\n  max = 3,\n  spacing = \"200\",\n  ...props\n}: AvatarGroupProps) => {\n  const classNames = clsx(\n    className,\n    \"avatar-group\",\n    `avatar-group-spacing-${spacing}`,\n  );\n  const childArray = React.Children.toArray(children);\n  const childCount = childArray.length;\n  const overflow = Math.max(0, childCount - max);\n  const filteredChildren = childArray.splice(0, childCount - overflow);\n  return (\n    <div className={classNames} {...props}>\n      {filteredChildren}\n      {overflow > 0 && (\n        <span className=\"avatar-group-overflow\">+{overflow}</span>\n      )}\n    </div>\n  );\n};\n"],"names":["renderInitialsAndImage","initials","src","alt","jsxs","Fragment","jsx","Avatar","className","square","size","props","classNames","clsx","AvatarButton","React","ref","AnchorOrButton","AvatarBlock","children","title","description","TextStrong","Text","AvatarGroup","max","spacing","childArray","childCount","overflow","filteredChildren"],"mappings":"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"}

package/dist/lib/ui/primitives/Button/Button.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("../../../vendor/clsx/dist/clsx.cjs"),d=require("react"),i=require("react-aria-components");;/* empty css             */const B=d.forwardRef(function({className:e,size:r="medium",variant:s="primary",...t},o){const c=l.clsx(e,"button",`button-size-${r}`,`button-variant-${s}`),{style:h,...u}=t;return m(t)?a.jsx(i.Link,{...u,className:c,ref:o,children:t.children}):a.jsx(i.Button,{...u,className:c,ref:o,children:t.children})}),b=d.forwardRef(function({className:e,size:r="medium",variant:s="danger-primary",...t},o){const c=l.clsx(e,"button",`button-size-${r}`,`button-variant-${s}`),{style:h,...u}=t;return m(t)?a.jsx(i.Link,{...u,className:c,ref:o,children:t.children}):a.jsx(i.Button,{...u,className:c,ref:o,children:t.children})});function m(n){return"href"in n}const x=({align:n="start",className:e,...r})=>{const s=l.clsx(e,"button-group",`button-group-align-${n}`);return a.jsx("div",{className:s,...r})};exports.Button=B;exports.ButtonDanger=b;exports.ButtonGroup=x;
+//# sourceMappingURL=Button.cjs.map

package/dist/lib/ui/primitives/Button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","sources":["../../../../../src/ui/primitives/Button/Button.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport { Button as RACButton, Link as RACLink } from \"react-aria-components\";\nimport { type AnchorOrButtonProps } from \"utils\";\nimport \"./button.css\";\n\nexport type ButtonProps = Omit<ButtonBaseProps, \"variant\"> & {\n  variant?: Exclude<\n    ButtonBaseProps[\"variant\"],\n    \"danger-primary\" | \"danger-subtle\"\n  >;\n};\nexport const Button = React.forwardRef(function Button(\n  { className, size = \"medium\", variant = \"primary\", ...props }: ButtonProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"button\",\n    `button-size-${size}`,\n    `button-variant-${variant}`,\n  );\n\n  const { style, ...sharedProps } = props;\n\n  return isAnchorProps(props) ? (\n    <RACLink\n      {...sharedProps}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n    >\n      {props.children}\n    </RACLink>\n  ) : (\n    <RACButton\n      {...sharedProps}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    >\n      {props.children}\n    </RACButton>\n  );\n});\n\nexport type ButtonDangerProps = Omit<ButtonBaseProps, \"variant\"> & {\n  variant?: Exclude<\n    ButtonBaseProps[\"variant\"],\n    \"primary\" | \"subtle\" | \"neutral\"\n  >;\n};\n/**\n * Only used for destructive actions\n */\nexport const ButtonDanger = React.forwardRef(function Button(\n  {\n    className,\n    size = \"medium\",\n    variant = \"danger-primary\",\n    ...props\n  }: ButtonDangerProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"button\",\n    `button-size-${size}`,\n    `button-variant-${variant}`,\n  );\n\n  const { style, ...sharedProps } = props;\n\n  return isAnchorProps(props) ? (\n    <RACLink\n      {...sharedProps}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n    >\n      {props.children}\n    </RACLink>\n  ) : (\n    <RACButton\n      {...sharedProps}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    >\n      {props.children}\n    </RACButton>\n  );\n});\n\ntype ButtonBaseProps = {\n  type?: ComponentPropsWithoutRef<\"button\">[\"type\"];\n  size?: \"small\" | \"medium\";\n  variant?:\n    | \"primary\"\n    | \"neutral\"\n    | \"subtle\"\n    | \"danger-primary\"\n    | \"danger-subtle\";\n} & AnchorOrButtonProps;\n\nfunction isAnchorProps(\n  props: ButtonBaseProps | ButtonDangerProps,\n): props is (ButtonBaseProps | ButtonDangerProps) &\n  ComponentPropsWithoutRef<typeof RACLink> {\n  return \"href\" in props;\n}\n\nexport type ButtonGroupProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  align?: \"start\" | \"end\" | \"center\" | \"justify\" | \"stack\";\n};\nexport const ButtonGroup = ({\n  align = \"start\",\n  className,\n  ...props\n}: ButtonGroupProps) => {\n  const classNames = clsx(\n    className,\n    \"button-group\",\n    `button-group-align-${align}`,\n  );\n  return <div className={classNames} {...props} />;\n};\n"],"names":["Button","React","className","size","variant","props","ref","classNames","clsx","style","sharedProps","isAnchorProps","jsx","RACLink","RACButton","ButtonDanger","ButtonGroup","align"],"mappings":"uPAYO,MAAMA,EAASC,EAAM,WAAW,SACrC,CAAE,UAAAC,EAAW,KAAAC,EAAO,SAAU,QAAAC,EAAU,UAAW,GAAGC,CAAA,EACtDC,EACA,CACA,MAAMC,EAAaC,EAAAA,KACjBN,EACA,SACA,eAAeC,CAAI,GACnB,kBAAkBC,CAAO,EAAA,EAGrB,CAAE,MAAAK,EAAO,GAAGC,CAAA,EAAgBL,EAElC,OAAOM,EAAcN,CAAK,EACxBO,EAAAA,IAACC,EAAAA,KAAA,CACE,GAAGH,EACJ,UAAWH,EACX,IAAAD,EAEC,SAAAD,EAAM,QAAA,CAAA,EAGTO,EAAAA,IAACE,EAAAA,OAAA,CACE,GAAGJ,EACJ,UAAWH,EACX,IAAAD,EAEC,SAAAD,EAAM,QAAA,CAAA,CAGb,CAAC,EAWYU,EAAed,EAAM,WAAW,SAC3C,CACE,UAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,iBACV,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAaC,EAAAA,KACjBN,EACA,SACA,eAAeC,CAAI,GACnB,kBAAkBC,CAAO,EAAA,EAGrB,CAAE,MAAAK,EAAO,GAAGC,CAAA,EAAgBL,EAElC,OAAOM,EAAcN,CAAK,EACxBO,EAAAA,IAACC,EAAAA,KAAA,CACE,GAAGH,EACJ,UAAWH,EACX,IAAAD,EAEC,SAAAD,EAAM,QAAA,CAAA,EAGTO,EAAAA,IAACE,EAAAA,OAAA,CACE,GAAGJ,EACJ,UAAWH,EACX,IAAAD,EAEC,SAAAD,EAAM,QAAA,CAAA,CAGb,CAAC,EAaD,SAASM,EACPN,EAEyC,CACzC,MAAO,SAAUA,CACnB,CAKO,MAAMW,EAAc,CAAC,CAC1B,MAAAC,EAAQ,QACR,UAAAf,EACA,GAAGG,CACL,IAAwB,CACtB,MAAME,EAAaC,EAAAA,KACjBN,EACA,eACA,sBAAsBe,CAAK,EAAA,EAE7B,OAAOL,EAAAA,IAAC,MAAA,CAAI,UAAWL,EAAa,GAAGF,EAAO,CAChD"}

package/dist/lib/ui/primitives/Button/Button.js

@@ -0,0 +1,80 @@
+import { jsx as i } from "react/jsx-runtime";
+import { clsx as u } from "../../../vendor/clsx/dist/clsx.js";
+import m from "react";
+import { Link as l, Button as d } from "react-aria-components";
+/* empty css           */
+const y = m.forwardRef(function({ className: r, size: o = "medium", variant: s = "primary", ...t }, e) {
+  const a = u(
+    r,
+    "button",
+    `button-size-${o}`,
+    `button-variant-${s}`
+  ), { style: f, ...c } = t;
+  return h(t) ? /* @__PURE__ */ i(
+    l,
+    {
+      ...c,
+      className: a,
+      ref: e,
+      children: t.children
+    }
+  ) : /* @__PURE__ */ i(
+    d,
+    {
+      ...c,
+      className: a,
+      ref: e,
+      children: t.children
+    }
+  );
+}), v = m.forwardRef(function({
+  className: r,
+  size: o = "medium",
+  variant: s = "danger-primary",
+  ...t
+}, e) {
+  const a = u(
+    r,
+    "button",
+    `button-size-${o}`,
+    `button-variant-${s}`
+  ), { style: f, ...c } = t;
+  return h(t) ? /* @__PURE__ */ i(
+    l,
+    {
+      ...c,
+      className: a,
+      ref: e,
+      children: t.children
+    }
+  ) : /* @__PURE__ */ i(
+    d,
+    {
+      ...c,
+      className: a,
+      ref: e,
+      children: t.children
+    }
+  );
+});
+function h(n) {
+  return "href" in n;
+}
+const x = ({
+  align: n = "start",
+  className: r,
+  ...o
+}) => {
+  const s = u(
+    r,
+    "button-group",
+    `button-group-align-${n}`
+  );
+  return /* @__PURE__ */ i("div", { className: s, ...o });
+};
+export {
+  y as Button,
+  v as ButtonDanger,
+  x as ButtonGroup
+};
+//# sourceMappingURL=Button.js.map

package/dist/lib/ui/primitives/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../../src/ui/primitives/Button/Button.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport { Button as RACButton, Link as RACLink } from \"react-aria-components\";\nimport { type AnchorOrButtonProps } from \"utils\";\nimport \"./button.css\";\n\nexport type ButtonProps = Omit<ButtonBaseProps, \"variant\"> & {\n  variant?: Exclude<\n    ButtonBaseProps[\"variant\"],\n    \"danger-primary\" | \"danger-subtle\"\n  >;\n};\nexport const Button = React.forwardRef(function Button(\n  { className, size = \"medium\", variant = \"primary\", ...props }: ButtonProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"button\",\n    `button-size-${size}`,\n    `button-variant-${variant}`,\n  );\n\n  const { style, ...sharedProps } = props;\n\n  return isAnchorProps(props) ? (\n    <RACLink\n      {...sharedProps}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n    >\n      {props.children}\n    </RACLink>\n  ) : (\n    <RACButton\n      {...sharedProps}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    >\n      {props.children}\n    </RACButton>\n  );\n});\n\nexport type ButtonDangerProps = Omit<ButtonBaseProps, \"variant\"> & {\n  variant?: Exclude<\n    ButtonBaseProps[\"variant\"],\n    \"primary\" | \"subtle\" | \"neutral\"\n  >;\n};\n/**\n * Only used for destructive actions\n */\nexport const ButtonDanger = React.forwardRef(function Button(\n  {\n    className,\n    size = \"medium\",\n    variant = \"danger-primary\",\n    ...props\n  }: ButtonDangerProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"button\",\n    `button-size-${size}`,\n    `button-variant-${variant}`,\n  );\n\n  const { style, ...sharedProps } = props;\n\n  return isAnchorProps(props) ? (\n    <RACLink\n      {...sharedProps}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n    >\n      {props.children}\n    </RACLink>\n  ) : (\n    <RACButton\n      {...sharedProps}\n      className={classNames}\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n    >\n      {props.children}\n    </RACButton>\n  );\n});\n\ntype ButtonBaseProps = {\n  type?: ComponentPropsWithoutRef<\"button\">[\"type\"];\n  size?: \"small\" | \"medium\";\n  variant?:\n    | \"primary\"\n    | \"neutral\"\n    | \"subtle\"\n    | \"danger-primary\"\n    | \"danger-subtle\";\n} & AnchorOrButtonProps;\n\nfunction isAnchorProps(\n  props: ButtonBaseProps | ButtonDangerProps,\n): props is (ButtonBaseProps | ButtonDangerProps) &\n  ComponentPropsWithoutRef<typeof RACLink> {\n  return \"href\" in props;\n}\n\nexport type ButtonGroupProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  align?: \"start\" | \"end\" | \"center\" | \"justify\" | \"stack\";\n};\nexport const ButtonGroup = ({\n  align = \"start\",\n  className,\n  ...props\n}: ButtonGroupProps) => {\n  const classNames = clsx(\n    className,\n    \"button-group\",\n    `button-group-align-${align}`,\n  );\n  return <div className={classNames} {...props} />;\n};\n"],"names":["Button","React","className","size","variant","props","ref","classNames","clsx","style","sharedProps","isAnchorProps","jsx","RACLink","RACButton","ButtonDanger","ButtonGroup","align"],"mappings":";;;;;AAYO,MAAMA,IAASC,EAAM,WAAW,SACrC,EAAE,WAAAC,GAAW,MAAAC,IAAO,UAAU,SAAAC,IAAU,WAAW,GAAGC,EAAA,GACtDC,GACA;AACA,QAAMC,IAAaC;AAAA,IACjBN;AAAA,IACA;AAAA,IACA,eAAeC,CAAI;AAAA,IACnB,kBAAkBC,CAAO;AAAA,EAAA,GAGrB,EAAE,OAAAK,GAAO,GAAGC,EAAA,IAAgBL;AAElC,SAAOM,EAAcN,CAAK,IACxB,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,WAAWH;AAAA,MACX,KAAAD;AAAA,MAEC,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA,IAGT,gBAAAO;AAAA,IAACE;AAAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,WAAWH;AAAA,MACX,KAAAD;AAAA,MAEC,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC,GAWYU,IAAed,EAAM,WAAW,SAC3C;AAAA,EACE,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAaC;AAAA,IACjBN;AAAA,IACA;AAAA,IACA,eAAeC,CAAI;AAAA,IACnB,kBAAkBC,CAAO;AAAA,EAAA,GAGrB,EAAE,OAAAK,GAAO,GAAGC,EAAA,IAAgBL;AAElC,SAAOM,EAAcN,CAAK,IACxB,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,WAAWH;AAAA,MACX,KAAAD;AAAA,MAEC,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA,IAGT,gBAAAO;AAAA,IAACE;AAAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,WAAWH;AAAA,MACX,KAAAD;AAAA,MAEC,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAaD,SAASM,EACPN,GAEyC;AACzC,SAAO,UAAUA;AACnB;AAKO,MAAMW,IAAc,CAAC;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,WAAAf;AAAA,EACA,GAAGG;AACL,MAAwB;AACtB,QAAME,IAAaC;AAAA,IACjBN;AAAA,IACA;AAAA,IACA,sBAAsBe,CAAK;AAAA,EAAA;AAE7B,SAAO,gBAAAL,EAAC,OAAA,EAAI,WAAWL,GAAa,GAAGF,GAAO;AAChD;"}

package/dist/lib/ui/primitives/Checkbox/Checkbox.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../../vendor/clsx/dist/clsx.cjs"),u=require("react-aria-components");;/* empty css               */const b=require("../../icons/IconMinus.cjs"),j=require("../../icons/IconCheck.cjs"),r=require("../Fieldset/Fieldset.cjs");function k({className:s,label:c,description:n,errorMessage:i,children:o,...l}){const t=x.clsx(s,"checkbox-group");return e.jsxs(u.CheckboxGroup,{...l,className:t,children:[c&&e.jsx(r.Label,{children:c}),n&&e.jsx(r.Description,{children:n}),i&&e.jsx(r.FieldError,{children:i}),o]})}function m({children:s,className:c,label:n,description:i,errorMessage:o,inline:l,...t}){const d=x.clsx(c,"checkbox-field",l&&"checkbox-field--inline"),a=n||(typeof s=="string"?s:void 0);return e.jsx(u.Checkbox,{className:d,...t,children:e.jsxs(e.Fragment,{children:[e.jsx(r.Label,{children:a}),e.jsx(h,{}),i&&e.jsx(r.Description,{children:i}),e.jsx(r.FieldError,{children:o}),a!==s&&e.jsx("span",{className:"label",children:s})]})})}function h({className:s,...c}){const n=x.clsx(s,"checkbox");return e.jsxs("div",{className:n,...c,children:[e.jsx(b.IconMinus,{"aria-hidden":"true",className:"icon-indeterminate",size:"16"}),e.jsx(j.IconCheck,{"aria-hidden":"true",className:"icon-selected",size:"16"})]})}exports.Checkbox=h;exports.CheckboxField=m;exports.CheckboxGroup=k;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/lib/ui/primitives/Checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","sources":["../../../../../src/ui/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { IconCheck, IconMinus } from \"icons\";\nimport { Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport {\n  Checkbox as RACCheckbox,\n  CheckboxGroup as RACCheckboxGroup,\n  type CheckboxGroupProps as RACCheckboxGroupProps,\n  type CheckboxProps as RACCheckboxProps,\n} from \"react-aria-components\";\nimport \"./checkbox.css\";\n\nexport interface CheckboxGroupProps\n  extends Omit<RACCheckboxGroupProps, \"children\">,\n    SharedFieldProps {\n  children?: React.ReactNode;\n}\n\nexport function CheckboxGroup({\n  className,\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: CheckboxGroupProps) {\n  const classNames = clsx(className, \"checkbox-group\");\n  return (\n    <RACCheckboxGroup {...props} className={classNames}>\n      {label && <Label>{label}</Label>}\n      {description && <Description>{description}</Description>}\n      {errorMessage && <FieldError>{errorMessage}</FieldError>}\n      {children}\n    </RACCheckboxGroup>\n  );\n}\n\nexport type CheckboxFieldProps = RACCheckboxProps &\n  SharedFieldProps & { inline?: boolean };\nexport function CheckboxField({\n  children,\n  className,\n  label,\n  description,\n  errorMessage,\n  inline,\n  ...props\n}: CheckboxFieldProps) {\n  const classNames = clsx(\n    className,\n    \"checkbox-field\",\n    inline && \"checkbox-field--inline\",\n  );\n  const labelText: string | undefined =\n    label || (typeof children === \"string\" ? children : undefined);\n  return (\n    <RACCheckbox className={classNames} {...props}>\n      <>\n        <Label>{labelText}</Label>\n        <Checkbox />\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n        {labelText !== children && (\n          <span className=\"label\">{children as React.ReactNode}</span>\n        )}\n      </>\n    </RACCheckbox>\n  );\n}\n\nexport type CheckboxProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function Checkbox({ className, ...props }: CheckboxProps) {\n  const classNames = clsx(className, \"checkbox\");\n  return (\n    <div className={classNames} {...props}>\n      <IconMinus aria-hidden=\"true\" className=\"icon-indeterminate\" size=\"16\" />\n      <IconCheck aria-hidden=\"true\" className=\"icon-selected\" size=\"16\" />\n    </div>\n  );\n}\n"],"names":["CheckboxGroup","className","label","description","errorMessage","children","props","classNames","clsx","jsxs","RACCheckboxGroup","jsx","Label","Description","FieldError","CheckboxField","inline","labelText","RACCheckbox","Fragment","Checkbox","IconMinus","IconCheck"],"mappings":"gWAiBO,SAASA,EAAc,CAC5B,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAuB,CACrB,MAAMC,EAAaC,EAAAA,KAAKP,EAAW,gBAAgB,EACnD,OACEQ,EAAAA,KAACC,EAAAA,cAAA,CAAkB,GAAGJ,EAAO,UAAWC,EACrC,SAAA,CAAAL,GAASS,EAAAA,IAACC,EAAAA,OAAO,SAAAV,CAAA,CAAM,EACvBC,GAAeQ,EAAAA,IAACE,EAAAA,YAAA,CAAa,SAAAV,CAAA,CAAY,EACzCC,GAAgBO,EAAAA,IAACG,EAAAA,WAAA,CAAY,SAAAV,CAAA,CAAa,EAC1CC,CAAA,EACH,CAEJ,CAIO,SAASU,EAAc,CAC5B,SAAAV,EACA,UAAAJ,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,OAAAY,EACA,GAAGV,CACL,EAAuB,CACrB,MAAMC,EAAaC,EAAAA,KACjBP,EACA,iBACAe,GAAU,wBAAA,EAENC,EACJf,IAAU,OAAOG,GAAa,SAAWA,EAAW,QACtD,aACGa,EAAAA,SAAA,CAAY,UAAWX,EAAa,GAAGD,EACtC,SAAAG,EAAAA,KAAAU,EAAAA,SAAA,CACE,SAAA,CAAAR,EAAAA,IAACC,EAAAA,OAAO,SAAAK,CAAA,CAAU,QACjBG,EAAA,EAAS,EACTjB,GAAeQ,EAAAA,IAACE,EAAAA,YAAA,CAAa,SAAAV,CAAA,CAAY,EAC1CQ,EAAAA,IAACG,EAAAA,YAAY,SAAAV,CAAA,CAAa,EACzBa,IAAcZ,GACbM,MAAC,OAAA,CAAK,UAAU,QAAS,SAAAN,CAAA,CAA4B,CAAA,CAAA,CAEzD,CAAA,CACF,CAEJ,CAGO,SAASe,EAAS,CAAE,UAAAnB,EAAW,GAAGK,GAAwB,CAC/D,MAAMC,EAAaC,EAAAA,KAAKP,EAAW,UAAU,EAC7C,OACEQ,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAa,GAAGD,EAC9B,SAAA,CAAAK,MAACU,EAAAA,WAAU,cAAY,OAAO,UAAU,qBAAqB,KAAK,KAAK,QACtEC,EAAAA,UAAA,CAAU,cAAY,OAAO,UAAU,gBAAgB,KAAK,IAAA,CAAK,CAAA,EACpE,CAEJ"}

package/dist/lib/ui/primitives/Checkbox/Checkbox.js

@@ -0,0 +1,58 @@
+import { jsxs as l, jsx as e, Fragment as p } from "react/jsx-runtime";
+import { clsx as t } from "../../../vendor/clsx/dist/clsx.js";
+import { CheckboxGroup as u, Checkbox as f } from "react-aria-components";
+/* empty css             */
+import { IconMinus as k } from "../../icons/IconMinus.js";
+import { IconCheck as N } from "../../icons/IconCheck.js";
+import { Label as h, Description as d, FieldError as x } from "../Fieldset/Fieldset.js";
+function $({
+  className: c,
+  label: o,
+  description: r,
+  errorMessage: i,
+  children: s,
+  ...n
+}) {
+  const a = t(c, "checkbox-group");
+  return /* @__PURE__ */ l(u, { ...n, className: a, children: [
+    o && /* @__PURE__ */ e(h, { children: o }),
+    r && /* @__PURE__ */ e(d, { children: r }),
+    i && /* @__PURE__ */ e(x, { children: i }),
+    s
+  ] });
+}
+function y({
+  children: c,
+  className: o,
+  label: r,
+  description: i,
+  errorMessage: s,
+  inline: n,
+  ...a
+}) {
+  const b = t(
+    o,
+    "checkbox-field",
+    n && "checkbox-field--inline"
+  ), m = r || (typeof c == "string" ? c : void 0);
+  return /* @__PURE__ */ e(f, { className: b, ...a, children: /* @__PURE__ */ l(p, { children: [
+    /* @__PURE__ */ e(h, { children: m }),
+    /* @__PURE__ */ e(C, {}),
+    i && /* @__PURE__ */ e(d, { children: i }),
+    /* @__PURE__ */ e(x, { children: s }),
+    m !== c && /* @__PURE__ */ e("span", { className: "label", children: c })
+  ] }) });
+}
+function C({ className: c, ...o }) {
+  const r = t(c, "checkbox");
+  return /* @__PURE__ */ l("div", { className: r, ...o, children: [
+    /* @__PURE__ */ e(k, { "aria-hidden": "true", className: "icon-indeterminate", size: "16" }),
+    /* @__PURE__ */ e(N, { "aria-hidden": "true", className: "icon-selected", size: "16" })
+  ] });
+}
+export {
+  C as Checkbox,
+  y as CheckboxField,
+  $ as CheckboxGroup
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/lib/ui/primitives/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/ui/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { IconCheck, IconMinus } from \"icons\";\nimport { Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport {\n  Checkbox as RACCheckbox,\n  CheckboxGroup as RACCheckboxGroup,\n  type CheckboxGroupProps as RACCheckboxGroupProps,\n  type CheckboxProps as RACCheckboxProps,\n} from \"react-aria-components\";\nimport \"./checkbox.css\";\n\nexport interface CheckboxGroupProps\n  extends Omit<RACCheckboxGroupProps, \"children\">,\n    SharedFieldProps {\n  children?: React.ReactNode;\n}\n\nexport function CheckboxGroup({\n  className,\n  label,\n  description,\n  errorMessage,\n  children,\n  ...props\n}: CheckboxGroupProps) {\n  const classNames = clsx(className, \"checkbox-group\");\n  return (\n    <RACCheckboxGroup {...props} className={classNames}>\n      {label && <Label>{label}</Label>}\n      {description && <Description>{description}</Description>}\n      {errorMessage && <FieldError>{errorMessage}</FieldError>}\n      {children}\n    </RACCheckboxGroup>\n  );\n}\n\nexport type CheckboxFieldProps = RACCheckboxProps &\n  SharedFieldProps & { inline?: boolean };\nexport function CheckboxField({\n  children,\n  className,\n  label,\n  description,\n  errorMessage,\n  inline,\n  ...props\n}: CheckboxFieldProps) {\n  const classNames = clsx(\n    className,\n    \"checkbox-field\",\n    inline && \"checkbox-field--inline\",\n  );\n  const labelText: string | undefined =\n    label || (typeof children === \"string\" ? children : undefined);\n  return (\n    <RACCheckbox className={classNames} {...props}>\n      <>\n        <Label>{labelText}</Label>\n        <Checkbox />\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n        {labelText !== children && (\n          <span className=\"label\">{children as React.ReactNode}</span>\n        )}\n      </>\n    </RACCheckbox>\n  );\n}\n\nexport type CheckboxProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function Checkbox({ className, ...props }: CheckboxProps) {\n  const classNames = clsx(className, \"checkbox\");\n  return (\n    <div className={classNames} {...props}>\n      <IconMinus aria-hidden=\"true\" className=\"icon-indeterminate\" size=\"16\" />\n      <IconCheck aria-hidden=\"true\" className=\"icon-selected\" size=\"16\" />\n    </div>\n  );\n}\n"],"names":["CheckboxGroup","className","label","description","errorMessage","children","props","classNames","clsx","jsxs","RACCheckboxGroup","jsx","Label","Description","FieldError","CheckboxField","inline","labelText","RACCheckbox","Fragment","Checkbox","IconMinus","IconCheck"],"mappings":";;;;;;;AAiBO,SAASA,EAAc;AAAA,EAC5B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAuB;AACrB,QAAMC,IAAaC,EAAKP,GAAW,gBAAgB;AACnD,SACE,gBAAAQ,EAACC,GAAA,EAAkB,GAAGJ,GAAO,WAAWC,GACrC,UAAA;AAAA,IAAAL,KAAS,gBAAAS,EAACC,KAAO,UAAAV,EAAA,CAAM;AAAA,IACvBC,KAAe,gBAAAQ,EAACE,GAAA,EAAa,UAAAV,EAAA,CAAY;AAAA,IACzCC,KAAgB,gBAAAO,EAACG,GAAA,EAAY,UAAAV,EAAA,CAAa;AAAA,IAC1CC;AAAA,EAAA,GACH;AAEJ;AAIO,SAASU,EAAc;AAAA,EAC5B,UAAAV;AAAA,EACA,WAAAJ;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAY;AAAA,EACA,GAAGV;AACL,GAAuB;AACrB,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACAe,KAAU;AAAA,EAAA,GAENC,IACJf,MAAU,OAAOG,KAAa,WAAWA,IAAW;AACtD,2BACGa,GAAA,EAAY,WAAWX,GAAa,GAAGD,GACtC,UAAA,gBAAAG,EAAAU,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAR,EAACC,KAAO,UAAAK,EAAA,CAAU;AAAA,sBACjBG,GAAA,EAAS;AAAA,IACTjB,KAAe,gBAAAQ,EAACE,GAAA,EAAa,UAAAV,EAAA,CAAY;AAAA,IAC1C,gBAAAQ,EAACG,KAAY,UAAAV,EAAA,CAAa;AAAA,IACzBa,MAAcZ,KACb,gBAAAM,EAAC,QAAA,EAAK,WAAU,SAAS,UAAAN,EAAA,CAA4B;AAAA,EAAA,EAAA,CAEzD,EAAA,CACF;AAEJ;AAGO,SAASe,EAAS,EAAE,WAAAnB,GAAW,GAAGK,KAAwB;AAC/D,QAAMC,IAAaC,EAAKP,GAAW,UAAU;AAC7C,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWF,GAAa,GAAGD,GAC9B,UAAA;AAAA,IAAA,gBAAAK,EAACU,KAAU,eAAY,QAAO,WAAU,sBAAqB,MAAK,MAAK;AAAA,sBACtEC,GAAA,EAAU,eAAY,QAAO,WAAU,iBAAgB,MAAK,KAAA,CAAK;AAAA,EAAA,GACpE;AAEJ;"}

package/dist/lib/ui/primitives/CodeBlock/CodeBlock.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react");;/* empty css                */const a=require("../IconButton/IconButton.cjs"),l=require("../../icons/IconCheck.cjs"),d=require("../../icons/IconCopy.cjs");function u({text:c,copyLabel:n="Copy",copiedLabel:i="Copied"}){const[o,t]=s.useState(!1);function r(){navigator.clipboard.writeText(c).then(()=>{t(!0),setTimeout(()=>t(!1),2e3)}).catch(()=>{})}return e.jsxs("div",{className:"codeblock","data-copied":o||void 0,children:[e.jsx("code",{className:"codeblock-text",children:c}),e.jsx(a.IconButton,{"aria-label":o?i:n,variant:"subtle",size:"small",onPress:r,children:o?e.jsx(l.IconCheck,{}):e.jsx(d.IconCopy,{})})]})}exports.CodeBlock=u;
+//# sourceMappingURL=CodeBlock.cjs.map

package/dist/lib/ui/primitives/CodeBlock/CodeBlock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.cjs","sources":["../../../../../src/ui/primitives/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { IconButton } from \"primitives\";\nimport { IconCheck, IconCopy } from \"icons\";\nimport \"./codeblock.css\";\n\nexport interface CodeBlockProps {\n  text: string;\n  copyLabel?: string;\n  copiedLabel?: string;\n}\n\nexport function CodeBlock({\n  text,\n  copyLabel = \"Copy\",\n  copiedLabel = \"Copied\",\n}: CodeBlockProps) {\n  const [copied, setCopied] = useState(false);\n\n  function handleCopy() {\n    navigator.clipboard.writeText(text).then(() => {\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    }).catch(() => undefined);\n  }\n\n  return (\n    <div className=\"codeblock\" data-copied={copied || undefined}>\n      <code className=\"codeblock-text\">{text}</code>\n      <IconButton\n        aria-label={copied ? copiedLabel : copyLabel}\n        variant=\"subtle\"\n        size=\"small\"\n        onPress={handleCopy}\n      >\n        {copied ? <IconCheck /> : <IconCopy />}\n      </IconButton>\n    </div>\n  );\n}\n"],"names":["CodeBlock","text","copyLabel","copiedLabel","copied","setCopied","useState","handleCopy","jsx","IconButton","IconCheck","IconCopy"],"mappings":"oSAWO,SAASA,EAAU,CACxB,KAAAC,EACA,UAAAC,EAAY,OACZ,YAAAC,EAAc,QAChB,EAAmB,CACjB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EAE1C,SAASC,GAAa,CACpB,UAAU,UAAU,UAAUN,CAAI,EAAE,KAAK,IAAM,CAC7CI,EAAU,EAAI,EACd,WAAW,IAAMA,EAAU,EAAK,EAAG,GAAI,CACzC,CAAC,EAAE,MAAM,IAAA,EAAe,CAC1B,CAEA,cACG,MAAA,CAAI,UAAU,YAAY,cAAaD,GAAU,OAChD,SAAA,CAAAI,EAAAA,IAAC,OAAA,CAAK,UAAU,iBAAkB,SAAAP,EAAK,EACvCO,EAAAA,IAACC,EAAAA,WAAA,CACC,aAAYL,EAASD,EAAcD,EACnC,QAAQ,SACR,KAAK,QACL,QAASK,EAER,SAAAH,EAASI,MAACE,EAAAA,UAAA,CAAA,CAAU,QAAMC,EAAAA,SAAA,CAAA,CAAS,CAAA,CAAA,CACtC,EACF,CAEJ"}

package/dist/lib/ui/primitives/CodeBlock/CodeBlock.js

@@ -0,0 +1,36 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { useState as s } from "react";
+/* empty css              */
+import { IconButton as d } from "../IconButton/IconButton.js";
+import { IconCheck as l } from "../../icons/IconCheck.js";
+import { IconCopy as m } from "../../icons/IconCopy.js";
+function v({
+  text: t,
+  copyLabel: r = "Copy",
+  copiedLabel: c = "Copied"
+}) {
+  const [e, i] = s(!1);
+  function a() {
+    navigator.clipboard.writeText(t).then(() => {
+      i(!0), setTimeout(() => i(!1), 2e3);
+    }).catch(() => {
+    });
+  }
+  return /* @__PURE__ */ n("div", { className: "codeblock", "data-copied": e || void 0, children: [
+    /* @__PURE__ */ o("code", { className: "codeblock-text", children: t }),
+    /* @__PURE__ */ o(
+      d,
+      {
+        "aria-label": e ? c : r,
+        variant: "subtle",
+        size: "small",
+        onPress: a,
+        children: e ? /* @__PURE__ */ o(l, {}) : /* @__PURE__ */ o(m, {})
+      }
+    )
+  ] });
+}
+export {
+  v as CodeBlock
+};
+//# sourceMappingURL=CodeBlock.js.map

package/dist/lib/ui/primitives/CodeBlock/CodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.js","sources":["../../../../../src/ui/primitives/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { IconButton } from \"primitives\";\nimport { IconCheck, IconCopy } from \"icons\";\nimport \"./codeblock.css\";\n\nexport interface CodeBlockProps {\n  text: string;\n  copyLabel?: string;\n  copiedLabel?: string;\n}\n\nexport function CodeBlock({\n  text,\n  copyLabel = \"Copy\",\n  copiedLabel = \"Copied\",\n}: CodeBlockProps) {\n  const [copied, setCopied] = useState(false);\n\n  function handleCopy() {\n    navigator.clipboard.writeText(text).then(() => {\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    }).catch(() => undefined);\n  }\n\n  return (\n    <div className=\"codeblock\" data-copied={copied || undefined}>\n      <code className=\"codeblock-text\">{text}</code>\n      <IconButton\n        aria-label={copied ? copiedLabel : copyLabel}\n        variant=\"subtle\"\n        size=\"small\"\n        onPress={handleCopy}\n      >\n        {copied ? <IconCheck /> : <IconCopy />}\n      </IconButton>\n    </div>\n  );\n}\n"],"names":["CodeBlock","text","copyLabel","copiedLabel","copied","setCopied","useState","handleCopy","jsx","IconButton","IconCheck","IconCopy"],"mappings":";;;;;;AAWO,SAASA,EAAU;AAAA,EACxB,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAChB,GAAmB;AACjB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAE1C,WAASC,IAAa;AACpB,cAAU,UAAU,UAAUN,CAAI,EAAE,KAAK,MAAM;AAC7C,MAAAI,EAAU,EAAI,GACd,WAAW,MAAMA,EAAU,EAAK,GAAG,GAAI;AAAA,IACzC,CAAC,EAAE,MAAM,MAAA;AAAA,KAAe;AAAA,EAC1B;AAEA,2BACG,OAAA,EAAI,WAAU,aAAY,eAAaD,KAAU,QAChD,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,WAAU,kBAAkB,UAAAP,GAAK;AAAA,IACvC,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAYL,IAASD,IAAcD;AAAA,QACnC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAASK;AAAA,QAER,UAAAH,IAAS,gBAAAI,EAACE,GAAA,CAAA,CAAU,sBAAMC,GAAA,CAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACtC,GACF;AAEJ;"}

package/dist/lib/ui/primitives/CodeEditor/CodeEditor.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("../../../vendor/clsx/dist/clsx.cjs"),u=require("react"),F=require("../../../vendor/@monaco-editor/react/dist/index.cjs");;/* empty css                 */const m=require("../Fieldset/Fieldset.cjs"),g=require("../Button/Button.cjs");function j({value:d,defaultValue:s,onChange:o,language:i="javascript",theme:n="vs",height:r="300px",isDisabled:t=!1,isReadOnly:a=!1,options:f,className:p,editorRef:l}){const[c,v]=u.useState(!1),E=u.useRef(null);function N(x,R){l&&(l.current=x),x.onDidFocusEditorWidget(()=>v(!0)),x.onDidBlurEditorWidget(()=>v(!1))}const C=h.clsx("code-editor-wrapper",p,{"code-editor-focused":c,"code-editor-disabled":t});return e.jsx("div",{ref:E,className:C,"data-disabled":t||void 0,style:{height:r},children:e.jsx(F.default,{height:"100%",value:d,defaultValue:s,language:i,theme:n,onChange:o,onMount:N,loading:e.jsx("div",{className:"code-editor-loading"}),options:{readOnly:a||t,minimap:{enabled:!1},scrollBeyondLastLine:!1,fontSize:13,lineNumbersMinChars:3,...f}})})}function q({className:d,label:s,description:o,errorMessage:i,...n}){const r=u.useId(),t=h.clsx(d,"field");return e.jsxs("div",{className:t,children:[s&&e.jsx(m.Label,{htmlFor:r,children:s}),e.jsx(j,{...n}),o&&e.jsx(m.Description,{children:o}),i&&typeof i=="string"&&e.jsx(m.FieldError,{children:i})]})}const y="Clique no editor e pressione F1 para visualizar os atalhos do teclado";function B({title:d,shortcutHint:s=y,onBeautify:o,className:i,isDisabled:n=!1,isReadOnly:r=!1,...t}){const a=u.useRef(null),f=!n&&!r;function p(){var l,c;if(o){o();return}(c=(l=a.current)==null?void 0:l.getAction("editor.action.formatDocument"))==null||c.run()}return e.jsxs("div",{className:h.clsx("code-editor-panel",i),children:[f&&e.jsxs("div",{className:"code-editor-panel-header",children:[e.jsxs("div",{className:"code-editor-panel-title-group",children:[e.jsx("span",{className:"code-editor-panel-title",children:d}),s&&e.jsxs("span",{className:"code-editor-panel-hint",children:["(",s,")"]})]}),e.jsx(g.Button,{size:"small",variant:"primary",onPress:p,children:"Beautify"})]}),e.jsx(j,{...t,isDisabled:n,isReadOnly:r,editorRef:a})]})}exports.CodeEditor=j;exports.CodeEditorField=q;exports.CodeEditorPanel=B;
+//# sourceMappingURL=CodeEditor.cjs.map

package/dist/lib/ui/primitives/CodeEditor/CodeEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.cjs","sources":["../../../../../src/ui/primitives/CodeEditor/CodeEditor.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Button, Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport React, { useId, useRef, useState } from \"react\";\nimport type { EditorProps, Monaco } from \"@monaco-editor/react\";\nimport Editor from \"@monaco-editor/react\";\nimport \"./codeeditor.css\";\n\nexport type CodeEditorTheme = \"vs\" | \"vs-dark\" | \"hc-black\";\n\ntype MonacoEditorInstance = Parameters<NonNullable<EditorProps[\"onMount\"]>>[0];\n\nexport type CodeEditorProps = {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string | undefined) => void;\n  language?: string;\n  theme?: CodeEditorTheme;\n  height?: string | number;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  options?: EditorProps[\"options\"];\n  className?: string;\n  editorRef?: React.MutableRefObject<MonacoEditorInstance | null>;\n};\n\nexport function CodeEditor({\n  value,\n  defaultValue,\n  onChange,\n  language = \"javascript\",\n  theme = \"vs\",\n  height = \"300px\",\n  isDisabled = false,\n  isReadOnly = false,\n  options,\n  className,\n  editorRef,\n}: CodeEditorProps) {\n  const [isFocused, setIsFocused] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  function handleMount(_editor: MonacoEditorInstance, _monaco: Monaco) {\n    if (editorRef) editorRef.current = _editor;\n    _editor.onDidFocusEditorWidget(() => setIsFocused(true));\n    _editor.onDidBlurEditorWidget(() => setIsFocused(false));\n  }\n\n  const wrapperClass = clsx(\"code-editor-wrapper\", className, {\n    \"code-editor-focused\": isFocused,\n    \"code-editor-disabled\": isDisabled,\n  });\n\n  return (\n    <div\n      ref={wrapperRef}\n      className={wrapperClass}\n      data-disabled={isDisabled || undefined}\n      style={{ height }}\n    >\n      <Editor\n        height=\"100%\"\n        value={value}\n        defaultValue={defaultValue}\n        language={language}\n        theme={theme}\n        onChange={onChange}\n        onMount={handleMount}\n        loading={<div className=\"code-editor-loading\" />}\n        options={{\n          readOnly: isReadOnly || isDisabled,\n          minimap: { enabled: false },\n          scrollBeyondLastLine: false,\n          fontSize: 13,\n          lineNumbersMinChars: 3,\n          ...options,\n        }}\n      />\n    </div>\n  );\n}\n\nexport type CodeEditorFieldProps = CodeEditorProps & SharedFieldProps;\n\nexport function CodeEditorField({\n  className,\n  label,\n  description,\n  errorMessage,\n  ...props\n}: CodeEditorFieldProps) {\n  const id = useId();\n  const classNames = clsx(className, \"field\");\n\n  return (\n    <div className={classNames}>\n      {label && <Label htmlFor={id}>{label}</Label>}\n      <CodeEditor {...props} />\n      {description && <Description>{description}</Description>}\n      {errorMessage && typeof errorMessage === \"string\" && (\n        <FieldError>{errorMessage}</FieldError>\n      )}\n    </div>\n  );\n}\n\nconst DEFAULT_SHORTCUT_HINT = \"Clique no editor e pressione F1 para visualizar os atalhos do teclado\";\n\nexport type CodeEditorPanelProps = CodeEditorProps & {\n  title: string;\n  shortcutHint?: string;\n  onBeautify?: () => void;\n};\n\nexport function CodeEditorPanel({\n  title,\n  shortcutHint = DEFAULT_SHORTCUT_HINT,\n  onBeautify,\n  className,\n  isDisabled = false,\n  isReadOnly = false,\n  ...editorProps\n}: CodeEditorPanelProps) {\n  const internalEditorRef = useRef<MonacoEditorInstance | null>(null);\n  const isEditMode = !isDisabled && !isReadOnly;\n\n  function handleBeautify() {\n    if (onBeautify) {\n      onBeautify();\n      return;\n    }\n    internalEditorRef.current?.getAction(\"editor.action.formatDocument\")?.run();\n  }\n\n  return (\n    <div className={clsx(\"code-editor-panel\", className)}>\n      {isEditMode && (\n        <div className=\"code-editor-panel-header\">\n          <div className=\"code-editor-panel-title-group\">\n            <span className=\"code-editor-panel-title\">{title}</span>\n            {shortcutHint && (\n              <span className=\"code-editor-panel-hint\">({shortcutHint})</span>\n            )}\n          </div>\n          <Button size=\"small\" variant=\"primary\" onPress={handleBeautify}>\n            Beautify\n          </Button>\n        </div>\n      )}\n      <CodeEditor {...editorProps} isDisabled={isDisabled} isReadOnly={isReadOnly} editorRef={internalEditorRef} />\n    </div>\n  );\n}\n"],"names":["CodeEditor","value","defaultValue","onChange","language","theme","height","isDisabled","isReadOnly","options","className","editorRef","isFocused","setIsFocused","useState","wrapperRef","useRef","handleMount","_editor","_monaco","wrapperClass","clsx","jsx","Editor","CodeEditorField","label","description","errorMessage","props","id","useId","classNames","jsxs","Label","Description","FieldError","DEFAULT_SHORTCUT_HINT","CodeEditorPanel","title","shortcutHint","onBeautify","editorProps","internalEditorRef","isEditMode","handleBeautify","_b","_a","Button"],"mappings":"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"}

package/dist/lib/ui/primitives/CodeEditor/CodeEditor.js

@@ -0,0 +1,114 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { clsx as h } from "../../../vendor/clsx/dist/clsx.js";
+import { useState as x, useRef as N, useId as y } from "react";
+import B from "../../../vendor/@monaco-editor/react/dist/index.js";
+/* empty css               */
+import { Label as L, Description as T, FieldError as j } from "../Fieldset/Fieldset.js";
+import { Button as w } from "../Button/Button.js";
+function E({
+  value: a,
+  defaultValue: o,
+  onChange: i,
+  language: r = "javascript",
+  theme: n = "vs",
+  height: d = "300px",
+  isDisabled: t = !1,
+  isReadOnly: c = !1,
+  options: m,
+  className: u,
+  editorRef: s
+}) {
+  const [f, v] = x(!1), F = N(null);
+  function C(p, I) {
+    s && (s.current = p), p.onDidFocusEditorWidget(() => v(!0)), p.onDidBlurEditorWidget(() => v(!1));
+  }
+  const g = h("code-editor-wrapper", u, {
+    "code-editor-focused": f,
+    "code-editor-disabled": t
+  });
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: F,
+      className: g,
+      "data-disabled": t || void 0,
+      style: { height: d },
+      children: /* @__PURE__ */ e(
+        B,
+        {
+          height: "100%",
+          value: a,
+          defaultValue: o,
+          language: r,
+          theme: n,
+          onChange: i,
+          onMount: C,
+          loading: /* @__PURE__ */ e("div", { className: "code-editor-loading" }),
+          options: {
+            readOnly: c || t,
+            minimap: { enabled: !1 },
+            scrollBeyondLastLine: !1,
+            fontSize: 13,
+            lineNumbersMinChars: 3,
+            ...m
+          }
+        }
+      )
+    }
+  );
+}
+function W({
+  className: a,
+  label: o,
+  description: i,
+  errorMessage: r,
+  ...n
+}) {
+  const d = y(), t = h(a, "field");
+  return /* @__PURE__ */ l("div", { className: t, children: [
+    o && /* @__PURE__ */ e(L, { htmlFor: d, children: o }),
+    /* @__PURE__ */ e(E, { ...n }),
+    i && /* @__PURE__ */ e(T, { children: i }),
+    r && typeof r == "string" && /* @__PURE__ */ e(j, { children: r })
+  ] });
+}
+const z = "Clique no editor e pressione F1 para visualizar os atalhos do teclado";
+function b({
+  title: a,
+  shortcutHint: o = z,
+  onBeautify: i,
+  className: r,
+  isDisabled: n = !1,
+  isReadOnly: d = !1,
+  ...t
+}) {
+  const c = N(null), m = !n && !d;
+  function u() {
+    var s, f;
+    if (i) {
+      i();
+      return;
+    }
+    (f = (s = c.current) == null ? void 0 : s.getAction("editor.action.formatDocument")) == null || f.run();
+  }
+  return /* @__PURE__ */ l("div", { className: h("code-editor-panel", r), children: [
+    m && /* @__PURE__ */ l("div", { className: "code-editor-panel-header", children: [
+      /* @__PURE__ */ l("div", { className: "code-editor-panel-title-group", children: [
+        /* @__PURE__ */ e("span", { className: "code-editor-panel-title", children: a }),
+        o && /* @__PURE__ */ l("span", { className: "code-editor-panel-hint", children: [
+          "(",
+          o,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ e(w, { size: "small", variant: "primary", onPress: u, children: "Beautify" })
+    ] }),
+    /* @__PURE__ */ e(E, { ...t, isDisabled: n, isReadOnly: d, editorRef: c })
+  ] });
+}
+export {
+  E as CodeEditor,
+  W as CodeEditorField,
+  b as CodeEditorPanel
+};
+//# sourceMappingURL=CodeEditor.js.map

package/dist/lib/ui/primitives/CodeEditor/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.js","sources":["../../../../../src/ui/primitives/CodeEditor/CodeEditor.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Button, Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport React, { useId, useRef, useState } from \"react\";\nimport type { EditorProps, Monaco } from \"@monaco-editor/react\";\nimport Editor from \"@monaco-editor/react\";\nimport \"./codeeditor.css\";\n\nexport type CodeEditorTheme = \"vs\" | \"vs-dark\" | \"hc-black\";\n\ntype MonacoEditorInstance = Parameters<NonNullable<EditorProps[\"onMount\"]>>[0];\n\nexport type CodeEditorProps = {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string | undefined) => void;\n  language?: string;\n  theme?: CodeEditorTheme;\n  height?: string | number;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  options?: EditorProps[\"options\"];\n  className?: string;\n  editorRef?: React.MutableRefObject<MonacoEditorInstance | null>;\n};\n\nexport function CodeEditor({\n  value,\n  defaultValue,\n  onChange,\n  language = \"javascript\",\n  theme = \"vs\",\n  height = \"300px\",\n  isDisabled = false,\n  isReadOnly = false,\n  options,\n  className,\n  editorRef,\n}: CodeEditorProps) {\n  const [isFocused, setIsFocused] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  function handleMount(_editor: MonacoEditorInstance, _monaco: Monaco) {\n    if (editorRef) editorRef.current = _editor;\n    _editor.onDidFocusEditorWidget(() => setIsFocused(true));\n    _editor.onDidBlurEditorWidget(() => setIsFocused(false));\n  }\n\n  const wrapperClass = clsx(\"code-editor-wrapper\", className, {\n    \"code-editor-focused\": isFocused,\n    \"code-editor-disabled\": isDisabled,\n  });\n\n  return (\n    <div\n      ref={wrapperRef}\n      className={wrapperClass}\n      data-disabled={isDisabled || undefined}\n      style={{ height }}\n    >\n      <Editor\n        height=\"100%\"\n        value={value}\n        defaultValue={defaultValue}\n        language={language}\n        theme={theme}\n        onChange={onChange}\n        onMount={handleMount}\n        loading={<div className=\"code-editor-loading\" />}\n        options={{\n          readOnly: isReadOnly || isDisabled,\n          minimap: { enabled: false },\n          scrollBeyondLastLine: false,\n          fontSize: 13,\n          lineNumbersMinChars: 3,\n          ...options,\n        }}\n      />\n    </div>\n  );\n}\n\nexport type CodeEditorFieldProps = CodeEditorProps & SharedFieldProps;\n\nexport function CodeEditorField({\n  className,\n  label,\n  description,\n  errorMessage,\n  ...props\n}: CodeEditorFieldProps) {\n  const id = useId();\n  const classNames = clsx(className, \"field\");\n\n  return (\n    <div className={classNames}>\n      {label && <Label htmlFor={id}>{label}</Label>}\n      <CodeEditor {...props} />\n      {description && <Description>{description}</Description>}\n      {errorMessage && typeof errorMessage === \"string\" && (\n        <FieldError>{errorMessage}</FieldError>\n      )}\n    </div>\n  );\n}\n\nconst DEFAULT_SHORTCUT_HINT = \"Clique no editor e pressione F1 para visualizar os atalhos do teclado\";\n\nexport type CodeEditorPanelProps = CodeEditorProps & {\n  title: string;\n  shortcutHint?: string;\n  onBeautify?: () => void;\n};\n\nexport function CodeEditorPanel({\n  title,\n  shortcutHint = DEFAULT_SHORTCUT_HINT,\n  onBeautify,\n  className,\n  isDisabled = false,\n  isReadOnly = false,\n  ...editorProps\n}: CodeEditorPanelProps) {\n  const internalEditorRef = useRef<MonacoEditorInstance | null>(null);\n  const isEditMode = !isDisabled && !isReadOnly;\n\n  function handleBeautify() {\n    if (onBeautify) {\n      onBeautify();\n      return;\n    }\n    internalEditorRef.current?.getAction(\"editor.action.formatDocument\")?.run();\n  }\n\n  return (\n    <div className={clsx(\"code-editor-panel\", className)}>\n      {isEditMode && (\n        <div className=\"code-editor-panel-header\">\n          <div className=\"code-editor-panel-title-group\">\n            <span className=\"code-editor-panel-title\">{title}</span>\n            {shortcutHint && (\n              <span className=\"code-editor-panel-hint\">({shortcutHint})</span>\n            )}\n          </div>\n          <Button size=\"small\" variant=\"primary\" onPress={handleBeautify}>\n            Beautify\n          </Button>\n        </div>\n      )}\n      <CodeEditor {...editorProps} isDisabled={isDisabled} isReadOnly={isReadOnly} editorRef={internalEditorRef} />\n    </div>\n  );\n}\n"],"names":["CodeEditor","value","defaultValue","onChange","language","theme","height","isDisabled","isReadOnly","options","className","editorRef","isFocused","setIsFocused","useState","wrapperRef","useRef","handleMount","_editor","_monaco","wrapperClass","clsx","jsx","Editor","CodeEditorField","label","description","errorMessage","props","id","useId","classNames","jsxs","Label","Description","FieldError","DEFAULT_SHORTCUT_HINT","CodeEditorPanel","title","shortcutHint","onBeautify","editorProps","internalEditorRef","isEditMode","handleBeautify","_b","_a","Button"],"mappings":"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"}

package/dist/lib/ui/primitives/DateRangePicker/DateRangePicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@internationalized/date"),qe=require("../../../vendor/clsx/dist/clsx.cjs"),h=require("react"),n=require("react-aria-components"),ye=require("./dateRangePresets.cjs");;/* empty css                      */const z=require("../Fieldset/Fieldset.cjs"),G=require("../../icons/IconCalendar.cjs"),Ie=require("../../icons/IconChevronDown.cjs"),V=require("../Text/Text.cjs"),ae=require("../ListBox/ListBox.cjs"),Le=require("../../icons/IconCheck.cjs"),Be=require("../../icons/IconChevronLeft.cjs"),we=require("../../icons/IconChevronRight.cjs"),ne=require("../Button/Button.cjs"),H=()=>new o.Time(0,0,0),re=()=>new o.Time(23,59,59);function Re({onAnchorChange:a}){const c=h.useContext(n.RangeCalendarStateContext),l=(c==null?void 0:c.anchorDate)??null,u=l==null?void 0:l.toString();return h.useEffect(()=>{a(l)},[u]),null}const k=a=>a&&"hour"in a?new o.Time(a.hour,a.minute,a.second):null,se=a=>!a||!a.start&&!a.end?{range:null,startTime:null,endTime:null,preset:a==null?void 0:a.preset}:{range:a.start&&a.end?{start:o.toCalendarDate(a.start),end:o.toCalendarDate(a.end)}:null,startTime:k(a.start),endTime:k(a.end),preset:a.preset},m=(a,c,l)=>{if(!a)return null;const u=o.toCalendarDate(a);return l||!c?u:o.toCalendarDateTime(u,c)},Fe=(a,c)=>{var l,u;return{preset:a.preset,start:m((l=a.range)==null?void 0:l.start,a.startTime,c),end:m((u=a.range)==null?void 0:u.end,a.endTime,c)}};function Pe({className:a,locale:c,label:l,"aria-label":u,description:K,errorMessage:q,labels:ie,intervals:y,presetKeys:I,presetLabels:L,hideTime:i=!1,minValue:B,maxValue:w,timezone:ce,isDisabled:le=!1,isRequired:de=!1,value:S,defaultValue:oe,onChange:R}){var _,ee;const{locale:ge}=n.useLocale(),F=c??ge??"pt-BR",P=ce??o.getLocalTimeZone(),{placeholder:M,relativeLabel:Z,absoluteLabel:$,startDateLabel:me,endDateLabel:ue,cancelLabel:E,applyLabel:A}=ie,x=h.useMemo(()=>{if(y)return y;if(I){if(!L)throw new Error("DateRangePicker: `presetLabels` is required when `presetKeys` is provided.");return ye.createDateRangePresets({locale:F,timezone:P,include:I,labels:L})}},[y,I,L,F,P]),[g,J]=h.useState(()=>se(S??oe)),[p,j]=h.useState(g),[pe,C]=h.useState(null),[he,O]=h.useState(!1);h.useEffect(()=>{S!==void 0&&J(se(S))},[S]);const v=t=>({...t,preset:void 0}),xe=t=>i?t:{...t,startTime:t.startTime??H(),endTime:t.endTime??re()},je=t=>{t&&(j(g),C(null)),O(t)},fe=t=>{C(null);const{start:r,end:d}=t.getValue();j({range:{start:o.toCalendarDate(r),end:o.toCalendarDate(d)},startTime:k(r),endTime:k(d),preset:t})},ke=t=>{C(t),t&&!i&&j(r=>v({...r,startTime:r.startTime??H()}))},Ce=t=>{C(null),j(r=>xe(v({...r,range:t})))},De=t=>{if(!t)return;C(null);const r=o.toCalendarDate(t),d=k(t);j(s=>{var b,te;const f=i?s.startTime:d??s.startTime??H(),D=m(r,f,i),T=m((b=s.range)==null?void 0:b.end,s.endTime,i),N=!!(D&&T&&T.compare(D)<0);return v({...s,range:{start:r,end:N||!((te=s.range)!=null&&te.end)?r:s.range.end},startTime:f,endTime:N?f:s.endTime})})},Te=t=>{if(!t)return;const r=o.toCalendarDate(t),d=k(t);j(s=>{var N,b;const f=i?s.endTime:d??s.endTime??re(),D=m(r,f,i),T=m((N=s.range)==null?void 0:N.start,s.startTime,i);return T&&D&&D.compare(T)<0?s:v({...s,range:{start:((b=s.range)==null?void 0:b.start)??r,end:r},endTime:f})})},Ne=()=>{J(p),R==null||R(Fe(p,i)),O(!1)},be=()=>O(!1),Se=!!(E||A),Q=(()=>{if(g.preset)return g.preset.label;if(g.range){const t=s=>s.toDate(P).toLocaleString(F,{day:"2-digit",month:"2-digit",year:"numeric",...i?{}:{hour:"2-digit",minute:"2-digit",second:"2-digit"}}),r=m(g.range.start,g.startTime,i),d=m(g.range.end,g.endTime,i);if(r&&d)return`${t(r)} — ${t(d)}`}return null})(),ve=!!(x&&x.length>0),U=i?"day":"second",W=m(((_=p.range)==null?void 0:_.start)??pe??void 0,p.startTime,i),X=m(((ee=p.range)==null?void 0:ee.end)??void 0,p.endTime,i),Y=e.jsxs(z.Field,{className:qe.clsx(a,"date-range-picker"),children:[l&&e.jsx(z.Label,{children:l}),e.jsxs(n.DialogTrigger,{isOpen:he,onOpenChange:je,children:[e.jsxs(n.Button,{className:"date-range-picker-trigger",isDisabled:le,"aria-label":l?void 0:u??M,"aria-required":de||void 0,"data-invalid":q?!0:void 0,children:[g.preset?e.jsxs("span",{className:"date-range-picker-preset-badge",children:[e.jsx(G.IconCalendar,{"aria-hidden":"true"}),g.preset.label]}):e.jsx("span",{className:"date-range-picker-value","data-placeholder":Q?void 0:!0,children:Q??M}),e.jsx(Ie.IconChevronDown,{"aria-hidden":"true"})]}),e.jsx(n.Popover,{className:"date-range-picker-popover",placement:"bottom start",children:e.jsxs(n.Dialog,{className:"date-range-picker-dialog",children:[e.jsxs("div",{className:"date-range-picker-body",children:[ve&&e.jsxs("div",{className:"date-range-picker-presets",children:[e.jsx(V.TextSmallStrong,{className:"date-range-picker-section-title",children:Z}),e.jsx(ae.ListBox,{"aria-label":Z,className:"date-range-picker-presets-list",selectionMode:"single",selectedKeys:p.preset?[p.preset.id]:[],items:x,onSelectionChange:t=>{const[r]=[...t],d=x==null?void 0:x.find(s=>s.id===r);d&&fe(d)},children:t=>e.jsxs(ae.ListBoxItem,{id:t.id,textValue:t.label,className:"date-range-picker-preset-item",children:[e.jsx("span",{children:t.label}),e.jsx(Le.IconCheck,{"aria-hidden":"true",className:"date-range-picker-preset-check"})]})})]}),e.jsxs("div",{className:"date-range-picker-absolute",children:[e.jsx(V.TextSmallStrong,{className:"date-range-picker-section-title",children:$}),e.jsxs("div",{className:"date-range-picker-fields",children:[e.jsxs(n.DateField,{className:"date-range-picker-datefield",granularity:U,value:W,minValue:B,maxValue:X??w,onChange:De,children:[e.jsx(n.Label,{className:"date-range-picker-field-label",children:me}),e.jsxs(n.Group,{className:"date-range-picker-input",children:[e.jsx(n.DateInput,{children:t=>e.jsx(n.DateSegment,{segment:t})}),e.jsx(G.IconCalendar,{"aria-hidden":"true"})]})]}),e.jsxs(n.DateField,{className:"date-range-picker-datefield",granularity:U,value:X,minValue:W??B,maxValue:w,onChange:Te,children:[e.jsx(n.Label,{className:"date-range-picker-field-label",children:ue}),e.jsxs(n.Group,{className:"date-range-picker-input",children:[e.jsx(n.DateInput,{children:t=>e.jsx(n.DateSegment,{segment:t})}),e.jsx(G.IconCalendar,{"aria-hidden":"true"})]})]})]}),e.jsxs(n.RangeCalendar,{className:"date-range-picker-calendar","aria-label":$,value:p.range,minValue:B,maxValue:w,onChange:Ce,children:[e.jsx(Re,{onAnchorChange:ke}),e.jsxs("header",{className:"date-range-picker-calendar-header",children:[e.jsx(n.Button,{slot:"previous",className:"date-range-picker-calendar-nav",children:e.jsx(Be.IconChevronLeft,{"aria-hidden":"true"})}),e.jsx(n.Heading,{className:"date-range-picker-calendar-heading"}),e.jsx(n.Button,{slot:"next",className:"date-range-picker-calendar-nav",children:e.jsx(we.IconChevronRight,{"aria-hidden":"true"})})]}),e.jsx(n.CalendarGrid,{className:"date-range-picker-calendar-grid",children:t=>e.jsx(n.CalendarCell,{date:t,className:"date-range-picker-calendar-cell"})})]})]})]}),Se&&e.jsxs("div",{className:"date-range-picker-actions",children:[E&&e.jsx(ne.Button,{variant:"neutral",size:"small",onPress:be,children:E}),A&&e.jsx(ne.Button,{variant:"primary",size:"small",onPress:Ne,children:A})]})]})})]}),K&&e.jsx(z.Description,{children:K}),q&&e.jsx(V.Text,{className:"date-range-picker-error",elementType:"span",children:q})]});return c?e.jsx(n.I18nProvider,{locale:c,children:Y}):Y}exports.DateRangePicker=Pe;
+//# sourceMappingURL=DateRangePicker.cjs.map