@purpur/library 8.21.0

package/dist/search.es-DoFKg2Hr.mjs

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import { b as o } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
+const 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"
+}, s = (e) => /* @__PURE__ */ r(o, { ...e, svg: l });
+s.displayName = "IconSearch";
+export {
+  s
+};
+//# sourceMappingURL=search.es-DoFKg2Hr.mjs.map

package/dist/search.es-DoFKg2Hr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.es-DoFKg2Hr.mjs","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","o","r"],"mappings":";;AAEK,MAACA,IAAI;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU,CAAC,QAAQ;AAAA,EACnB,UAAU;AACZ,GAAG,IAAI,CAAC,MAAsBC,gBAAAA,EAAEC,GAAG,EAAE,GAAG,GAAG,KAAKF,EAAC,CAAE;AACnD,EAAE,cAAc;"}

package/dist/select-BEmu_fh9.mjs

@@ -0,0 +1,175 @@
+import { jsx as l, jsxs as b } from "react/jsx-runtime";
+import { forwardRef as S, useId as z } from "react";
+import { F as j } from "./field-error-text-CBSX8dGx.mjs";
+import { F as L } from "./field-helper-text-C5ee4SFV.mjs";
+import { r as h } from "./check-circle-filled.es-umBwOv5_.mjs";
+import { l as N } from "./chevron-down.es-PCIIj6oG.mjs";
+import { L as q } from "./label-7sJe5-pX.mjs";
+import { a as E } from "./spinner-DRQN6YdK.mjs";
+import { c as H } from "./bind-CU-R61T-.mjs";
+const K = {
+  "purpur-select": "_purpur-select_1gf3p_1",
+  "purpur-select__label": "_purpur-select__label_1gf3p_7",
+  "purpur-select__field-row": "_purpur-select__field-row_1gf3p_12",
+  "purpur-select__frame": "_purpur-select__frame_1gf3p_16",
+  "purpur-select__frame--negative": "_purpur-select__frame--negative_1gf3p_23",
+  "purpur-select__select-container": "_purpur-select__select-container_1gf3p_26",
+  "purpur-select__select-container--disabled": "_purpur-select__select-container--disabled_1gf3p_33",
+  "purpur-select__select": "_purpur-select__select_1gf3p_26",
+  "purpur-select__select-container--readonly": "_purpur-select__select-container--readonly_1gf3p_33",
+  "purpur-select__select-container--negative": "_purpur-select__select-container--negative_1gf3p_41",
+  "purpur-select__select--error": "_purpur-select__select--error_1gf3p_91",
+  "purpur-select__select--is-valid": "_purpur-select__select--is-valid_1gf3p_97",
+  "purpur-select__select--negative": "_purpur-select__select--negative_1gf3p_103",
+  "purpur-select__end-adornments": "_purpur-select__end-adornments_1gf3p_120",
+  "purpur-select__select-icon": "_purpur-select__select-icon_1gf3p_130",
+  "purpur-select__select-icon--readonly": "_purpur-select__select-icon--readonly_1gf3p_133",
+  "purpur-select__select-icon--disabled": "_purpur-select__select-icon--disabled_1gf3p_133",
+  "purpur-select__select-icon--negative": "_purpur-select__select-icon--negative_1gf3p_136",
+  "purpur-select__valid-icon": "_purpur-select__valid-icon_1gf3p_142"
+}, a = H.bind(K), e = "purpur-select", R = S(
+  ({
+    label: r,
+    options: n,
+    className: p,
+    errorText: s,
+    helperText: u,
+    negative: i = !1,
+    placeholder: d,
+    readOnly: c = !1,
+    ["data-testid"]: $,
+    valid: w,
+    loading: x,
+    ..._
+  }, C) => {
+    const t = (f) => $ ? `${$}-${f}` : void 0, o = w && !s, F = z(), m = _.id ?? F, v = u ? `${m}-helper-text` : void 0, I = a(`${e}__select-container`, {
+      [`${e}__select-container--disabled`]: _.disabled,
+      [`${e}__select-container--readonly`]: c && !_.disabled,
+      [`${e}__select-container--negative`]: i
+    });
+    return N, a(`${e}__select-icon`, {
+      [`${e}__select-icon--disabled`]: _.disabled,
+      [`${e}__select-icon--readonly`]: c && !_.disabled,
+      [`${e}__select-icon--is-valid`]: o,
+      [`${e}__select-icon--negative`]: i
+    }), t("dropdown-icon"), o && (h, t("valid-icon"), a(`${e}__valid-icon`)), /* @__PURE__ */ b(
+      "div",
+      {
+        className: a(e, p, {
+          [`${e}--negative`]: i
+        }),
+        children: [
+          r && /* @__PURE__ */ b(
+            q,
+            {
+              htmlFor: m,
+              className: a(`${e}__label`),
+              "data-testid": t("label"),
+              disabled: _.disabled,
+              negative: i,
+              children: [
+                _.required && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
+                r
+              ]
+            }
+          ),
+          /* @__PURE__ */ l("div", { className: a(`${e}__field-row`), children: /* @__PURE__ */ b("div", { className: I, children: [
+            /* @__PURE__ */ b(
+              "select",
+              {
+                ..._,
+                onChange: c ? void 0 : _?.onChange,
+                id: m,
+                ref: C,
+                "data-testid": t("select"),
+                "aria-describedby": _["aria-describedby"] || v,
+                "aria-invalid": _["aria-invalid"] || !!s,
+                "aria-disabled": _["aria-disabled"] || _.disabled,
+                "aria-readonly": _["aria-readonly"] || c && !_.disabled,
+                className: a(`${e}__select`, {
+                  [`${e}__select--error`]: !!s,
+                  [`${e}__select--is-valid`]: o,
+                  [`${e}__select--negative`]: i
+                }),
+                children: [
+                  d && /* @__PURE__ */ l("option", { value: d.value ?? d.label, disabled: !0, children: d.label }),
+                  n.map(
+                    (f, g) => V(f) ? k(f, m, g, c) : y(f, m, g, c)
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ b("div", { className: a(`${e}__end-adornments`), children: [
+              x ? /* @__PURE__ */ l(
+                E,
+                {
+                  disabled: _.disabled,
+                  size: "xxs",
+                  negative: i,
+                  "data-testid": t("spinner")
+                },
+                "spinner"
+              ) : /* @__PURE__ */ l(
+                N,
+                {
+                  className: a(`${e}__select-icon`, {
+                    [`${e}__select-icon--disabled`]: _.disabled,
+                    [`${e}__select-icon--readonly`]: c && !_.disabled,
+                    [`${e}__select-icon--is-valid`]: o,
+                    [`${e}__select-icon--negative`]: i
+                  }),
+                  "data-testid": t("dropdown-icon"),
+                  size: "sm"
+                },
+                "chevron-down-icon"
+              ),
+              o && /* @__PURE__ */ l(
+                h,
+                {
+                  "data-testid": t("valid-icon"),
+                  className: a(`${e}__valid-icon`)
+                },
+                "valid-icon"
+              )
+            ] }),
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: a(`${e}__frame`, {
+                  [`${e}__frame--negative`]: i
+                })
+              }
+            )
+          ] }) }),
+          v && /* @__PURE__ */ l(
+            L,
+            {
+              disabled: _.disabled,
+              "data-testid": t("helper-text"),
+              id: v,
+              negative: i,
+              children: u
+            }
+          ),
+          s && /* @__PURE__ */ l(j, { negative: i, "data-testid": t("error-text"), children: s })
+        ]
+      }
+    );
+  }
+), V = (r) => r.hasOwnProperty("options"), k = (r, n, p, s) => {
+  const u = `${n}--group--${p}`;
+  return /* @__PURE__ */ l("optgroup", { label: r.label, children: r.options.map((i, d) => y(i, u, d, s)) }, u);
+}, y = (r, n, p, s) => /* @__PURE__ */ l(
+  "option",
+  {
+    value: r.value ?? r.label,
+    disabled: s,
+    children: r.label
+  },
+  `${n}--option--${p}`
+);
+R.displayName = "Select";
+export {
+  R as S
+};
+//# sourceMappingURL=select-BEmu_fh9.mjs.map

package/dist/select-BEmu_fh9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-BEmu_fh9.mjs","sources":["../../../components/select/src/select.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./select.module.scss\";\n\nexport type SelectProps = Omit<BaseProps<\"select\">, \"multiple\" | \"children\"> & {\n  label?: string;\n  /**\n   * Options which will be available in the select input's dropdown menu.\n   *\n   * For single options:\n   *\n   * ```\n   * [\n   *   {\n   *     label: \"Option 1\",\n   *     value: \"Option 1\"\n   *   },\n   *   {\n   *     label: \"Option 2\",\n   *     value: \"Option 2\"\n   *   }\n   * ]\n   * ```\n   * For option groups:\n   *\n   * ```\n   *\n   * [\n   *   {\n   *     label: \"Option group 1\"\n   *     options: [\n   *       {\n   *         label: \"Group 1 option 1\",\n   *         value: \"group 1 option 1\"\n   *       },\n   *       {\n   *         label: \"Group 1 option 2\",\n   *         value: \"Group 1 option 2\"\n   *       }\n   *     ]\n   *   }\n   * ]\n   * ```\n   *\n   * _Note! When no value is provided for the option, the label of the option is used as a fallback._\n   */\n  options: (SelectOption | SelectOptionGroup)[];\n  /**\n   * Placeholder option for the dropdown (e.g \"Select\" / \"Choose\").\n   *\n   * Use the following format when providing a placeholder:\n   *\n   * ```\n   * {\n   *   label: \"Placeholder option\",\n   *   value: \"Placeholder value\"\n   * }\n   * ```\n   */\n  placeholder?: SelectOption;\n  readOnly?: boolean;\n  errorText?: string;\n  helperText?: string;\n  /**\n   * Use to render select with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  loading?: boolean;\n  negative?: boolean;\n};\n\nexport type SelectOption = {\n  label: string;\n  value?: string;\n};\n\nexport type SelectOptionGroup = {\n  label: string;\n  options: SelectOption[];\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-select\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      label,\n      options,\n      className,\n      errorText,\n      helperText,\n      negative = false,\n      placeholder,\n      readOnly = false,\n      [\"data-testid\"]: dataTestId,\n      valid,\n      loading,\n      ...selectProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const randomId = useId();\n    const fieldId = selectProps.id ?? randomId;\n\n    const helperTextId = helperText ? `${fieldId}-helper-text` : undefined;\n\n    const selectContainerClassnames = cx(`${rootClassName}__select-container`, {\n      [`${rootClassName}__select-container--disabled`]: selectProps.disabled,\n      [`${rootClassName}__select-container--readonly`]: readOnly && !selectProps.disabled,\n      [`${rootClassName}__select-container--negative`]: negative,\n    });\n\n    <IconChevronDown\n      className={cx(`${rootClassName}__select-icon`, {\n        [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n        [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n        [`${rootClassName}__select-icon--is-valid`]: isValid,\n        [`${rootClassName}__select-icon--negative`]: negative,\n      })}\n      data-testid={getTestId(\"dropdown-icon\")}\n      size=\"sm\"\n    />;\n    {\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`)}\n        />\n      );\n    }\n\n    return (\n      <div\n        className={cx(rootClassName, className, {\n          [`${rootClassName}--negative`]: negative,\n        })}\n      >\n        {label && (\n          <Label\n            htmlFor={fieldId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={selectProps.disabled}\n            negative={negative}\n          >\n            {selectProps.required && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          <div className={selectContainerClassnames}>\n            <select\n              {...selectProps}\n              onChange={readOnly ? undefined : selectProps?.onChange}\n              id={fieldId}\n              ref={ref}\n              data-testid={getTestId(\"select\")}\n              aria-describedby={selectProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={selectProps[\"aria-invalid\"] || !!errorText}\n              aria-disabled={selectProps[\"aria-disabled\"] || selectProps.disabled}\n              aria-readonly={selectProps[\"aria-readonly\"] || (readOnly && !selectProps.disabled)}\n              className={cx(`${rootClassName}__select`, {\n                [`${rootClassName}__select--error`]: !!errorText,\n                [`${rootClassName}__select--is-valid`]: isValid,\n                [`${rootClassName}__select--negative`]: negative,\n              })}\n            >\n              {placeholder && (\n                <option value={placeholder.value ?? placeholder.label} disabled>\n                  {placeholder.label}\n                </option>\n              )}\n              {options.map((optionOrOptionGroup, index) =>\n                isOptionGroup(optionOrOptionGroup)\n                  ? renderOptionGroup(optionOrOptionGroup, fieldId, index, readOnly)\n                  : renderOptionItem(optionOrOptionGroup, fieldId, index, readOnly)\n              )}\n            </select>\n            <div className={cx(`${rootClassName}__end-adornments`)}>\n              {loading ? (\n                <Spinner\n                  key=\"spinner\"\n                  disabled={selectProps.disabled}\n                  size=\"xxs\"\n                  negative={negative}\n                  data-testid={getTestId(\"spinner\")}\n                />\n              ) : (\n                <IconChevronDown\n                  key=\"chevron-down-icon\"\n                  className={cx(`${rootClassName}__select-icon`, {\n                    [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n                    [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n                    [`${rootClassName}__select-icon--is-valid`]: isValid,\n                    [`${rootClassName}__select-icon--negative`]: negative,\n                  })}\n                  data-testid={getTestId(\"dropdown-icon\")}\n                  size=\"sm\"\n                />\n              )}\n              {isValid && (\n                <IconCheckCircleFilled\n                  key=\"valid-icon\"\n                  data-testid={getTestId(\"valid-icon\")}\n                  className={cx(`${rootClassName}__valid-icon`)}\n                />\n              )}\n            </div>\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n          </div>\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            disabled={selectProps.disabled}\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText negative={negative} data-testid={getTestId(\"error-text\")}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nconst isOptionGroup = (option: SelectOption | SelectOptionGroup): option is SelectOptionGroup => {\n  // eslint-disable-next-line no-prototype-builtins\n  return option.hasOwnProperty(\"options\");\n};\n\nconst renderOptionGroup = (\n  optionGroup: SelectOptionGroup,\n  fieldId: string,\n  index: number,\n  disableOption: boolean\n) => {\n  const groupKey = `${fieldId}--group--${index}`;\n\n  return (\n    <optgroup key={groupKey} label={optionGroup.label}>\n      {optionGroup.options.map((option, index) => {\n        return renderOptionItem(option, groupKey, index, disableOption);\n      })}\n    </optgroup>\n  );\n};\n\nconst renderOptionItem = (option: SelectOption, key: string, index: number, disabled: boolean) => {\n  return (\n    <option\n      key={`${key}--option--${index}`}\n      value={option.value ?? option.label}\n      disabled={disabled}\n    >\n      {option.label}\n    </option>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"names":["cx","c","styles","rootClassName","Select","forwardRef","label","options","className","errorText","helperText","negative","placeholder","readOnly","dataTestId","valid","loading","selectProps","ref","getTestId","name","isValid","randomId","useId","fieldId","helperTextId","selectContainerClassnames","IconChevronDown","IconCheckCircleFilled","jsxs","Label","jsx","optionOrOptionGroup","index","isOptionGroup","renderOptionGroup","renderOptionItem","Spinner","FieldHelperText","FieldErrorText","option","optionGroup","disableOption","groupKey","key","disabled"],"mappings":"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"}

package/dist/select-DOqTJgTj.js

@@ -0,0 +1,2 @@
+"use strict";const _=require("react/jsx-runtime"),g=require("react"),F=require("./field-error-text-FhQulSV5.js"),S=require("./field-helper-text-DSKO-Tce.js"),x=require("./check-circle-filled.es-5-GXE9l4.js"),h=require("./chevron-down.es-BMjgiS3F.js"),z=require("./label-yHK80hhV.js"),R=require("./spinner-tKunS_o-.js"),E=require("./bind-DeUYJ6m9.js"),H={"purpur-select":"_purpur-select_1gf3p_1","purpur-select__label":"_purpur-select__label_1gf3p_7","purpur-select__field-row":"_purpur-select__field-row_1gf3p_12","purpur-select__frame":"_purpur-select__frame_1gf3p_16","purpur-select__frame--negative":"_purpur-select__frame--negative_1gf3p_23","purpur-select__select-container":"_purpur-select__select-container_1gf3p_26","purpur-select__select-container--disabled":"_purpur-select__select-container--disabled_1gf3p_33","purpur-select__select":"_purpur-select__select_1gf3p_26","purpur-select__select-container--readonly":"_purpur-select__select-container--readonly_1gf3p_33","purpur-select__select-container--negative":"_purpur-select__select-container--negative_1gf3p_41","purpur-select__select--error":"_purpur-select__select--error_1gf3p_91","purpur-select__select--is-valid":"_purpur-select__select--is-valid_1gf3p_97","purpur-select__select--negative":"_purpur-select__select--negative_1gf3p_103","purpur-select__end-adornments":"_purpur-select__end-adornments_1gf3p_120","purpur-select__select-icon":"_purpur-select__select-icon_1gf3p_130","purpur-select__select-icon--readonly":"_purpur-select__select-icon--readonly_1gf3p_133","purpur-select__select-icon--disabled":"_purpur-select__select-icon--disabled_1gf3p_133","purpur-select__select-icon--negative":"_purpur-select__select-icon--negative_1gf3p_136","purpur-select__valid-icon":"_purpur-select__valid-icon_1gf3p_142"},r=E.c.bind(H),e="purpur-select",j=g.forwardRef(({label:i,options:n,className:u,errorText:t,helperText:p,negative:l=!1,placeholder:d,readOnly:a=!1,["data-testid"]:$,valid:q,loading:w,...s},y)=>{const c=f=>$?`${$}-${f}`:void 0,o=q&&!t,C=g.useId(),b=s.id??C,v=p?`${b}-helper-text`:void 0,I=r(`${e}__select-container`,{[`${e}__select-container--disabled`]:s.disabled,[`${e}__select-container--readonly`]:a&&!s.disabled,[`${e}__select-container--negative`]:l});return h.l,r(`${e}__select-icon`,{[`${e}__select-icon--disabled`]:s.disabled,[`${e}__select-icon--readonly`]:a&&!s.disabled,[`${e}__select-icon--is-valid`]:o,[`${e}__select-icon--negative`]:l}),c("dropdown-icon"),o&&(x.r,c("valid-icon"),r(`${e}__valid-icon`)),_.jsxs("div",{className:r(e,u,{[`${e}--negative`]:l}),children:[i&&_.jsxs(z.Label,{htmlFor:b,className:r(`${e}__label`),"data-testid":c("label"),disabled:s.disabled,negative:l,children:[s.required&&_.jsx("span",{"aria-hidden":!0,children:"*"}),i]}),_.jsx("div",{className:r(`${e}__field-row`),children:_.jsxs("div",{className:I,children:[_.jsxs("select",{...s,onChange:a?void 0:s?.onChange,id:b,ref:y,"data-testid":c("select"),"aria-describedby":s["aria-describedby"]||v,"aria-invalid":s["aria-invalid"]||!!t,"aria-disabled":s["aria-disabled"]||s.disabled,"aria-readonly":s["aria-readonly"]||a&&!s.disabled,className:r(`${e}__select`,{[`${e}__select--error`]:!!t,[`${e}__select--is-valid`]:o,[`${e}__select--negative`]:l}),children:[d&&_.jsx("option",{value:d.value??d.label,disabled:!0,children:d.label}),n.map((f,m)=>k(f)?D(f,b,m,a):N(f,b,m,a))]}),_.jsxs("div",{className:r(`${e}__end-adornments`),children:[w?_.jsx(R.Spinner,{disabled:s.disabled,size:"xxs",negative:l,"data-testid":c("spinner")},"spinner"):_.jsx(h.l,{className:r(`${e}__select-icon`,{[`${e}__select-icon--disabled`]:s.disabled,[`${e}__select-icon--readonly`]:a&&!s.disabled,[`${e}__select-icon--is-valid`]:o,[`${e}__select-icon--negative`]:l}),"data-testid":c("dropdown-icon"),size:"sm"},"chevron-down-icon"),o&&_.jsx(x.r,{"data-testid":c("valid-icon"),className:r(`${e}__valid-icon`)},"valid-icon")]}),_.jsx("div",{className:r(`${e}__frame`,{[`${e}__frame--negative`]:l})})]})}),v&&_.jsx(S.FieldHelperText,{disabled:s.disabled,"data-testid":c("helper-text"),id:v,negative:l,children:p}),t&&_.jsx(F.FieldErrorText,{negative:l,"data-testid":c("error-text"),children:t})]})}),k=i=>i.hasOwnProperty("options"),D=(i,n,u,t)=>{const p=`${n}--group--${u}`;return _.jsx("optgroup",{label:i.label,children:i.options.map((l,d)=>N(l,p,d,t))},p)},N=(i,n,u,t)=>_.jsx("option",{value:i.value??i.label,disabled:t,children:i.label},`${n}--option--${u}`);j.displayName="Select";exports.Select=j;
+//# sourceMappingURL=select-DOqTJgTj.js.map

package/dist/select-DOqTJgTj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-DOqTJgTj.js","sources":["../../../components/select/src/select.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./select.module.scss\";\n\nexport type SelectProps = Omit<BaseProps<\"select\">, \"multiple\" | \"children\"> & {\n  label?: string;\n  /**\n   * Options which will be available in the select input's dropdown menu.\n   *\n   * For single options:\n   *\n   * ```\n   * [\n   *   {\n   *     label: \"Option 1\",\n   *     value: \"Option 1\"\n   *   },\n   *   {\n   *     label: \"Option 2\",\n   *     value: \"Option 2\"\n   *   }\n   * ]\n   * ```\n   * For option groups:\n   *\n   * ```\n   *\n   * [\n   *   {\n   *     label: \"Option group 1\"\n   *     options: [\n   *       {\n   *         label: \"Group 1 option 1\",\n   *         value: \"group 1 option 1\"\n   *       },\n   *       {\n   *         label: \"Group 1 option 2\",\n   *         value: \"Group 1 option 2\"\n   *       }\n   *     ]\n   *   }\n   * ]\n   * ```\n   *\n   * _Note! When no value is provided for the option, the label of the option is used as a fallback._\n   */\n  options: (SelectOption | SelectOptionGroup)[];\n  /**\n   * Placeholder option for the dropdown (e.g \"Select\" / \"Choose\").\n   *\n   * Use the following format when providing a placeholder:\n   *\n   * ```\n   * {\n   *   label: \"Placeholder option\",\n   *   value: \"Placeholder value\"\n   * }\n   * ```\n   */\n  placeholder?: SelectOption;\n  readOnly?: boolean;\n  errorText?: string;\n  helperText?: string;\n  /**\n   * Use to render select with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  loading?: boolean;\n  negative?: boolean;\n};\n\nexport type SelectOption = {\n  label: string;\n  value?: string;\n};\n\nexport type SelectOptionGroup = {\n  label: string;\n  options: SelectOption[];\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-select\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      label,\n      options,\n      className,\n      errorText,\n      helperText,\n      negative = false,\n      placeholder,\n      readOnly = false,\n      [\"data-testid\"]: dataTestId,\n      valid,\n      loading,\n      ...selectProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const randomId = useId();\n    const fieldId = selectProps.id ?? randomId;\n\n    const helperTextId = helperText ? `${fieldId}-helper-text` : undefined;\n\n    const selectContainerClassnames = cx(`${rootClassName}__select-container`, {\n      [`${rootClassName}__select-container--disabled`]: selectProps.disabled,\n      [`${rootClassName}__select-container--readonly`]: readOnly && !selectProps.disabled,\n      [`${rootClassName}__select-container--negative`]: negative,\n    });\n\n    <IconChevronDown\n      className={cx(`${rootClassName}__select-icon`, {\n        [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n        [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n        [`${rootClassName}__select-icon--is-valid`]: isValid,\n        [`${rootClassName}__select-icon--negative`]: negative,\n      })}\n      data-testid={getTestId(\"dropdown-icon\")}\n      size=\"sm\"\n    />;\n    {\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`)}\n        />\n      );\n    }\n\n    return (\n      <div\n        className={cx(rootClassName, className, {\n          [`${rootClassName}--negative`]: negative,\n        })}\n      >\n        {label && (\n          <Label\n            htmlFor={fieldId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={selectProps.disabled}\n            negative={negative}\n          >\n            {selectProps.required && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          <div className={selectContainerClassnames}>\n            <select\n              {...selectProps}\n              onChange={readOnly ? undefined : selectProps?.onChange}\n              id={fieldId}\n              ref={ref}\n              data-testid={getTestId(\"select\")}\n              aria-describedby={selectProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={selectProps[\"aria-invalid\"] || !!errorText}\n              aria-disabled={selectProps[\"aria-disabled\"] || selectProps.disabled}\n              aria-readonly={selectProps[\"aria-readonly\"] || (readOnly && !selectProps.disabled)}\n              className={cx(`${rootClassName}__select`, {\n                [`${rootClassName}__select--error`]: !!errorText,\n                [`${rootClassName}__select--is-valid`]: isValid,\n                [`${rootClassName}__select--negative`]: negative,\n              })}\n            >\n              {placeholder && (\n                <option value={placeholder.value ?? placeholder.label} disabled>\n                  {placeholder.label}\n                </option>\n              )}\n              {options.map((optionOrOptionGroup, index) =>\n                isOptionGroup(optionOrOptionGroup)\n                  ? renderOptionGroup(optionOrOptionGroup, fieldId, index, readOnly)\n                  : renderOptionItem(optionOrOptionGroup, fieldId, index, readOnly)\n              )}\n            </select>\n            <div className={cx(`${rootClassName}__end-adornments`)}>\n              {loading ? (\n                <Spinner\n                  key=\"spinner\"\n                  disabled={selectProps.disabled}\n                  size=\"xxs\"\n                  negative={negative}\n                  data-testid={getTestId(\"spinner\")}\n                />\n              ) : (\n                <IconChevronDown\n                  key=\"chevron-down-icon\"\n                  className={cx(`${rootClassName}__select-icon`, {\n                    [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n                    [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n                    [`${rootClassName}__select-icon--is-valid`]: isValid,\n                    [`${rootClassName}__select-icon--negative`]: negative,\n                  })}\n                  data-testid={getTestId(\"dropdown-icon\")}\n                  size=\"sm\"\n                />\n              )}\n              {isValid && (\n                <IconCheckCircleFilled\n                  key=\"valid-icon\"\n                  data-testid={getTestId(\"valid-icon\")}\n                  className={cx(`${rootClassName}__valid-icon`)}\n                />\n              )}\n            </div>\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n          </div>\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            disabled={selectProps.disabled}\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText negative={negative} data-testid={getTestId(\"error-text\")}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nconst isOptionGroup = (option: SelectOption | SelectOptionGroup): option is SelectOptionGroup => {\n  // eslint-disable-next-line no-prototype-builtins\n  return option.hasOwnProperty(\"options\");\n};\n\nconst renderOptionGroup = (\n  optionGroup: SelectOptionGroup,\n  fieldId: string,\n  index: number,\n  disableOption: boolean\n) => {\n  const groupKey = `${fieldId}--group--${index}`;\n\n  return (\n    <optgroup key={groupKey} label={optionGroup.label}>\n      {optionGroup.options.map((option, index) => {\n        return renderOptionItem(option, groupKey, index, disableOption);\n      })}\n    </optgroup>\n  );\n};\n\nconst renderOptionItem = (option: SelectOption, key: string, index: number, disabled: boolean) => {\n  return (\n    <option\n      key={`${key}--option--${index}`}\n      value={option.value ?? option.label}\n      disabled={disabled}\n    >\n      {option.label}\n    </option>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"names":["cx","c","styles","rootClassName","Select","forwardRef","label","options","className","errorText","helperText","negative","placeholder","readOnly","dataTestId","valid","loading","selectProps","ref","getTestId","name","isValid","randomId","useId","fieldId","helperTextId","selectContainerClassnames","jsx","IconChevronDown","IconCheckCircleFilled","jsxs","Label","optionOrOptionGroup","index","isOptionGroup","renderOptionGroup","renderOptionItem","Spinner","FieldHelperText","FieldErrorText","option","optionGroup","disableOption","groupKey","key","disabled"],"mappings":"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"}

package/dist/select.cjs.js

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

package/dist/select.cjs.js.map

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

package/dist/select.d.ts

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

package/dist/select.d.ts.map

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

package/dist/select.es.js

@@ -0,0 +1,5 @@
+import { S as r } from "./select-BEmu_fh9.mjs";
+export {
+  r as Select
+};
+//# sourceMappingURL=select.es.js.map

package/dist/select.es.js.map

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

package/dist/skeleton-BU0KtWIM.js

@@ -0,0 +1,2 @@
+"use strict";const p=require("react/jsx-runtime"),o=require("./bind-DeUYJ6m9.js"),_="_loading_rzc29_1",c={"purpur-skeleton":"_purpur-skeleton_rzc29_1",loading:_,"purpur-skeleton--default":"_purpur-skeleton--default_rzc29_24","purpur-skeleton--negative":"_purpur-skeleton--negative_rzc29_30","purpur-skeleton--xs":"_purpur-skeleton--xs_rzc29_36","purpur-skeleton--sm":"_purpur-skeleton--sm_rzc29_39","purpur-skeleton--md":"_purpur-skeleton--md_rzc29_42","purpur-skeleton--lg":"_purpur-skeleton--lg_rzc29_45","purpur-skeleton--full":"_purpur-skeleton--full_rzc29_48"},k=["xs","sm","md","lg","full"],a=o.c.bind(c),e="purpur-skeleton",r=({className:s,radius:u="xs",negative:l=!1,...t})=>{const n=a(s,e,`${e}--${l?"negative":"default"}`,`${e}--${u}`);return p.jsx("div",{className:n,...t})};r.displayName="Skeleton";exports.Skeleton=r;exports.radii=k;
+//# sourceMappingURL=skeleton-BU0KtWIM.js.map

package/dist/skeleton-BU0KtWIM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-BU0KtWIM.js","sources":["../../../components/skeleton/src/skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./skeleton.module.scss\";\n\nexport const radii = [\"xs\", \"sm\", \"md\", \"lg\", \"full\"] as const;\nexport type SkeletonRadius = (typeof radii)[number];\n\nexport type SkeletonProps = Omit<BaseProps, \"children\"> & {\n  radius?: SkeletonRadius;\n  negative?: boolean;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-skeleton\";\n\nexport const Skeleton = ({\n  className,\n  radius = \"xs\",\n  negative = false,\n  ...props\n}: SkeletonProps) => {\n  const classes = cx(\n    className,\n    rootClassName,\n    `${rootClassName}--${negative ? \"negative\" : \"default\"}`,\n    `${rootClassName}--${radius}`\n  );\n\n  return <div className={classes} {...props} />;\n};\n\nSkeleton.displayName = \"Skeleton\";\n"],"names":["radii","cx","c","styles","rootClassName","Skeleton","className","radius","negative","props","classes","jsx"],"mappings":"sjBAMaA,EAAQ,CAAC,KAAM,KAAM,KAAM,KAAM,MAAM,EAQ9CC,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,kBAETC,EAAW,CAAC,CACvB,UAAAC,EACA,OAAAC,EAAS,KACT,SAAAC,EAAW,GACX,GAAGC,CACL,IAAqB,CACnB,MAAMC,EAAUT,EACdK,EACAF,EACA,GAAGA,CAAa,KAAKI,EAAW,WAAa,SAAS,GACtD,GAAGJ,CAAa,KAAKG,CAAM,EAAA,EAG7B,OAAOI,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAU,GAAGD,EAAO,CAC7C,EAEAJ,EAAS,YAAc"}

package/dist/skeleton-CDGzLI-T.mjs

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as o } from "./bind-CU-R61T-.mjs";
+const n = "_loading_rzc29_1", _ = {
+  "purpur-skeleton": "_purpur-skeleton_rzc29_1",
+  loading: n,
+  "purpur-skeleton--default": "_purpur-skeleton--default_rzc29_24",
+  "purpur-skeleton--negative": "_purpur-skeleton--negative_rzc29_30",
+  "purpur-skeleton--xs": "_purpur-skeleton--xs_rzc29_36",
+  "purpur-skeleton--sm": "_purpur-skeleton--sm_rzc29_39",
+  "purpur-skeleton--md": "_purpur-skeleton--md_rzc29_42",
+  "purpur-skeleton--lg": "_purpur-skeleton--lg_rzc29_45",
+  "purpur-skeleton--full": "_purpur-skeleton--full_rzc29_48"
+}, i = ["xs", "sm", "md", "lg", "full"], a = o.bind(_), e = "purpur-skeleton", c = ({
+  className: r,
+  radius: s = "xs",
+  negative: u = !1,
+  ...l
+}) => {
+  const p = a(
+    r,
+    e,
+    `${e}--${u ? "negative" : "default"}`,
+    `${e}--${s}`
+  );
+  return /* @__PURE__ */ t("div", { className: p, ...l });
+};
+c.displayName = "Skeleton";
+export {
+  c as S,
+  i as r
+};
+//# sourceMappingURL=skeleton-CDGzLI-T.mjs.map

package/dist/skeleton-CDGzLI-T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-CDGzLI-T.mjs","sources":["../../../components/skeleton/src/skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./skeleton.module.scss\";\n\nexport const radii = [\"xs\", \"sm\", \"md\", \"lg\", \"full\"] as const;\nexport type SkeletonRadius = (typeof radii)[number];\n\nexport type SkeletonProps = Omit<BaseProps, \"children\"> & {\n  radius?: SkeletonRadius;\n  negative?: boolean;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-skeleton\";\n\nexport const Skeleton = ({\n  className,\n  radius = \"xs\",\n  negative = false,\n  ...props\n}: SkeletonProps) => {\n  const classes = cx(\n    className,\n    rootClassName,\n    `${rootClassName}--${negative ? \"negative\" : \"default\"}`,\n    `${rootClassName}--${radius}`\n  );\n\n  return <div className={classes} {...props} />;\n};\n\nSkeleton.displayName = \"Skeleton\";\n"],"names":["radii","cx","c","styles","rootClassName","Skeleton","className","radius","negative","props","classes","jsx"],"mappings":";;;;;;;;;;;;GAMaA,IAAQ,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,GAQ9CC,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,mBAETC,IAAW,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,MAAqB;AACnB,QAAMC,IAAUT;AAAA,IACdK;AAAA,IACAF;AAAA,IACA,GAAGA,CAAa,KAAKI,IAAW,aAAa,SAAS;AAAA,IACtD,GAAGJ,CAAa,KAAKG,CAAM;AAAA,EAAA;AAG7B,SAAO,gBAAAI,EAAC,OAAA,EAAI,WAAWD,GAAU,GAAGD,GAAO;AAC7C;AAEAJ,EAAS,cAAc;"}

package/dist/skeleton.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./skeleton-BU0KtWIM.js");exports.Skeleton=e.Skeleton;exports.radii=e.radii;
+//# sourceMappingURL=skeleton.cjs.js.map

package/dist/skeleton.cjs.js.map

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

package/dist/skeleton.d.ts

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

package/dist/skeleton.d.ts.map

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

package/dist/skeleton.es.js

@@ -0,0 +1,6 @@
+import { S as e, r as o } from "./skeleton-CDGzLI-T.mjs";
+export {
+  e as Skeleton,
+  o as radii
+};
+//# sourceMappingURL=skeleton.es.js.map

package/dist/skeleton.es.js.map

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