@purpur/library 8.21.0

package/dist/radio-card-group-DkaMcmen.mjs

@@ -0,0 +1,168 @@
+import { jsxs as _, Fragment as I, jsx as o } from "react/jsx-runtime";
+import { useState as O, forwardRef as v, isValidElement as A, Children as C, cloneElement as x } from "react";
+import { a as z } from "./heading-gqtQNo5n.mjs";
+import { I as E, a as S, R as D } from "./index-DSf4qCR-.mjs";
+import { c as G } from "./bind-CU-R61T-.mjs";
+import { a as R } from "./paragraph-DNtj7OLr.mjs";
+import { S as L } from "./skeleton-CDGzLI-T.mjs";
+const P = {
+  "purpur-radio-card-group": "_purpur-radio-card-group_19msf_1",
+  "purpur-radio-card-group--vertical": "_purpur-radio-card-group--vertical_19msf_5",
+  "purpur-radio-card-group--horizontal": "_purpur-radio-card-group--horizontal_19msf_9",
+  "purpur-radio-card-group--radio-left": "_purpur-radio-card-group--radio-left_19msf_18",
+  "purpur-radio-card-group__item": "_purpur-radio-card-group__item_19msf_18",
+  "purpur-radio-card-group__item-bottom-container": "_purpur-radio-card-group__item-bottom-container_19msf_21",
+  "purpur-radio-card-group__item-top-container": "_purpur-radio-card-group__item-top-container_19msf_24",
+  "purpur-radio-card-group__container": "_purpur-radio-card-group__container_19msf_35",
+  "purpur-radio-card-group__item-container": "_purpur-radio-card-group__item-container_19msf_42",
+  "purpur-radio-card-group__item-radio": "_purpur-radio-card-group__item-radio_19msf_77",
+  "purpur-radio-card-group__item-content": "_purpur-radio-card-group__item-content_19msf_108",
+  "purpur-radio-card-group__item-title": "_purpur-radio-card-group__item-title_19msf_121",
+  "purpur-radio-card-group__item-indicator": "_purpur-radio-card-group__item-indicator_19msf_141",
+  "purpur-radio-card-group__item-image-container": "_purpur-radio-card-group__item-image-container_19msf_151",
+  "purpur-radio-card-group__item-image": "_purpur-radio-card-group__item-image_19msf_151",
+  "purpur-radio-card-group__item-image--loaded": "_purpur-radio-card-group__item-image--loaded_19msf_164",
+  "purpur-radio-card-group__item-image-placeholder": "_purpur-radio-card-group__item-image-placeholder_19msf_167",
+  "purpur-radio-card-group__item-image-placeholder--loaded": "_purpur-radio-card-group__item-image-placeholder--loaded_19msf_172",
+  "purpur-radio-card-group__item-children": "_purpur-radio-card-group__item-children_19msf_175"
+}, a = G.bind(P), f = "purpur-radio-card-group__item-image", j = (r) => !!r?.src && !!r.altText, k = ({
+  src: r,
+  altText: p,
+  noPlaceholder: n,
+  loading: i = "lazy",
+  ["data-testid"]: e
+}) => {
+  const [u, s] = O(!1), l = () => s(!0), c = a(f, {
+    [`${f}--loaded`]: u
+  }), g = a(`${f}-placeholder`, {
+    [`${f}-placeholder--loaded`]: u
+  });
+  return /* @__PURE__ */ _(I, { children: [
+    /* @__PURE__ */ o(
+      "img",
+      {
+        "data-testid": e,
+        className: c,
+        src: r,
+        alt: p,
+        loading: i,
+        onLoad: l
+      }
+    ),
+    !n && /* @__PURE__ */ o(L, { className: g })
+  ] });
+}, t = "purpur-radio-card-group__item", $ = (r, { disabled: p }) => typeof r == "function" ? r({ disabled: p }) : r, N = v(
+  ({ title: r, ...p }, n) => {
+    const { ["data-testid"]: i, body: e, children: u, disabled: s, id: l, image: c, value: g } = p, d = { ...p };
+    return /* @__PURE__ */ _("div", { className: a(`${t}-container`), ref: n, children: [
+      /* @__PURE__ */ _(
+        E,
+        {
+          className: a(t),
+          "data-testid": i,
+          disabled: s,
+          id: l,
+          value: g,
+          children: [
+            c && /* @__PURE__ */ o("span", { className: a(`${t}-image-container`), children: j(c) ? /* @__PURE__ */ o(k, { ...c, "data-testid": i && `${i}-image` }) : $(c, d) }),
+            /* @__PURE__ */ _("span", { className: a(`${t}-content`), children: [
+              /* @__PURE__ */ _("span", { className: a(`${t}-top-container`), children: [
+                typeof r == "string" ? /* @__PURE__ */ o(
+                  R,
+                  {
+                    className: a(`${t}-title`),
+                    "data-testid": i && `${i}-title`,
+                    variant: "paragraph-100",
+                    disabled: s,
+                    children: r
+                  }
+                ) : $(r, d),
+                /* @__PURE__ */ o("span", { className: a(`${t}-radio`), children: /* @__PURE__ */ o(S, { className: a(`${t}-indicator`) }) })
+              ] }),
+              e && /* @__PURE__ */ o("span", { className: a(`${t}-bottom-container`), children: typeof e == "string" ? /* @__PURE__ */ o(
+                R,
+                {
+                  "data-testid": i && `${i}-body`,
+                  variant: "paragraph-100",
+                  disabled: s,
+                  children: e
+                }
+              ) : $(e, d) })
+            ] })
+          ]
+        }
+      ),
+      u
+    ] });
+  }
+);
+N.displayName = "RadioCardItem";
+const q = (r) => A(r) && r?.type === N, K = ["horizontal", "vertical"], M = ["right", "left"], h = "purpur-radio-card-group", w = v(
+  ({
+    "data-testid": r,
+    "aria-labelledby": p,
+    children: n,
+    className: i,
+    items: e,
+    heading: u,
+    headingTag: s = "h2",
+    loop: l = !0,
+    orientation: c = "vertical",
+    radioPosition: g = "right",
+    ...d
+  }, y) => {
+    const b = C.toArray(n).filter(q);
+    return /* @__PURE__ */ _("div", { className: a(i, `${h}__container`), ref: y, children: [
+      u && /* @__PURE__ */ _(
+        z,
+        {
+          "data-testid": r ? `${r}-heading` : void 0,
+          id: `${d.id}-heading`,
+          tag: s,
+          variant: "subsection-100",
+          children: [
+            d.required && /* @__PURE__ */ o("span", { "aria-hidden": !0, children: "* " }),
+            u
+          ]
+        }
+      ),
+      (!!e?.length || b.length) && /* @__PURE__ */ _(
+        D,
+        {
+          ...d,
+          "aria-labelledby": p || (u ? `${d.id}-heading` : void 0),
+          className: a(
+            h,
+            `${h}--${c}`,
+            `${h}--radio-${g}`
+          ),
+          "data-testid": r,
+          loop: l,
+          children: [
+            e?.map((m) => /* @__PURE__ */ o(
+              N,
+              {
+                ...m,
+                disabled: m.disabled || d.disabled,
+                "data-testid": r ? `${r}-item` : void 0
+              },
+              m.id
+            )),
+            C.map(
+              b,
+              (m) => x(m, { disabled: m.props.disabled || d.disabled })
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+w.displayName = "RadioCardGroup";
+export {
+  K as R,
+  M as a,
+  w as b,
+  N as c
+};
+//# sourceMappingURL=radio-card-group-DkaMcmen.mjs.map

package/dist/radio-card-group-DkaMcmen.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-card-group-DkaMcmen.mjs","sources":["../../../components/radio-card-group/src/classnames.ts","../../../components/radio-card-group/src/radio-card-item-image.tsx","../../../components/radio-card-group/src/radio-card-item.tsx","../../../components/radio-card-group/src/radio-card-group.tsx"],"sourcesContent":["import c from \"classnames/bind\";\n\nimport styles from \"./radio-card-group.module.scss\";\nexport const cx = c.bind(styles);\n","import React from \"react\";\nimport { useState } from \"react\";\nimport { Skeleton } from \"@purpur/skeleton\";\n\nimport { cx } from \"./classnames\";\n\nexport type RadioCardImageProps = {\n  [\"data-testid\"]?: string;\n  altText: string;\n  loading?: \"lazy\" | \"eager\";\n  noPlaceholder?: boolean;\n  src: string;\n};\n\nconst rootClassName = \"purpur-radio-card-group__item-image\";\n\nexport const isRadioCardItemImageProps = (\n  imageProps?: RadioCardImageProps | unknown\n): imageProps is RadioCardImageProps =>\n  !!(imageProps as RadioCardImageProps)?.src && !!(imageProps as RadioCardImageProps).altText;\n\nexport const RadioCardImage = ({\n  src,\n  altText,\n  noPlaceholder,\n  loading = \"lazy\",\n  [\"data-testid\"]: dataTestid,\n}: RadioCardImageProps) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n  const onLoad = () => setIsLoaded(true);\n\n  const imageClassName = cx(rootClassName, {\n    [`${rootClassName}--loaded`]: isLoaded,\n  });\n\n  const placeholderClassName = cx(`${rootClassName}-placeholder`, {\n    [`${rootClassName}-placeholder--loaded`]: isLoaded,\n  });\n\n  return (\n    <>\n      <img\n        data-testid={dataTestid}\n        className={imageClassName}\n        src={src}\n        alt={altText}\n        loading={loading}\n        onLoad={onLoad}\n      />\n      {!noPlaceholder && <Skeleton className={placeholderClassName} />}\n    </>\n  );\n};\n","import React, { forwardRef, isValidElement, type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as RadixRadioGroup from \"@radix-ui/react-radio-group\";\n\nimport { cx } from \"./classnames\";\nimport {\n  isRadioCardItemImageProps,\n  RadioCardImage,\n  type RadioCardImageProps,\n} from \"./radio-card-item-image\";\n\nconst rootClassName = \"purpur-radio-card-group__item\";\n\ntype CustomElement = ((props: { disabled?: boolean }) => ReactNode) | ReactNode;\ntype NonNullCustomElement =\n  | ((props: { disabled?: boolean }) => NonNullable<ReactNode>)\n  | NonNullable<ReactNode>;\n\nexport type RadioCardItemProps = Omit<BaseProps, \"id\" | \"title\"> & {\n  /**\n   * `string | ReactNode | (props: { disabled?: boolean }) => ReactNode`\n   */\n  body?: string | CustomElement;\n  disabled?: boolean;\n  id: string;\n  /**\n   * The radio image.\n   *\n      union = {\n        \"data-testid\"?: string | undefined;\n        altText: string;\n        loading?: \"lazy\" | \"eager\" | undefined;\n        noPlaceholder?: boolean | undefined;\n        src: string;\n      } |\n      ((props: {\n        disabled?: boolean;\n      }) => ReactNode) | React.ReactNode\n   * */\n  image?: RadioCardImageProps | CustomElement;\n  value: string;\n  /**\n   * `union = string | Omit<ReactNode, \"undefined\" | \"null\">`\n   */\n  title: string | NonNullCustomElement;\n};\n\nconst renderCustomElement = (\n  element: CustomElement | NonNullCustomElement,\n  { disabled }: Pick<RadioCardItemProps, \"disabled\">\n) => (typeof element === \"function\" ? element({ disabled }) : element);\n\nexport const RadioCardItem = forwardRef<HTMLDivElement, RadioCardItemProps>(\n  ({ title, ...propsx }, ref) => {\n    const { [\"data-testid\"]: dataTestid, body, children, disabled, id, image, value } = propsx;\n\n    const props = { title, ...propsx };\n\n    return (\n      <div className={cx(`${rootClassName}-container`)} ref={ref}>\n        <RadixRadioGroup.Item\n          className={cx(rootClassName)}\n          data-testid={dataTestid}\n          disabled={disabled}\n          id={id}\n          value={value}\n        >\n          {image && (\n            <span className={cx(`${rootClassName}-image-container`)}>\n              {isRadioCardItemImageProps(image) ? (\n                <RadioCardImage {...image} data-testid={dataTestid && `${dataTestid}-image`} />\n              ) : (\n                renderCustomElement(image, props)\n              )}\n            </span>\n          )}\n          <span className={cx(`${rootClassName}-content`)}>\n            <span className={cx(`${rootClassName}-top-container`)}>\n              {typeof title === \"string\" ? (\n                <Paragraph\n                  className={cx(`${rootClassName}-title`)}\n                  data-testid={dataTestid && `${dataTestid}-title`}\n                  variant=\"paragraph-100\"\n                  disabled={disabled}\n                >\n                  {title}\n                </Paragraph>\n              ) : (\n                renderCustomElement(title, props)\n              )}\n              <span className={cx(`${rootClassName}-radio`)}>\n                <RadixRadioGroup.Indicator className={cx(`${rootClassName}-indicator`)} />\n              </span>\n            </span>\n            {body && (\n              <span className={cx(`${rootClassName}-bottom-container`)}>\n                {typeof body === \"string\" ? (\n                  <Paragraph\n                    data-testid={dataTestid && `${dataTestid}-body`}\n                    variant=\"paragraph-100\"\n                    disabled={disabled}\n                  >\n                    {body}\n                  </Paragraph>\n                ) : (\n                  renderCustomElement(body, props)\n                )}\n              </span>\n            )}\n          </span>\n        </RadixRadioGroup.Item>\n        {children}\n      </div>\n    );\n  }\n);\n\nRadioCardItem.displayName = \"RadioCardItem\";\n\nexport const isRadioCardItem = (child?: ReactNode): child is ReactElement<RadioCardItemProps> =>\n  isValidElement<RadioCardItemProps>(child) && child?.type === RadioCardItem;\n","import React, { Children, cloneElement, forwardRef, type ReactNode, type Ref } from \"react\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport * as RadixRadioGroup from \"@radix-ui/react-radio-group\";\n\nimport { cx } from \"./classnames\";\nimport { isRadioCardItem, RadioCardItem, type RadioCardItemProps } from \"./radio-card-item\";\n\nexport type RadioCardGroupItem = RadioCardItemProps & { ref?: Ref<HTMLDivElement> };\nexport const RADIO_CARD_GROUP_ORIENTATION = [\"horizontal\", \"vertical\"] as const;\nexport const RADIO_POSITION = [\"right\", \"left\"] as const;\n\ntype StylingProps = Pick<React.HTMLAttributes<HTMLElement>, \"className\" | \"style\">;\n\nexport type RadioCardGroupProps = StylingProps & {\n  /**\n   * To use when no heading is given.\n   * */\n  [\"aria-label\"]?: string;\n  /**\n   * To use with custom label.\n   * */\n  [\"aria-labelledby\"]?: string;\n  [\"data-testid\"]?: string;\n  /**\n   * The value of the radio card item that should be checked when initially rendered. Use when you do not need to control the state of the radio items.\n   * */\n  defaultValue?: string;\n  /**\n   * When true, prevents the user from interacting with radio card items.\n   * */\n  disabled?: boolean;\n  /**\n   * ID of the radio card group container.\n   * */\n  id: string;\n  /**\n   * The radio card items.\n   * */\n  items?: RadioCardGroupItem[];\n  /**\n   * Renders above the radio card group as a heading\n   * */\n  heading?: string;\n  /**\n   * Changes heading level for heading.\n   */\n  headingTag?: HeadingTagType;\n  /**\n   * When true, keyboard navigation will loop from last item to first, and vice versa.\n   * */\n  loop?: boolean;\n  /**\n   * The name of the group. Submitted with its owning form as part of a name/value pair.\n   * */\n  name?: string;\n  /**\n   * Event handler called when the value changes.\n   * */\n  onValueChange?: (value: string) => void;\n  /**\n   * Set to stack cards horizontally or vertically. When `horizontal`, the min card width with is 100% when container is sm, and `--purpur-breakpoint-lg` / 4 when the container is md or larger.\n   * */\n  orientation?: (typeof RADIO_CARD_GROUP_ORIENTATION)[number];\n  /**\n   * The position if the radio in the card items.\n   * */\n  radioPosition?: (typeof RADIO_POSITION)[number];\n  /**\n   * When true, indicates that the user must check a radio card item before the owning form can be submitted.\n   * */\n  required?: boolean;\n  /**\n   * The controlled value of the radio card item to check. Should be used in conjunction with onValueChange.\n   * */\n  value?: string;\n  /**\n   * Will only render given RadioCardItems.\n   * */\n  children?: ReactNode;\n};\n\nconst rootClassName = \"purpur-radio-card-group\";\n\nexport const RadioCardGroup = forwardRef<HTMLDivElement, RadioCardGroupProps>(\n  (\n    {\n      \"data-testid\": dataTestId,\n      \"aria-labelledby\": ariaLabelledby,\n      children,\n      className,\n      items,\n      heading,\n      headingTag = \"h2\",\n      loop = true,\n      orientation = \"vertical\",\n      radioPosition = \"right\",\n      ...props\n    },\n    ref\n  ) => {\n    const radioCardItemChildren = Children.toArray(children).filter(isRadioCardItem);\n\n    return (\n      <div className={cx(className, `${rootClassName}__container`)} ref={ref}>\n        {heading && (\n          <Heading\n            data-testid={dataTestId ? `${dataTestId}-heading` : undefined}\n            id={`${props.id}-heading`}\n            tag={headingTag}\n            variant=\"subsection-100\"\n          >\n            {props.required && <span aria-hidden>{\"* \"}</span>}\n            {heading}\n          </Heading>\n        )}\n        {(!!items?.length || radioCardItemChildren.length) && (\n          <RadixRadioGroup.Root\n            {...props}\n            aria-labelledby={ariaLabelledby || (heading ? `${props.id}-heading` : undefined)}\n            className={cx(\n              rootClassName,\n              `${rootClassName}--${orientation}`,\n              `${rootClassName}--radio-${radioPosition}`\n            )}\n            data-testid={dataTestId}\n            loop={loop}\n          >\n            {items?.map((item) => (\n              <RadioCardItem\n                key={item.id}\n                {...item}\n                disabled={item.disabled || props.disabled}\n                data-testid={dataTestId ? `${dataTestId}-item` : undefined}\n              />\n            ))}\n            {Children.map(radioCardItemChildren, (child) =>\n              cloneElement(child, { disabled: child.props.disabled || props.disabled })\n            )}\n          </RadixRadioGroup.Root>\n        )}\n      </div>\n    );\n  }\n);\n\nRadioCardGroup.displayName = \"RadioCardGroup\";\n\n// RadioCardItem must be exported after `RadioCardGroup` for the Storybook controls to be generated from RadioCardGroup props\nexport type { RadioCardItemProps } from \"./radio-card-item\";\nexport { RadioCardItem } from \"./radio-card-item\";\n"],"names":["cx","c","styles","rootClassName","isRadioCardItemImageProps","imageProps","RadioCardImage","src","altText","noPlaceholder","loading","dataTestid","isLoaded","setIsLoaded","useState","onLoad","imageClassName","placeholderClassName","jsxs","Fragment","jsx","Skeleton","renderCustomElement","element","disabled","RadioCardItem","forwardRef","title","propsx","ref","body","children","id","image","value","props","RadixRadioGroup.Item","Paragraph","RadixRadioGroup.Indicator","isRadioCardItem","child","isValidElement","RADIO_CARD_GROUP_ORIENTATION","RADIO_POSITION","RadioCardGroup","dataTestId","ariaLabelledby","className","items","heading","headingTag","loop","orientation","radioPosition","radioCardItemChildren","Children","Heading","RadixRadioGroup.Root","item","cloneElement"],"mappings":"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"}

package/dist/radio-card-group.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./radio-card-group-BT5pV3tA.js");exports.RADIO_CARD_GROUP_ORIENTATION=r.RADIO_CARD_GROUP_ORIENTATION;exports.RADIO_POSITION=r.RADIO_POSITION;exports.RadioCardGroup=r.RadioCardGroup;exports.RadioCardItem=r.RadioCardItem;
+//# sourceMappingURL=radio-card-group.cjs.js.map

package/dist/radio-card-group.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-card-group.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/radio-card-group.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/radio-card-group';
+//# sourceMappingURL=radio-card-group.d.ts.map

package/dist/radio-card-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-card-group.d.ts","sourceRoot":"","sources":["../src/radio-card-group.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,0BAA0B,CAAC"}

package/dist/radio-card-group.es.js

@@ -0,0 +1,8 @@
+import { R as I, a as O, b as o, c as r } from "./radio-card-group-DkaMcmen.mjs";
+export {
+  I as RADIO_CARD_GROUP_ORIENTATION,
+  O as RADIO_POSITION,
+  o as RadioCardGroup,
+  r as RadioCardItem
+};
+//# sourceMappingURL=radio-card-group.es.js.map

package/dist/radio-card-group.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-card-group.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/rich-text.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./RichText-DMyGiMN0.js");exports.RichText=e.RichText;exports.richToPlainText=e.richToPlainText;
+//# sourceMappingURL=rich-text.cjs.js.map

package/dist/rich-text.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/rich-text.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/rich-text';
+//# sourceMappingURL=rich-text.d.ts.map

package/dist/rich-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text.d.ts","sourceRoot":"","sources":["../src/rich-text.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,mBAAmB,CAAC"}

package/dist/rich-text.es.js

@@ -0,0 +1,6 @@
+import { R as e, r as i } from "./RichText-DRacgpis.mjs";
+export {
+  e as RichText,
+  i as richToPlainText
+};
+//# sourceMappingURL=rich-text.es.js.map

package/dist/rich-text.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/scss/heading.mixins.scss

@@ -0,0 +1,111 @@
+@mixin purpur-subsection-100() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-medium);
+  font-size: var(--purpur-typography-scale-100);
+  line-height: var(--purpur-typography-line-height-default);
+}
+
+@mixin purpur-title-100() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-bold);
+  font-size: clamp(var(--purpur-typography-scale-150), 3cqw, var(--purpur-typography-scale-200));
+  line-height: var(--purpur-typography-line-height-default);
+}
+
+@mixin purpur-title-200() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-bold);
+  font-size: clamp(var(--purpur-typography-scale-200), 3cqw, var(--purpur-typography-scale-400));
+  line-height: var(--purpur-typography-line-height-default);
+}
+
+@mixin purpur-title-300() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-bold);
+  font-size: clamp(var(--purpur-typography-scale-400), 3cqw, var(--purpur-typography-scale-600));
+  line-height: var(--purpur-typography-line-height-default);
+}
+
+@mixin purpur-title-400() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-bold);
+  font-size: clamp(var(--purpur-typography-scale-500), 3cqw, var(--purpur-typography-scale-700));
+  line-height: var(--purpur-typography-line-height-default);
+}
+
+@mixin purpur-title-500() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-bold);
+  font-size: clamp(var(--purpur-typography-scale-500), 3cqw, var(--purpur-typography-scale-800));
+  line-height: var(--purpur-typography-line-height-snug);
+}
+
+@mixin purpur-title-600() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-bold);
+  font-size: clamp(var(--purpur-typography-scale-650), 3cqw, var(--purpur-typography-scale-850));
+  line-height: var(--purpur-typography-line-height-snug);
+}
+
+@mixin purpur-title-700() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-bold);
+  font-size: clamp(var(--purpur-typography-scale-700), 3cqw, var(--purpur-typography-scale-900));
+  line-height: var(--purpur-typography-line-height-snug);
+}
+
+@mixin purpur-display-5() {
+  font-family: var(--purpur-typography-family-display);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: clamp(var(--purpur-typography-scale-150), 3cqw, var(--purpur-typography-scale-200));
+  line-height: var(--purpur-typography-line-height-snug);
+}
+
+@mixin purpur-display-10() {
+  font-family: var(--purpur-typography-family-display);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: clamp(var(--purpur-typography-scale-200), 3cqw, var(--purpur-typography-scale-400));
+  line-height: var(--purpur-typography-line-height-snug);
+}
+
+@mixin purpur-display-15() {
+  font-family: var(--purpur-typography-family-display);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: clamp(var(--purpur-typography-scale-400), 3cqw, var(--purpur-typography-scale-600));
+  line-height: var(--purpur-typography-line-height-snug);
+}
+
+@mixin purpur-display-20() {
+  font-family: var(--purpur-typography-family-display);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: clamp(var(--purpur-typography-scale-500), 3cqw, var(--purpur-typography-scale-700));
+  line-height: var(--purpur-typography-line-height-snug);
+}
+
+@mixin purpur-display-25() {
+  font-family: var(--purpur-typography-family-display);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: clamp(var(--purpur-typography-scale-600), 3cqw, var(--purpur-typography-scale-800));
+  line-height: var(--purpur-typography-line-height-snug);
+}
+
+@mixin purpur-display-50() {
+  font-family: var(--purpur-typography-family-display);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: clamp(var(--purpur-typography-scale-650), 3cqw, var(--purpur-typography-scale-850));
+  line-height: var(--purpur-typography-line-height-snug);
+}
+
+@mixin purpur-display-100() {
+  font-family: var(--purpur-typography-family-display);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: clamp(var(--purpur-typography-scale-700), 3cqw, var(--purpur-typography-scale-900));
+  line-height: var(--purpur-typography-line-height-snug);
+}
+
+@mixin purpur-display-200() {
+  font-family: var(--purpur-typography-family-display);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: clamp(var(--purpur-typography-scale-800), 3cqw, var(--purpur-typography-scale-1000));
+  line-height: var(--purpur-typography-line-height-snug);
+}

package/dist/scss/paragraph.mixins.scss

@@ -0,0 +1,72 @@
+@mixin purpur-paragraph-100() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: var(--purpur-typography-scale-100);
+  line-height: var(--purpur-typography-line-height-loose);
+}
+
+@mixin purpur-paragraph-100-medium() {
+  @include purpur-paragraph-100;
+  font-weight: var(--purpur-typography-weight-medium);
+}
+
+@mixin purpur-paragraph-100-bold() {
+  @include purpur-paragraph-100;
+  font-weight: var(--purpur-typography-weight-bold);
+}
+
+@mixin purpur-paragraph-200() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: var(--purpur-typography-scale-100);
+  line-height: var(--purpur-typography-line-height-looser);
+}
+
+@mixin purpur-preamble-100() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: var(--purpur-typography-scale-200);
+  line-height: var(--purpur-typography-line-height-loose);
+}
+
+@mixin purpur-preamble-200() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: clamp(var(--purpur-typography-scale-150), 3cqw, var(--purpur-typography-scale-400));
+  line-height: var(--purpur-typography-line-height-loose);
+}
+
+@mixin purpur-additional-100() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-normal);
+  font-size: var(--purpur-typography-scale-75);
+  line-height: var(--purpur-typography-line-height-loose);
+}
+
+@mixin purpur-additional-100-medium() {
+  @include purpur-additional-100;
+  font-weight: var(--purpur-typography-weight-medium);
+}
+
+@mixin purpur-additional-100-bold() {
+  @include purpur-additional-100;
+  font-weight: var(--purpur-typography-weight-bold);
+}
+
+@mixin purpur-overline-100() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-medium);
+  font-size: var(--purpur-typography-scale-75);
+  letter-spacing: var(--purpur-spacing-10);
+  line-height: var(--purpur-typography-line-height-tight);
+  text-transform: uppercase;
+}
+
+@mixin purpur-overline-200() {
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-medium);
+  font-size: clamp(var(--purpur-typography-scale-75), 3cqw, var(--purpur-typography-scale-100));
+  letter-spacing: var(--purpur-spacing-10);
+  line-height: var(--purpur-typography-line-height-tight);
+  text-transform: uppercase;
+}

package/dist/search-field-CxX4BBcg.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),j=require("react"),_=require("./search.es-Cg2amJSR.js"),k=require("./text-field-B8a-NKm4.js"),f=require("./bind-DeUYJ6m9.js"),d=require("./button-ChYUPi2k.js"),v={"purpur-search-field":"_purpur-search-field_uhpkq_1","purpur-search-field--has-clear-button":"_purpur-search-field--has-clear-button_uhpkq_4","purpur-search-field--no-gap":"_purpur-search-field--no-gap_uhpkq_13","purpur-search-field__wrapper":"_purpur-search-field__wrapper_uhpkq_17","purpur-search-field__wrapper--gap":"_purpur-search-field__wrapper--gap_uhpkq_20","purpur-search-field__search-icon":"_purpur-search-field__search-icon_uhpkq_24","purpur-search-field__close-icon":"_purpur-search-field__close-icon_uhpkq_24"},N={"purpur-search-field-button":"_purpur-search-field-button_c16yo_1","purpur-search-field-button--icon-only":"_purpur-search-field-button--icon-only_c16yo_1"},w=f.c.bind(N),h="purpur-search-field-button",z=({["data-testid"]:s,disabled:i,iconOnly:c,label:r})=>{const a={className:w(h,{[`${h}--icon-only`]:c}),disabled:i,"data-testid":s};return c?e.jsx(d.Button,{...a,"aria-label":r,iconOnly:!0,size:"sm",type:"submit",variant:"primary",children:e.jsx(_.s,{size:"xs"})}):e.jsx(d.Button,{...a,size:"sm",type:"submit",variant:"primary",children:r})},S=["button-attached","no-button"],l=f.c.bind(v),u="purpur-search-field",b=j.forwardRef(({["data-testid"]:s,className:i,clearButtonAriaLabel:c,disabled:r,iconOnlySearchButton:a,onClear:m,onSearch:x,searchButtonLabel:y,variant:o,formRef:q,...t},$)=>{const p=n=>s?`${s}-${n}`:void 0,F=(typeof t.value=="number"?t.value!==void 0:t.value?.length)&&!r&&!t.readOnly&&!t.loading,g=l(i,u,{[`${u}--no-gap`]:o==="button-attached",[`${u}--has-clear-button`]:F});return e.jsx("form",{ref:q,className:l(`${u}__wrapper`),"data-testid":s,onSubmit:n=>{n.preventDefault(),x?.(n)},children:e.jsx(k.TextField,{ref:$,className:g,clearButtonAriaLabel:c,disabled:r,onClear:m,startAdornment:a?null:e.jsx(_.s,{size:"xs",className:l(`${u}__search-icon`)},"1"),afterField:o!=="no-button"?e.jsx(z,{disabled:r,iconOnly:a,label:y,"data-testid":p("button")}):null,"data-testid":p("text-field"),type:"search",...t})})});b.displayName="SearchField";exports.SearchField=b;exports.searchFieldVariants=S;
+//# sourceMappingURL=search-field-CxX4BBcg.js.map

package/dist/search-field-CxX4BBcg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field-CxX4BBcg.js","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field-button.module.scss\";\n\ntype Props = {\n  [\"data-testid\"]?: string;\n  disabled?: boolean;\n  iconOnly?: boolean;\n  label: string;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field-button\";\n\nexport const SearchFieldButton = ({\n  [\"data-testid\"]: dataTestid,\n  disabled,\n  iconOnly,\n  label,\n}: Props) => {\n  const props = {\n    className: cx(rootClassName, {\n      [`${rootClassName}--icon-only`]: iconOnly,\n    }),\n    disabled,\n    [\"data-testid\"]: dataTestid,\n  };\n\n  if (iconOnly) {\n    return (\n      <Button {...props} aria-label={label} iconOnly size=\"sm\" type=\"submit\" variant=\"primary\">\n        <IconSearch size=\"xs\" />\n      </Button>\n    );\n  }\n\n  return (\n    <Button {...props} size=\"sm\" type=\"submit\" variant=\"primary\">\n      {label}\n    </Button>\n  );\n};\n","import React, { type ChangeEvent, type FormEvent, forwardRef, type RefObject } from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport { SearchFieldButton } from \"./search-field-button\";\n\nexport const searchFieldVariants = [\"button-attached\", \"no-button\"] as const;\n\ntype Variant = (typeof searchFieldVariants)[number];\n\ntype DefaultProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * An accessible label for the clear button.\n   * */\n  clearButtonAriaLabel: string;\n  /**\n   * Disables both the input field and submit button if `true`.\n   * */\n  disabled?: boolean;\n  /**\n   * Will display only a search icon in the search button if `true`.\n   * */\n  iconOnlySearchButton?: boolean;\n  /**\n   * Event handler called when the value of the search field changes.\n   * */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Event handler called when the clear button is clicked.\n   * */\n  onClear: () => void;\n  /**\n   * Event handler called when the search form is submitted.\n   * */\n  onSearch?: (e: FormEvent<HTMLFormElement>) => void;\n  /**\n   * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.\n   * */\n  searchButtonLabel?: string;\n  variant: Variant;\n  formRef?: RefObject<HTMLFormElement>;\n};\n\ntype TextSearchButton = {\n  iconOnlySearchButton?: false;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype IconOnlySearchButton = {\n  iconOnlySearchButton: true;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype NoButton = {\n  searchButtonLabel?: never;\n  variant: \"no-button\";\n};\n\nexport type SearchFieldProps = DefaultProps &\n  (TextSearchButton | IconOnlySearchButton | NoButton) &\n  Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\">;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      disabled,\n      iconOnlySearchButton,\n      onClear,\n      onSearch,\n      searchButtonLabel,\n      variant,\n      formRef,\n      ...props\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const hasValue =\n      typeof props.value === \"number\" ? props.value !== undefined : props.value?.length;\n    const hasClearButton = hasValue && !disabled && !props.readOnly && !props.loading;\n\n    const classes = cx(className, rootClassName, {\n      [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n      [`${rootClassName}--has-clear-button`]: hasClearButton,\n    });\n\n    return (\n      <form\n        ref={formRef}\n        className={cx(`${rootClassName}__wrapper`)}\n        data-testid={dataTestId}\n        onSubmit={(e: FormEvent<HTMLFormElement>) => {\n          e.preventDefault();\n          onSearch?.(e);\n        }}\n      >\n        <TextField\n          ref={ref}\n          className={classes}\n          clearButtonAriaLabel={clearButtonAriaLabel}\n          disabled={disabled}\n          onClear={onClear}\n          startAdornment={\n            !iconOnlySearchButton ? (\n              <IconSearch size=\"xs\" className={cx(`${rootClassName}__search-icon`)} key=\"1\" />\n            ) : null\n          }\n          afterField={\n            variant !== \"no-button\" ? (\n              <SearchFieldButton\n                disabled={disabled}\n                iconOnly={iconOnlySearchButton}\n                label={searchButtonLabel}\n                data-testid={getTestId(\"button\")}\n              />\n            ) : null\n          }\n          data-testid={getTestId(\"text-field\")}\n          type=\"search\"\n          {...props}\n        />\n      </form>\n    );\n  }\n);\n\nSearchField.displayName = \"SearchField\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","label","props","Button","IconSearch","jsx","searchFieldVariants","SearchField","forwardRef","dataTestId","className","clearButtonAriaLabel","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","ref","getTestId","name","hasClearButton","classes","e","TextField"],"mappings":"k4BAcMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,6BAETC,EAAoB,CAAC,CAChC,CAAC,eAAgBC,EACjB,SAAAC,EACA,SAAAC,EACA,MAAAC,CACF,IAAa,CACX,MAAMC,EAAQ,CACZ,UAAWT,EAAGG,EAAe,CAC3B,CAAC,GAAGA,CAAa,aAAa,EAAGI,CAAA,CAClC,EACD,SAAAD,EACC,cAAgBD,CAAA,EAGnB,OAAIE,QAECG,SAAA,CAAQ,GAAGD,EAAO,aAAYD,EAAO,SAAQ,GAAC,KAAK,KAAK,KAAK,SAAS,QAAQ,UAC7E,eAACG,EAAAA,EAAA,CAAW,KAAK,KAAK,EACxB,EAKFC,EAAAA,IAACF,EAAAA,OAAA,CAAQ,GAAGD,EAAO,KAAK,KAAK,KAAK,SAAS,QAAQ,UAChD,SAAAD,CAAA,CACH,CAEJ,ECpCaK,EAAsB,CAAC,kBAAmB,WAAW,EA2D5Db,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,sBAETW,EAAcC,EAAAA,WACzB,CACE,CACE,CAAC,eAAgBC,EACjB,UAAAC,EACA,qBAAAC,EACA,SAAAZ,EACA,qBAAAa,EACA,QAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGf,CAAA,EAELgB,IACG,CACH,MAAMC,EAAaC,GAAkBX,EAAa,GAAGA,CAAU,IAAIW,CAAI,GAAK,OAGtEC,GADJ,OAAOnB,EAAM,OAAU,SAAWA,EAAM,QAAU,OAAYA,EAAM,OAAO,SAC1C,CAACH,GAAY,CAACG,EAAM,UAAY,CAACA,EAAM,QAEpEoB,EAAU7B,EAAGiB,EAAWd,EAAe,CAC3C,CAAC,GAAGA,CAAa,UAAU,EAAGoB,IAAY,kBAC1C,CAAC,GAAGpB,CAAa,oBAAoB,EAAGyB,CAAA,CACzC,EAED,OACEhB,EAAAA,IAAC,OAAA,CACC,IAAKY,EACL,UAAWxB,EAAG,GAAGG,CAAa,WAAW,EACzC,cAAaa,EACb,SAAWc,GAAkC,CAC3CA,EAAE,eAAA,EACFT,IAAWS,CAAC,CACd,EAEA,SAAAlB,EAAAA,IAACmB,EAAAA,UAAA,CACC,IAAAN,EACA,UAAWI,EACX,qBAAAX,EACA,SAAAZ,EACA,QAAAc,EACA,eACGD,EAEG,KADFP,EAAAA,IAACD,EAAAA,GAAW,KAAK,KAAK,UAAWX,EAAG,GAAGG,CAAa,eAAe,CAAA,EAAO,GAAI,EAGlF,WACEoB,IAAY,YACVX,EAAAA,IAACR,EAAA,CACC,SAAAE,EACA,SAAUa,EACV,MAAOG,EACP,cAAaI,EAAU,QAAQ,CAAA,CAAA,EAE/B,KAEN,cAAaA,EAAU,YAAY,EACnC,KAAK,SACJ,GAAGjB,CAAA,CAAA,CACN,CAAA,CAGN,CACF,EAEAK,EAAY,YAAc"}

package/dist/search-field-DH0xeW_J.mjs

@@ -0,0 +1,91 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as q } from "react";
+import { s as h } from "./search.es-DoFKg2Hr.mjs";
+import { T as v } from "./text-field-PKAaXO1N.mjs";
+import { c as f } from "./bind-CU-R61T-.mjs";
+import { c as _ } from "./button-DBX_tvfJ.mjs";
+const N = {
+  "purpur-search-field": "_purpur-search-field_uhpkq_1",
+  "purpur-search-field--has-clear-button": "_purpur-search-field--has-clear-button_uhpkq_4",
+  "purpur-search-field--no-gap": "_purpur-search-field--no-gap_uhpkq_13",
+  "purpur-search-field__wrapper": "_purpur-search-field__wrapper_uhpkq_17",
+  "purpur-search-field__wrapper--gap": "_purpur-search-field__wrapper--gap_uhpkq_20",
+  "purpur-search-field__search-icon": "_purpur-search-field__search-icon_uhpkq_24",
+  "purpur-search-field__close-icon": "_purpur-search-field__close-icon_uhpkq_24"
+}, w = {
+  "purpur-search-field-button": "_purpur-search-field-button_c16yo_1",
+  "purpur-search-field-button--icon-only": "_purpur-search-field-button--icon-only_c16yo_1"
+}, F = f.bind(w), d = "purpur-search-field-button", z = ({
+  ["data-testid"]: a,
+  disabled: p,
+  iconOnly: c,
+  label: e
+}) => {
+  const s = {
+    className: F(d, {
+      [`${d}--icon-only`]: c
+    }),
+    disabled: p,
+    "data-testid": a
+  };
+  return c ? /* @__PURE__ */ r(_, { ...s, "aria-label": e, iconOnly: !0, size: "sm", type: "submit", variant: "primary", children: /* @__PURE__ */ r(h, { size: "xs" }) }) : /* @__PURE__ */ r(_, { ...s, size: "sm", type: "submit", variant: "primary", children: e });
+}, R = ["button-attached", "no-button"], i = f.bind(N), u = "purpur-search-field", S = q(
+  ({
+    ["data-testid"]: a,
+    className: p,
+    clearButtonAriaLabel: c,
+    disabled: e,
+    iconOnlySearchButton: s,
+    onClear: m,
+    onSearch: b,
+    searchButtonLabel: y,
+    variant: n,
+    formRef: $,
+    ...t
+  }, g) => {
+    const l = (o) => a ? `${a}-${o}` : void 0, x = (typeof t.value == "number" ? t.value !== void 0 : t.value?.length) && !e && !t.readOnly && !t.loading, k = i(p, u, {
+      [`${u}--no-gap`]: n === "button-attached",
+      [`${u}--has-clear-button`]: x
+    });
+    return /* @__PURE__ */ r(
+      "form",
+      {
+        ref: $,
+        className: i(`${u}__wrapper`),
+        "data-testid": a,
+        onSubmit: (o) => {
+          o.preventDefault(), b?.(o);
+        },
+        children: /* @__PURE__ */ r(
+          v,
+          {
+            ref: g,
+            className: k,
+            clearButtonAriaLabel: c,
+            disabled: e,
+            onClear: m,
+            startAdornment: s ? null : /* @__PURE__ */ r(h, { size: "xs", className: i(`${u}__search-icon`) }, "1"),
+            afterField: n !== "no-button" ? /* @__PURE__ */ r(
+              z,
+              {
+                disabled: e,
+                iconOnly: s,
+                label: y,
+                "data-testid": l("button")
+              }
+            ) : null,
+            "data-testid": l("text-field"),
+            type: "search",
+            ...t
+          }
+        )
+      }
+    );
+  }
+);
+S.displayName = "SearchField";
+export {
+  S,
+  R as s
+};
+//# sourceMappingURL=search-field-DH0xeW_J.mjs.map

package/dist/search-field-DH0xeW_J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field-DH0xeW_J.mjs","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field-button.module.scss\";\n\ntype Props = {\n  [\"data-testid\"]?: string;\n  disabled?: boolean;\n  iconOnly?: boolean;\n  label: string;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field-button\";\n\nexport const SearchFieldButton = ({\n  [\"data-testid\"]: dataTestid,\n  disabled,\n  iconOnly,\n  label,\n}: Props) => {\n  const props = {\n    className: cx(rootClassName, {\n      [`${rootClassName}--icon-only`]: iconOnly,\n    }),\n    disabled,\n    [\"data-testid\"]: dataTestid,\n  };\n\n  if (iconOnly) {\n    return (\n      <Button {...props} aria-label={label} iconOnly size=\"sm\" type=\"submit\" variant=\"primary\">\n        <IconSearch size=\"xs\" />\n      </Button>\n    );\n  }\n\n  return (\n    <Button {...props} size=\"sm\" type=\"submit\" variant=\"primary\">\n      {label}\n    </Button>\n  );\n};\n","import React, { type ChangeEvent, type FormEvent, forwardRef, type RefObject } from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport { SearchFieldButton } from \"./search-field-button\";\n\nexport const searchFieldVariants = [\"button-attached\", \"no-button\"] as const;\n\ntype Variant = (typeof searchFieldVariants)[number];\n\ntype DefaultProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * An accessible label for the clear button.\n   * */\n  clearButtonAriaLabel: string;\n  /**\n   * Disables both the input field and submit button if `true`.\n   * */\n  disabled?: boolean;\n  /**\n   * Will display only a search icon in the search button if `true`.\n   * */\n  iconOnlySearchButton?: boolean;\n  /**\n   * Event handler called when the value of the search field changes.\n   * */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Event handler called when the clear button is clicked.\n   * */\n  onClear: () => void;\n  /**\n   * Event handler called when the search form is submitted.\n   * */\n  onSearch?: (e: FormEvent<HTMLFormElement>) => void;\n  /**\n   * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.\n   * */\n  searchButtonLabel?: string;\n  variant: Variant;\n  formRef?: RefObject<HTMLFormElement>;\n};\n\ntype TextSearchButton = {\n  iconOnlySearchButton?: false;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype IconOnlySearchButton = {\n  iconOnlySearchButton: true;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype NoButton = {\n  searchButtonLabel?: never;\n  variant: \"no-button\";\n};\n\nexport type SearchFieldProps = DefaultProps &\n  (TextSearchButton | IconOnlySearchButton | NoButton) &\n  Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\">;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      disabled,\n      iconOnlySearchButton,\n      onClear,\n      onSearch,\n      searchButtonLabel,\n      variant,\n      formRef,\n      ...props\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const hasValue =\n      typeof props.value === \"number\" ? props.value !== undefined : props.value?.length;\n    const hasClearButton = hasValue && !disabled && !props.readOnly && !props.loading;\n\n    const classes = cx(className, rootClassName, {\n      [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n      [`${rootClassName}--has-clear-button`]: hasClearButton,\n    });\n\n    return (\n      <form\n        ref={formRef}\n        className={cx(`${rootClassName}__wrapper`)}\n        data-testid={dataTestId}\n        onSubmit={(e: FormEvent<HTMLFormElement>) => {\n          e.preventDefault();\n          onSearch?.(e);\n        }}\n      >\n        <TextField\n          ref={ref}\n          className={classes}\n          clearButtonAriaLabel={clearButtonAriaLabel}\n          disabled={disabled}\n          onClear={onClear}\n          startAdornment={\n            !iconOnlySearchButton ? (\n              <IconSearch size=\"xs\" className={cx(`${rootClassName}__search-icon`)} key=\"1\" />\n            ) : null\n          }\n          afterField={\n            variant !== \"no-button\" ? (\n              <SearchFieldButton\n                disabled={disabled}\n                iconOnly={iconOnlySearchButton}\n                label={searchButtonLabel}\n                data-testid={getTestId(\"button\")}\n              />\n            ) : null\n          }\n          data-testid={getTestId(\"text-field\")}\n          type=\"search\"\n          {...props}\n        />\n      </form>\n    );\n  }\n);\n\nSearchField.displayName = \"SearchField\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","label","props","Button","IconSearch","jsx","searchFieldVariants","SearchField","forwardRef","dataTestId","className","clearButtonAriaLabel","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","ref","getTestId","name","hasClearButton","classes","e","TextField"],"mappings":";;;;;;;;;;;;;;;;;GAcMA,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,8BAETC,IAAoB,CAAC;AAAA,EAChC,CAAC,gBAAgBC;AAAA,EACjB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAa;AACX,QAAMC,IAAQ;AAAA,IACZ,WAAWT,EAAGG,GAAe;AAAA,MAC3B,CAAC,GAAGA,CAAa,aAAa,GAAGI;AAAA,IAAA,CAClC;AAAA,IACD,UAAAD;AAAA,IACC,eAAgBD;AAAA,EAAA;AAGnB,SAAIE,sBAECG,GAAA,EAAQ,GAAGD,GAAO,cAAYD,GAAO,UAAQ,IAAC,MAAK,MAAK,MAAK,UAAS,SAAQ,WAC7E,4BAACG,GAAA,EAAW,MAAK,MAAK,GACxB,IAKF,gBAAAC,EAACF,GAAA,EAAQ,GAAGD,GAAO,MAAK,MAAK,MAAK,UAAS,SAAQ,WAChD,UAAAD,EAAA,CACH;AAEJ,GCpCaK,IAAsB,CAAC,mBAAmB,WAAW,GA2D5Db,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,uBAETW,IAAcC;AAAA,EACzB,CACE;AAAA,IACE,CAAC,gBAAgBC;AAAA,IACjB,WAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,UAAAZ;AAAA,IACA,sBAAAa;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGf;AAAA,EAAA,GAELgB,MACG;AACH,UAAMC,IAAY,CAACC,MAAkBX,IAAa,GAAGA,CAAU,IAAIW,CAAI,KAAK,QAGtEC,KADJ,OAAOnB,EAAM,SAAU,WAAWA,EAAM,UAAU,SAAYA,EAAM,OAAO,WAC1C,CAACH,KAAY,CAACG,EAAM,YAAY,CAACA,EAAM,SAEpEoB,IAAU7B,EAAGiB,GAAWd,GAAe;AAAA,MAC3C,CAAC,GAAGA,CAAa,UAAU,GAAGoB,MAAY;AAAA,MAC1C,CAAC,GAAGpB,CAAa,oBAAoB,GAAGyB;AAAA,IAAA,CACzC;AAED,WACE,gBAAAhB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKY;AAAA,QACL,WAAWxB,EAAG,GAAGG,CAAa,WAAW;AAAA,QACzC,eAAaa;AAAA,QACb,UAAU,CAACc,MAAkC;AAC3C,UAAAA,EAAE,eAAA,GACFT,IAAWS,CAAC;AAAA,QACd;AAAA,QAEA,UAAA,gBAAAlB;AAAA,UAACmB;AAAA,UAAA;AAAA,YACC,KAAAN;AAAA,YACA,WAAWI;AAAA,YACX,sBAAAX;AAAA,YACA,UAAAZ;AAAA,YACA,SAAAc;AAAA,YACA,gBACGD,IAEG,OADF,gBAAAP,EAACD,KAAW,MAAK,MAAK,WAAWX,EAAG,GAAGG,CAAa,eAAe,EAAA,GAAO,GAAI;AAAA,YAGlF,YACEoB,MAAY,cACV,gBAAAX;AAAA,cAACR;AAAA,cAAA;AAAA,gBACC,UAAAE;AAAA,gBACA,UAAUa;AAAA,gBACV,OAAOG;AAAA,gBACP,eAAaI,EAAU,QAAQ;AAAA,cAAA;AAAA,YAAA,IAE/B;AAAA,YAEN,eAAaA,EAAU,YAAY;AAAA,YACnC,MAAK;AAAA,YACJ,GAAGjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAGN;AACF;AAEAK,EAAY,cAAc;"}

package/dist/search-field.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./search-field-CxX4BBcg.js");exports.SearchField=e.SearchField;exports.searchFieldVariants=e.searchFieldVariants;
+//# sourceMappingURL=search-field.cjs.js.map

package/dist/search-field.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/search-field.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/search-field';
+//# sourceMappingURL=search-field.d.ts.map

package/dist/search-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../src/search-field.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,sBAAsB,CAAC"}

package/dist/search-field.es.js

@@ -0,0 +1,6 @@
+import { S as r, s } from "./search-field-DH0xeW_J.mjs";
+export {
+  r as SearchField,
+  s as searchFieldVariants
+};
+//# sourceMappingURL=search-field.es.js.map

package/dist/search-field.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/search.es-Cg2amJSR.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),c=require("./icon-DNHpBTHs-faYHqTXU.js"),l={name:"search",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M11 3.9a7.1 7.1 0 0 0-7.1 7.105 7.096 7.096 0 0 0 7.105 7.095 7.072 7.072 0 0 0 7.095-7.095A7.1 7.1 0 0 0 11 3.9Zm-8.9 7.105C2.1 6.088 6.081 2.1 11 2.1c4.919 0 8.9 3.988 8.9 8.905 0 2.13-.742 4.09-1.991 5.624l4.228 4.235a.9.9 0 0 1-1.274 1.272l-4.226-4.233a8.875 8.875 0 0 1-5.632 1.997c-4.917 0-8.905-3.975-8.905-8.895Z" clip-rule="evenodd"/></svg>',keywords:["search"],category:"utility"},e=s=>r.jsx(c.b,{...s,svg:l});e.displayName="IconSearch";exports.s=e;
+//# sourceMappingURL=search.es-Cg2amJSR.js.map

package/dist/search.es-Cg2amJSR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.es-Cg2amJSR.js","sources":["../../../components/icon/dist/components/search.es.js"],"sourcesContent":["import { jsx as o } from \"react/jsx-runtime\";\nimport { I as r } from \"../icon-DNHpBTHs.mjs\";\nconst c = {\n  name: \"search\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M11 3.9a7.1 7.1 0 0 0-7.1 7.105 7.096 7.096 0 0 0 7.105 7.095 7.072 7.072 0 0 0 7.095-7.095A7.1 7.1 0 0 0 11 3.9Zm-8.9 7.105C2.1 6.088 6.081 2.1 11 2.1c4.919 0 8.9 3.988 8.9 8.905 0 2.13-.742 4.09-1.991 5.624l4.228 4.235a.9.9 0 0 1-1.274 1.272l-4.226-4.233a8.875 8.875 0 0 1-5.632 1.997c-4.917 0-8.905-3.975-8.905-8.895Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"search\"],\n  category: \"utility\"\n}, s = (e) => /* @__PURE__ */ o(r, { ...e, svg: c });\ns.displayName = \"IconSearch\";\nexport {\n  s as IconSearch\n};\n//# sourceMappingURL=search.es.js.map\n"],"names":["c","s","e","o","r"],"mappings":"2FAEMA,EAAI,CACR,KAAM,SACN,IAAK,6cACL,SAAU,CAAC,QAAQ,EACnB,SAAU,SACZ,EAAGC,EAAKC,GAAsBC,EAAAA,IAAEC,EAAAA,EAAG,CAAE,GAAGF,EAAG,IAAKF,CAAC,CAAE,EACnDC,EAAE,YAAc"}