@apipass/design-system 1.17.0 → 1.18.1

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

@@ -0,0 +1,77 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { clsx as r } from "../../../vendor/clsx/dist/clsx.js";
+import { Dialog as c, DialogTrigger as m, ModalOverlay as g, Modal as d } from "react-aria-components";
+/* empty css           */
+import { IconX as u } from "../../icons/IconX.js";
+import { TextHeading as D, Text as f } from "../Text/Text.js";
+import { IconButton as t } from "../IconButton/IconButton.js";
+import { Button as p } from "../Button/Button.js";
+function N({ className: o, type: i = "card", ...l }) {
+  const s = r(o, "dialog", `dialog-type-${i}`);
+  return /* @__PURE__ */ a(c, { className: s, ...l });
+}
+const I = ({ onPress: o }) => /* @__PURE__ */ a(
+  t,
+  {
+    className: "dialog-close",
+    "aria-label": "Dismiss dialog",
+    onPress: o,
+    variant: "subtle",
+    size: "small",
+    children: /* @__PURE__ */ a(u, {})
+  }
+);
+function b({ ...o }) {
+  return /* @__PURE__ */ a(m, { ...o });
+}
+function k({
+  label: o,
+  icon: i,
+  variant: l,
+  children: s,
+  ...e
+}) {
+  return /* @__PURE__ */ n(b, { children: [
+    i ? /* @__PURE__ */ a(t, { variant: l, "aria-label": o, children: i }) : /* @__PURE__ */ a(p, { variant: l, children: o }),
+    /* @__PURE__ */ a(h, { isDismissable: !0, children: /* @__PURE__ */ a(N, { ...e, children: s }) })
+  ] });
+}
+function z({ className: o, ...i }) {
+  const l = r(o, "dialog-title");
+  return /* @__PURE__ */ a(D, { ...i, slot: "title", className: l });
+}
+function C({
+  className: o,
+  ...i
+}) {
+  const l = r(o, "dialog-description");
+  return /* @__PURE__ */ a(f, { ...i, className: l });
+}
+function H({ bleed: o, className: i, ...l }) {
+  const s = r(
+    i,
+    "dialog-body",
+    o && "dialog-body-bleed"
+  );
+  return /* @__PURE__ */ a("div", { ...l, className: s });
+}
+function h({
+  children: o,
+  className: i,
+  isDismissable: l,
+  ...s
+}) {
+  const e = r(i, "dialog-backdrop");
+  return /* @__PURE__ */ a(g, { className: e, isDismissable: l, ...s, children: /* @__PURE__ */ a(d, { className: "dialog-container", children: o }) });
+}
+export {
+  N as Dialog,
+  H as DialogBody,
+  k as DialogButton,
+  I as DialogClose,
+  C as DialogDescription,
+  h as DialogModal,
+  z as DialogTitle,
+  b as DialogTrigger
+};
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../../../src/ui/primitives/Dialog/Dialog.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport {\n  Button,\n  ButtonProps,\n  IconButton,\n  IconButtonProps,\n  Text,\n  TextHeading,\n  type TextHeadingProps,\n  type TextProps,\n} from \"primitives\";\nimport {\n  Dialog as RACDialog,\n  DialogTrigger as RACDialogTrigger,\n  Modal as RACModal,\n  ModalOverlay as RACModalOverlay,\n  type DialogProps as RACDialogProps,\n  type DialogTriggerProps as RACDialogTriggerProps,\n  type ModalOverlayProps as RACModalOverlayProps,\n} from \"react-aria-components\";\nimport \"./dialog.css\";\n\nexport type DialogProps = RACDialogProps & {\n  type?: \"sheet\" | \"card\";\n};\nexport function Dialog({ className, type = \"card\", ...props }: DialogProps) {\n  const classNames = clsx(className, \"dialog\", `dialog-type-${type}`);\n  return <RACDialog className={classNames} {...props} />;\n}\n\nexport type DialogCloseProps = Pick<IconButtonProps, \"onPress\">;\nexport const DialogClose = ({ onPress }: DialogCloseProps) => (\n  <IconButton\n    className=\"dialog-close\"\n    aria-label=\"Dismiss dialog\"\n    onPress={onPress}\n    variant=\"subtle\"\n    size=\"small\"\n  >\n    <IconX />\n  </IconButton>\n);\n\nexport type DialogTriggerProps = RACDialogTriggerProps;\nexport function DialogTrigger({ ...props }: DialogTriggerProps) {\n  return <RACDialogTrigger {...props} />;\n}\n\nexport interface DialogButtonProps\n  extends DialogProps,\n    Omit<DialogTriggerProps, \"children\"> {\n  label: string;\n  variant?: ButtonProps[\"variant\"];\n  icon?: React.ReactNode;\n}\nexport function DialogButton({\n  label,\n  icon,\n  variant,\n  children,\n  ...props\n}: DialogButtonProps) {\n  return (\n    <DialogTrigger>\n      {icon ? (\n        <IconButton variant={variant} aria-label={label}>\n          {icon}\n        </IconButton>\n      ) : (\n        <Button variant={variant}>{label}</Button>\n      )}\n      <DialogModal isDismissable>\n        <Dialog {...props}>{children}</Dialog>\n      </DialogModal>\n    </DialogTrigger>\n  );\n}\n\nexport type DialogTitleProps = TextHeadingProps;\nexport function DialogTitle({ className, ...props }: DialogTitleProps) {\n  const classNames = clsx(className, \"dialog-title\");\n  return <TextHeading {...props} slot=\"title\" className={classNames} />;\n}\n\nexport type DialogDescriptionProps = TextProps;\nexport function DialogDescription({\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  const classNames = clsx(className, \"dialog-description\");\n  return <Text {...props} className={classNames} />;\n}\n\nexport type DialogBodyProps = {\n  bleed?: boolean;\n} & React.ComponentPropsWithoutRef<\"div\">;\nexport function DialogBody({ bleed, className, ...props }: DialogBodyProps) {\n  const classNames = clsx(\n    className,\n    \"dialog-body\",\n    bleed && \"dialog-body-bleed\",\n  );\n  return <div {...props} className={classNames} />;\n}\n\nexport type DialogModalProps = RACModalOverlayProps;\nexport function DialogModal({\n  children,\n  className,\n  isDismissable,\n  ...props\n}: DialogModalProps) {\n  const classNames = clsx(className, \"dialog-backdrop\");\n  return (\n    <RACModalOverlay className={classNames} isDismissable={isDismissable} {...props}>\n      <RACModal className={\"dialog-container\"}>{children}</RACModal>\n    </RACModalOverlay>\n  );\n}\n"],"names":["Dialog","className","type","props","classNames","clsx","jsx","RACDialog","DialogClose","onPress","IconButton","IconX","DialogTrigger","RACDialogTrigger","DialogButton","label","icon","variant","children","Button","DialogModal","DialogTitle","TextHeading","DialogDescription","Text","DialogBody","bleed","isDismissable","RACModalOverlay","RACModal"],"mappings":";;;;;;;;AA0BO,SAASA,EAAO,EAAE,WAAAC,GAAW,MAAAC,IAAO,QAAQ,GAAGC,KAAsB;AAC1E,QAAMC,IAAaC,EAAKJ,GAAW,UAAU,eAAeC,CAAI,EAAE;AAClE,SAAO,gBAAAI,EAACC,GAAA,EAAU,WAAWH,GAAa,GAAGD,GAAO;AACtD;AAGO,MAAMK,IAAc,CAAC,EAAE,SAAAC,EAAA,MAC5B,gBAAAH;AAAA,EAACI;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,cAAW;AAAA,IACX,SAAAD;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IAEL,4BAACE,GAAA,CAAA,CAAM;AAAA,EAAA;AACT;AAIK,SAASC,EAAc,EAAE,GAAGT,KAA6B;AAC9D,SAAO,gBAAAG,EAACO,GAAA,EAAkB,GAAGV,EAAA,CAAO;AACtC;AASO,SAASW,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGf;AACL,GAAsB;AACpB,2BACGS,GAAA,EACE,UAAA;AAAA,IAAAI,IACC,gBAAAV,EAACI,GAAA,EAAW,SAAAO,GAAkB,cAAYF,GACvC,aACH,IAEA,gBAAAT,EAACa,GAAA,EAAO,SAAAF,GAAmB,UAAAF,GAAM;AAAA,IAEnC,gBAAAT,EAACc,KAAY,eAAa,IACxB,4BAACpB,GAAA,EAAQ,GAAGG,GAAQ,UAAAe,EAAA,CAAS,EAAA,CAC/B;AAAA,EAAA,GACF;AAEJ;AAGO,SAASG,EAAY,EAAE,WAAApB,GAAW,GAAGE,KAA2B;AACrE,QAAMC,IAAaC,EAAKJ,GAAW,cAAc;AACjD,2BAAQqB,GAAA,EAAa,GAAGnB,GAAO,MAAK,SAAQ,WAAWC,GAAY;AACrE;AAGO,SAASmB,EAAkB;AAAA,EAChC,WAAAtB;AAAA,EACA,GAAGE;AACL,GAA2B;AACzB,QAAMC,IAAaC,EAAKJ,GAAW,oBAAoB;AACvD,SAAO,gBAAAK,EAACkB,GAAA,EAAM,GAAGrB,GAAO,WAAWC,GAAY;AACjD;AAKO,SAASqB,EAAW,EAAE,OAAAC,GAAO,WAAAzB,GAAW,GAAGE,KAA0B;AAC1E,QAAMC,IAAaC;AAAA,IACjBJ;AAAA,IACA;AAAA,IACAyB,KAAS;AAAA,EAAA;AAEX,SAAO,gBAAApB,EAAC,OAAA,EAAK,GAAGH,GAAO,WAAWC,GAAY;AAChD;AAGO,SAASgB,EAAY;AAAA,EAC1B,UAAAF;AAAA,EACA,WAAAjB;AAAA,EACA,eAAA0B;AAAA,EACA,GAAGxB;AACL,GAAqB;AACnB,QAAMC,IAAaC,EAAKJ,GAAW,iBAAiB;AACpD,SACE,gBAAAK,EAACsB,GAAA,EAAgB,WAAWxB,GAAY,eAAAuB,GAA+B,GAAGxB,GACxE,UAAA,gBAAAG,EAACuB,GAAA,EAAS,WAAW,oBAAqB,UAAAX,EAAA,CAAS,GACrD;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../../vendor/clsx/dist/clsx.cjs");;/* empty css              */function n({orientation:e="horizontal",className:r,...i}){return t.jsx("hr",{"aria-orientation":e,className:s.clsx("divider",`divider-${e}`,r),...i})}exports.Divider=n;
+//# sourceMappingURL=Divider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.cjs","sources":["../../../../../src/ui/primitives/Divider/Divider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ComponentPropsWithoutRef } from \"react\";\nimport \"./divider.css\";\n\nexport type DividerProps = ComponentPropsWithoutRef<\"hr\"> & {\n  orientation?: \"horizontal\" | \"vertical\";\n};\n\nexport function Divider({\n  orientation = \"horizontal\",\n  className,\n  ...props\n}: DividerProps) {\n  return (\n    <hr\n      aria-orientation={orientation}\n      className={clsx(\"divider\", `divider-${orientation}`, className)}\n      {...props}\n    />\n  );\n}\n"],"names":["Divider","orientation","className","props","jsx","clsx"],"mappings":"kMAQO,SAASA,EAAQ,CACtB,YAAAC,EAAc,aACd,UAAAC,EACA,GAAGC,CACL,EAAiB,CACf,OACEC,EAAAA,IAAC,KAAA,CACC,mBAAkBH,EAClB,UAAWI,EAAAA,KAAK,UAAW,WAAWJ,CAAW,GAAIC,CAAS,EAC7D,GAAGC,CAAA,CAAA,CAGV"}

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

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import { clsx as e } from "../../../vendor/clsx/dist/clsx.js";
+/* empty css            */
+function n({
+  orientation: r = "horizontal",
+  className: i,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    "hr",
+    {
+      "aria-orientation": r,
+      className: e("divider", `divider-${r}`, i),
+      ...o
+    }
+  );
+}
+export {
+  n as Divider
+};
+//# sourceMappingURL=Divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../../../src/ui/primitives/Divider/Divider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ComponentPropsWithoutRef } from \"react\";\nimport \"./divider.css\";\n\nexport type DividerProps = ComponentPropsWithoutRef<\"hr\"> & {\n  orientation?: \"horizontal\" | \"vertical\";\n};\n\nexport function Divider({\n  orientation = \"horizontal\",\n  className,\n  ...props\n}: DividerProps) {\n  return (\n    <hr\n      aria-orientation={orientation}\n      className={clsx(\"divider\", `divider-${orientation}`, className)}\n      {...props}\n    />\n  );\n}\n"],"names":["Divider","orientation","className","props","jsx","clsx"],"mappings":";;;AAQO,SAASA,EAAQ;AAAA,EACtB,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,oBAAkBH;AAAA,MAClB,WAAWI,EAAK,WAAW,WAAWJ,CAAW,IAAIC,CAAS;AAAA,MAC7D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");;/* empty css                     */const i=require("../../icons/IconStar.cjs");function a({isFavorited:r,onToggle:o,"aria-label":n,size:e="16"}){return t.jsx("button",{type:"button","aria-label":n,"aria-pressed":r,onClick:o,className:`favorite-button${r?" favorite-button--active":""}`,children:r?t.jsx("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"currentColor",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M7.99992 1.33325L10.0599 5.50659L14.6666 6.17992L11.3333 9.42659L12.1199 14.0133L7.99992 11.8466L3.87992 14.0133L4.66659 9.42659L1.33325 6.17992L5.93992 5.50659L7.99992 1.33325Z"})}):t.jsx(i.IconStar,{size:e})})}exports.FavoriteButton=a;
+//# sourceMappingURL=FavoriteButton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteButton.cjs","sources":["../../../../../src/ui/primitives/FavoriteButton/FavoriteButton.tsx"],"sourcesContent":["import { IconStar } from \"icons\";\nimport \"./favoriteButton.css\";\n\nexport type FavoriteButtonProps = {\n  isFavorited: boolean;\n  onToggle: () => void;\n  \"aria-label\": string;\n  size?: \"16\" | \"20\" | \"24\";\n};\n\nexport function FavoriteButton({\n  isFavorited,\n  onToggle,\n  \"aria-label\": ariaLabel,\n  size = \"16\",\n}: FavoriteButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-pressed={isFavorited}\n      onClick={onToggle}\n      className={`favorite-button${isFavorited ? \" favorite-button--active\" : \"\"}`}\n    >\n      {isFavorited ? (\n        <svg\n          width={size}\n          height={size}\n          viewBox=\"0 0 16 16\"\n          fill=\"currentColor\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.6\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M7.99992 1.33325L10.0599 5.50659L14.6666 6.17992L11.3333 9.42659L12.1199 14.0133L7.99992 11.8466L3.87992 14.0133L4.66659 9.42659L1.33325 6.17992L5.93992 5.50659L7.99992 1.33325Z\" />\n        </svg>\n      ) : (\n        <IconStar size={size} />\n      )}\n    </button>\n  );\n}\n"],"names":["FavoriteButton","isFavorited","onToggle","ariaLabel","size","jsx","IconStar"],"mappings":"qMAUO,SAASA,EAAe,CAC7B,YAAAC,EACA,SAAAC,EACA,aAAcC,EACd,KAAAC,EAAO,IACT,EAAwB,CACtB,OACEC,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,aAAYF,EACZ,eAAcF,EACd,QAASC,EACT,UAAW,kBAAkBD,EAAc,2BAA6B,EAAE,GAEzE,SAAAA,EACCI,EAAAA,IAAC,MAAA,CACC,MAAOD,EACP,OAAQA,EACR,QAAQ,YACR,KAAK,eACL,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACf,MAAM,6BAEN,SAAAC,EAAAA,IAAC,OAAA,CAAK,EAAE,mLAAA,CAAoL,CAAA,CAAA,EAG9LA,EAAAA,IAACC,WAAA,CAAS,KAAAF,CAAA,CAAY,CAAA,CAAA,CAI9B"}

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

@@ -0,0 +1,39 @@
+import { jsx as t } from "react/jsx-runtime";
+/* empty css                   */
+import { IconStar as i } from "../../icons/IconStar.js";
+function u({
+  isFavorited: r,
+  onToggle: e,
+  "aria-label": n,
+  size: o = "16"
+}) {
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      "aria-label": n,
+      "aria-pressed": r,
+      onClick: e,
+      className: `favorite-button${r ? " favorite-button--active" : ""}`,
+      children: r ? /* @__PURE__ */ t(
+        "svg",
+        {
+          width: o,
+          height: o,
+          viewBox: "0 0 16 16",
+          fill: "currentColor",
+          stroke: "currentColor",
+          strokeWidth: "1.6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ t("path", { d: "M7.99992 1.33325L10.0599 5.50659L14.6666 6.17992L11.3333 9.42659L12.1199 14.0133L7.99992 11.8466L3.87992 14.0133L4.66659 9.42659L1.33325 6.17992L5.93992 5.50659L7.99992 1.33325Z" })
+        }
+      ) : /* @__PURE__ */ t(i, { size: o })
+    }
+  );
+}
+export {
+  u as FavoriteButton
+};
+//# sourceMappingURL=FavoriteButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteButton.js","sources":["../../../../../src/ui/primitives/FavoriteButton/FavoriteButton.tsx"],"sourcesContent":["import { IconStar } from \"icons\";\nimport \"./favoriteButton.css\";\n\nexport type FavoriteButtonProps = {\n  isFavorited: boolean;\n  onToggle: () => void;\n  \"aria-label\": string;\n  size?: \"16\" | \"20\" | \"24\";\n};\n\nexport function FavoriteButton({\n  isFavorited,\n  onToggle,\n  \"aria-label\": ariaLabel,\n  size = \"16\",\n}: FavoriteButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-pressed={isFavorited}\n      onClick={onToggle}\n      className={`favorite-button${isFavorited ? \" favorite-button--active\" : \"\"}`}\n    >\n      {isFavorited ? (\n        <svg\n          width={size}\n          height={size}\n          viewBox=\"0 0 16 16\"\n          fill=\"currentColor\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.6\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M7.99992 1.33325L10.0599 5.50659L14.6666 6.17992L11.3333 9.42659L12.1199 14.0133L7.99992 11.8466L3.87992 14.0133L4.66659 9.42659L1.33325 6.17992L5.93992 5.50659L7.99992 1.33325Z\" />\n        </svg>\n      ) : (\n        <IconStar size={size} />\n      )}\n    </button>\n  );\n}\n"],"names":["FavoriteButton","isFavorited","onToggle","ariaLabel","size","jsx","IconStar"],"mappings":";;;AAUO,SAASA,EAAe;AAAA,EAC7B,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAcC;AAAA,EACd,MAAAC,IAAO;AACT,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAYF;AAAA,MACZ,gBAAcF;AAAA,MACd,SAASC;AAAA,MACT,WAAW,kBAAkBD,IAAc,6BAA6B,EAAE;AAAA,MAEzE,UAAAA,IACC,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAOD;AAAA,UACP,QAAQA;AAAA,UACR,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,OAAM;AAAA,UAEN,UAAA,gBAAAC,EAAC,QAAA,EAAK,GAAE,oLAAA,CAAoL;AAAA,QAAA;AAAA,MAAA,IAG9L,gBAAAA,EAACC,GAAA,EAAS,MAAAF,EAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAI9B;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../../../vendor/clsx/dist/clsx.cjs"),l=require("react-aria-components");;/* empty css               */function m({...e}){const s=n.clsx("fieldset");return t.jsx("fieldset",{...e,className:s})}function u({...e}){const s=n.clsx("legend");return t.jsx("legend",{...e,className:s})}function d({...e}){const s=n.clsx("field-group");return t.jsx("div",{...e,className:s})}function f({className:e,singleLine:s,...r}){const a=n.clsx(e,"form",s&&"form-single-line");return t.jsx(l.Form,{className:a,...r})}function x(e){const s=c=>Array.isArray(c),r=new FormData(e),a={};return r.forEach((c,o)=>{if(!Reflect.has(a,o)){a[o]=c;return}const i=a[o];s(i)?i.push(c):a[o]=[i,c]}),a}function N({className:e,...s}){const r=n.clsx(e,"field");return t.jsx("div",{className:r,...s})}function F({className:e,...s}){const r=n.clsx(e,"label");return t.jsx(l.Label,{className:r,slot:"label",...s})}function p({className:e,...s}){const r=n.clsx(e,"description");return t.jsx(l.Text,{className:r,slot:"description",...s})}function b({className:e,...s}){const r=n.clsx(e,"error-message");return t.jsx(l.FieldError,{...s,className:r})}function g({className:e,children:s,...r}){const a=n.clsx(e,"keyboard"),c=typeof s=="string"?s.split("").map(o=>t.jsx("kbd",{children:o},o)):s;return t.jsx(l.Keyboard,{...r,className:a,children:c})}exports.Description=p;exports.Field=N;exports.FieldError=b;exports.FieldGroup=d;exports.Fieldset=m;exports.Form=f;exports.Keyboard=g;exports.Label=F;exports.Legend=u;exports.formEventTargetToFormData=x;
+//# sourceMappingURL=Fieldset.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.cjs","sources":["../../../../../src/ui/primitives/Fieldset/Fieldset.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ComponentPropsWithoutRef } from \"react\";\nimport {\n  FieldError as RACFieldError,\n  Form as RACForm,\n  Keyboard as RACKeyboard,\n  Label as RACLabel,\n  Text as RACText,\n  type FieldErrorProps as RACFieldErrorProps,\n  type FormProps as RACFormProps,\n  type LabelProps as RACLabelProps,\n  type TextProps as RACTextProps,\n  type ValidationResult as RACValidationResult,\n} from \"react-aria-components\";\nimport \"./fieldset.css\";\n\nexport type FieldsetProps = ComponentPropsWithoutRef<\"fieldset\">;\nexport function Fieldset({ ...props }: FieldsetProps) {\n  const classNames = clsx(\"fieldset\");\n  return <fieldset {...props} className={classNames} />;\n}\n\nexport type LegendProps = ComponentPropsWithoutRef<\"legend\">;\nexport function Legend({ ...props }: LegendProps) {\n  const classNames = clsx(\"legend\");\n  return <legend {...props} className={classNames} />;\n}\n\nexport type FieldGroupProps = ComponentPropsWithoutRef<\"div\">;\nexport function FieldGroup({ ...props }: FieldGroupProps) {\n  const classNames = clsx(\"field-group\");\n  return <div {...props} className={classNames} />;\n}\n\nexport type FormProps = RACFormProps & { singleLine?: boolean };\nexport function Form({ className, singleLine, ...props }: FormProps) {\n  const classNames = clsx(className, \"form\", singleLine && \"form-single-line\");\n  return <RACForm className={classNames} {...props} />;\n}\n\nexport type FormDataValue = FormDataEntryValue | FormDataEntryValue[];\nexport function formEventTargetToFormData(target: HTMLFormElement) {\n  const dataIsArray = (data: FormDataValue): data is FormDataEntryValue[] =>\n    Array.isArray(data);\n\n  const formData = new FormData(target);\n  const data: {\n    [k: string]: FormDataValue;\n  } = {};\n\n  formData.forEach((value, key) => {\n    if (!Reflect.has(data, key)) {\n      data[key] = value;\n      return;\n    }\n    // convert to array from single value\n    const currentItem = data[key];\n    if (dataIsArray(currentItem)) {\n      currentItem.push(value);\n    } else {\n      data[key] = [currentItem, value];\n    }\n  });\n  return data;\n}\n\n/**\n * Used by TextField, SelectField, TextareaField, SliderField, etc.\n */\nexport type SharedFieldProps = {\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  errorMessage?: string | ((validation: RACValidationResult) => string);\n};\n\nexport type FieldProps = ComponentPropsWithoutRef<\"div\">;\nexport function Field({ className, ...props }: FieldProps) {\n  const classNames = clsx(className, \"field\");\n  return <div className={classNames} {...props} />;\n}\nexport type LabelProps = RACLabelProps;\nexport function Label({ className, ...props }: LabelProps) {\n  const classNames = clsx(className, \"label\");\n  return <RACLabel className={classNames} slot=\"label\" {...props} />;\n}\nexport type DescriptionProps = RACTextProps;\nexport function Description({ className, ...props }: DescriptionProps) {\n  const classNames = clsx(className, \"description\");\n  return <RACText className={classNames} slot=\"description\" {...props} />;\n}\nexport type FieldErrorProps = RACFieldErrorProps;\nexport function FieldError({ className, ...props }: FieldErrorProps) {\n  const classNames = clsx(className, \"error-message\");\n  return <RACFieldError {...props} className={classNames} />;\n}\nexport type KeyboardProps = RACTextProps;\nexport function Keyboard({ className, children, ...props }: KeyboardProps) {\n  const classNames = clsx(className, \"keyboard\");\n  const items =\n    typeof children === \"string\"\n      ? children.split(\"\").map((k) => <kbd key={k}>{k}</kbd>)\n      : children;\n  return (\n    <RACKeyboard {...props} className={classNames}>\n      {items}\n    </RACKeyboard>\n  );\n}\n"],"names":["Fieldset","props","classNames","clsx","jsx","Legend","FieldGroup","Form","className","singleLine","RACForm","formEventTargetToFormData","target","dataIsArray","data","formData","value","key","currentItem","Field","Label","RACLabel","Description","RACText","FieldError","RACFieldError","Keyboard","children","items","k","RACKeyboard"],"mappings":"sOAiBO,SAASA,EAAS,CAAE,GAAGC,GAAwB,CACpD,MAAMC,EAAaC,EAAAA,KAAK,UAAU,EAClC,OAAOC,EAAAA,IAAC,WAAA,CAAU,GAAGH,EAAO,UAAWC,EAAY,CACrD,CAGO,SAASG,EAAO,CAAE,GAAGJ,GAAsB,CAChD,MAAMC,EAAaC,EAAAA,KAAK,QAAQ,EAChC,OAAOC,EAAAA,IAAC,SAAA,CAAQ,GAAGH,EAAO,UAAWC,EAAY,CACnD,CAGO,SAASI,EAAW,CAAE,GAAGL,GAA0B,CACxD,MAAMC,EAAaC,EAAAA,KAAK,aAAa,EACrC,OAAOC,EAAAA,IAAC,MAAA,CAAK,GAAGH,EAAO,UAAWC,EAAY,CAChD,CAGO,SAASK,EAAK,CAAE,UAAAC,EAAW,WAAAC,EAAY,GAAGR,GAAoB,CACnE,MAAMC,EAAaC,EAAAA,KAAKK,EAAW,OAAQC,GAAc,kBAAkB,EAC3E,OAAOL,EAAAA,IAACM,EAAAA,KAAA,CAAQ,UAAWR,EAAa,GAAGD,EAAO,CACpD,CAGO,SAASU,EAA0BC,EAAyB,CACjE,MAAMC,EAAeC,GACnB,MAAM,QAAQA,CAAI,EAEdC,EAAW,IAAI,SAASH,CAAM,EAC9BE,EAEF,CAAA,EAEJ,OAAAC,EAAS,QAAQ,CAACC,EAAOC,IAAQ,CAC/B,GAAI,CAAC,QAAQ,IAAIH,EAAMG,CAAG,EAAG,CAC3BH,EAAKG,CAAG,EAAID,EACZ,MACF,CAEA,MAAME,EAAcJ,EAAKG,CAAG,EACxBJ,EAAYK,CAAW,EACzBA,EAAY,KAAKF,CAAK,EAEtBF,EAAKG,CAAG,EAAI,CAACC,EAAaF,CAAK,CAEnC,CAAC,EACMF,CACT,CAaO,SAASK,EAAM,CAAE,UAAAX,EAAW,GAAGP,GAAqB,CACzD,MAAMC,EAAaC,EAAAA,KAAKK,EAAW,OAAO,EAC1C,OAAOJ,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAa,GAAGD,EAAO,CAChD,CAEO,SAASmB,EAAM,CAAE,UAAAZ,EAAW,GAAGP,GAAqB,CACzD,MAAMC,EAAaC,EAAAA,KAAKK,EAAW,OAAO,EAC1C,aAAQa,EAAAA,MAAA,CAAS,UAAWnB,EAAY,KAAK,QAAS,GAAGD,EAAO,CAClE,CAEO,SAASqB,EAAY,CAAE,UAAAd,EAAW,GAAGP,GAA2B,CACrE,MAAMC,EAAaC,EAAAA,KAAKK,EAAW,aAAa,EAChD,aAAQe,EAAAA,KAAA,CAAQ,UAAWrB,EAAY,KAAK,cAAe,GAAGD,EAAO,CACvE,CAEO,SAASuB,EAAW,CAAE,UAAAhB,EAAW,GAAGP,GAA0B,CACnE,MAAMC,EAAaC,EAAAA,KAAKK,EAAW,eAAe,EAClD,OAAOJ,EAAAA,IAACqB,EAAAA,WAAA,CAAe,GAAGxB,EAAO,UAAWC,EAAY,CAC1D,CAEO,SAASwB,EAAS,CAAE,UAAAlB,EAAW,SAAAmB,EAAU,GAAG1B,GAAwB,CACzE,MAAMC,EAAaC,EAAAA,KAAKK,EAAW,UAAU,EACvCoB,EACJ,OAAOD,GAAa,SAChBA,EAAS,MAAM,EAAE,EAAE,IAAKE,GAAMzB,EAAAA,IAAC,MAAA,CAAa,SAAAyB,GAAJA,CAAM,CAAM,EACpDF,EACN,aACGG,EAAAA,SAAA,CAAa,GAAG7B,EAAO,UAAWC,EAChC,SAAA0B,EACH,CAEJ"}

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

@@ -0,0 +1,64 @@
+import { jsx as a } from "react/jsx-runtime";
+import { clsx as o } from "../../../vendor/clsx/dist/clsx.js";
+import { Form as i, Label as m, Text as f, FieldError as d, Keyboard as u } from "react-aria-components";
+/* empty css             */
+function g({ ...e }) {
+  const s = o("fieldset");
+  return /* @__PURE__ */ a("fieldset", { ...e, className: s });
+}
+function y({ ...e }) {
+  const s = o("legend");
+  return /* @__PURE__ */ a("legend", { ...e, className: s });
+}
+function E({ ...e }) {
+  const s = o("field-group");
+  return /* @__PURE__ */ a("div", { ...e, className: s });
+}
+function x({ className: e, singleLine: s, ...r }) {
+  const t = o(e, "form", s && "form-single-line");
+  return /* @__PURE__ */ a(i, { className: t, ...r });
+}
+function D(e) {
+  const s = (n) => Array.isArray(n), r = new FormData(e), t = {};
+  return r.forEach((n, c) => {
+    if (!Reflect.has(t, c)) {
+      t[c] = n;
+      return;
+    }
+    const l = t[c];
+    s(l) ? l.push(n) : t[c] = [l, n];
+  }), t;
+}
+function L({ className: e, ...s }) {
+  const r = o(e, "field");
+  return /* @__PURE__ */ a("div", { className: r, ...s });
+}
+function $({ className: e, ...s }) {
+  const r = o(e, "label");
+  return /* @__PURE__ */ a(m, { className: r, slot: "label", ...s });
+}
+function h({ className: e, ...s }) {
+  const r = o(e, "description");
+  return /* @__PURE__ */ a(f, { className: r, slot: "description", ...s });
+}
+function A({ className: e, ...s }) {
+  const r = o(e, "error-message");
+  return /* @__PURE__ */ a(d, { ...s, className: r });
+}
+function K({ className: e, children: s, ...r }) {
+  const t = o(e, "keyboard"), n = typeof s == "string" ? s.split("").map((c) => /* @__PURE__ */ a("kbd", { children: c }, c)) : s;
+  return /* @__PURE__ */ a(u, { ...r, className: t, children: n });
+}
+export {
+  h as Description,
+  L as Field,
+  A as FieldError,
+  E as FieldGroup,
+  g as Fieldset,
+  x as Form,
+  K as Keyboard,
+  $ as Label,
+  y as Legend,
+  D as formEventTargetToFormData
+};
+//# sourceMappingURL=Fieldset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sources":["../../../../../src/ui/primitives/Fieldset/Fieldset.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ComponentPropsWithoutRef } from \"react\";\nimport {\n  FieldError as RACFieldError,\n  Form as RACForm,\n  Keyboard as RACKeyboard,\n  Label as RACLabel,\n  Text as RACText,\n  type FieldErrorProps as RACFieldErrorProps,\n  type FormProps as RACFormProps,\n  type LabelProps as RACLabelProps,\n  type TextProps as RACTextProps,\n  type ValidationResult as RACValidationResult,\n} from \"react-aria-components\";\nimport \"./fieldset.css\";\n\nexport type FieldsetProps = ComponentPropsWithoutRef<\"fieldset\">;\nexport function Fieldset({ ...props }: FieldsetProps) {\n  const classNames = clsx(\"fieldset\");\n  return <fieldset {...props} className={classNames} />;\n}\n\nexport type LegendProps = ComponentPropsWithoutRef<\"legend\">;\nexport function Legend({ ...props }: LegendProps) {\n  const classNames = clsx(\"legend\");\n  return <legend {...props} className={classNames} />;\n}\n\nexport type FieldGroupProps = ComponentPropsWithoutRef<\"div\">;\nexport function FieldGroup({ ...props }: FieldGroupProps) {\n  const classNames = clsx(\"field-group\");\n  return <div {...props} className={classNames} />;\n}\n\nexport type FormProps = RACFormProps & { singleLine?: boolean };\nexport function Form({ className, singleLine, ...props }: FormProps) {\n  const classNames = clsx(className, \"form\", singleLine && \"form-single-line\");\n  return <RACForm className={classNames} {...props} />;\n}\n\nexport type FormDataValue = FormDataEntryValue | FormDataEntryValue[];\nexport function formEventTargetToFormData(target: HTMLFormElement) {\n  const dataIsArray = (data: FormDataValue): data is FormDataEntryValue[] =>\n    Array.isArray(data);\n\n  const formData = new FormData(target);\n  const data: {\n    [k: string]: FormDataValue;\n  } = {};\n\n  formData.forEach((value, key) => {\n    if (!Reflect.has(data, key)) {\n      data[key] = value;\n      return;\n    }\n    // convert to array from single value\n    const currentItem = data[key];\n    if (dataIsArray(currentItem)) {\n      currentItem.push(value);\n    } else {\n      data[key] = [currentItem, value];\n    }\n  });\n  return data;\n}\n\n/**\n * Used by TextField, SelectField, TextareaField, SliderField, etc.\n */\nexport type SharedFieldProps = {\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  errorMessage?: string | ((validation: RACValidationResult) => string);\n};\n\nexport type FieldProps = ComponentPropsWithoutRef<\"div\">;\nexport function Field({ className, ...props }: FieldProps) {\n  const classNames = clsx(className, \"field\");\n  return <div className={classNames} {...props} />;\n}\nexport type LabelProps = RACLabelProps;\nexport function Label({ className, ...props }: LabelProps) {\n  const classNames = clsx(className, \"label\");\n  return <RACLabel className={classNames} slot=\"label\" {...props} />;\n}\nexport type DescriptionProps = RACTextProps;\nexport function Description({ className, ...props }: DescriptionProps) {\n  const classNames = clsx(className, \"description\");\n  return <RACText className={classNames} slot=\"description\" {...props} />;\n}\nexport type FieldErrorProps = RACFieldErrorProps;\nexport function FieldError({ className, ...props }: FieldErrorProps) {\n  const classNames = clsx(className, \"error-message\");\n  return <RACFieldError {...props} className={classNames} />;\n}\nexport type KeyboardProps = RACTextProps;\nexport function Keyboard({ className, children, ...props }: KeyboardProps) {\n  const classNames = clsx(className, \"keyboard\");\n  const items =\n    typeof children === \"string\"\n      ? children.split(\"\").map((k) => <kbd key={k}>{k}</kbd>)\n      : children;\n  return (\n    <RACKeyboard {...props} className={classNames}>\n      {items}\n    </RACKeyboard>\n  );\n}\n"],"names":["Fieldset","props","classNames","clsx","jsx","Legend","FieldGroup","Form","className","singleLine","RACForm","formEventTargetToFormData","target","dataIsArray","data","formData","value","key","currentItem","Field","Label","RACLabel","Description","RACText","FieldError","RACFieldError","Keyboard","children","items","k","RACKeyboard"],"mappings":";;;;AAiBO,SAASA,EAAS,EAAE,GAAGC,KAAwB;AACpD,QAAMC,IAAaC,EAAK,UAAU;AAClC,SAAO,gBAAAC,EAAC,YAAA,EAAU,GAAGH,GAAO,WAAWC,GAAY;AACrD;AAGO,SAASG,EAAO,EAAE,GAAGJ,KAAsB;AAChD,QAAMC,IAAaC,EAAK,QAAQ;AAChC,SAAO,gBAAAC,EAAC,UAAA,EAAQ,GAAGH,GAAO,WAAWC,GAAY;AACnD;AAGO,SAASI,EAAW,EAAE,GAAGL,KAA0B;AACxD,QAAMC,IAAaC,EAAK,aAAa;AACrC,SAAO,gBAAAC,EAAC,OAAA,EAAK,GAAGH,GAAO,WAAWC,GAAY;AAChD;AAGO,SAASK,EAAK,EAAE,WAAAC,GAAW,YAAAC,GAAY,GAAGR,KAAoB;AACnE,QAAMC,IAAaC,EAAKK,GAAW,QAAQC,KAAc,kBAAkB;AAC3E,SAAO,gBAAAL,EAACM,GAAA,EAAQ,WAAWR,GAAa,GAAGD,GAAO;AACpD;AAGO,SAASU,EAA0BC,GAAyB;AACjE,QAAMC,IAAc,CAACC,MACnB,MAAM,QAAQA,CAAI,GAEdC,IAAW,IAAI,SAASH,CAAM,GAC9BE,IAEF,CAAA;AAEJ,SAAAC,EAAS,QAAQ,CAACC,GAAOC,MAAQ;AAC/B,QAAI,CAAC,QAAQ,IAAIH,GAAMG,CAAG,GAAG;AAC3B,MAAAH,EAAKG,CAAG,IAAID;AACZ;AAAA,IACF;AAEA,UAAME,IAAcJ,EAAKG,CAAG;AAC5B,IAAIJ,EAAYK,CAAW,IACzBA,EAAY,KAAKF,CAAK,IAEtBF,EAAKG,CAAG,IAAI,CAACC,GAAaF,CAAK;AAAA,EAEnC,CAAC,GACMF;AACT;AAaO,SAASK,EAAM,EAAE,WAAAX,GAAW,GAAGP,KAAqB;AACzD,QAAMC,IAAaC,EAAKK,GAAW,OAAO;AAC1C,SAAO,gBAAAJ,EAAC,OAAA,EAAI,WAAWF,GAAa,GAAGD,GAAO;AAChD;AAEO,SAASmB,EAAM,EAAE,WAAAZ,GAAW,GAAGP,KAAqB;AACzD,QAAMC,IAAaC,EAAKK,GAAW,OAAO;AAC1C,2BAAQa,GAAA,EAAS,WAAWnB,GAAY,MAAK,SAAS,GAAGD,GAAO;AAClE;AAEO,SAASqB,EAAY,EAAE,WAAAd,GAAW,GAAGP,KAA2B;AACrE,QAAMC,IAAaC,EAAKK,GAAW,aAAa;AAChD,2BAAQe,GAAA,EAAQ,WAAWrB,GAAY,MAAK,eAAe,GAAGD,GAAO;AACvE;AAEO,SAASuB,EAAW,EAAE,WAAAhB,GAAW,GAAGP,KAA0B;AACnE,QAAMC,IAAaC,EAAKK,GAAW,eAAe;AAClD,SAAO,gBAAAJ,EAACqB,GAAA,EAAe,GAAGxB,GAAO,WAAWC,GAAY;AAC1D;AAEO,SAASwB,EAAS,EAAE,WAAAlB,GAAW,UAAAmB,GAAU,GAAG1B,KAAwB;AACzE,QAAMC,IAAaC,EAAKK,GAAW,UAAU,GACvCoB,IACJ,OAAOD,KAAa,WAChBA,EAAS,MAAM,EAAE,EAAE,IAAI,CAACE,MAAM,gBAAAzB,EAAC,OAAA,EAAa,UAAAyB,KAAJA,CAAM,CAAM,IACpDF;AACN,2BACGG,GAAA,EAAa,GAAG7B,GAAO,WAAWC,GAChC,UAAA0B,GACH;AAEJ;"}

package/dist/lib/ui/primitives/FileUpload/FileUpload.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"),p=require("react");;/* empty css                 */const y=require("../../icons/IconUploadCloud.cjs"),I=require("../Tag/Tag.cjs"),m=require("../Fieldset/Fieldset.cjs"),j=p.forwardRef(function({className:d,accept:o,multiple:a=!1,isDisabled:r=!1,isInvalid:t=!1,name:c,value:n=[],onChange:s,children:g,...v},F){const[q,u]=p.useState(!1);function N(i){const l=i.target.files;l&&l.length>0&&(s==null||s(a?[...n,...Array.from(l)]:Array.from(l))),i.target.value=""}function U(i){s==null||s(n.filter((l,h)=>h!==i))}return e.jsxs("div",{...v,className:x.clsx(d,"file-upload"),"data-disabled":r||void 0,"data-invalid":t||void 0,children:[e.jsxs("label",{className:"file-upload-dropzone","data-dragging":q||void 0,children:[e.jsx("input",{ref:F,type:"file",className:"file-upload-input",accept:o,multiple:a,disabled:r,name:c,onChange:N,onDragEnter:()=>u(!0),onDragLeave:()=>u(!1),onDrop:()=>u(!1)}),e.jsx(y.IconUploadCloud,{size:"24"}),e.jsx("span",{className:"file-upload-prompt",children:g})]}),n.length>0&&e.jsx("ul",{className:"file-upload-list",children:n.map((i,l)=>e.jsx("li",{children:e.jsx(I.Tag,{variant:"secondary",onRemove:r?void 0:()=>U(l),children:i.name})},`${i.name}-${l}`))})]})});function D({className:f,label:d,description:o,errorMessage:a,isInvalid:r,...t}){const c=r??!!a;return e.jsxs("div",{className:x.clsx(f,"field"),children:[d&&e.jsx(m.Label,{children:d}),e.jsx(j,{isInvalid:c,...t}),o&&e.jsx(m.Description,{children:o}),a&&e.jsx("span",{className:"error-message",children:a})]})}exports.FileUpload=j;exports.FileUploadField=D;
+//# sourceMappingURL=FileUpload.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.cjs","sources":["../../../../../src/ui/primitives/FileUpload/FileUpload.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { IconUploadCloud } from \"icons\";\nimport { Description, Label, Tag } from \"primitives\";\nimport React, { useState } from \"react\";\nimport \"./fileUpload.css\";\n\nexport type FileUploadProps = {\n  accept?: string;\n  multiple?: boolean;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  name?: string;\n  value?: File[];\n  onChange?: (files: File[]) => void;\n} & Omit<\n  React.ComponentPropsWithoutRef<\"div\">,\n  \"children\" | \"onChange\" | \"onDrop\" | \"onDragEnter\" | \"onDragLeave\"\n> & { children?: React.ReactNode };\n\nexport const FileUpload = React.forwardRef(function FileUpload(\n  {\n    className,\n    accept,\n    multiple = false,\n    isDisabled = false,\n    isInvalid = false,\n    name,\n    value = [],\n    onChange,\n    children,\n    ...props\n  }: FileUploadProps,\n  ref: React.ForwardedRef<HTMLInputElement>,\n) {\n  const [isDraggingOver, setIsDraggingOver] = useState(false);\n\n  function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const incoming = event.target.files;\n    if (incoming && incoming.length > 0) {\n      onChange?.(multiple ? [...value, ...Array.from(incoming)] : Array.from(incoming));\n    }\n    event.target.value = \"\";\n  }\n\n  function handleRemove(index: number) {\n    onChange?.(value.filter((_, i) => i !== index));\n  }\n\n  return (\n    <div\n      {...props}\n      className={clsx(className, \"file-upload\")}\n      data-disabled={isDisabled || undefined}\n      data-invalid={isInvalid || undefined}\n    >\n      <label\n        className=\"file-upload-dropzone\"\n        data-dragging={isDraggingOver || undefined}\n      >\n        <input\n          ref={ref}\n          type=\"file\"\n          className=\"file-upload-input\"\n          accept={accept}\n          multiple={multiple}\n          disabled={isDisabled}\n          name={name}\n          onChange={handleInputChange}\n          onDragEnter={() => setIsDraggingOver(true)}\n          onDragLeave={() => setIsDraggingOver(false)}\n          onDrop={() => setIsDraggingOver(false)}\n        />\n        <IconUploadCloud size=\"24\" />\n        <span className=\"file-upload-prompt\">{children}</span>\n      </label>\n      {value.length > 0 && (\n        <ul className=\"file-upload-list\">\n          {value.map((file, index) => (\n            <li key={`${file.name}-${index}`}>\n              <Tag\n                variant=\"secondary\"\n                onRemove={isDisabled ? undefined : () => handleRemove(index)}\n              >\n                {file.name}\n              </Tag>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n});\n\nexport type FileUploadFieldProps = {\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n} & Omit<FileUploadProps, \"isInvalid\"> & { isInvalid?: boolean };\n\nexport function FileUploadField({\n  className,\n  label,\n  description,\n  errorMessage,\n  isInvalid,\n  ...props\n}: FileUploadFieldProps) {\n  const invalid = isInvalid ?? Boolean(errorMessage);\n  return (\n    <div className={clsx(className, \"field\")}>\n      {label && <Label>{label}</Label>}\n      <FileUpload isInvalid={invalid} {...props} />\n      {description && <Description>{description}</Description>}\n      {errorMessage && <span className=\"error-message\">{errorMessage}</span>}\n    </div>\n  );\n}\n"],"names":["FileUpload","React","className","accept","multiple","isDisabled","isInvalid","name","value","onChange","children","props","ref","isDraggingOver","setIsDraggingOver","useState","handleInputChange","event","incoming","handleRemove","index","_","i","jsxs","clsx","jsx","IconUploadCloud","file","Tag","FileUploadField","label","description","errorMessage","invalid","Label","Description"],"mappings":"6UAmBaA,EAAaC,EAAM,WAAW,SACzC,CACE,UAAAC,EACA,OAAAC,EACA,SAAAC,EAAW,GACX,WAAAC,EAAa,GACb,UAAAC,EAAY,GACZ,KAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAAS,EAAK,EAE1D,SAASC,EAAkBC,EAA4C,CACrE,MAAMC,EAAWD,EAAM,OAAO,MAC1BC,GAAYA,EAAS,OAAS,IAChCT,GAAA,MAAAA,EAAWL,EAAW,CAAC,GAAGI,EAAO,GAAG,MAAM,KAAKU,CAAQ,CAAC,EAAI,MAAM,KAAKA,CAAQ,IAEjFD,EAAM,OAAO,MAAQ,EACvB,CAEA,SAASE,EAAaC,EAAe,CACnCX,GAAA,MAAAA,EAAWD,EAAM,OAAO,CAACa,EAAGC,IAAMA,IAAMF,CAAK,EAC/C,CAEA,OACEG,EAAAA,KAAC,MAAA,CACE,GAAGZ,EACJ,UAAWa,EAAAA,KAAKtB,EAAW,aAAa,EACxC,gBAAeG,GAAc,OAC7B,eAAcC,GAAa,OAE3B,SAAA,CAAAiB,EAAAA,KAAC,QAAA,CACC,UAAU,uBACV,gBAAeV,GAAkB,OAEjC,SAAA,CAAAY,EAAAA,IAAC,QAAA,CACC,IAAAb,EACA,KAAK,OACL,UAAU,oBACV,OAAAT,EACA,SAAAC,EACA,SAAUC,EACV,KAAAE,EACA,SAAUS,EACV,YAAa,IAAMF,EAAkB,EAAI,EACzC,YAAa,IAAMA,EAAkB,EAAK,EAC1C,OAAQ,IAAMA,EAAkB,EAAK,CAAA,CAAA,EAEvCW,EAAAA,IAACC,EAAAA,gBAAA,CAAgB,KAAK,IAAA,CAAK,EAC3BD,EAAAA,IAAC,OAAA,CAAK,UAAU,qBAAsB,SAAAf,CAAA,CAAS,CAAA,CAAA,CAAA,EAEhDF,EAAM,OAAS,GACdiB,EAAAA,IAAC,KAAA,CAAG,UAAU,mBACX,SAAAjB,EAAM,IAAI,CAACmB,EAAMP,UACf,KAAA,CACC,SAAAK,EAAAA,IAACG,EAAAA,IAAA,CACC,QAAQ,YACR,SAAUvB,EAAa,OAAY,IAAMc,EAAaC,CAAK,EAE1D,SAAAO,EAAK,IAAA,CAAA,CACR,EANO,GAAGA,EAAK,IAAI,IAAIP,CAAK,EAO9B,CACD,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CAAC,EAQM,SAASS,EAAgB,CAC9B,UAAA3B,EACA,MAAA4B,EACA,YAAAC,EACA,aAAAC,EACA,UAAA1B,EACA,GAAGK,CACL,EAAyB,CACvB,MAAMsB,EAAU3B,GAAa,EAAQ0B,EACrC,cACG,MAAA,CAAI,UAAWR,EAAAA,KAAKtB,EAAW,OAAO,EACpC,SAAA,CAAA4B,GAASL,EAAAA,IAACS,EAAAA,OAAO,SAAAJ,CAAA,CAAM,EACxBL,EAAAA,IAACzB,EAAA,CAAW,UAAWiC,EAAU,GAAGtB,CAAA,CAAO,EAC1CoB,GAAeN,EAAAA,IAACU,EAAAA,YAAA,CAAa,SAAAJ,CAAA,CAAY,EACzCC,GAAgBP,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAO,CAAA,CAAa,CAAA,EACjE,CAEJ"}

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

@@ -0,0 +1,95 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { clsx as u } from "../../../vendor/clsx/dist/clsx.js";
+import I, { useState as U } from "react";
+/* empty css               */
+import { IconUploadCloud as $ } from "../../icons/IconUploadCloud.js";
+import { Tag as x } from "../Tag/Tag.js";
+import { Label as R, Description as j } from "../Fieldset/Fieldset.js";
+const z = I.forwardRef(function({
+  className: d,
+  accept: t,
+  multiple: e = !1,
+  isDisabled: o = !1,
+  isInvalid: s = !1,
+  name: c,
+  value: n = [],
+  onChange: r,
+  children: v,
+  ...g
+}, N) {
+  const [h, f] = U(!1);
+  function y(l) {
+    const i = l.target.files;
+    i && i.length > 0 && (r == null || r(e ? [...n, ...Array.from(i)] : Array.from(i))), l.target.value = "";
+  }
+  function D(l) {
+    r == null || r(n.filter((i, F) => F !== l));
+  }
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ...g,
+      className: u(d, "file-upload"),
+      "data-disabled": o || void 0,
+      "data-invalid": s || void 0,
+      children: [
+        /* @__PURE__ */ m(
+          "label",
+          {
+            className: "file-upload-dropzone",
+            "data-dragging": h || void 0,
+            children: [
+              /* @__PURE__ */ a(
+                "input",
+                {
+                  ref: N,
+                  type: "file",
+                  className: "file-upload-input",
+                  accept: t,
+                  multiple: e,
+                  disabled: o,
+                  name: c,
+                  onChange: y,
+                  onDragEnter: () => f(!0),
+                  onDragLeave: () => f(!1),
+                  onDrop: () => f(!1)
+                }
+              ),
+              /* @__PURE__ */ a($, { size: "24" }),
+              /* @__PURE__ */ a("span", { className: "file-upload-prompt", children: v })
+            ]
+          }
+        ),
+        n.length > 0 && /* @__PURE__ */ a("ul", { className: "file-upload-list", children: n.map((l, i) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+          x,
+          {
+            variant: "secondary",
+            onRemove: o ? void 0 : () => D(i),
+            children: l.name
+          }
+        ) }, `${l.name}-${i}`)) })
+      ]
+    }
+  );
+});
+function S({
+  className: p,
+  label: d,
+  description: t,
+  errorMessage: e,
+  isInvalid: o,
+  ...s
+}) {
+  const c = o ?? !!e;
+  return /* @__PURE__ */ m("div", { className: u(p, "field"), children: [
+    d && /* @__PURE__ */ a(R, { children: d }),
+    /* @__PURE__ */ a(z, { isInvalid: c, ...s }),
+    t && /* @__PURE__ */ a(j, { children: t }),
+    e && /* @__PURE__ */ a("span", { className: "error-message", children: e })
+  ] });
+}
+export {
+  z as FileUpload,
+  S as FileUploadField
+};
+//# sourceMappingURL=FileUpload.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.js","sources":["../../../../../src/ui/primitives/FileUpload/FileUpload.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { IconUploadCloud } from \"icons\";\nimport { Description, Label, Tag } from \"primitives\";\nimport React, { useState } from \"react\";\nimport \"./fileUpload.css\";\n\nexport type FileUploadProps = {\n  accept?: string;\n  multiple?: boolean;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  name?: string;\n  value?: File[];\n  onChange?: (files: File[]) => void;\n} & Omit<\n  React.ComponentPropsWithoutRef<\"div\">,\n  \"children\" | \"onChange\" | \"onDrop\" | \"onDragEnter\" | \"onDragLeave\"\n> & { children?: React.ReactNode };\n\nexport const FileUpload = React.forwardRef(function FileUpload(\n  {\n    className,\n    accept,\n    multiple = false,\n    isDisabled = false,\n    isInvalid = false,\n    name,\n    value = [],\n    onChange,\n    children,\n    ...props\n  }: FileUploadProps,\n  ref: React.ForwardedRef<HTMLInputElement>,\n) {\n  const [isDraggingOver, setIsDraggingOver] = useState(false);\n\n  function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const incoming = event.target.files;\n    if (incoming && incoming.length > 0) {\n      onChange?.(multiple ? [...value, ...Array.from(incoming)] : Array.from(incoming));\n    }\n    event.target.value = \"\";\n  }\n\n  function handleRemove(index: number) {\n    onChange?.(value.filter((_, i) => i !== index));\n  }\n\n  return (\n    <div\n      {...props}\n      className={clsx(className, \"file-upload\")}\n      data-disabled={isDisabled || undefined}\n      data-invalid={isInvalid || undefined}\n    >\n      <label\n        className=\"file-upload-dropzone\"\n        data-dragging={isDraggingOver || undefined}\n      >\n        <input\n          ref={ref}\n          type=\"file\"\n          className=\"file-upload-input\"\n          accept={accept}\n          multiple={multiple}\n          disabled={isDisabled}\n          name={name}\n          onChange={handleInputChange}\n          onDragEnter={() => setIsDraggingOver(true)}\n          onDragLeave={() => setIsDraggingOver(false)}\n          onDrop={() => setIsDraggingOver(false)}\n        />\n        <IconUploadCloud size=\"24\" />\n        <span className=\"file-upload-prompt\">{children}</span>\n      </label>\n      {value.length > 0 && (\n        <ul className=\"file-upload-list\">\n          {value.map((file, index) => (\n            <li key={`${file.name}-${index}`}>\n              <Tag\n                variant=\"secondary\"\n                onRemove={isDisabled ? undefined : () => handleRemove(index)}\n              >\n                {file.name}\n              </Tag>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n});\n\nexport type FileUploadFieldProps = {\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n} & Omit<FileUploadProps, \"isInvalid\"> & { isInvalid?: boolean };\n\nexport function FileUploadField({\n  className,\n  label,\n  description,\n  errorMessage,\n  isInvalid,\n  ...props\n}: FileUploadFieldProps) {\n  const invalid = isInvalid ?? Boolean(errorMessage);\n  return (\n    <div className={clsx(className, \"field\")}>\n      {label && <Label>{label}</Label>}\n      <FileUpload isInvalid={invalid} {...props} />\n      {description && <Description>{description}</Description>}\n      {errorMessage && <span className=\"error-message\">{errorMessage}</span>}\n    </div>\n  );\n}\n"],"names":["FileUpload","React","className","accept","multiple","isDisabled","isInvalid","name","value","onChange","children","props","ref","isDraggingOver","setIsDraggingOver","useState","handleInputChange","event","incoming","handleRemove","index","_","i","jsxs","clsx","jsx","IconUploadCloud","file","Tag","FileUploadField","label","description","errorMessage","invalid","Label","Description"],"mappings":";;;;;;;AAmBO,MAAMA,IAAaC,EAAM,WAAW,SACzC;AAAA,EACE,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK;AAE1D,WAASC,EAAkBC,GAA4C;AACrE,UAAMC,IAAWD,EAAM,OAAO;AAC9B,IAAIC,KAAYA,EAAS,SAAS,MAChCT,KAAA,QAAAA,EAAWL,IAAW,CAAC,GAAGI,GAAO,GAAG,MAAM,KAAKU,CAAQ,CAAC,IAAI,MAAM,KAAKA,CAAQ,KAEjFD,EAAM,OAAO,QAAQ;AAAA,EACvB;AAEA,WAASE,EAAaC,GAAe;AACnC,IAAAX,KAAA,QAAAA,EAAWD,EAAM,OAAO,CAACa,GAAGC,MAAMA,MAAMF,CAAK;AAAA,EAC/C;AAEA,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGZ;AAAA,MACJ,WAAWa,EAAKtB,GAAW,aAAa;AAAA,MACxC,iBAAeG,KAAc;AAAA,MAC7B,gBAAcC,KAAa;AAAA,MAE3B,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,iBAAeV,KAAkB;AAAA,YAEjC,UAAA;AAAA,cAAA,gBAAAY;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAAb;AAAA,kBACA,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,QAAAT;AAAA,kBACA,UAAAC;AAAA,kBACA,UAAUC;AAAA,kBACV,MAAAE;AAAA,kBACA,UAAUS;AAAA,kBACV,aAAa,MAAMF,EAAkB,EAAI;AAAA,kBACzC,aAAa,MAAMA,EAAkB,EAAK;AAAA,kBAC1C,QAAQ,MAAMA,EAAkB,EAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEvC,gBAAAW,EAACC,GAAA,EAAgB,MAAK,KAAA,CAAK;AAAA,cAC3B,gBAAAD,EAAC,QAAA,EAAK,WAAU,sBAAsB,UAAAf,EAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEhDF,EAAM,SAAS,KACd,gBAAAiB,EAAC,MAAA,EAAG,WAAU,oBACX,UAAAjB,EAAM,IAAI,CAACmB,GAAMP,wBACf,MAAA,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAUvB,IAAa,SAAY,MAAMc,EAAaC,CAAK;AAAA,YAE1D,UAAAO,EAAK;AAAA,UAAA;AAAA,QAAA,EACR,GANO,GAAGA,EAAK,IAAI,IAAIP,CAAK,EAO9B,CACD,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAQM,SAASS,EAAgB;AAAA,EAC9B,WAAA3B;AAAA,EACA,OAAA4B;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAA1B;AAAA,EACA,GAAGK;AACL,GAAyB;AACvB,QAAMsB,IAAU3B,KAAa,EAAQ0B;AACrC,2BACG,OAAA,EAAI,WAAWR,EAAKtB,GAAW,OAAO,GACpC,UAAA;AAAA,IAAA4B,KAAS,gBAAAL,EAACS,KAAO,UAAAJ,EAAA,CAAM;AAAA,IACxB,gBAAAL,EAACzB,GAAA,EAAW,WAAWiC,GAAU,GAAGtB,EAAA,CAAO;AAAA,IAC1CoB,KAAe,gBAAAN,EAACU,GAAA,EAAa,UAAAJ,EAAA,CAAY;AAAA,IACzCC,KAAgB,gBAAAP,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAO,EAAA,CAAa;AAAA,EAAA,GACjE;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("../../../vendor/clsx/dist/clsx.cjs");function i({size:e="16",children:n,className:t}){return o.jsx("svg",{className:c.clsx(t,"icon",`icon-size-${e}`),width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n})}exports.Icon=i;
+//# sourceMappingURL=Icon.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.cjs","sources":["../../../../../src/ui/primitives/Icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\nexport type IconSize = \"14\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\";\nexport type IconProps = {\n  children?: React.ReactNode;\n  className?: string;\n  size?: IconSize;\n};\nexport function Icon({ size = \"16\", children, className }: IconProps) {\n  return (\n    <svg\n      className={clsx(className, \"icon\", `icon-size-${size}`)}\n      width={size}\n      height={size}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {children}\n    </svg>\n  );\n}\n"],"names":["Icon","size","children","className","jsx","clsx"],"mappings":"qKAQO,SAASA,EAAK,CAAE,KAAAC,EAAO,KAAM,SAAAC,EAAU,UAAAC,GAAwB,CACpE,OACEC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,KAAKF,EAAW,OAAQ,aAAaF,CAAI,EAAE,EACtD,MAAOA,EACP,OAAQA,EACR,QAAQ,YACR,KAAK,OACL,MAAM,6BAEL,SAAAC,CAAA,CAAA,CAGP"}

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

@@ -0,0 +1,20 @@
+import { jsx as i } from "react/jsx-runtime";
+import { clsx as r } from "../../../vendor/clsx/dist/clsx.js";
+function s({ size: o = "16", children: n, className: t }) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      className: r(t, "icon", `icon-size-${o}`),
+      width: o,
+      height: o,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: n
+    }
+  );
+}
+export {
+  s as Icon
+};
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../../src/ui/primitives/Icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\nexport type IconSize = \"14\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\";\nexport type IconProps = {\n  children?: React.ReactNode;\n  className?: string;\n  size?: IconSize;\n};\nexport function Icon({ size = \"16\", children, className }: IconProps) {\n  return (\n    <svg\n      className={clsx(className, \"icon\", `icon-size-${size}`)}\n      width={size}\n      height={size}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {children}\n    </svg>\n  );\n}\n"],"names":["Icon","size","children","className","jsx","clsx"],"mappings":";;AAQO,SAASA,EAAK,EAAE,MAAAC,IAAO,MAAM,UAAAC,GAAU,WAAAC,KAAwB;AACpE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKF,GAAW,QAAQ,aAAaF,CAAI,EAAE;AAAA,MACtD,OAAOA;AAAA,MACP,QAAQA;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEL,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("../../../vendor/clsx/dist/clsx.cjs"),e=require("react");;/* empty css                 */const c=require("../Button/Button.cjs"),a=e.forwardRef(function({className:t,...n},u){const s=i.clsx(t,"icon-button");return o.jsx(c.Button,{...n,...u,className:s})}),B=e.forwardRef(function(t,n){return o.jsx(c.ButtonDanger,{...t,...n,className:"icon-button"})});exports.DestructiveIconButton=B;exports.IconButton=a;
+//# sourceMappingURL=IconButton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.cjs","sources":["../../../../../src/ui/primitives/IconButton/IconButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  Button,\n  ButtonDanger,\n  ButtonDangerProps,\n  type ButtonProps,\n} from \"primitives\";\nimport { ForwardedRef, forwardRef } from \"react\";\nimport \"./iconButton.css\";\n\nexport type IconButtonProps = Omit<ButtonProps, \"aria-label\"> & {\n  \"aria-label\": string;\n};\nexport const IconButton = forwardRef(function IconButton(\n  { className, ...props }: IconButtonProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(className, \"icon-button\");\n  return <Button {...props} {...ref} className={classNames} />;\n});\n\nexport type DestructiveIconButtonProps = Omit<\n  ButtonDangerProps,\n  \"aria-label\"\n> & {\n  \"aria-label\": string;\n};\nexport const DestructiveIconButton = forwardRef(function IconButton(\n  props: DestructiveIconButtonProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return <ButtonDanger {...props} {...ref} className=\"icon-button\" />;\n});\n"],"names":["IconButton","forwardRef","className","props","ref","classNames","clsx","Button","DestructiveIconButton","ButtonDanger"],"mappings":"gQAaaA,EAAaC,EAAAA,WAAW,SACnC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAChBC,EACA,CACA,MAAMC,EAAaC,EAAAA,KAAKJ,EAAW,aAAa,EAChD,aAAQK,EAAAA,OAAA,CAAQ,GAAGJ,EAAQ,GAAGC,EAAK,UAAWC,EAAY,CAC5D,CAAC,EAQYG,EAAwBP,EAAAA,WAAW,SAC9CE,EACAC,EACA,CACA,aAAQK,EAAAA,aAAA,CAAc,GAAGN,EAAQ,GAAGC,EAAK,UAAU,cAAc,CACnE,CAAC"}

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

@@ -0,0 +1,16 @@
+import { jsx as n } from "react/jsx-runtime";
+import { clsx as m } from "../../../vendor/clsx/dist/clsx.js";
+import { forwardRef as r } from "react";
+/* empty css               */
+import { Button as e, ButtonDanger as i } from "../Button/Button.js";
+const I = r(function({ className: t, ...o }, s) {
+  const u = m(t, "icon-button");
+  return /* @__PURE__ */ n(e, { ...o, ...s, className: u });
+}), x = r(function(t, o) {
+  return /* @__PURE__ */ n(i, { ...t, ...o, className: "icon-button" });
+});
+export {
+  x as DestructiveIconButton,
+  I as IconButton
+};
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../../../src/ui/primitives/IconButton/IconButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  Button,\n  ButtonDanger,\n  ButtonDangerProps,\n  type ButtonProps,\n} from \"primitives\";\nimport { ForwardedRef, forwardRef } from \"react\";\nimport \"./iconButton.css\";\n\nexport type IconButtonProps = Omit<ButtonProps, \"aria-label\"> & {\n  \"aria-label\": string;\n};\nexport const IconButton = forwardRef(function IconButton(\n  { className, ...props }: IconButtonProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(className, \"icon-button\");\n  return <Button {...props} {...ref} className={classNames} />;\n});\n\nexport type DestructiveIconButtonProps = Omit<\n  ButtonDangerProps,\n  \"aria-label\"\n> & {\n  \"aria-label\": string;\n};\nexport const DestructiveIconButton = forwardRef(function IconButton(\n  props: DestructiveIconButtonProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return <ButtonDanger {...props} {...ref} className=\"icon-button\" />;\n});\n"],"names":["IconButton","forwardRef","className","props","ref","classNames","clsx","Button","DestructiveIconButton","ButtonDanger"],"mappings":";;;;;AAaO,MAAMA,IAAaC,EAAW,SACnC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAChBC,GACA;AACA,QAAMC,IAAaC,EAAKJ,GAAW,aAAa;AAChD,2BAAQK,GAAA,EAAQ,GAAGJ,GAAQ,GAAGC,GAAK,WAAWC,GAAY;AAC5D,CAAC,GAQYG,IAAwBP,EAAW,SAC9CE,GACAC,GACA;AACA,2BAAQK,GAAA,EAAc,GAAGN,GAAQ,GAAGC,GAAK,WAAU,eAAc;AACnE,CAAC;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../vendor/clsx/dist/clsx.cjs"),l=require("react");;/* empty css            */function m({aspectRatio:a="natural",className:s,size:r="natural",variant:n="rounded",...c}){const[i,o]=l.useState(!1),u=t.clsx(s,"image",`image-aspect-ratio-${a}`,`image-size-${r}`,`image-variant-${n}`,!i&&"image-loading");return e.jsxs(e.Fragment,{children:[!i&&e.jsx("span",{className:t.clsx("image-placeholder",u)}),c.src&&e.jsx("img",{className:u,...c,onLoad:()=>o(!0)})]})}function g({className:a,...s}){const r=t.clsx(a,"picture");return e.jsx("picture",{className:r,...s})}function d({...a}){return e.jsx("source",{...a})}exports.Image=m;exports.Picture=g;exports.PictureSource=d;
+//# sourceMappingURL=Image.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.cjs","sources":["../../../../../src/ui/primitives/Image/Image.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, useState } from \"react\";\nimport \"./image.css\";\n\nexport type ImageProps = Omit<ComponentPropsWithoutRef<\"img\">, \"alt\"> & {\n  alt: string;\n  aspectRatio?: \"1-1\" | \"16-9\" | \"4-3\" | \"fill\" | \"natural\";\n  size?: \"small\" | \"medium\" | \"large\" | \"fill\" | \"natural\";\n  variant?: \"default\" | \"rounded\";\n};\nexport function Image({\n  aspectRatio = \"natural\",\n  className,\n  size = \"natural\",\n  variant = \"rounded\",\n  ...props\n}: ImageProps) {\n  const [loaded, setLoaded] = useState(false);\n  const classNames = clsx(\n    className,\n    \"image\",\n    `image-aspect-ratio-${aspectRatio}`,\n    `image-size-${size}`,\n    `image-variant-${variant}`,\n    !loaded && `image-loading`,\n  );\n  return (\n    <>\n      {!loaded && <span className={clsx(\"image-placeholder\", classNames)} />}\n      {props.src && (\n        <img className={classNames} {...props} onLoad={() => setLoaded(true)} />\n      )}\n    </>\n  );\n}\n\nexport type PictureProps = ComponentPropsWithoutRef<\"picture\">;\nexport function Picture({ className, ...props }: PictureProps) {\n  const classNames = clsx(className, \"picture\");\n  return <picture className={classNames} {...props} />;\n}\n\nexport type PictureSourceProps = ComponentPropsWithoutRef<\"source\">;\nexport function PictureSource({ ...props }: PictureSourceProps) {\n  return <source {...props} />;\n}\n"],"names":["Image","aspectRatio","className","size","variant","props","loaded","setLoaded","useState","classNames","clsx","jsxs","Fragment","jsx","Picture","PictureSource"],"mappings":"mNAUO,SAASA,EAAM,CACpB,YAAAC,EAAc,UACd,UAAAC,EACA,KAAAC,EAAO,UACP,QAAAC,EAAU,UACV,GAAGC,CACL,EAAe,CACb,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAaC,EAAAA,KACjBR,EACA,QACA,sBAAsBD,CAAW,GACjC,cAAcE,CAAI,GAClB,iBAAiBC,CAAO,GACxB,CAACE,GAAU,eAAA,EAEb,OACEK,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAACN,GAAUO,EAAAA,IAAC,OAAA,CAAK,UAAWH,OAAK,oBAAqBD,CAAU,EAAG,EACnEJ,EAAM,KACLQ,MAAC,MAAA,CAAI,UAAWJ,EAAa,GAAGJ,EAAO,OAAQ,IAAME,EAAU,EAAI,CAAA,CAAG,CAAA,EAE1E,CAEJ,CAGO,SAASO,EAAQ,CAAE,UAAAZ,EAAW,GAAGG,GAAuB,CAC7D,MAAMI,EAAaC,EAAAA,KAAKR,EAAW,SAAS,EAC5C,OAAOW,EAAAA,IAAC,UAAA,CAAQ,UAAWJ,EAAa,GAAGJ,EAAO,CACpD,CAGO,SAASU,EAAc,CAAE,GAAGV,GAA6B,CAC9D,OAAOQ,MAAC,SAAA,CAAQ,GAAGR,CAAA,CAAO,CAC5B"}

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

@@ -0,0 +1,37 @@
+import { jsxs as u, Fragment as l, jsx as a } from "react/jsx-runtime";
+import { clsx as s } from "../../../vendor/clsx/dist/clsx.js";
+import { useState as d } from "react";
+/* empty css          */
+function x({
+  aspectRatio: e = "natural",
+  className: r,
+  size: t = "natural",
+  variant: m = "rounded",
+  ...i
+}) {
+  const [o, n] = d(!1), c = s(
+    r,
+    "image",
+    `image-aspect-ratio-${e}`,
+    `image-size-${t}`,
+    `image-variant-${m}`,
+    !o && "image-loading"
+  );
+  return /* @__PURE__ */ u(l, { children: [
+    !o && /* @__PURE__ */ a("span", { className: s("image-placeholder", c) }),
+    i.src && /* @__PURE__ */ a("img", { className: c, ...i, onLoad: () => n(!0) })
+  ] });
+}
+function $({ className: e, ...r }) {
+  const t = s(e, "picture");
+  return /* @__PURE__ */ a("picture", { className: t, ...r });
+}
+function h({ ...e }) {
+  return /* @__PURE__ */ a("source", { ...e });
+}
+export {
+  x as Image,
+  $ as Picture,
+  h as PictureSource
+};
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../../../src/ui/primitives/Image/Image.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, useState } from \"react\";\nimport \"./image.css\";\n\nexport type ImageProps = Omit<ComponentPropsWithoutRef<\"img\">, \"alt\"> & {\n  alt: string;\n  aspectRatio?: \"1-1\" | \"16-9\" | \"4-3\" | \"fill\" | \"natural\";\n  size?: \"small\" | \"medium\" | \"large\" | \"fill\" | \"natural\";\n  variant?: \"default\" | \"rounded\";\n};\nexport function Image({\n  aspectRatio = \"natural\",\n  className,\n  size = \"natural\",\n  variant = \"rounded\",\n  ...props\n}: ImageProps) {\n  const [loaded, setLoaded] = useState(false);\n  const classNames = clsx(\n    className,\n    \"image\",\n    `image-aspect-ratio-${aspectRatio}`,\n    `image-size-${size}`,\n    `image-variant-${variant}`,\n    !loaded && `image-loading`,\n  );\n  return (\n    <>\n      {!loaded && <span className={clsx(\"image-placeholder\", classNames)} />}\n      {props.src && (\n        <img className={classNames} {...props} onLoad={() => setLoaded(true)} />\n      )}\n    </>\n  );\n}\n\nexport type PictureProps = ComponentPropsWithoutRef<\"picture\">;\nexport function Picture({ className, ...props }: PictureProps) {\n  const classNames = clsx(className, \"picture\");\n  return <picture className={classNames} {...props} />;\n}\n\nexport type PictureSourceProps = ComponentPropsWithoutRef<\"source\">;\nexport function PictureSource({ ...props }: PictureSourceProps) {\n  return <source {...props} />;\n}\n"],"names":["Image","aspectRatio","className","size","variant","props","loaded","setLoaded","useState","classNames","clsx","jsxs","Fragment","jsx","Picture","PictureSource"],"mappings":";;;;AAUO,SAASA,EAAM;AAAA,EACpB,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAe;AACb,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAaC;AAAA,IACjBR;AAAA,IACA;AAAA,IACA,sBAAsBD,CAAW;AAAA,IACjC,cAAcE,CAAI;AAAA,IAClB,iBAAiBC,CAAO;AAAA,IACxB,CAACE,KAAU;AAAA,EAAA;AAEb,SACE,gBAAAK,EAAAC,GAAA,EACG,UAAA;AAAA,IAAA,CAACN,KAAU,gBAAAO,EAAC,QAAA,EAAK,WAAWH,EAAK,qBAAqBD,CAAU,GAAG;AAAA,IACnEJ,EAAM,OACL,gBAAAQ,EAAC,OAAA,EAAI,WAAWJ,GAAa,GAAGJ,GAAO,QAAQ,MAAME,EAAU,EAAI,EAAA,CAAG;AAAA,EAAA,GAE1E;AAEJ;AAGO,SAASO,EAAQ,EAAE,WAAAZ,GAAW,GAAGG,KAAuB;AAC7D,QAAMI,IAAaC,EAAKR,GAAW,SAAS;AAC5C,SAAO,gBAAAW,EAAC,WAAA,EAAQ,WAAWJ,GAAa,GAAGJ,GAAO;AACpD;AAGO,SAASU,EAAc,EAAE,GAAGV,KAA6B;AAC9D,SAAO,gBAAAQ,EAAC,UAAA,EAAQ,GAAGR,EAAA,CAAO;AAC5B;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../vendor/clsx/dist/clsx.cjs"),x=require("react"),l=require("react-aria-components");;/* empty css            */const c=require("../Fieldset/Fieldset.cjs");function p({className:i,placeholder:t,label:s,description:r,errorMessage:n,...a}){const d=u.clsx(i,"field");return e.jsxs(l.TextField,{className:d,...a,children:[s&&e.jsx(c.Label,{children:s}),e.jsx(o,{placeholder:t}),r&&e.jsx(c.Description,{children:r}),e.jsx(c.FieldError,{children:n})]})}const o=x.forwardRef(function({className:t,...s},r){const n=u.clsx(t,"input");return e.jsx(l.Input,{className:n,ref:r,...s})});exports.Input=o;exports.InputField=p;
+//# sourceMappingURL=Input.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs","sources":["../../../../../src/ui/primitives/Input/Input.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport React from \"react\";\nimport {\n  Input as RACInput,\n  TextField as RACTextField,\n  type InputProps as RACInputProps,\n  type TextFieldProps as RACTextFieldProps,\n} from \"react-aria-components\";\nimport \"./input.css\";\n\nexport type InputFieldProps = SharedFieldProps & RACTextFieldProps;\nexport function InputField({\n  className,\n  placeholder,\n  label,\n  description,\n  errorMessage,\n  ...props\n}: InputFieldProps) {\n  const classNames = clsx(className, \"field\");\n  return (\n    <RACTextField className={classNames} {...props}>\n      {label && <Label>{label}</Label>}\n      <Input placeholder={placeholder} />\n      {description && <Description>{description}</Description>}\n      <FieldError>{errorMessage}</FieldError>\n    </RACTextField>\n  );\n}\n\nexport type InputProps = RACInputProps;\nexport const Input = React.forwardRef(function Input(\n  { className, ...props }: InputProps,\n  ref: React.ForwardedRef<HTMLInputElement>,\n) {\n  const classNames = clsx(className, \"input\");\n  return <RACInput className={classNames} ref={ref} {...props} />;\n});\n"],"names":["InputField","className","placeholder","label","description","errorMessage","props","classNames","clsx","jsxs","RACTextField","jsx","Label","Input","Description","FieldError","React","ref","RACInput"],"mappings":"kSAYO,SAASA,EAAW,CACzB,UAAAC,EACA,YAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,MAAMC,EAAaC,EAAAA,KAAKP,EAAW,OAAO,EAC1C,OACEQ,EAAAA,KAACC,EAAAA,UAAA,CAAa,UAAWH,EAAa,GAAGD,EACtC,SAAA,CAAAH,GAASQ,EAAAA,IAACC,EAAAA,OAAO,SAAAT,CAAA,CAAM,EACxBQ,MAACE,GAAM,YAAAX,EAA0B,EAChCE,GAAeO,EAAAA,IAACG,EAAAA,YAAA,CAAa,SAAAV,CAAA,CAAY,EAC1CO,EAAAA,IAACI,EAAAA,YAAY,SAAAV,CAAA,CAAa,CAAA,EAC5B,CAEJ,CAGO,MAAMQ,EAAQG,EAAM,WAAW,SACpC,CAAE,UAAAf,EAAW,GAAGK,CAAA,EAChBW,EACA,CACA,MAAMV,EAAaC,EAAAA,KAAKP,EAAW,OAAO,EAC1C,aAAQiB,EAAAA,MAAA,CAAS,UAAWX,EAAY,IAAAU,EAAW,GAAGX,EAAO,CAC/D,CAAC"}

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

@@ -0,0 +1,31 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { clsx as i } from "../../../vendor/clsx/dist/clsx.js";
+import l from "react";
+import { TextField as a, Input as f } from "react-aria-components";
+/* empty css          */
+import { Label as u, Description as d, FieldError as x } from "../Fieldset/Fieldset.js";
+function w({
+  className: s,
+  placeholder: o,
+  label: t,
+  description: n,
+  errorMessage: e,
+  ...c
+}) {
+  const m = i(s, "field");
+  return /* @__PURE__ */ p(a, { className: m, ...c, children: [
+    t && /* @__PURE__ */ r(u, { children: t }),
+    /* @__PURE__ */ r(I, { placeholder: o }),
+    n && /* @__PURE__ */ r(d, { children: n }),
+    /* @__PURE__ */ r(x, { children: e })
+  ] });
+}
+const I = l.forwardRef(function({ className: o, ...t }, n) {
+  const e = i(o, "input");
+  return /* @__PURE__ */ r(f, { className: e, ref: n, ...t });
+});
+export {
+  I as Input,
+  w as InputField
+};
+//# sourceMappingURL=Input.js.map