@apipass/design-system 1.16.0 → 1.18.0

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

@@ -0,0 +1,89 @@
+import { jsx as e, jsxs as m, Fragment as g } from "react/jsx-runtime";
+import { clsx as r } from "../../../vendor/clsx/dist/clsx.js";
+import { Table as N, Column as T, TableBody as p, useTableOptions as u, TableHeader as C, Collection as h, Row as v, Button as w, Cell as B } from "react-aria-components";
+/* empty css          */
+import { IconChevronUp as x } from "../../icons/IconChevronUp.js";
+import { IconChevronDown as $ } from "../../icons/IconChevronDown.js";
+import { Checkbox as f } from "../Checkbox/Checkbox.js";
+function F({
+  bleed: l = !1,
+  dense: a = !1,
+  grid: n = !1,
+  striped: s = !1,
+  className: t,
+  ...o
+}) {
+  const c = r(
+    t,
+    "table-container",
+    l && "table-container-bleed"
+  ), i = r(
+    "table",
+    l && "table-bleed",
+    a && "table-dense",
+    n && "table-grid",
+    s && "table-striped"
+  );
+  return /* @__PURE__ */ e("div", { className: c, children: /* @__PURE__ */ e(N, { className: i, ...o }) });
+}
+function d({
+  align: l = "start",
+  className: a,
+  ...n
+}) {
+  const s = r(a, "table-column", `table-align-${l}`);
+  return /* @__PURE__ */ e(T, { className: s, ...n, children: ({ allowsSorting: t, sortDirection: o }) => /* @__PURE__ */ e("div", { className: r("table-column-inner"), children: /* @__PURE__ */ m(g, { children: [
+    n.children,
+    t && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "sort-indicator", children: o === "ascending" ? /* @__PURE__ */ e(x, {}) : /* @__PURE__ */ e($, {}) })
+  ] }) }) });
+}
+function M({
+  className: l,
+  ...a
+}) {
+  return /* @__PURE__ */ e(p, { ...a });
+}
+function O({
+  className: l,
+  columns: a,
+  children: n,
+  ...s
+}) {
+  const { selectionBehavior: t, selectionMode: o, allowsDragging: c } = u(), i = r(l, "table-head");
+  return /* @__PURE__ */ m(C, { className: i, ...s, children: [
+    c && /* @__PURE__ */ e(d, {}),
+    t === "toggle" && /* @__PURE__ */ e(d, { children: o === "multiple" && /* @__PURE__ */ e(f, { slot: "selection" }) }),
+    /* @__PURE__ */ e(h, { items: a, children: n })
+  ] });
+}
+function U({
+  id: l,
+  columns: a,
+  children: n,
+  className: s,
+  ...t
+}) {
+  const { selectionBehavior: o, allowsDragging: c } = u(), i = r(s, "table-row");
+  return /* @__PURE__ */ m(v, { id: l, ...t, className: i, children: [
+    c && /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(w, { slot: "drag", children: "≡" }) }),
+    o === "toggle" && /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(f, { slot: "selection" }) }),
+    /* @__PURE__ */ e(h, { items: a, children: n })
+  ] });
+}
+function b({
+  align: l = "start",
+  className: a,
+  ...n
+}) {
+  const s = r(a, "table-cell", `table-align-${l}`);
+  return /* @__PURE__ */ e(B, { className: s, ...n });
+}
+export {
+  F as Table,
+  M as TableBody,
+  b as TableCell,
+  d as TableColumn,
+  O as TableHead,
+  U as TableRow
+};
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../../src/ui/primitives/Table/Table.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { IconChevronDown, IconChevronUp } from \"icons\";\nimport { Checkbox } from \"primitives\";\nimport {\n  Button as RACButton,\n  Cell as RACCell,\n  Collection as RACCollection,\n  Column as RACColumn,\n  Row as RACRow,\n  Table as RACTable,\n  TableBody as RACTableBody,\n  TableHeader as RACTableHeader,\n  useTableOptions,\n  type CellProps as RACCellProps,\n  type ColumnProps as RACColumnProps,\n  type RowProps as RACRowProps,\n  type TableBodyProps as RACTableBodyProps,\n  type TableHeaderProps as RACTableHeaderProps,\n  type TableProps as RACTableProps,\n} from \"react-aria-components\";\nimport \"./table.css\";\n\ntype TableAlign = \"start\" | \"center\" | \"right\";\n\nexport type TableProps = RACTableProps & {\n  bleed?: boolean;\n  dense?: boolean;\n  grid?: boolean;\n  striped?: boolean;\n};\nexport function Table({\n  bleed = false,\n  dense = false,\n  grid = false,\n  striped = false,\n  className,\n  ...props\n}: TableProps) {\n  const containerClassNames = clsx(\n    className,\n    \"table-container\",\n    bleed && \"table-container-bleed\",\n  );\n  const tableClassNames = clsx(\n    \"table\",\n    bleed && \"table-bleed\",\n    dense && \"table-dense\",\n    grid && \"table-grid\",\n    striped && \"table-striped\",\n  );\n  return (\n    <div className={containerClassNames}>\n      <RACTable className={tableClassNames} {...props} />\n    </div>\n  );\n}\n\nexport type TableColumnProps = RACColumnProps & {\n  align?: TableAlign;\n};\nexport function TableColumn({\n  align = \"start\",\n  className,\n  ...props\n}: TableColumnProps) {\n  const classNames = clsx(className, \"table-column\", `table-align-${align}`);\n  return (\n    <RACColumn className={classNames} {...props}>\n      {({ allowsSorting, sortDirection }) => (\n        <div className={clsx(\"table-column-inner\")}>\n          <>\n            {props.children}\n            {allowsSorting && (\n              <span aria-hidden=\"true\" className=\"sort-indicator\">\n                {sortDirection === \"ascending\" ? (\n                  <IconChevronUp />\n                ) : (\n                  <IconChevronDown />\n                )}\n              </span>\n            )}\n          </>\n        </div>\n      )}\n    </RACColumn>\n  );\n}\n\nexport type TableBodyProps<T> = RACTableBodyProps<T>;\nexport function TableBody<T extends object>({\n  className,\n  ...props\n}: TableBodyProps<T>) {\n  return <RACTableBody {...props} />;\n}\n\nexport type TableHeadProps<T> = RACTableHeaderProps<T>;\nexport function TableHead<T extends object>({\n  className,\n  columns,\n  children,\n  ...props\n}: TableHeadProps<T>) {\n  const { selectionBehavior, selectionMode, allowsDragging } =\n    useTableOptions();\n  const classNames = clsx(className, \"table-head\");\n  return (\n    <RACTableHeader className={classNames} {...props}>\n      {/* Add extra columns for drag and drop and selection. */}\n      {allowsDragging && <TableColumn />}\n      {selectionBehavior === \"toggle\" && (\n        <TableColumn>\n          {selectionMode === \"multiple\" && <Checkbox slot=\"selection\" />}\n        </TableColumn>\n      )}\n      <RACCollection items={columns}>{children}</RACCollection>\n    </RACTableHeader>\n  );\n}\n\nexport type TableRowProps<T> = RACRowProps<T>;\nexport function TableRow<T extends object>({\n  id,\n  columns,\n  children,\n  className,\n  ...otherProps\n}: TableRowProps<T>) {\n  const { selectionBehavior, allowsDragging } = useTableOptions();\n  const classNames = clsx(className, \"table-row\");\n  return (\n    <RACRow id={id} {...otherProps} className={classNames}>\n      {allowsDragging && (\n        <TableCell>\n          <RACButton slot=\"drag\">≡</RACButton>\n        </TableCell>\n      )}\n      {selectionBehavior === \"toggle\" && (\n        <TableCell>\n          <Checkbox slot=\"selection\" />\n        </TableCell>\n      )}\n      <RACCollection items={columns}>{children}</RACCollection>\n    </RACRow>\n  );\n}\n\nexport type TableCellProps = RACCellProps & { align?: TableAlign };\nexport function TableCell({\n  align = \"start\",\n  className,\n  ...props\n}: TableCellProps) {\n  const classNames = clsx(className, \"table-cell\", `table-align-${align}`);\n  return <RACCell className={classNames} {...props} />;\n}\n"],"names":["Table","bleed","dense","grid","striped","className","props","containerClassNames","clsx","tableClassNames","jsx","RACTable","TableColumn","align","classNames","RACColumn","allowsSorting","sortDirection","jsxs","Fragment","IconChevronUp","IconChevronDown","TableBody","RACTableBody","TableHead","columns","children","selectionBehavior","selectionMode","allowsDragging","useTableOptions","RACTableHeader","Checkbox","RACCollection","TableRow","id","otherProps","RACRow","TableCell","RACButton","RACCell"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../vendor/clsx/dist/clsx.cjs"),i=require("react"),c=require("react-aria-components");;/* empty css          */const l=require("../../icons/IconX.cjs"),T=require("../../utils/AnchorOrButton.cjs");function m({children:s,scheme:t="brand",variant:a="primary",onRemove:r,...n}){const g=o.clsx("tag",`tag-scheme-${t}`,`tag-variant-${a}`);return e.jsxs("span",{...n,className:g,children:[s," ",r&&e.jsx(c.Button,{className:"tag-remove-button",onPress:r,children:e.jsx(l.IconX,{size:"16"})})]})}const x=i.forwardRef(function({className:t,scheme:a="brand",variant:r="primary",...n},g){const u=o.clsx(t,"tag","tag-button",`tag-scheme-${a}`,`tag-variant-${r}`);return e.jsx(T.AnchorOrButton,{...n,className:u,ref:g})});function N({children:s,className:t,iconStart:a,textValue:r,...n}){const g=o.clsx(t,"tag","tag-toggle");return r=r||(typeof s=="string"?s:(s||"").toString()),e.jsx(c.Tag,{className:g,textValue:r,...n,children:e.jsxs(e.Fragment,{children:[a,s]})})}function j({className:s,...t}){const a=o.clsx(s,"tag-toggle-group");return e.jsx(c.TagGroup,{className:a,...t})}function p({className:s,...t}){const a=o.clsx(s,"tag-toggle-list");return e.jsx(c.TagList,{className:a,...t})}exports.Tag=m;exports.TagButton=x;exports.TagToggle=N;exports.TagToggleGroup=j;exports.TagToggleList=p;
+//# sourceMappingURL=Tag.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs","sources":["../../../../../src/ui/primitives/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport React, { ReactNode } from \"react\";\nimport {\n  Button as RACButton,\n  PressEvent as RACPressEvent,\n  Tag as RACTag,\n  TagGroup as RACTagGroup,\n  TagList as RACTagList,\n  type TagGroupProps as RACTagGroupProps,\n  type TagListProps as RACTagListProps,\n  type TagProps as RACTagProps,\n} from \"react-aria-components\";\nimport { AnchorOrButton, type AnchorOrButtonProps } from \"utils\";\nimport \"./tag.css\";\n\ntype TagScheme = \"brand\" | \"danger\" | \"positive\" | \"warning\" | \"neutral\";\ntype TagVariant = \"primary\" | \"secondary\";\n\ntype SharedTagProps = {\n  scheme?: TagScheme;\n  variant?: TagVariant;\n};\n\ntype TagRemovableProps = { onRemove?: (e: RACPressEvent) => void };\n\nexport type TagProps = SharedTagProps &\n  TagRemovableProps &\n  React.ComponentPropsWithoutRef<\"span\">;\nexport function Tag({\n  children,\n  scheme = \"brand\",\n  variant = \"primary\",\n  onRemove,\n  ...props\n}: TagProps) {\n  const classNames = clsx(\n    \"tag\",\n    `tag-scheme-${scheme}`,\n    `tag-variant-${variant}`,\n  );\n  return (\n    <span {...props} className={classNames}>\n      {children}{\" \"}\n      {onRemove && (\n        <RACButton className=\"tag-remove-button\" onPress={onRemove}>\n          <IconX size=\"16\" />\n        </RACButton>\n      )}\n    </span>\n  );\n}\n\nexport type TagButtonProps = SharedTagProps & AnchorOrButtonProps;\nexport const TagButton = React.forwardRef(function Tag(\n  {\n    className,\n    scheme = \"brand\",\n    variant = \"primary\",\n    ...props\n  }: TagButtonProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"tag\",\n    \"tag-button\",\n    `tag-scheme-${scheme}`,\n    `tag-variant-${variant}`,\n  );\n\n  return <AnchorOrButton {...props} className={classNames} ref={ref} />;\n});\n\nexport type TagToggleProps = RACTagProps & { iconStart?: ReactNode };\nexport function TagToggle({\n  children,\n  className,\n  iconStart,\n  textValue,\n  ...props\n}: TagToggleProps) {\n  const classNames = clsx(className, \"tag\", \"tag-toggle\");\n  textValue =\n    textValue ||\n    (typeof children === \"string\" ? children : (children || \"\").toString());\n  return (\n    <RACTag className={classNames} textValue={textValue} {...props}>\n      <>\n        {iconStart}\n        {children}\n      </>\n    </RACTag>\n  );\n}\n\nexport type TagToggleGroupProps = RACTagGroupProps;\nexport function TagToggleGroup({ className, ...props }: TagToggleGroupProps) {\n  const classNames = clsx(className, \"tag-toggle-group\");\n  return <RACTagGroup className={classNames} {...props} />;\n}\n\nexport type TagToggleListProps<T> = RACTagListProps<T>;\nexport function TagToggleList<T extends object>({\n  className,\n  ...props\n}: TagToggleListProps<T>) {\n  const classNames = clsx(className, \"tag-toggle-list\");\n  return <RACTagList className={classNames} {...props} />;\n}\n"],"names":["Tag","children","scheme","variant","onRemove","props","classNames","clsx","jsxs","jsx","RACButton","IconX","TagButton","React","className","ref","AnchorOrButton","TagToggle","iconStart","textValue","RACTag","Fragment","TagToggleGroup","RACTagGroup","TagToggleList","RACTagList"],"mappings":"yUA6BO,SAASA,EAAI,CAClB,SAAAC,EACA,OAAAC,EAAS,QACT,QAAAC,EAAU,UACV,SAAAC,EACA,GAAGC,CACL,EAAa,CACX,MAAMC,EAAaC,EAAAA,KACjB,MACA,cAAcL,CAAM,GACpB,eAAeC,CAAO,EAAA,EAExB,OACEK,EAAAA,KAAC,OAAA,CAAM,GAAGH,EAAO,UAAWC,EACzB,SAAA,CAAAL,EAAU,IACVG,GACCK,EAAAA,IAACC,EAAAA,OAAA,CAAU,UAAU,oBAAoB,QAASN,EAChD,SAAAK,EAAAA,IAACE,EAAAA,MAAA,CAAM,KAAK,IAAA,CAAK,CAAA,CACnB,CAAA,EAEJ,CAEJ,CAGO,MAAMC,EAAYC,EAAM,WAAW,SACxC,CACE,UAAAC,EACA,OAAAZ,EAAS,QACT,QAAAC,EAAU,UACV,GAAGE,CACL,EACAU,EACA,CACA,MAAMT,EAAaC,EAAAA,KACjBO,EACA,MACA,aACA,cAAcZ,CAAM,GACpB,eAAeC,CAAO,EAAA,EAGxB,aAAQa,EAAAA,eAAA,CAAgB,GAAGX,EAAO,UAAWC,EAAY,IAAAS,EAAU,CACrE,CAAC,EAGM,SAASE,EAAU,CACxB,SAAAhB,EACA,UAAAa,EACA,UAAAI,EACA,UAAAC,EACA,GAAGd,CACL,EAAmB,CACjB,MAAMC,EAAaC,EAAAA,KAAKO,EAAW,MAAO,YAAY,EACtD,OAAAK,EACEA,IACC,OAAOlB,GAAa,SAAWA,GAAYA,GAAY,IAAI,kBAE3DmB,EAAAA,IAAA,CAAO,UAAWd,EAAY,UAAAa,EAAuB,GAAGd,EACvD,SAAAG,EAAAA,KAAAa,EAAAA,SAAA,CACG,SAAA,CAAAH,EACAjB,CAAA,CAAA,CACH,CAAA,CACF,CAEJ,CAGO,SAASqB,EAAe,CAAE,UAAAR,EAAW,GAAGT,GAA8B,CAC3E,MAAMC,EAAaC,EAAAA,KAAKO,EAAW,kBAAkB,EACrD,OAAOL,EAAAA,IAACc,EAAAA,SAAA,CAAY,UAAWjB,EAAa,GAAGD,EAAO,CACxD,CAGO,SAASmB,EAAgC,CAC9C,UAAAV,EACA,GAAGT,CACL,EAA0B,CACxB,MAAMC,EAAaC,EAAAA,KAAKO,EAAW,iBAAiB,EACpD,OAAOL,EAAAA,IAACgB,EAAAA,QAAA,CAAW,UAAWnB,EAAa,GAAGD,EAAO,CACvD"}

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

@@ -0,0 +1,72 @@
+import { jsxs as c, jsx as o, Fragment as i } from "react/jsx-runtime";
+import { clsx as e } from "../../../vendor/clsx/dist/clsx.js";
+import l from "react";
+import { Button as u, Tag as p, TagGroup as f, TagList as T } from "react-aria-components";
+/* empty css        */
+import { IconX as N } from "../../icons/IconX.js";
+import { AnchorOrButton as $ } from "../../utils/AnchorOrButton.js";
+function x({
+  children: t,
+  scheme: a = "brand",
+  variant: s = "primary",
+  onRemove: r,
+  ...g
+}) {
+  const n = e(
+    "tag",
+    `tag-scheme-${a}`,
+    `tag-variant-${s}`
+  );
+  return /* @__PURE__ */ c("span", { ...g, className: n, children: [
+    t,
+    " ",
+    r && /* @__PURE__ */ o(u, { className: "tag-remove-button", onPress: r, children: /* @__PURE__ */ o(N, { size: "16" }) })
+  ] });
+}
+const G = l.forwardRef(function({
+  className: a,
+  scheme: s = "brand",
+  variant: r = "primary",
+  ...g
+}, n) {
+  const m = e(
+    a,
+    "tag",
+    "tag-button",
+    `tag-scheme-${s}`,
+    `tag-variant-${r}`
+  );
+  return /* @__PURE__ */ o($, { ...g, className: m, ref: n });
+});
+function L({
+  children: t,
+  className: a,
+  iconStart: s,
+  textValue: r,
+  ...g
+}) {
+  const n = e(a, "tag", "tag-toggle");
+  return r = r || (typeof t == "string" ? t : (t || "").toString()), /* @__PURE__ */ o(p, { className: n, textValue: r, ...g, children: /* @__PURE__ */ c(i, { children: [
+    s,
+    t
+  ] }) });
+}
+function w({ className: t, ...a }) {
+  const s = e(t, "tag-toggle-group");
+  return /* @__PURE__ */ o(f, { className: s, ...a });
+}
+function z({
+  className: t,
+  ...a
+}) {
+  const s = e(t, "tag-toggle-list");
+  return /* @__PURE__ */ o(T, { className: s, ...a });
+}
+export {
+  x as Tag,
+  G as TagButton,
+  L as TagToggle,
+  w as TagToggleGroup,
+  z as TagToggleList
+};
+//# sourceMappingURL=Tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../../../src/ui/primitives/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport React, { ReactNode } from \"react\";\nimport {\n  Button as RACButton,\n  PressEvent as RACPressEvent,\n  Tag as RACTag,\n  TagGroup as RACTagGroup,\n  TagList as RACTagList,\n  type TagGroupProps as RACTagGroupProps,\n  type TagListProps as RACTagListProps,\n  type TagProps as RACTagProps,\n} from \"react-aria-components\";\nimport { AnchorOrButton, type AnchorOrButtonProps } from \"utils\";\nimport \"./tag.css\";\n\ntype TagScheme = \"brand\" | \"danger\" | \"positive\" | \"warning\" | \"neutral\";\ntype TagVariant = \"primary\" | \"secondary\";\n\ntype SharedTagProps = {\n  scheme?: TagScheme;\n  variant?: TagVariant;\n};\n\ntype TagRemovableProps = { onRemove?: (e: RACPressEvent) => void };\n\nexport type TagProps = SharedTagProps &\n  TagRemovableProps &\n  React.ComponentPropsWithoutRef<\"span\">;\nexport function Tag({\n  children,\n  scheme = \"brand\",\n  variant = \"primary\",\n  onRemove,\n  ...props\n}: TagProps) {\n  const classNames = clsx(\n    \"tag\",\n    `tag-scheme-${scheme}`,\n    `tag-variant-${variant}`,\n  );\n  return (\n    <span {...props} className={classNames}>\n      {children}{\" \"}\n      {onRemove && (\n        <RACButton className=\"tag-remove-button\" onPress={onRemove}>\n          <IconX size=\"16\" />\n        </RACButton>\n      )}\n    </span>\n  );\n}\n\nexport type TagButtonProps = SharedTagProps & AnchorOrButtonProps;\nexport const TagButton = React.forwardRef(function Tag(\n  {\n    className,\n    scheme = \"brand\",\n    variant = \"primary\",\n    ...props\n  }: TagButtonProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const classNames = clsx(\n    className,\n    \"tag\",\n    \"tag-button\",\n    `tag-scheme-${scheme}`,\n    `tag-variant-${variant}`,\n  );\n\n  return <AnchorOrButton {...props} className={classNames} ref={ref} />;\n});\n\nexport type TagToggleProps = RACTagProps & { iconStart?: ReactNode };\nexport function TagToggle({\n  children,\n  className,\n  iconStart,\n  textValue,\n  ...props\n}: TagToggleProps) {\n  const classNames = clsx(className, \"tag\", \"tag-toggle\");\n  textValue =\n    textValue ||\n    (typeof children === \"string\" ? children : (children || \"\").toString());\n  return (\n    <RACTag className={classNames} textValue={textValue} {...props}>\n      <>\n        {iconStart}\n        {children}\n      </>\n    </RACTag>\n  );\n}\n\nexport type TagToggleGroupProps = RACTagGroupProps;\nexport function TagToggleGroup({ className, ...props }: TagToggleGroupProps) {\n  const classNames = clsx(className, \"tag-toggle-group\");\n  return <RACTagGroup className={classNames} {...props} />;\n}\n\nexport type TagToggleListProps<T> = RACTagListProps<T>;\nexport function TagToggleList<T extends object>({\n  className,\n  ...props\n}: TagToggleListProps<T>) {\n  const classNames = clsx(className, \"tag-toggle-list\");\n  return <RACTagList className={classNames} {...props} />;\n}\n"],"names":["Tag","children","scheme","variant","onRemove","props","classNames","clsx","jsxs","jsx","RACButton","IconX","TagButton","React","className","ref","AnchorOrButton","TagToggle","iconStart","textValue","RACTag","Fragment","TagToggleGroup","RACTagGroup","TagToggleList","RACTagList"],"mappings":";;;;;;;AA6BO,SAASA,EAAI;AAAA,EAClB,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,GAAGC;AACL,GAAa;AACX,QAAMC,IAAaC;AAAA,IACjB;AAAA,IACA,cAAcL,CAAM;AAAA,IACpB,eAAeC,CAAO;AAAA,EAAA;AAExB,SACE,gBAAAK,EAAC,QAAA,EAAM,GAAGH,GAAO,WAAWC,GACzB,UAAA;AAAA,IAAAL;AAAA,IAAU;AAAA,IACVG,KACC,gBAAAK,EAACC,GAAA,EAAU,WAAU,qBAAoB,SAASN,GAChD,UAAA,gBAAAK,EAACE,GAAA,EAAM,MAAK,KAAA,CAAK,EAAA,CACnB;AAAA,EAAA,GAEJ;AAEJ;AAGO,MAAMC,IAAYC,EAAM,WAAW,SACxC;AAAA,EACE,WAAAC;AAAA,EACA,QAAAZ,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,GAAGE;AACL,GACAU,GACA;AACA,QAAMT,IAAaC;AAAA,IACjBO;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAcZ,CAAM;AAAA,IACpB,eAAeC,CAAO;AAAA,EAAA;AAGxB,2BAAQa,GAAA,EAAgB,GAAGX,GAAO,WAAWC,GAAY,KAAAS,GAAU;AACrE,CAAC;AAGM,SAASE,EAAU;AAAA,EACxB,UAAAhB;AAAA,EACA,WAAAa;AAAA,EACA,WAAAI;AAAA,EACA,WAAAC;AAAA,EACA,GAAGd;AACL,GAAmB;AACjB,QAAMC,IAAaC,EAAKO,GAAW,OAAO,YAAY;AACtD,SAAAK,IACEA,MACC,OAAOlB,KAAa,WAAWA,KAAYA,KAAY,IAAI,+BAE3DmB,GAAA,EAAO,WAAWd,GAAY,WAAAa,GAAuB,GAAGd,GACvD,UAAA,gBAAAG,EAAAa,GAAA,EACG,UAAA;AAAA,IAAAH;AAAA,IACAjB;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAGO,SAASqB,EAAe,EAAE,WAAAR,GAAW,GAAGT,KAA8B;AAC3E,QAAMC,IAAaC,EAAKO,GAAW,kBAAkB;AACrD,SAAO,gBAAAL,EAACc,GAAA,EAAY,WAAWjB,GAAa,GAAGD,GAAO;AACxD;AAGO,SAASmB,EAAgC;AAAA,EAC9C,WAAAV;AAAA,EACA,GAAGT;AACL,GAA0B;AACxB,QAAMC,IAAaC,EAAKO,GAAW,iBAAiB;AACpD,SAAO,gBAAAL,EAACgB,GAAA,EAAW,WAAWnB,GAAa,GAAGD,GAAO;AACvD;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),r=require("../../../vendor/clsx/dist/clsx.cjs"),i=require("react-aria-components");;/* empty css           */const y=require("../Link/Link.cjs"),m=require("../../layout/Flex/Flex.cjs"),f=require("../../hooks/useMediaQuery.cjs");function b({className:s,elementType:n="p",lineHeight:t="body",lineClamp:e,style:x,...a}){const l=r.clsx(s,!!e&&"text-truncate","text-body-base",`text-line-height-${t}`),o=e?{"--text-truncate-line-clamp":e,...x}:x;return c.jsx(i.Text,{style:o,elementType:n,className:l,...a})}function d({className:s,elementType:n="small",lineHeight:t="body",lineClamp:e,style:x,...a}){const l=r.clsx(s,!!e&&"text-truncate","text-body-small",`text-line-height-${t}`),o=e?{"--text-truncate-line-clamp":e,...x}:x;return c.jsx(i.Text,{style:o,className:l,elementType:n,...a})}function p({className:s,elementType:n="small",lineClamp:t,lineHeight:e="body",style:x,...a}){const l=r.clsx(s,!!t&&"text-truncate","text-body-small-strong",`text-line-height-${e}`),o=t?{"--text-truncate-line-clamp":t,...x}:x;return c.jsx(i.Text,{style:o,className:l,elementType:n,...a})}function L({className:s,elementType:n="strong",lineClamp:t,style:e,...x}){const a=r.clsx(s,!!t&&"text-truncate","text-body-strong"),l=t?{"--text-truncate-line-clamp":t,...e}:e;return c.jsx(i.Text,{style:l,className:a,elementType:n,...x})}function $({className:s,elementType:n,...t}){const e=r.clsx(s,"text-body-emphasis");return c.jsx(i.Text,{className:e,elementType:n,...t})}function k({className:s,...n}){const t=r.clsx(s,"text-body-link");return c.jsx(y.Link,{className:t,...n})}function q({className:s,...n}){const t=r.clsx(s,"text-body-code");return c.jsx(i.Text,{className:t,...n})}function H({className:s,...n}){const t=r.clsx(s,"text-input");return c.jsx(i.Text,{className:t,...n})}function N({className:s,elementType:n="h1",lineClamp:t,style:e,...x}){const a=r.clsx(s,!!t&&"text-truncate","text-title-hero"),l=t?{"--text-truncate-line-clamp":t,...e}:e;return c.jsx(i.Text,{style:l,className:a,elementType:n,...x})}function u({className:s,elementType:n="h2",lineClamp:t,style:e,...x}){const a=r.clsx(s,!!t&&"text-truncate","text-title-page"),l=t?{"--text-truncate-line-clamp":t,...e}:e;return c.jsx(i.Text,{style:l,className:a,elementType:n,...x})}function h({className:s,elementType:n="p",lineClamp:t,style:e,...x}){const a=r.clsx(s,!!t&&"text-truncate","text-subtitle"),l=t?{"--text-truncate-line-clamp":t,...e}:e;return c.jsx(i.Text,{style:l,className:a,elementType:n,...x})}function T({className:s,elementType:n="h3",lineClamp:t,style:e,...x}){const a=r.clsx(s,!!t&&"text-truncate","text-heading"),l=t?{"--text-truncate-line-clamp":t,...e}:e;return c.jsx(i.Text,{style:l,className:a,elementType:n,...x})}function j({className:s,elementType:n="p",lineClamp:t,style:e,...x}){const a=r.clsx(s,!!t&&"text-truncate","text-subheading"),l=t?{"--text-truncate-line-clamp":t,...e}:e;return c.jsx(i.Text,{style:l,className:a,elementType:n,...x})}function P({className:s,currency:n,size:t="large",price:e,label:x,...a}){const l=r.clsx(s,"text-price",`text-price-size-${t}`),o=c.jsxs(c.Fragment,{children:[c.jsx("sup",{className:"text-price-currency",children:n}),e]});return c.jsxs(i.Text,{elementType:"p",className:l,...a,children:[t==="small"?c.jsx(T,{elementType:"span",children:o}):c.jsx(u,{elementType:"span",children:o}),x&&c.jsx(d,{children:x})]})}function S({className:s,...n}){const t=r.clsx(s,"text-list-item");return c.jsx("li",{className:t,...n})}function g({children:s,className:n,density:t="default",title:e,...x}){const a=r.clsx(n,"text-list",`text-list-density-${t}`);return c.jsxs("ul",{className:a,...x,children:[e&&c.jsx("li",{className:"text-list-title",children:e}),s]})}function F({className:s,...n}){const t=r.clsx(s,"text-link-list");return c.jsx(g,{className:t,...n})}function I({align:s="start",className:n,heading:t,subheading:e,...x}){const a=r.clsx(n,"text-content-heading",`text-align-${s}`);return c.jsxs(m.Flex,{direction:"column",gap:"200",className:a,...x,children:[c.jsx(T,{children:t}),e&&c.jsx(j,{children:e})]})}function M({align:s="start",className:n,title:t,subtitle:e,...x}){const a=r.clsx(n,"text-content-title"),{isMobile:l}=f.useMediaQuery();return c.jsxs(m.Flex,{direction:"column",gap:"200",className:a,...x,children:[l?c.jsx(u,{className:`text-align-${s}`,children:t}):c.jsx(N,{className:`text-align-${s}`,children:t}),e&&c.jsx(h,{className:`text-align-${s}`,children:e})]})}exports.Text=b;exports.TextCode=q;exports.TextContentHeading=I;exports.TextContentTitle=M;exports.TextEmphasis=$;exports.TextHeading=T;exports.TextInput=H;exports.TextLink=k;exports.TextLinkList=F;exports.TextList=g;exports.TextListItem=S;exports.TextPrice=P;exports.TextSmall=d;exports.TextSmallStrong=p;exports.TextStrong=L;exports.TextSubheading=j;exports.TextSubtitle=h;exports.TextTitleHero=N;exports.TextTitlePage=u;
+//# sourceMappingURL=Text.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.cjs","sources":["../../../../../src/ui/primitives/Text/Text.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useMediaQuery } from \"hooks\";\nimport { Flex } from \"layout\";\nimport { Link } from \"primitives\";\nimport { CSSProperties, ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport {\n  Text as RACText,\n  type TextProps as RACTextProps,\n} from \"react-aria-components\";\nimport \"./text.css\";\n\ntype TextLineHeightProps = { lineHeight?: \"body\" | \"single\" };\n\ntype TextTruncateProps = { lineClamp?: number };\n\nexport type TextProps = TextTruncateProps & RACTextProps & TextLineHeightProps;\nexport function Text({\n  className,\n  elementType = \"p\",\n  lineHeight = \"body\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-body-base\",\n    `text-line-height-${lineHeight}`,\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      elementType={elementType}\n      className={classNames}\n      {...props}\n    />\n  );\n}\nexport type TextSmallProps = TextTruncateProps &\n  RACTextProps &\n  TextLineHeightProps;\nexport function TextSmall({\n  className,\n  elementType = \"small\",\n  lineHeight = \"body\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextSmallProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-body-small\",\n    `text-line-height-${lineHeight}`,\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextSmallStrongProps = TextTruncateProps &\n  RACTextProps &\n  TextLineHeightProps;\nexport function TextSmallStrong({\n  className,\n  elementType = \"small\",\n  lineClamp,\n  lineHeight = \"body\",\n  style: consumerStyle,\n  ...props\n}: TextSmallProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-body-small-strong\",\n    `text-line-height-${lineHeight}`,\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextStrongProps = TextTruncateProps & RACTextProps;\nexport function TextStrong({\n  className,\n  elementType = \"strong\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextStrongProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-body-strong\",\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextEmphasisProps = RACTextProps;\nexport function TextEmphasis({\n  className,\n  elementType,\n  ...props\n}: TextEmphasisProps) {\n  const classNames = clsx(className, \"text-body-emphasis\");\n  return (\n    <RACText className={classNames} elementType={elementType} {...props} />\n  );\n}\nexport type TextLinkProps = ComponentPropsWithoutRef<typeof Link>;\nexport function TextLink({ className, ...props }: TextLinkProps) {\n  const classNames = clsx(className, \"text-body-link\");\n  return <Link className={classNames} {...props} />;\n}\nexport type TextCodeProps = RACTextProps;\nexport function TextCode({ className, ...props }: TextCodeProps) {\n  const classNames = clsx(className, \"text-body-code\");\n  return <RACText className={classNames} {...props} />;\n}\n\nexport type TextInputProps = RACTextProps;\nexport function TextInput({ className, ...props }: TextInputProps) {\n  const classNames = clsx(className, \"text-input\");\n  return <RACText className={classNames} {...props} />;\n}\n\nexport type TextTitleHeroProps = TextTruncateProps & RACTextProps;\nexport function TextTitleHero({\n  className,\n  elementType = \"h1\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextTitleHeroProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-title-hero\",\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextTitlePageProps = TextTruncateProps & RACTextProps;\nexport function TextTitlePage({\n  className,\n  elementType = \"h2\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextTitlePageProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-title-page\",\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextSubtitleProps = TextTruncateProps & RACTextProps;\nexport function TextSubtitle({\n  className,\n  elementType = \"p\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextSubtitleProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-subtitle\",\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextHeadingProps = TextTruncateProps & RACTextProps;\nexport function TextHeading({\n  className,\n  elementType = \"h3\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextHeadingProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-heading\",\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextSubheadingProps = TextTruncateProps & RACTextProps;\nexport function TextSubheading({\n  className,\n  elementType = \"p\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextSubheadingProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-subheading\",\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\n\nexport type TextPriceProps = RACTextProps & {\n  currency: string;\n  price: string;\n  label?: string;\n  size?: \"small\" | \"large\";\n};\nexport function TextPrice({\n  className,\n  currency,\n  size = \"large\",\n  price,\n  label,\n  ...props\n}: TextPriceProps) {\n  const classNames = clsx(className, \"text-price\", `text-price-size-${size}`);\n  const content = (\n    <>\n      <sup className=\"text-price-currency\">{currency}</sup>\n      {price}\n    </>\n  );\n  return (\n    <RACText elementType=\"p\" className={classNames} {...props}>\n      {size === \"small\" ? (\n        <TextHeading elementType=\"span\">{content}</TextHeading>\n      ) : (\n        <TextTitlePage elementType=\"span\">{content}</TextTitlePage>\n      )}\n\n      {label && <TextSmall>{label}</TextSmall>}\n    </RACText>\n  );\n}\n\nexport type TextListItemProps = ComponentPropsWithoutRef<\"li\">;\nexport function TextListItem({ className, ...props }: TextListItemProps) {\n  const classNames = clsx(className, \"text-list-item\");\n  return <li className={classNames} {...props} />;\n}\n\nexport type TextListProps = Omit<ComponentPropsWithoutRef<\"ul\">, \"title\"> & {\n  title?: ReactNode;\n  density?: \"default\" | \"tight\";\n};\nexport function TextList({\n  children,\n  className,\n  density = \"default\",\n  title,\n  ...props\n}: TextListProps) {\n  const classNames = clsx(\n    className,\n    \"text-list\",\n    `text-list-density-${density}`,\n  );\n  return (\n    <ul className={classNames} {...props}>\n      {title && <li className=\"text-list-title\">{title}</li>}\n      {children}\n    </ul>\n  );\n}\n\nexport type TextLinkListProps = TextListProps;\nexport function TextLinkList({ className, ...props }: TextLinkListProps) {\n  const classNames = clsx(className, \"text-link-list\");\n  return <TextList className={classNames} {...props} />;\n}\n\nexport type TextContentHeadingProps = ComponentPropsWithoutRef<\"div\"> & {\n  align?: \"start\" | \"center\";\n  heading: string;\n  subheading?: string;\n};\nexport function TextContentHeading({\n  align = \"start\",\n  className,\n  heading,\n  subheading,\n  ...props\n}: TextContentHeadingProps) {\n  const classNames = clsx(\n    className,\n    \"text-content-heading\",\n    `text-align-${align}`,\n  );\n  return (\n    <Flex direction=\"column\" gap=\"200\" className={classNames} {...props}>\n      <TextHeading>{heading}</TextHeading>\n      {subheading && <TextSubheading>{subheading}</TextSubheading>}\n    </Flex>\n  );\n}\n\nexport type TextContentTitleProps = ComponentPropsWithoutRef<\"div\"> & {\n  align?: \"start\" | \"center\";\n  title: ReactNode;\n  subtitle?: ReactNode;\n};\nexport function TextContentTitle({\n  align = \"start\",\n  className,\n  title,\n  subtitle,\n  ...props\n}: TextContentTitleProps) {\n  const classNames = clsx(className, \"text-content-title\");\n  const { isMobile } = useMediaQuery();\n  return (\n    <Flex direction=\"column\" gap=\"200\" className={classNames} {...props}>\n      {isMobile ? (\n        <TextTitlePage className={`text-align-${align}`}>{title}</TextTitlePage>\n      ) : (\n        <TextTitleHero className={`text-align-${align}`}>{title}</TextTitleHero>\n      )}\n\n      {subtitle && (\n        <TextSubtitle className={`text-align-${align}`}>\n          {subtitle}\n        </TextSubtitle>\n      )}\n    </Flex>\n  );\n}\n"],"names":["Text","className","elementType","lineHeight","lineClamp","consumerStyle","props","classNames","clsx","style","jsx","RACText","TextSmall","TextSmallStrong","TextStrong","TextEmphasis","TextLink","Link","TextCode","TextInput","TextTitleHero","TextTitlePage","TextSubtitle","TextHeading","TextSubheading","TextPrice","currency","size","price","label","content","jsxs","Fragment","TextListItem","TextList","children","density","title","TextLinkList","TextContentHeading","align","heading","subheading","Flex","TextContentTitle","subtitle","isMobile","useMediaQuery"],"mappings":"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"}

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

@@ -0,0 +1,325 @@
+import { jsx as r, jsxs as u, Fragment as h } from "react/jsx-runtime";
+import { clsx as o } from "../../../vendor/clsx/dist/clsx.js";
+import { Text as i } from "react-aria-components";
+/* empty css         */
+import { Link as T } from "../Link/Link.js";
+import { Flex as m } from "../../layout/Flex/Flex.js";
+import { useMediaQuery as f } from "../../hooks/useMediaQuery.js";
+function P({
+  className: s,
+  elementType: n = "p",
+  lineHeight: t = "body",
+  lineClamp: e,
+  style: c,
+  ...a
+}) {
+  const l = o(
+    s,
+    !!e && "text-truncate",
+    "text-body-base",
+    `text-line-height-${t}`
+  ), x = e ? { "--text-truncate-line-clamp": e, ...c } : c;
+  return /* @__PURE__ */ r(
+    i,
+    {
+      style: x,
+      elementType: n,
+      className: l,
+      ...a
+    }
+  );
+}
+function y({
+  className: s,
+  elementType: n = "small",
+  lineHeight: t = "body",
+  lineClamp: e,
+  style: c,
+  ...a
+}) {
+  const l = o(
+    s,
+    !!e && "text-truncate",
+    "text-body-small",
+    `text-line-height-${t}`
+  ), x = e ? { "--text-truncate-line-clamp": e, ...c } : c;
+  return /* @__PURE__ */ r(
+    i,
+    {
+      style: x,
+      className: l,
+      elementType: n,
+      ...a
+    }
+  );
+}
+function E({
+  className: s,
+  elementType: n = "small",
+  lineClamp: t,
+  lineHeight: e = "body",
+  style: c,
+  ...a
+}) {
+  const l = o(
+    s,
+    !!t && "text-truncate",
+    "text-body-small-strong",
+    `text-line-height-${e}`
+  ), x = t ? { "--text-truncate-line-clamp": t, ...c } : c;
+  return /* @__PURE__ */ r(
+    i,
+    {
+      style: x,
+      className: l,
+      elementType: n,
+      ...a
+    }
+  );
+}
+function Q({
+  className: s,
+  elementType: n = "strong",
+  lineClamp: t,
+  style: e,
+  ...c
+}) {
+  const a = o(
+    s,
+    !!t && "text-truncate",
+    "text-body-strong"
+  ), l = t ? { "--text-truncate-line-clamp": t, ...e } : e;
+  return /* @__PURE__ */ r(
+    i,
+    {
+      style: l,
+      className: a,
+      elementType: n,
+      ...c
+    }
+  );
+}
+function q({
+  className: s,
+  elementType: n,
+  ...t
+}) {
+  const e = o(s, "text-body-emphasis");
+  return /* @__PURE__ */ r(i, { className: e, elementType: n, ...t });
+}
+function v({ className: s, ...n }) {
+  const t = o(s, "text-body-link");
+  return /* @__PURE__ */ r(T, { className: t, ...n });
+}
+function w({ className: s, ...n }) {
+  const t = o(s, "text-body-code");
+  return /* @__PURE__ */ r(i, { className: t, ...n });
+}
+function z({ className: s, ...n }) {
+  const t = o(s, "text-input");
+  return /* @__PURE__ */ r(i, { className: t, ...n });
+}
+function g({
+  className: s,
+  elementType: n = "h1",
+  lineClamp: t,
+  style: e,
+  ...c
+}) {
+  const a = o(
+    s,
+    !!t && "text-truncate",
+    "text-title-hero"
+  ), l = t ? { "--text-truncate-line-clamp": t, ...e } : e;
+  return /* @__PURE__ */ r(
+    i,
+    {
+      style: l,
+      className: a,
+      elementType: n,
+      ...c
+    }
+  );
+}
+function N({
+  className: s,
+  elementType: n = "h2",
+  lineClamp: t,
+  style: e,
+  ...c
+}) {
+  const a = o(
+    s,
+    !!t && "text-truncate",
+    "text-title-page"
+  ), l = t ? { "--text-truncate-line-clamp": t, ...e } : e;
+  return /* @__PURE__ */ r(
+    i,
+    {
+      style: l,
+      className: a,
+      elementType: n,
+      ...c
+    }
+  );
+}
+function p({
+  className: s,
+  elementType: n = "p",
+  lineClamp: t,
+  style: e,
+  ...c
+}) {
+  const a = o(
+    s,
+    !!t && "text-truncate",
+    "text-subtitle"
+  ), l = t ? { "--text-truncate-line-clamp": t, ...e } : e;
+  return /* @__PURE__ */ r(
+    i,
+    {
+      style: l,
+      className: a,
+      elementType: n,
+      ...c
+    }
+  );
+}
+function d({
+  className: s,
+  elementType: n = "h3",
+  lineClamp: t,
+  style: e,
+  ...c
+}) {
+  const a = o(
+    s,
+    !!t && "text-truncate",
+    "text-heading"
+  ), l = t ? { "--text-truncate-line-clamp": t, ...e } : e;
+  return /* @__PURE__ */ r(
+    i,
+    {
+      style: l,
+      className: a,
+      elementType: n,
+      ...c
+    }
+  );
+}
+function b({
+  className: s,
+  elementType: n = "p",
+  lineClamp: t,
+  style: e,
+  ...c
+}) {
+  const a = o(
+    s,
+    !!t && "text-truncate",
+    "text-subheading"
+  ), l = t ? { "--text-truncate-line-clamp": t, ...e } : e;
+  return /* @__PURE__ */ r(
+    i,
+    {
+      style: l,
+      className: a,
+      elementType: n,
+      ...c
+    }
+  );
+}
+function A({
+  className: s,
+  currency: n,
+  size: t = "large",
+  price: e,
+  label: c,
+  ...a
+}) {
+  const l = o(s, "text-price", `text-price-size-${t}`), x = /* @__PURE__ */ u(h, { children: [
+    /* @__PURE__ */ r("sup", { className: "text-price-currency", children: n }),
+    e
+  ] });
+  return /* @__PURE__ */ u(i, { elementType: "p", className: l, ...a, children: [
+    t === "small" ? /* @__PURE__ */ r(d, { elementType: "span", children: x }) : /* @__PURE__ */ r(N, { elementType: "span", children: x }),
+    c && /* @__PURE__ */ r(y, { children: c })
+  ] });
+}
+function B({ className: s, ...n }) {
+  const t = o(s, "text-list-item");
+  return /* @__PURE__ */ r("li", { className: t, ...n });
+}
+function $({
+  children: s,
+  className: n,
+  density: t = "default",
+  title: e,
+  ...c
+}) {
+  const a = o(
+    n,
+    "text-list",
+    `text-list-density-${t}`
+  );
+  return /* @__PURE__ */ u("ul", { className: a, ...c, children: [
+    e && /* @__PURE__ */ r("li", { className: "text-list-title", children: e }),
+    s
+  ] });
+}
+function D({ className: s, ...n }) {
+  const t = o(s, "text-link-list");
+  return /* @__PURE__ */ r($, { className: t, ...n });
+}
+function G({
+  align: s = "start",
+  className: n,
+  heading: t,
+  subheading: e,
+  ...c
+}) {
+  const a = o(
+    n,
+    "text-content-heading",
+    `text-align-${s}`
+  );
+  return /* @__PURE__ */ u(m, { direction: "column", gap: "200", className: a, ...c, children: [
+    /* @__PURE__ */ r(d, { children: t }),
+    e && /* @__PURE__ */ r(b, { children: e })
+  ] });
+}
+function J({
+  align: s = "start",
+  className: n,
+  title: t,
+  subtitle: e,
+  ...c
+}) {
+  const a = o(n, "text-content-title"), { isMobile: l } = f();
+  return /* @__PURE__ */ u(m, { direction: "column", gap: "200", className: a, ...c, children: [
+    l ? /* @__PURE__ */ r(N, { className: `text-align-${s}`, children: t }) : /* @__PURE__ */ r(g, { className: `text-align-${s}`, children: t }),
+    e && /* @__PURE__ */ r(p, { className: `text-align-${s}`, children: e })
+  ] });
+}
+export {
+  P as Text,
+  w as TextCode,
+  G as TextContentHeading,
+  J as TextContentTitle,
+  q as TextEmphasis,
+  d as TextHeading,
+  z as TextInput,
+  v as TextLink,
+  D as TextLinkList,
+  $ as TextList,
+  B as TextListItem,
+  A as TextPrice,
+  y as TextSmall,
+  E as TextSmallStrong,
+  Q as TextStrong,
+  b as TextSubheading,
+  p as TextSubtitle,
+  g as TextTitleHero,
+  N as TextTitlePage
+};
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../../../src/ui/primitives/Text/Text.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useMediaQuery } from \"hooks\";\nimport { Flex } from \"layout\";\nimport { Link } from \"primitives\";\nimport { CSSProperties, ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport {\n  Text as RACText,\n  type TextProps as RACTextProps,\n} from \"react-aria-components\";\nimport \"./text.css\";\n\ntype TextLineHeightProps = { lineHeight?: \"body\" | \"single\" };\n\ntype TextTruncateProps = { lineClamp?: number };\n\nexport type TextProps = TextTruncateProps & RACTextProps & TextLineHeightProps;\nexport function Text({\n  className,\n  elementType = \"p\",\n  lineHeight = \"body\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-body-base\",\n    `text-line-height-${lineHeight}`,\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      elementType={elementType}\n      className={classNames}\n      {...props}\n    />\n  );\n}\nexport type TextSmallProps = TextTruncateProps &\n  RACTextProps &\n  TextLineHeightProps;\nexport function TextSmall({\n  className,\n  elementType = \"small\",\n  lineHeight = \"body\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextSmallProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-body-small\",\n    `text-line-height-${lineHeight}`,\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextSmallStrongProps = TextTruncateProps &\n  RACTextProps &\n  TextLineHeightProps;\nexport function TextSmallStrong({\n  className,\n  elementType = \"small\",\n  lineClamp,\n  lineHeight = \"body\",\n  style: consumerStyle,\n  ...props\n}: TextSmallProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-body-small-strong\",\n    `text-line-height-${lineHeight}`,\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextStrongProps = TextTruncateProps & RACTextProps;\nexport function TextStrong({\n  className,\n  elementType = \"strong\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextStrongProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-body-strong\",\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextEmphasisProps = RACTextProps;\nexport function TextEmphasis({\n  className,\n  elementType,\n  ...props\n}: TextEmphasisProps) {\n  const classNames = clsx(className, \"text-body-emphasis\");\n  return (\n    <RACText className={classNames} elementType={elementType} {...props} />\n  );\n}\nexport type TextLinkProps = ComponentPropsWithoutRef<typeof Link>;\nexport function TextLink({ className, ...props }: TextLinkProps) {\n  const classNames = clsx(className, \"text-body-link\");\n  return <Link className={classNames} {...props} />;\n}\nexport type TextCodeProps = RACTextProps;\nexport function TextCode({ className, ...props }: TextCodeProps) {\n  const classNames = clsx(className, \"text-body-code\");\n  return <RACText className={classNames} {...props} />;\n}\n\nexport type TextInputProps = RACTextProps;\nexport function TextInput({ className, ...props }: TextInputProps) {\n  const classNames = clsx(className, \"text-input\");\n  return <RACText className={classNames} {...props} />;\n}\n\nexport type TextTitleHeroProps = TextTruncateProps & RACTextProps;\nexport function TextTitleHero({\n  className,\n  elementType = \"h1\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextTitleHeroProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-title-hero\",\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextTitlePageProps = TextTruncateProps & RACTextProps;\nexport function TextTitlePage({\n  className,\n  elementType = \"h2\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextTitlePageProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-title-page\",\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextSubtitleProps = TextTruncateProps & RACTextProps;\nexport function TextSubtitle({\n  className,\n  elementType = \"p\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextSubtitleProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-subtitle\",\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextHeadingProps = TextTruncateProps & RACTextProps;\nexport function TextHeading({\n  className,\n  elementType = \"h3\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextHeadingProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-heading\",\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\nexport type TextSubheadingProps = TextTruncateProps & RACTextProps;\nexport function TextSubheading({\n  className,\n  elementType = \"p\",\n  lineClamp,\n  style: consumerStyle,\n  ...props\n}: TextSubheadingProps) {\n  const classNames = clsx(\n    className,\n    !!lineClamp && \"text-truncate\",\n    \"text-subheading\",\n  );\n  const style = lineClamp\n    ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n    : consumerStyle;\n  return (\n    <RACText\n      style={style}\n      className={classNames}\n      elementType={elementType}\n      {...props}\n    />\n  );\n}\n\nexport type TextPriceProps = RACTextProps & {\n  currency: string;\n  price: string;\n  label?: string;\n  size?: \"small\" | \"large\";\n};\nexport function TextPrice({\n  className,\n  currency,\n  size = \"large\",\n  price,\n  label,\n  ...props\n}: TextPriceProps) {\n  const classNames = clsx(className, \"text-price\", `text-price-size-${size}`);\n  const content = (\n    <>\n      <sup className=\"text-price-currency\">{currency}</sup>\n      {price}\n    </>\n  );\n  return (\n    <RACText elementType=\"p\" className={classNames} {...props}>\n      {size === \"small\" ? (\n        <TextHeading elementType=\"span\">{content}</TextHeading>\n      ) : (\n        <TextTitlePage elementType=\"span\">{content}</TextTitlePage>\n      )}\n\n      {label && <TextSmall>{label}</TextSmall>}\n    </RACText>\n  );\n}\n\nexport type TextListItemProps = ComponentPropsWithoutRef<\"li\">;\nexport function TextListItem({ className, ...props }: TextListItemProps) {\n  const classNames = clsx(className, \"text-list-item\");\n  return <li className={classNames} {...props} />;\n}\n\nexport type TextListProps = Omit<ComponentPropsWithoutRef<\"ul\">, \"title\"> & {\n  title?: ReactNode;\n  density?: \"default\" | \"tight\";\n};\nexport function TextList({\n  children,\n  className,\n  density = \"default\",\n  title,\n  ...props\n}: TextListProps) {\n  const classNames = clsx(\n    className,\n    \"text-list\",\n    `text-list-density-${density}`,\n  );\n  return (\n    <ul className={classNames} {...props}>\n      {title && <li className=\"text-list-title\">{title}</li>}\n      {children}\n    </ul>\n  );\n}\n\nexport type TextLinkListProps = TextListProps;\nexport function TextLinkList({ className, ...props }: TextLinkListProps) {\n  const classNames = clsx(className, \"text-link-list\");\n  return <TextList className={classNames} {...props} />;\n}\n\nexport type TextContentHeadingProps = ComponentPropsWithoutRef<\"div\"> & {\n  align?: \"start\" | \"center\";\n  heading: string;\n  subheading?: string;\n};\nexport function TextContentHeading({\n  align = \"start\",\n  className,\n  heading,\n  subheading,\n  ...props\n}: TextContentHeadingProps) {\n  const classNames = clsx(\n    className,\n    \"text-content-heading\",\n    `text-align-${align}`,\n  );\n  return (\n    <Flex direction=\"column\" gap=\"200\" className={classNames} {...props}>\n      <TextHeading>{heading}</TextHeading>\n      {subheading && <TextSubheading>{subheading}</TextSubheading>}\n    </Flex>\n  );\n}\n\nexport type TextContentTitleProps = ComponentPropsWithoutRef<\"div\"> & {\n  align?: \"start\" | \"center\";\n  title: ReactNode;\n  subtitle?: ReactNode;\n};\nexport function TextContentTitle({\n  align = \"start\",\n  className,\n  title,\n  subtitle,\n  ...props\n}: TextContentTitleProps) {\n  const classNames = clsx(className, \"text-content-title\");\n  const { isMobile } = useMediaQuery();\n  return (\n    <Flex direction=\"column\" gap=\"200\" className={classNames} {...props}>\n      {isMobile ? (\n        <TextTitlePage className={`text-align-${align}`}>{title}</TextTitlePage>\n      ) : (\n        <TextTitleHero className={`text-align-${align}`}>{title}</TextTitleHero>\n      )}\n\n      {subtitle && (\n        <TextSubtitle className={`text-align-${align}`}>\n          {subtitle}\n        </TextSubtitle>\n      )}\n    </Flex>\n  );\n}\n"],"names":["Text","className","elementType","lineHeight","lineClamp","consumerStyle","props","classNames","clsx","style","jsx","RACText","TextSmall","TextSmallStrong","TextStrong","TextEmphasis","TextLink","Link","TextCode","TextInput","TextTitleHero","TextTitlePage","TextSubtitle","TextHeading","TextSubheading","TextPrice","currency","size","price","label","content","jsxs","Fragment","TextListItem","TextList","children","density","title","TextLinkList","TextContentHeading","align","heading","subheading","Flex","TextContentTitle","subtitle","isMobile","useMediaQuery"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.cjs","sources":["../../../../../src/ui/primitives/Textarea/Textarea.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport { forwardRef } from \"react\";\nimport {\n  TextArea as RACTextArea,\n  TextField as RACTextField,\n  type TextAreaProps as RACTextAreaProps,\n  type TextFieldProps as RACTextFieldProps,\n} from \"react-aria-components\";\nimport \"./textarea.css\";\n\nexport type SharedTextareaProps = { isResizable?: boolean };\n\nexport type TextareaFieldProps = SharedFieldProps &\n  RACTextFieldProps &\n  SharedTextareaProps;\nexport function TextareaField({\n  className,\n  placeholder,\n  label,\n  description,\n  errorMessage,\n  ...props\n}: TextareaFieldProps) {\n  const classNames = clsx(className, \"field\");\n  return (\n    <RACTextField className={classNames} {...props}>\n      {label && <Label>{label}</Label>}\n      <Textarea placeholder={placeholder} />\n      {description && <Description>{description}</Description>}\n      <FieldError>{errorMessage}</FieldError>\n    </RACTextField>\n  );\n}\n\nexport type TextareaProps = SharedTextareaProps & RACTextAreaProps;\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  function Textarea({ isResizable = true, ...props }, ref) {\n    const classNames = clsx(\"text-area\", isResizable && \"text-area-resizable\");\n    return <RACTextArea ref={ref} className={classNames} {...props} />;\n  },\n);\n"],"names":["TextareaField","className","placeholder","label","description","errorMessage","props","classNames","clsx","jsxs","RACTextField","jsx","Label","Textarea","Description","FieldError","forwardRef","isResizable","ref","RACTextArea"],"mappings":"qSAgBO,SAASA,EAAc,CAC5B,UAAAC,EACA,YAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,GAAGC,CACL,EAAuB,CACrB,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,GAAS,YAAAX,EAA0B,EACnCE,GAAeO,EAAAA,IAACG,EAAAA,YAAA,CAAa,SAAAV,CAAA,CAAY,EAC1CO,EAAAA,IAACI,EAAAA,YAAY,SAAAV,CAAA,CAAa,CAAA,EAC5B,CAEJ,CAGO,MAAMQ,EAAWG,EAAAA,WACtB,SAAkB,CAAE,YAAAC,EAAc,GAAM,GAAGX,CAAA,EAASY,EAAK,CACvD,MAAMX,EAAaC,EAAAA,KAAK,YAAaS,GAAe,qBAAqB,EACzE,aAAQE,EAAAA,SAAA,CAAY,IAAAD,EAAU,UAAWX,EAAa,GAAGD,EAAO,CAClE,CACF"}