@purpur/library 8.21.0

package/dist/chip-group-CJVvfl_J.mjs

@@ -0,0 +1,279 @@
+import { jsx as l, jsxs as w } from "react/jsx-runtime";
+import * as B from "react";
+import d, { isValidElement as z, useId as L, Children as I, cloneElement as U, useEffect as q } from "react";
+import { a as J } from "./heading-gqtQNo5n.mjs";
+import { c as K } from "./index-DOfn3ixy.mjs";
+import { u as y, P as b, c as Q } from "./index-DCcK_d4W.mjs";
+import { c as $, I as W, R as X } from "./index-IpWiejWQ.mjs";
+import { u as Y } from "./index-ByaXH_ih.mjs";
+import { c as x } from "./bind-CU-R61T-.mjs";
+import { a as Z } from "./checkmark.es-DdgIZN2R.mjs";
+var R = "Toggle", V = B.forwardRef((e, i) => {
+  const { pressed: n, defaultPressed: r, onPressedChange: t, ...s } = e, [o, a] = y({
+    prop: n,
+    onChange: t,
+    defaultProp: r ?? !1,
+    caller: R
+  });
+  return /* @__PURE__ */ l(
+    b.button,
+    {
+      type: "button",
+      "aria-pressed": o,
+      "data-state": o ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0,
+      ...s,
+      ref: i,
+      onClick: Q(e.onClick, () => {
+        e.disabled || a(!o);
+      })
+    }
+  );
+});
+V.displayName = R;
+var g = "ToggleGroup", [E] = K(g, [
+  $
+]), M = $(), P = d.forwardRef((e, i) => {
+  const { type: n, ...r } = e;
+  if (n === "single")
+    return /* @__PURE__ */ l(ee, { ...r, ref: i });
+  if (n === "multiple")
+    return /* @__PURE__ */ l(oe, { ...r, ref: i });
+  throw new Error(`Missing prop \`type\` expected on \`${g}\``);
+});
+P.displayName = g;
+var [S, A] = E(g), ee = d.forwardRef((e, i) => {
+  const {
+    value: n,
+    defaultValue: r,
+    onValueChange: t = () => {
+    },
+    ...s
+  } = e, [o, a] = y({
+    prop: n,
+    defaultProp: r ?? "",
+    onChange: t,
+    caller: g
+  });
+  return /* @__PURE__ */ l(
+    S,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "single",
+      value: d.useMemo(() => o ? [o] : [], [o]),
+      onItemActivate: a,
+      onItemDeactivate: d.useCallback(() => a(""), [a]),
+      children: /* @__PURE__ */ l(j, { ...s, ref: i })
+    }
+  );
+}), oe = d.forwardRef((e, i) => {
+  const {
+    value: n,
+    defaultValue: r,
+    onValueChange: t = () => {
+    },
+    ...s
+  } = e, [o, a] = y({
+    prop: n,
+    defaultProp: r ?? [],
+    onChange: t,
+    caller: g
+  }), u = d.useCallback(
+    (p) => a((c = []) => [...c, p]),
+    [a]
+  ), m = d.useCallback(
+    (p) => a((c = []) => c.filter((_) => _ !== p)),
+    [a]
+  );
+  return /* @__PURE__ */ l(
+    S,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "multiple",
+      value: o,
+      onItemActivate: u,
+      onItemDeactivate: m,
+      children: /* @__PURE__ */ l(j, { ...s, ref: i })
+    }
+  );
+});
+P.displayName = g;
+var [re, te] = E(g), j = d.forwardRef(
+  (e, i) => {
+    const {
+      __scopeToggleGroup: n,
+      disabled: r = !1,
+      rovingFocus: t = !0,
+      orientation: s,
+      dir: o,
+      loop: a = !0,
+      ...u
+    } = e, m = M(n), p = Y(o), c = { role: "group", dir: p, ...u };
+    return /* @__PURE__ */ l(re, { scope: n, rovingFocus: t, disabled: r, children: t ? /* @__PURE__ */ l(
+      X,
+      {
+        asChild: !0,
+        ...m,
+        orientation: s,
+        dir: p,
+        loop: a,
+        children: /* @__PURE__ */ l(b.div, { ...c, ref: i })
+      }
+    ) : /* @__PURE__ */ l(b.div, { ...c, ref: i }) });
+  }
+), v = "ToggleGroupItem", D = d.forwardRef(
+  (e, i) => {
+    const n = A(v, e.__scopeToggleGroup), r = te(v, e.__scopeToggleGroup), t = M(e.__scopeToggleGroup), s = n.value.includes(e.value), o = r.disabled || e.disabled, a = { ...e, pressed: s, disabled: o }, u = d.useRef(null);
+    return r.rovingFocus ? /* @__PURE__ */ l(
+      W,
+      {
+        asChild: !0,
+        ...t,
+        focusable: !o,
+        active: s,
+        ref: u,
+        children: /* @__PURE__ */ l(T, { ...a, ref: i })
+      }
+    ) : /* @__PURE__ */ l(T, { ...a, ref: i });
+  }
+);
+D.displayName = v;
+var T = d.forwardRef(
+  (e, i) => {
+    const { __scopeToggleGroup: n, value: r, ...t } = e, s = A(v, n), o = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, a = s.type === "single" ? o : void 0;
+    return /* @__PURE__ */ l(
+      V,
+      {
+        ...a,
+        ...t,
+        ref: i,
+        onPressedChange: (u) => {
+          u ? s.onItemActivate(r) : s.onItemDeactivate(r);
+        }
+      }
+    );
+  }
+), k = P, ae = D;
+const F = {
+  "purpur-chip-group": "_purpur-chip-group_m2vd5_1",
+  "purpur-chip-group--container": "_purpur-chip-group--container_m2vd5_6",
+  "purpur-chip-group--full-width": "_purpur-chip-group--full-width_m2vd5_12"
+}, le = {
+  "purpur-chip-group-item": "_purpur-chip-group-item_11j23_1",
+  "purpur-chip-group-item__line-wrapper": "_purpur-chip-group-item__line-wrapper_11j23_19",
+  "purpur-chip-group-item__checkmark-icon": "_purpur-chip-group-item__checkmark-icon_11j23_36",
+  "purpur-chip-group-item--disabled": "_purpur-chip-group-item--disabled_11j23_51"
+}, C = x.bind(le), f = "purpur-chip-group-item", O = ({
+  ["aria-label"]: e,
+  children: i,
+  className: n,
+  ["data-testid"]: r,
+  disabled: t = !1,
+  showCheckmark: s = !1,
+  unavailable: o = !1,
+  value: a,
+  ...u
+}) => {
+  const m = C([
+    f,
+    {
+      [`${f}--disabled`]: t,
+      [`${f}--unavailable`]: o
+    },
+    n
+  ]), p = (c) => {
+    t && c.preventDefault();
+  };
+  return /* @__PURE__ */ w(
+    ae,
+    {
+      "aria-label": e,
+      "data-testid": r,
+      className: `${m} ${f}`,
+      value: a,
+      onClick: p,
+      "aria-disabled": t,
+      ...u,
+      children: [
+        i,
+        s && /* @__PURE__ */ l(
+          Z,
+          {
+            size: "sm",
+            className: C(`${f}__checkmark-icon`),
+            "data-testid": "checkmark icon"
+          }
+        ),
+        o && /* @__PURE__ */ l(
+          "span",
+          {
+            className: C(`${f}__line-wrapper`),
+            "data-testid": "unavailable line wrapper"
+          }
+        )
+      ]
+    }
+  );
+}, ie = (e) => z(e) && e?.type === O, ne = (e) => e.type === "choice", N = 2, se = x.bind(F), G = "purpur-chip-group", H = ({ children: e, className: i, fullWidth: n = !1, title: r, titleProps: t, name: s, ...o }) => {
+  const a = se([
+    G,
+    {
+      [`${G}--full-width`]: n
+    },
+    i
+  ]), u = L(), m = I.toArray(e).filter(ie), p = I.map(
+    m,
+    (h) => U(h, {
+      showCheckmark: o.type === "filter" && o.value.includes(h.props.value),
+      unavailable: o.type === "choice" && h.props.unavailable
+    })
+  ), c = (h) => {
+    (o.type === "filter" || h !== "") && o.onValueChange(h);
+  };
+  q(() => {
+    o.type === "choice" && p.length < N && console.warn(
+      `Minimum number of chips should be ${N} when using the "choice" type`
+    );
+  }, [p, o.type]);
+  const _ = () => ne(o) ? /* @__PURE__ */ l(
+    k,
+    {
+      className: a,
+      ...o,
+      "aria-labelledby": r ? `${t?.id ?? u}-label` : void 0,
+      onValueChange: c,
+      type: "single",
+      children: p
+    }
+  ) : /* @__PURE__ */ l(
+    k,
+    {
+      className: a,
+      ...o,
+      "aria-labelledby": r ? `${t?.id ?? u}-label` : void 0,
+      onValueChange: c,
+      type: "multiple",
+      children: p
+    }
+  );
+  return /* @__PURE__ */ w("div", { className: F[`${G}--container`], children: [
+    r && /* @__PURE__ */ l(
+      J,
+      {
+        tag: "h2",
+        variant: "subsection-100",
+        ...t,
+        id: `${t?.id ?? u}-label`,
+        children: r
+      }
+    ),
+    _(),
+    s && o.type === "choice" && /* @__PURE__ */ l("input", { type: "hidden", name: s, value: o.value })
+  ] });
+};
+H.Item = O;
+H.displayName = "ChipGroup";
+export {
+  H as C
+};
+//# sourceMappingURL=chip-group-CJVvfl_J.mjs.map

package/dist/chip-group-CJVvfl_J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-group-CJVvfl_J.mjs","sources":["../../../common/temp/node_modules/.pnpm/@radix-ui+react-toggle@1.1.10_@types+react-dom@19.2.3_@types+react@19.2.10__@types+reac_ac954931be38b8943a4772f30be6b8cd/node_modules/@radix-ui/react-toggle/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-toggle-group@1.1.11_@types+react-dom@19.2.3_@types+react@19.2.10__@type_1c3e06769648befb283f52b0de4ae8b0/node_modules/@radix-ui/react-toggle-group/dist/index.mjs","../../../components/chip-group/src/chip-group-item.tsx","../../../components/chip-group/src/chip-group.tsx"],"sourcesContent":["\"use client\";\n\n// src/toggle.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Toggle\";\nvar Toggle = React.forwardRef((props, forwardedRef) => {\n  const { pressed: pressedProp, defaultPressed, onPressedChange, ...buttonProps } = props;\n  const [pressed, setPressed] = useControllableState({\n    prop: pressedProp,\n    onChange: onPressedChange,\n    defaultProp: defaultPressed ?? false,\n    caller: NAME\n  });\n  return /* @__PURE__ */ jsx(\n    Primitive.button,\n    {\n      type: \"button\",\n      \"aria-pressed\": pressed,\n      \"data-state\": pressed ? \"on\" : \"off\",\n      \"data-disabled\": props.disabled ? \"\" : void 0,\n      ...buttonProps,\n      ref: forwardedRef,\n      onClick: composeEventHandlers(props.onClick, () => {\n        if (!props.disabled) {\n          setPressed(!pressed);\n        }\n      })\n    }\n  );\n});\nToggle.displayName = NAME;\nvar Root = Toggle;\nexport {\n  Root,\n  Toggle\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/toggle-group.tsx\nimport React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Toggle } from \"@radix-ui/react-toggle\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TOGGLE_GROUP_NAME = \"ToggleGroup\";\nvar [createToggleGroupContext, createToggleGroupScope] = createContextScope(TOGGLE_GROUP_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar ToggleGroup = React.forwardRef((props, forwardedRef) => {\n  const { type, ...toggleGroupProps } = props;\n  if (type === \"single\") {\n    const singleProps = toggleGroupProps;\n    return /* @__PURE__ */ jsx(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });\n  }\n  if (type === \"multiple\") {\n    const multipleProps = toggleGroupProps;\n    return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });\n  }\n  throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);\nvar ToggleGroupImplSingle = React.forwardRef((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    ...toggleGroupSingleProps\n  } = props;\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue ?? \"\",\n    onChange: onValueChange,\n    caller: TOGGLE_GROUP_NAME\n  });\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"single\",\n      value: React.useMemo(() => value ? [value] : [], [value]),\n      onItemActivate: setValue,\n      onItemDeactivate: React.useCallback(() => setValue(\"\"), [setValue]),\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef })\n    }\n  );\n});\nvar ToggleGroupImplMultiple = React.forwardRef((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    ...toggleGroupMultipleProps\n  } = props;\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue ?? [],\n    onChange: onValueChange,\n    caller: TOGGLE_GROUP_NAME\n  });\n  const handleButtonActivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n    [setValue]\n  );\n  const handleButtonDeactivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),\n    [setValue]\n  );\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"multiple\",\n      value,\n      onItemActivate: handleButtonActivate,\n      onItemDeactivate: handleButtonDeactivate,\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef })\n    }\n  );\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);\nvar ToggleGroupImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeToggleGroup,\n      disabled = false,\n      rovingFocus = true,\n      orientation,\n      dir,\n      loop = true,\n      ...toggleGroupProps\n    } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup);\n    const direction = useDirection(dir);\n    const commonProps = { role: \"group\", dir: direction, ...toggleGroupProps };\n    return /* @__PURE__ */ jsx(ToggleGroupContext, { scope: __scopeToggleGroup, rovingFocus, disabled, children: rovingFocus ? /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation,\n        dir: direction,\n        loop,\n        children: /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef })\n      }\n    ) : /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef }) });\n  }\n);\nvar ITEM_NAME = \"ToggleGroupItem\";\nvar ToggleGroupItem = React.forwardRef(\n  (props, forwardedRef) => {\n    const valueContext = useToggleGroupValueContext(ITEM_NAME, props.__scopeToggleGroup);\n    const context = useToggleGroupContext(ITEM_NAME, props.__scopeToggleGroup);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup);\n    const pressed = valueContext.value.includes(props.value);\n    const disabled = context.disabled || props.disabled;\n    const commonProps = { ...props, pressed, disabled };\n    const ref = React.useRef(null);\n    return context.rovingFocus ? /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: pressed,\n        ref,\n        children: /* @__PURE__ */ jsx(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef })\n      }\n    ) : /* @__PURE__ */ jsx(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef });\n  }\n);\nToggleGroupItem.displayName = ITEM_NAME;\nvar ToggleGroupItemImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeToggleGroup, value, ...itemProps } = props;\n    const valueContext = useToggleGroupValueContext(ITEM_NAME, __scopeToggleGroup);\n    const singleProps = { role: \"radio\", \"aria-checked\": props.pressed, \"aria-pressed\": void 0 };\n    const typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n    return /* @__PURE__ */ jsx(\n      Toggle,\n      {\n        ...typeProps,\n        ...itemProps,\n        ref: forwardedRef,\n        onPressedChange: (pressed) => {\n          if (pressed) {\n            valueContext.onItemActivate(value);\n          } else {\n            valueContext.onItemDeactivate(value);\n          }\n        }\n      }\n    );\n  }\n);\nvar Root2 = ToggleGroup;\nvar Item2 = ToggleGroupItem;\nexport {\n  Item2 as Item,\n  Root2 as Root,\n  ToggleGroup,\n  ToggleGroupItem,\n  createToggleGroupScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { isValidElement, type MouseEvent, type ReactElement, type ReactNode } from \"react\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport * as RadixToggleGroup from \"@radix-ui/react-toggle-group\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./chip-group-item.module.scss\";\n\ntype StylingProps = Pick<React.HTMLAttributes<HTMLElement>, \"style\" | \"className\">;\n\ntype ChipGroupItemProps = StylingProps & {\n  [\"aria-label\"]?: string;\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  /**\n   * When `true`, prevents the user from interacting with the item.\n   * */\n  disabled?: boolean;\n  /**\n   * This prop will be passed automatically from the parent component (ChipGroup) when `type` is `\"filter\"`.\n   * */\n  showCheckmark?: boolean;\n  /**\n   * A unique value for the item.\n   * */\n  value: string;\n  /**\n   * This prop will only be used when `type` is `\"choice\"`.\n   * When `true`, we recommend using `aria-label` to announce to screen readers that the option is unavailable.\n   * */\n  unavailable?: boolean;\n};\n\nconst cx = c.bind(styles);\nexport const rootClassName = \"purpur-chip-group-item\";\n\nexport const ChipGroupItem = ({\n  [\"aria-label\"]: allyLabel,\n  children,\n  className,\n  [\"data-testid\"]: dataTestId,\n  disabled = false,\n  showCheckmark = false,\n  unavailable = false,\n  value,\n  ...props\n}: ChipGroupItemProps) => {\n  const classes = cx([\n    rootClassName,\n    {\n      [`${rootClassName}--disabled`]: disabled,\n      [`${rootClassName}--unavailable`]: unavailable,\n    },\n    className,\n  ]);\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    }\n  };\n\n  return (\n    <RadixToggleGroup.Item\n      aria-label={allyLabel}\n      data-testid={dataTestId}\n      className={`${classes} ${rootClassName}`}\n      value={value}\n      onClick={handleClick}\n      aria-disabled={disabled}\n      {...props}\n    >\n      {children}\n      {showCheckmark && (\n        <IconCheckmark\n          size=\"sm\"\n          className={cx(`${rootClassName}__checkmark-icon`)}\n          data-testid=\"checkmark icon\"\n        />\n      )}\n      {unavailable && (\n        <span\n          className={cx(`${rootClassName}__line-wrapper`)}\n          data-testid=\"unavailable line wrapper\"\n        />\n      )}\n    </RadixToggleGroup.Item>\n  );\n};\n\nexport const isChipGroupItem = (child?: ReactNode): child is ReactElement<ChipGroupItemProps> =>\n  isValidElement<ChipGroupItemProps>(child) && child?.type === ChipGroupItem;\n","import React, { Children, cloneElement, type ReactNode, useEffect, useId } from \"react\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport * as RadixToggleGroup from \"@radix-ui/react-toggle-group\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./chip-group.module.scss\";\nimport { ChipGroupItem, isChipGroupItem } from \"./chip-group-item\";\n\ntype StylingProps = Pick<React.HTMLAttributes<HTMLElement>, \"style\" | \"className\">;\n\ntype ChipGroupProps = StylingProps & {\n  [\"data-testid\"]?: string;\n  /**\n   * Will only render given ChipGroupItems.\n   * */\n  children: ReactNode;\n  /**\n   * Makes the chips span the full container width if set to `true`.\n   * */\n  fullWidth?: boolean;\n  /**\n   * Renders above the chip group as a heading.\n   * */\n  title?: ReactNode;\n  /**\n   * Allows to customise title.\n   */\n  titleProps?: TitlePropsType;\n  /**\n   * Optional name for form submission\n   */\n  name?: string;\n};\n\nexport type TitlePropsType = StylingProps & {\n  /**\n   * Use custom id for connecting title and chip group.\n   */\n  id?: string;\n  /**\n   * Changes heading level.\n   * @default h2\n   */\n  tag?: HeadingTagType;\n};\n\nexport type ChipGroupChoiceProps = {\n  /**\n   * Event handler called when the pressed state of an item changes.\n   * */\n  onValueChange: (value: string) => void;\n  /**\n   * Determines whether a single (`\"choice\"`) or multiple (`\"filter\"`) items can be pressed at a time.\n   * */\n  type: \"choice\";\n  /**\n   * The value of the pressed item(s).\n   * */\n  value: string;\n};\n\nexport type ChipGroupFilterProps = {\n  /**\n   * Event handler called when the pressed state of an item changes.\n   * */\n  onValueChange: (value: string[]) => void;\n  /**\n   * Determines whether a single (`\"choice\"`) or multiple (`\"filter\"`) items can be pressed at a time.\n   * */\n  type: \"filter\";\n  /**\n   * The value of the pressed item(s).\n   * */\n  value: string[];\n};\n\nconst isChoiceProps = (\n  props: ChipGroupChoiceProps | ChipGroupFilterProps\n): props is ChipGroupChoiceProps => props.type === \"choice\";\n\ntype ChipGroupCmp<P> = React.FunctionComponent<P> & {\n  Item: typeof ChipGroupItem;\n};\n\nconst MIN_CHOICE_OPTIONS = 2;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-chip-group\";\n\nexport const ChipGroup: ChipGroupCmp<\n  ChipGroupProps & (ChipGroupChoiceProps | ChipGroupFilterProps)\n> = ({ children, className, fullWidth = false, title, titleProps, name, ...props }) => {\n  const classes = cx([\n    rootClassName,\n    {\n      [`${rootClassName}--full-width`]: fullWidth,\n    },\n    className,\n  ]);\n\n  const id = useId();\n\n  const chipGroupItemChildren = Children.toArray(children).filter(isChipGroupItem);\n\n  const clonedChildren = Children.map(chipGroupItemChildren, (child) =>\n    cloneElement(child, {\n      showCheckmark: props.type === \"filter\" && props.value.includes(child.props.value),\n      unavailable: props.type === \"choice\" && child.props.unavailable,\n    })\n  );\n\n  const handleValueChange = (value: string & string[]) => {\n    if (props.type === \"filter\" || value !== \"\") {\n      props.onValueChange(value);\n    }\n  };\n\n  useEffect(() => {\n    if (props.type === \"choice\" && clonedChildren.length < MIN_CHOICE_OPTIONS) {\n      console.warn(\n        `Minimum number of chips should be ${MIN_CHOICE_OPTIONS} when using the \"choice\" type`\n      );\n    }\n  }, [clonedChildren, props.type]);\n\n  const chipGroupChildren = () => {\n    if (isChoiceProps(props)) {\n      return (\n        <RadixToggleGroup.Root\n          className={classes}\n          {...props}\n          aria-labelledby={title ? `${titleProps?.id ?? id}-label` : undefined}\n          onValueChange={handleValueChange}\n          type=\"single\"\n        >\n          {clonedChildren}\n        </RadixToggleGroup.Root>\n      );\n    }\n    return (\n      <RadixToggleGroup.Root\n        className={classes}\n        {...props}\n        aria-labelledby={title ? `${titleProps?.id ?? id}-label` : undefined}\n        onValueChange={handleValueChange}\n        type=\"multiple\"\n      >\n        {clonedChildren}\n      </RadixToggleGroup.Root>\n    );\n  };\n\n  return (\n    <div className={styles[`${rootClassName}--container`]}>\n      {title && (\n        <Heading\n          tag=\"h2\"\n          variant=\"subsection-100\"\n          {...titleProps}\n          id={`${titleProps?.id ?? id}-label`}\n        >\n          {title}\n        </Heading>\n      )}\n      {chipGroupChildren()}\n      {name && props.type === \"choice\" && <input type=\"hidden\" name={name} value={props.value} />}\n    </div>\n  );\n};\n\nChipGroup.Item = ChipGroupItem;\n\nChipGroup.displayName = \"ChipGroup\";\n"],"names":["NAME","Toggle","React","props","forwardedRef","pressedProp","defaultPressed","onPressedChange","buttonProps","pressed","setPressed","useControllableState","jsx","Primitive","composeEventHandlers","TOGGLE_GROUP_NAME","createToggleGroupContext","createContextScope","createRovingFocusGroupScope","useRovingFocusGroupScope","ToggleGroup","type","toggleGroupProps","ToggleGroupImplSingle","ToggleGroupImplMultiple","ToggleGroupValueProvider","useToggleGroupValueContext","valueProp","defaultValue","onValueChange","toggleGroupSingleProps","value","setValue","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","value2","ToggleGroupContext","useToggleGroupContext","__scopeToggleGroup","disabled","rovingFocus","orientation","dir","loop","rovingFocusGroupScope","direction","useDirection","commonProps","RovingFocusGroup.Root","ITEM_NAME","ToggleGroupItem","valueContext","context","ref","RovingFocusGroup.Item","ToggleGroupItemImpl","itemProps","singleProps","typeProps","Root2","Item2","cx","c","styles","rootClassName","ChipGroupItem","allyLabel","children","className","dataTestId","showCheckmark","unavailable","classes","handleClick","e","jsxs","RadixToggleGroup.Item","IconCheckmark","isChipGroupItem","child","isValidElement","isChoiceProps","MIN_CHOICE_OPTIONS","ChipGroup","fullWidth","title","titleProps","name","id","useId","chipGroupItemChildren","Children","clonedChildren","cloneElement","handleValueChange","useEffect","chipGroupChildren","RadixToggleGroup.Root","Heading"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/chip-group-aj1fdnjC.js

@@ -0,0 +1,2 @@
+"use strict";const l=require("react/jsx-runtime"),u=require("react"),A=require("./heading-DLCdW6gx.js"),D=require("./index-kcwFA4Dv.js"),m=require("./index-DlMXYAr3.js"),C=require("./index-BVmlsxuF.js"),F=require("./index-Cje7xxa1.js"),k=require("./bind-DeUYJ6m9.js"),H=require("./checkmark.es-lYntWFA3.js");function z(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const B=z(u);var N="Toggle",$=B.forwardRef((e,a)=>{const{pressed:n,defaultPressed:o,onPressedChange:t,...i}=e,[r,s]=m.useControllableState({prop:n,onChange:t,defaultProp:o??!1,caller:N});return l.jsx(m.Primitive.button,{type:"button","aria-pressed":r,"data-state":r?"on":"off","data-disabled":e.disabled?"":void 0,...i,ref:a,onClick:m.composeEventHandlers(e.onClick,()=>{e.disabled||s(!r)})})});$.displayName=N;var g="ToggleGroup",[w]=D.createContextScope(g,[C.createRovingFocusGroupScope]),R=C.createRovingFocusGroupScope(),j=u.forwardRef((e,a)=>{const{type:n,...o}=e;if(n==="single"){const t=o;return l.jsx(L,{...t,ref:a})}if(n==="multiple"){const t=o;return l.jsx(U,{...t,ref:a})}throw new Error(`Missing prop \`type\` expected on \`${g}\``)});j.displayName=g;var[S,V]=w(g),L=u.forwardRef((e,a)=>{const{value:n,defaultValue:o,onValueChange:t=()=>{},...i}=e,[r,s]=m.useControllableState({prop:n,defaultProp:o??"",onChange:t,caller:g});return l.jsx(S,{scope:e.__scopeToggleGroup,type:"single",value:u.useMemo(()=>r?[r]:[],[r]),onItemActivate:s,onItemDeactivate:u.useCallback(()=>s(""),[s]),children:l.jsx(E,{...i,ref:a})})}),U=u.forwardRef((e,a)=>{const{value:n,defaultValue:o,onValueChange:t=()=>{},...i}=e,[r,s]=m.useControllableState({prop:n,defaultProp:o??[],onChange:t,caller:g}),c=u.useCallback(p=>s((d=[])=>[...d,p]),[s]),h=u.useCallback(p=>s((d=[])=>d.filter(b=>b!==p)),[s]);return l.jsx(S,{scope:e.__scopeToggleGroup,type:"multiple",value:r,onItemActivate:c,onItemDeactivate:h,children:l.jsx(E,{...i,ref:a})})});j.displayName=g;var[J,K]=w(g),E=u.forwardRef((e,a)=>{const{__scopeToggleGroup:n,disabled:o=!1,rovingFocus:t=!0,orientation:i,dir:r,loop:s=!0,...c}=e,h=R(n),p=F.useDirection(r),d={role:"group",dir:p,...c};return l.jsx(J,{scope:n,rovingFocus:t,disabled:o,children:t?l.jsx(C.Root,{asChild:!0,...h,orientation:i,dir:p,loop:s,children:l.jsx(m.Primitive.div,{...d,ref:a})}):l.jsx(m.Primitive.div,{...d,ref:a})})}),_="ToggleGroupItem",M=u.forwardRef((e,a)=>{const n=V(_,e.__scopeToggleGroup),o=K(_,e.__scopeToggleGroup),t=R(e.__scopeToggleGroup),i=n.value.includes(e.value),r=o.disabled||e.disabled,s={...e,pressed:i,disabled:r},c=u.useRef(null);return o.rovingFocus?l.jsx(C.Item,{asChild:!0,...t,focusable:!r,active:i,ref:c,children:l.jsx(P,{...s,ref:a})}):l.jsx(P,{...s,ref:a})});M.displayName=_;var P=u.forwardRef((e,a)=>{const{__scopeToggleGroup:n,value:o,...t}=e,i=V(_,n),r={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},s=i.type==="single"?r:void 0;return l.jsx($,{...s,...t,ref:a,onPressedChange:c=>{c?i.onItemActivate(o):i.onItemDeactivate(o)}})}),T=j,Q=M;const O={"purpur-chip-group":"_purpur-chip-group_m2vd5_1","purpur-chip-group--container":"_purpur-chip-group--container_m2vd5_6","purpur-chip-group--full-width":"_purpur-chip-group--full-width_m2vd5_12"},W={"purpur-chip-group-item":"_purpur-chip-group-item_11j23_1","purpur-chip-group-item__line-wrapper":"_purpur-chip-group-item__line-wrapper_11j23_19","purpur-chip-group-item__checkmark-icon":"_purpur-chip-group-item__checkmark-icon_11j23_36","purpur-chip-group-item--disabled":"_purpur-chip-group-item--disabled_11j23_51"},x=k.c.bind(W),f="purpur-chip-group-item",q=({["aria-label"]:e,children:a,className:n,["data-testid"]:o,disabled:t=!1,showCheckmark:i=!1,unavailable:r=!1,value:s,...c})=>{const h=x([f,{[`${f}--disabled`]:t,[`${f}--unavailable`]:r},n]),p=d=>{t&&d.preventDefault()};return l.jsxs(Q,{"aria-label":e,"data-testid":o,className:`${h} ${f}`,value:s,onClick:p,"aria-disabled":t,...c,children:[a,i&&l.jsx(H.a,{size:"sm",className:x(`${f}__checkmark-icon`),"data-testid":"checkmark icon"}),r&&l.jsx("span",{className:x(`${f}__line-wrapper`),"data-testid":"unavailable line wrapper"})]})},X=e=>u.isValidElement(e)&&e?.type===q,Y=e=>e.type==="choice",I=2,Z=k.c.bind(O),G="purpur-chip-group",y=({children:e,className:a,fullWidth:n=!1,title:o,titleProps:t,name:i,...r})=>{const s=Z([G,{[`${G}--full-width`]:n},a]),c=u.useId(),h=u.Children.toArray(e).filter(X),p=u.Children.map(h,v=>u.cloneElement(v,{showCheckmark:r.type==="filter"&&r.value.includes(v.props.value),unavailable:r.type==="choice"&&v.props.unavailable})),d=v=>{(r.type==="filter"||v!=="")&&r.onValueChange(v)};u.useEffect(()=>{r.type==="choice"&&p.length<I&&console.warn(`Minimum number of chips should be ${I} when using the "choice" type`)},[p,r.type]);const b=()=>Y(r)?l.jsx(T,{className:s,...r,"aria-labelledby":o?`${t?.id??c}-label`:void 0,onValueChange:d,type:"single",children:p}):l.jsx(T,{className:s,...r,"aria-labelledby":o?`${t?.id??c}-label`:void 0,onValueChange:d,type:"multiple",children:p});return l.jsxs("div",{className:O[`${G}--container`],children:[o&&l.jsx(A.Heading,{tag:"h2",variant:"subsection-100",...t,id:`${t?.id??c}-label`,children:o}),b(),i&&r.type==="choice"&&l.jsx("input",{type:"hidden",name:i,value:r.value})]})};y.Item=q;y.displayName="ChipGroup";exports.ChipGroup=y;
+//# sourceMappingURL=chip-group-aj1fdnjC.js.map

package/dist/chip-group-aj1fdnjC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-group-aj1fdnjC.js","sources":["../../../common/temp/node_modules/.pnpm/@radix-ui+react-toggle@1.1.10_@types+react-dom@19.2.3_@types+react@19.2.10__@types+reac_ac954931be38b8943a4772f30be6b8cd/node_modules/@radix-ui/react-toggle/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-toggle-group@1.1.11_@types+react-dom@19.2.3_@types+react@19.2.10__@type_1c3e06769648befb283f52b0de4ae8b0/node_modules/@radix-ui/react-toggle-group/dist/index.mjs","../../../components/chip-group/src/chip-group-item.tsx","../../../components/chip-group/src/chip-group.tsx"],"sourcesContent":["\"use client\";\n\n// src/toggle.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Toggle\";\nvar Toggle = React.forwardRef((props, forwardedRef) => {\n  const { pressed: pressedProp, defaultPressed, onPressedChange, ...buttonProps } = props;\n  const [pressed, setPressed] = useControllableState({\n    prop: pressedProp,\n    onChange: onPressedChange,\n    defaultProp: defaultPressed ?? false,\n    caller: NAME\n  });\n  return /* @__PURE__ */ jsx(\n    Primitive.button,\n    {\n      type: \"button\",\n      \"aria-pressed\": pressed,\n      \"data-state\": pressed ? \"on\" : \"off\",\n      \"data-disabled\": props.disabled ? \"\" : void 0,\n      ...buttonProps,\n      ref: forwardedRef,\n      onClick: composeEventHandlers(props.onClick, () => {\n        if (!props.disabled) {\n          setPressed(!pressed);\n        }\n      })\n    }\n  );\n});\nToggle.displayName = NAME;\nvar Root = Toggle;\nexport {\n  Root,\n  Toggle\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/toggle-group.tsx\nimport React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Toggle } from \"@radix-ui/react-toggle\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TOGGLE_GROUP_NAME = \"ToggleGroup\";\nvar [createToggleGroupContext, createToggleGroupScope] = createContextScope(TOGGLE_GROUP_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar ToggleGroup = React.forwardRef((props, forwardedRef) => {\n  const { type, ...toggleGroupProps } = props;\n  if (type === \"single\") {\n    const singleProps = toggleGroupProps;\n    return /* @__PURE__ */ jsx(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });\n  }\n  if (type === \"multiple\") {\n    const multipleProps = toggleGroupProps;\n    return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });\n  }\n  throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);\nvar ToggleGroupImplSingle = React.forwardRef((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    ...toggleGroupSingleProps\n  } = props;\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue ?? \"\",\n    onChange: onValueChange,\n    caller: TOGGLE_GROUP_NAME\n  });\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"single\",\n      value: React.useMemo(() => value ? [value] : [], [value]),\n      onItemActivate: setValue,\n      onItemDeactivate: React.useCallback(() => setValue(\"\"), [setValue]),\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef })\n    }\n  );\n});\nvar ToggleGroupImplMultiple = React.forwardRef((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    ...toggleGroupMultipleProps\n  } = props;\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue ?? [],\n    onChange: onValueChange,\n    caller: TOGGLE_GROUP_NAME\n  });\n  const handleButtonActivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n    [setValue]\n  );\n  const handleButtonDeactivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),\n    [setValue]\n  );\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"multiple\",\n      value,\n      onItemActivate: handleButtonActivate,\n      onItemDeactivate: handleButtonDeactivate,\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef })\n    }\n  );\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);\nvar ToggleGroupImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeToggleGroup,\n      disabled = false,\n      rovingFocus = true,\n      orientation,\n      dir,\n      loop = true,\n      ...toggleGroupProps\n    } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup);\n    const direction = useDirection(dir);\n    const commonProps = { role: \"group\", dir: direction, ...toggleGroupProps };\n    return /* @__PURE__ */ jsx(ToggleGroupContext, { scope: __scopeToggleGroup, rovingFocus, disabled, children: rovingFocus ? /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation,\n        dir: direction,\n        loop,\n        children: /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef })\n      }\n    ) : /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef }) });\n  }\n);\nvar ITEM_NAME = \"ToggleGroupItem\";\nvar ToggleGroupItem = React.forwardRef(\n  (props, forwardedRef) => {\n    const valueContext = useToggleGroupValueContext(ITEM_NAME, props.__scopeToggleGroup);\n    const context = useToggleGroupContext(ITEM_NAME, props.__scopeToggleGroup);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup);\n    const pressed = valueContext.value.includes(props.value);\n    const disabled = context.disabled || props.disabled;\n    const commonProps = { ...props, pressed, disabled };\n    const ref = React.useRef(null);\n    return context.rovingFocus ? /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: pressed,\n        ref,\n        children: /* @__PURE__ */ jsx(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef })\n      }\n    ) : /* @__PURE__ */ jsx(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef });\n  }\n);\nToggleGroupItem.displayName = ITEM_NAME;\nvar ToggleGroupItemImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeToggleGroup, value, ...itemProps } = props;\n    const valueContext = useToggleGroupValueContext(ITEM_NAME, __scopeToggleGroup);\n    const singleProps = { role: \"radio\", \"aria-checked\": props.pressed, \"aria-pressed\": void 0 };\n    const typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n    return /* @__PURE__ */ jsx(\n      Toggle,\n      {\n        ...typeProps,\n        ...itemProps,\n        ref: forwardedRef,\n        onPressedChange: (pressed) => {\n          if (pressed) {\n            valueContext.onItemActivate(value);\n          } else {\n            valueContext.onItemDeactivate(value);\n          }\n        }\n      }\n    );\n  }\n);\nvar Root2 = ToggleGroup;\nvar Item2 = ToggleGroupItem;\nexport {\n  Item2 as Item,\n  Root2 as Root,\n  ToggleGroup,\n  ToggleGroupItem,\n  createToggleGroupScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { isValidElement, type MouseEvent, type ReactElement, type ReactNode } from \"react\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport * as RadixToggleGroup from \"@radix-ui/react-toggle-group\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./chip-group-item.module.scss\";\n\ntype StylingProps = Pick<React.HTMLAttributes<HTMLElement>, \"style\" | \"className\">;\n\ntype ChipGroupItemProps = StylingProps & {\n  [\"aria-label\"]?: string;\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  /**\n   * When `true`, prevents the user from interacting with the item.\n   * */\n  disabled?: boolean;\n  /**\n   * This prop will be passed automatically from the parent component (ChipGroup) when `type` is `\"filter\"`.\n   * */\n  showCheckmark?: boolean;\n  /**\n   * A unique value for the item.\n   * */\n  value: string;\n  /**\n   * This prop will only be used when `type` is `\"choice\"`.\n   * When `true`, we recommend using `aria-label` to announce to screen readers that the option is unavailable.\n   * */\n  unavailable?: boolean;\n};\n\nconst cx = c.bind(styles);\nexport const rootClassName = \"purpur-chip-group-item\";\n\nexport const ChipGroupItem = ({\n  [\"aria-label\"]: allyLabel,\n  children,\n  className,\n  [\"data-testid\"]: dataTestId,\n  disabled = false,\n  showCheckmark = false,\n  unavailable = false,\n  value,\n  ...props\n}: ChipGroupItemProps) => {\n  const classes = cx([\n    rootClassName,\n    {\n      [`${rootClassName}--disabled`]: disabled,\n      [`${rootClassName}--unavailable`]: unavailable,\n    },\n    className,\n  ]);\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    }\n  };\n\n  return (\n    <RadixToggleGroup.Item\n      aria-label={allyLabel}\n      data-testid={dataTestId}\n      className={`${classes} ${rootClassName}`}\n      value={value}\n      onClick={handleClick}\n      aria-disabled={disabled}\n      {...props}\n    >\n      {children}\n      {showCheckmark && (\n        <IconCheckmark\n          size=\"sm\"\n          className={cx(`${rootClassName}__checkmark-icon`)}\n          data-testid=\"checkmark icon\"\n        />\n      )}\n      {unavailable && (\n        <span\n          className={cx(`${rootClassName}__line-wrapper`)}\n          data-testid=\"unavailable line wrapper\"\n        />\n      )}\n    </RadixToggleGroup.Item>\n  );\n};\n\nexport const isChipGroupItem = (child?: ReactNode): child is ReactElement<ChipGroupItemProps> =>\n  isValidElement<ChipGroupItemProps>(child) && child?.type === ChipGroupItem;\n","import React, { Children, cloneElement, type ReactNode, useEffect, useId } from \"react\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport * as RadixToggleGroup from \"@radix-ui/react-toggle-group\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./chip-group.module.scss\";\nimport { ChipGroupItem, isChipGroupItem } from \"./chip-group-item\";\n\ntype StylingProps = Pick<React.HTMLAttributes<HTMLElement>, \"style\" | \"className\">;\n\ntype ChipGroupProps = StylingProps & {\n  [\"data-testid\"]?: string;\n  /**\n   * Will only render given ChipGroupItems.\n   * */\n  children: ReactNode;\n  /**\n   * Makes the chips span the full container width if set to `true`.\n   * */\n  fullWidth?: boolean;\n  /**\n   * Renders above the chip group as a heading.\n   * */\n  title?: ReactNode;\n  /**\n   * Allows to customise title.\n   */\n  titleProps?: TitlePropsType;\n  /**\n   * Optional name for form submission\n   */\n  name?: string;\n};\n\nexport type TitlePropsType = StylingProps & {\n  /**\n   * Use custom id for connecting title and chip group.\n   */\n  id?: string;\n  /**\n   * Changes heading level.\n   * @default h2\n   */\n  tag?: HeadingTagType;\n};\n\nexport type ChipGroupChoiceProps = {\n  /**\n   * Event handler called when the pressed state of an item changes.\n   * */\n  onValueChange: (value: string) => void;\n  /**\n   * Determines whether a single (`\"choice\"`) or multiple (`\"filter\"`) items can be pressed at a time.\n   * */\n  type: \"choice\";\n  /**\n   * The value of the pressed item(s).\n   * */\n  value: string;\n};\n\nexport type ChipGroupFilterProps = {\n  /**\n   * Event handler called when the pressed state of an item changes.\n   * */\n  onValueChange: (value: string[]) => void;\n  /**\n   * Determines whether a single (`\"choice\"`) or multiple (`\"filter\"`) items can be pressed at a time.\n   * */\n  type: \"filter\";\n  /**\n   * The value of the pressed item(s).\n   * */\n  value: string[];\n};\n\nconst isChoiceProps = (\n  props: ChipGroupChoiceProps | ChipGroupFilterProps\n): props is ChipGroupChoiceProps => props.type === \"choice\";\n\ntype ChipGroupCmp<P> = React.FunctionComponent<P> & {\n  Item: typeof ChipGroupItem;\n};\n\nconst MIN_CHOICE_OPTIONS = 2;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-chip-group\";\n\nexport const ChipGroup: ChipGroupCmp<\n  ChipGroupProps & (ChipGroupChoiceProps | ChipGroupFilterProps)\n> = ({ children, className, fullWidth = false, title, titleProps, name, ...props }) => {\n  const classes = cx([\n    rootClassName,\n    {\n      [`${rootClassName}--full-width`]: fullWidth,\n    },\n    className,\n  ]);\n\n  const id = useId();\n\n  const chipGroupItemChildren = Children.toArray(children).filter(isChipGroupItem);\n\n  const clonedChildren = Children.map(chipGroupItemChildren, (child) =>\n    cloneElement(child, {\n      showCheckmark: props.type === \"filter\" && props.value.includes(child.props.value),\n      unavailable: props.type === \"choice\" && child.props.unavailable,\n    })\n  );\n\n  const handleValueChange = (value: string & string[]) => {\n    if (props.type === \"filter\" || value !== \"\") {\n      props.onValueChange(value);\n    }\n  };\n\n  useEffect(() => {\n    if (props.type === \"choice\" && clonedChildren.length < MIN_CHOICE_OPTIONS) {\n      console.warn(\n        `Minimum number of chips should be ${MIN_CHOICE_OPTIONS} when using the \"choice\" type`\n      );\n    }\n  }, [clonedChildren, props.type]);\n\n  const chipGroupChildren = () => {\n    if (isChoiceProps(props)) {\n      return (\n        <RadixToggleGroup.Root\n          className={classes}\n          {...props}\n          aria-labelledby={title ? `${titleProps?.id ?? id}-label` : undefined}\n          onValueChange={handleValueChange}\n          type=\"single\"\n        >\n          {clonedChildren}\n        </RadixToggleGroup.Root>\n      );\n    }\n    return (\n      <RadixToggleGroup.Root\n        className={classes}\n        {...props}\n        aria-labelledby={title ? `${titleProps?.id ?? id}-label` : undefined}\n        onValueChange={handleValueChange}\n        type=\"multiple\"\n      >\n        {clonedChildren}\n      </RadixToggleGroup.Root>\n    );\n  };\n\n  return (\n    <div className={styles[`${rootClassName}--container`]}>\n      {title && (\n        <Heading\n          tag=\"h2\"\n          variant=\"subsection-100\"\n          {...titleProps}\n          id={`${titleProps?.id ?? id}-label`}\n        >\n          {title}\n        </Heading>\n      )}\n      {chipGroupChildren()}\n      {name && props.type === \"choice\" && <input type=\"hidden\" name={name} value={props.value} />}\n    </div>\n  );\n};\n\nChipGroup.Item = ChipGroupItem;\n\nChipGroup.displayName = \"ChipGroup\";\n"],"names":["NAME","Toggle","React","props","forwardedRef","pressedProp","defaultPressed","onPressedChange","buttonProps","pressed","setPressed","useControllableState","jsx","Primitive","composeEventHandlers","TOGGLE_GROUP_NAME","createToggleGroupContext","createContextScope","createRovingFocusGroupScope","useRovingFocusGroupScope","ToggleGroup","type","toggleGroupProps","singleProps","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","ToggleGroupValueProvider","useToggleGroupValueContext","valueProp","defaultValue","onValueChange","toggleGroupSingleProps","value","setValue","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","value2","ToggleGroupContext","useToggleGroupContext","__scopeToggleGroup","disabled","rovingFocus","orientation","dir","loop","rovingFocusGroupScope","direction","useDirection","commonProps","RovingFocusGroup.Root","ITEM_NAME","ToggleGroupItem","valueContext","context","ref","RovingFocusGroup.Item","ToggleGroupItemImpl","itemProps","typeProps","Root2","Item2","cx","c","styles","rootClassName","ChipGroupItem","allyLabel","children","className","dataTestId","showCheckmark","unavailable","classes","handleClick","e","jsxs","RadixToggleGroup.Item","IconCheckmark","isChipGroupItem","child","isValidElement","isChoiceProps","MIN_CHOICE_OPTIONS","ChipGroup","fullWidth","title","titleProps","name","id","useId","chipGroupItemChildren","Children","clonedChildren","cloneElement","handleValueChange","useEffect","chipGroupChildren","RadixToggleGroup.Root","Heading"],"mappings":"8kBAQA,IAAIA,EAAO,SACPC,EAASC,EAAM,WAAW,CAACC,EAAOC,IAAiB,CACrD,KAAM,CAAE,QAASC,EAAa,eAAAC,EAAgB,gBAAAC,EAAiB,GAAGC,CAAW,EAAKL,EAC5E,CAACM,EAASC,CAAU,EAAIC,uBAAqB,CACjD,KAAMN,EACN,SAAUE,EACV,YAAaD,GAAkB,GAC/B,OAAQN,CACZ,CAAG,EACD,OAAuBY,EAAAA,IACrBC,EAAAA,UAAU,OACV,CACE,KAAM,SACN,eAAgBJ,EAChB,aAAcA,EAAU,KAAO,MAC/B,gBAAiBN,EAAM,SAAW,GAAK,OACvC,GAAGK,EACH,IAAKJ,EACL,QAASU,EAAAA,qBAAqBX,EAAM,QAAS,IAAM,CAC5CA,EAAM,UACTO,EAAW,CAACD,CAAO,CAEvB,CAAC,CACP,CACA,CACA,CAAC,EACDR,EAAO,YAAcD,ECtBrB,IAAIe,EAAoB,cACpB,CAACC,CAAgD,EAAIC,EAAAA,mBAAmBF,EAAmB,CAC7FG,EAAAA,2BACF,CAAC,EACGC,EAA2BD,EAAAA,4BAA2B,EACtDE,EAAclB,EAAM,WAAW,CAACC,EAAOC,IAAiB,CAC1D,KAAM,CAAE,KAAAiB,EAAM,GAAGC,CAAgB,EAAKnB,EACtC,GAAIkB,IAAS,SAAU,CACrB,MAAME,EAAcD,EACpB,OAAuBV,EAAAA,IAAIY,EAAuB,CAAE,GAAGD,EAAa,IAAKnB,EAAc,CACzF,CACA,GAAIiB,IAAS,WAAY,CACvB,MAAMI,EAAgBH,EACtB,OAAuBV,EAAAA,IAAIc,EAAyB,CAAE,GAAGD,EAAe,IAAKrB,EAAc,CAC7F,CACA,MAAM,IAAI,MAAM,uCAAuCW,CAAiB,IAAI,CAC9E,CAAC,EACDK,EAAY,YAAcL,EAC1B,GAAI,CAACY,EAA0BC,CAA0B,EAAIZ,EAAyBD,CAAiB,EACnGS,EAAwBtB,EAAM,WAAW,CAACC,EAAOC,IAAiB,CACpE,KAAM,CACJ,MAAOyB,EACP,aAAAC,EACA,cAAAC,EAAgB,IAAM,CACtB,EACA,GAAGC,CACP,EAAM7B,EACE,CAAC8B,EAAOC,CAAQ,EAAIvB,uBAAqB,CAC7C,KAAMkB,EACN,YAAaC,GAAgB,GAC7B,SAAUC,EACV,OAAQhB,CACZ,CAAG,EACD,OAAuBH,EAAAA,IACrBe,EACA,CACE,MAAOxB,EAAM,mBACb,KAAM,SACN,MAAOD,EAAM,QAAQ,IAAM+B,EAAQ,CAACA,CAAK,EAAI,CAAA,EAAI,CAACA,CAAK,CAAC,EACxD,eAAgBC,EAChB,iBAAkBhC,EAAM,YAAY,IAAMgC,EAAS,EAAE,EAAG,CAACA,CAAQ,CAAC,EAClE,SAA0BtB,EAAAA,IAAIuB,EAAiB,CAAE,GAAGH,EAAwB,IAAK5B,CAAY,CAAE,CACrG,CACA,CACA,CAAC,EACGsB,EAA0BxB,EAAM,WAAW,CAACC,EAAOC,IAAiB,CACtE,KAAM,CACJ,MAAOyB,EACP,aAAAC,EACA,cAAAC,EAAgB,IAAM,CACtB,EACA,GAAGK,CACP,EAAMjC,EACE,CAAC8B,EAAOC,CAAQ,EAAIvB,uBAAqB,CAC7C,KAAMkB,EACN,YAAaC,GAAgB,CAAA,EAC7B,SAAUC,EACV,OAAQhB,CACZ,CAAG,EACKsB,EAAuBnC,EAAM,YAChCoC,GAAcJ,EAAS,CAACK,EAAY,CAAA,IAAO,CAAC,GAAGA,EAAWD,CAAS,CAAC,EACrE,CAACJ,CAAQ,CACb,EACQM,EAAyBtC,EAAM,YAClCoC,GAAcJ,EAAS,CAACK,EAAY,CAAA,IAAOA,EAAU,OAAQE,GAAWA,IAAWH,CAAS,CAAC,EAC9F,CAACJ,CAAQ,CACb,EACE,OAAuBtB,EAAAA,IACrBe,EACA,CACE,MAAOxB,EAAM,mBACb,KAAM,WACN,MAAA8B,EACA,eAAgBI,EAChB,iBAAkBG,EAClB,SAA0B5B,EAAAA,IAAIuB,EAAiB,CAAE,GAAGC,EAA0B,IAAKhC,CAAY,CAAE,CACvG,CACA,CACA,CAAC,EACDgB,EAAY,YAAcL,EAC1B,GAAI,CAAC2B,EAAoBC,CAAqB,EAAI3B,EAAyBD,CAAiB,EACxFoB,EAAkBjC,EAAM,WAC1B,CAACC,EAAOC,IAAiB,CACvB,KAAM,CACJ,mBAAAwC,EACA,SAAAC,EAAW,GACX,YAAAC,EAAc,GACd,YAAAC,EACA,IAAAC,EACA,KAAAC,EAAO,GACP,GAAG3B,CACT,EAAQnB,EACE+C,EAAwB/B,EAAyByB,CAAkB,EACnEO,EAAYC,EAAAA,aAAaJ,CAAG,EAC5BK,EAAc,CAAE,KAAM,QAAS,IAAKF,EAAW,GAAG7B,CAAgB,EACxE,OAAuBV,EAAAA,IAAI8B,EAAoB,CAAE,MAAOE,EAAoB,YAAAE,EAAa,SAAAD,EAAU,SAAUC,EAA8BlC,EAAAA,IACzI0C,EAAAA,KACA,CACE,QAAS,GACT,GAAGJ,EACH,YAAAH,EACA,IAAKI,EACL,KAAAF,EACA,SAA0BrC,EAAAA,IAAIC,YAAU,IAAK,CAAE,GAAGwC,EAAa,IAAKjD,CAAY,CAAE,CAC1F,CACA,EAAwBQ,EAAAA,IAAIC,EAAAA,UAAU,IAAK,CAAE,GAAGwC,EAAa,IAAKjD,CAAY,CAAE,EAAG,CACjF,CACF,EACImD,EAAY,kBACZC,EAAkBtD,EAAM,WAC1B,CAACC,EAAOC,IAAiB,CACvB,MAAMqD,EAAe7B,EAA2B2B,EAAWpD,EAAM,kBAAkB,EAC7EuD,EAAUf,EAAsBY,EAAWpD,EAAM,kBAAkB,EACnE+C,EAAwB/B,EAAyBhB,EAAM,kBAAkB,EACzEM,EAAUgD,EAAa,MAAM,SAAStD,EAAM,KAAK,EACjD0C,EAAWa,EAAQ,UAAYvD,EAAM,SACrCkD,EAAc,CAAE,GAAGlD,EAAO,QAAAM,EAAS,SAAAoC,CAAQ,EAC3Cc,EAAMzD,EAAM,OAAO,IAAI,EAC7B,OAAOwD,EAAQ,YAA8B9C,EAAAA,IAC3CgD,EAAAA,KACA,CACE,QAAS,GACT,GAAGV,EACH,UAAW,CAACL,EACZ,OAAQpC,EACR,IAAAkD,EACA,SAA0B/C,EAAAA,IAAIiD,EAAqB,CAAE,GAAGR,EAAa,IAAKjD,CAAY,CAAE,CAChG,CACA,EAAwBQ,EAAAA,IAAIiD,EAAqB,CAAE,GAAGR,EAAa,IAAKjD,EAAc,CACpF,CACF,EACAoD,EAAgB,YAAcD,EAC9B,IAAIM,EAAsB3D,EAAM,WAC9B,CAACC,EAAOC,IAAiB,CACvB,KAAM,CAAE,mBAAAwC,EAAoB,MAAAX,EAAO,GAAG6B,CAAS,EAAK3D,EAC9CsD,EAAe7B,EAA2B2B,EAAWX,CAAkB,EACvErB,EAAc,CAAE,KAAM,QAAS,eAAgBpB,EAAM,QAAS,eAAgB,MAAM,EACpF4D,EAAYN,EAAa,OAAS,SAAWlC,EAAc,OACjE,OAAuBX,EAAAA,IACrBX,EACA,CACE,GAAG8D,EACH,GAAGD,EACH,IAAK1D,EACL,gBAAkBK,GAAY,CACxBA,EACFgD,EAAa,eAAexB,CAAK,EAEjCwB,EAAa,iBAAiBxB,CAAK,CAEvC,CACR,CACA,CACE,CACF,EACI+B,EAAQ5C,EACR6C,EAAQT,ihBCxINU,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EACXC,EAAgB,yBAEhBC,EAAgB,CAAC,CAC5B,CAAC,cAAeC,EAChB,SAAAC,EACA,UAAAC,EACA,CAAC,eAAgBC,EACjB,SAAA7B,EAAW,GACX,cAAA8B,EAAgB,GAChB,YAAAC,EAAc,GACd,MAAA3C,EACA,GAAG9B,CACL,IAA0B,CACxB,MAAM0E,EAAUX,EAAG,CACjBG,EACA,CACE,CAAC,GAAGA,CAAa,YAAY,EAAGxB,EAChC,CAAC,GAAGwB,CAAa,eAAe,EAAGO,CAAA,EAErCH,CAAA,CACD,EAEKK,EAAeC,GAAqC,CACpDlC,GACFkC,EAAE,eAAA,CAEN,EAEA,OACEC,EAAAA,KAACC,EAAA,CACC,aAAYV,EACZ,cAAaG,EACb,UAAW,GAAGG,CAAO,IAAIR,CAAa,GACtC,MAAApC,EACA,QAAS6C,EACT,gBAAejC,EACd,GAAG1C,EAEH,SAAA,CAAAqE,EACAG,GACC/D,EAAAA,IAACsE,EAAAA,EAAA,CACC,KAAK,KACL,UAAWhB,EAAG,GAAGG,CAAa,kBAAkB,EAChD,cAAY,gBAAA,CAAA,EAGfO,GACChE,EAAAA,IAAC,OAAA,CACC,UAAWsD,EAAG,GAAGG,CAAa,gBAAgB,EAC9C,cAAY,0BAAA,CAAA,CACd,CAAA,CAAA,CAIR,EAEac,EAAmBC,GAC9BC,EAAAA,eAAmCD,CAAK,GAAKA,GAAO,OAASd,ECdzDgB,EACJnF,GACkCA,EAAM,OAAS,SAM7CoF,EAAqB,EAErBrB,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,oBAETmB,EAET,CAAC,CAAE,SAAAhB,EAAU,UAAAC,EAAW,UAAAgB,EAAY,GAAO,MAAAC,EAAO,WAAAC,EAAY,KAAAC,EAAM,GAAGzF,CAAA,IAAY,CACrF,MAAM0E,EAAUX,EAAG,CACjBG,EACA,CACE,CAAC,GAAGA,CAAa,cAAc,EAAGoB,CAAA,EAEpChB,CAAA,CACD,EAEKoB,EAAKC,EAAAA,MAAA,EAELC,EAAwBC,EAAAA,SAAS,QAAQxB,CAAQ,EAAE,OAAOW,CAAe,EAEzEc,EAAiBD,EAAAA,SAAS,IAAID,EAAwBX,GAC1Dc,EAAAA,aAAad,EAAO,CAClB,cAAejF,EAAM,OAAS,UAAYA,EAAM,MAAM,SAASiF,EAAM,MAAM,KAAK,EAChF,YAAajF,EAAM,OAAS,UAAYiF,EAAM,MAAM,WAAA,CACrD,CAAA,EAGGe,EAAqBlE,GAA6B,EAClD9B,EAAM,OAAS,UAAY8B,IAAU,KACvC9B,EAAM,cAAc8B,CAAK,CAE7B,EAEAmE,EAAAA,UAAU,IAAM,CACVjG,EAAM,OAAS,UAAY8F,EAAe,OAASV,GACrD,QAAQ,KACN,qCAAqCA,CAAkB,+BAAA,CAG7D,EAAG,CAACU,EAAgB9F,EAAM,IAAI,CAAC,EAE/B,MAAMkG,EAAoB,IACpBf,EAAcnF,CAAK,EAEnBS,EAAAA,IAAC0F,EAAA,CACC,UAAWzB,EACV,GAAG1E,EACJ,kBAAiBuF,EAAQ,GAAGC,GAAY,IAAME,CAAE,SAAW,OAC3D,cAAeM,EACf,KAAK,SAEJ,SAAAF,CAAA,CAAA,EAKLrF,EAAAA,IAAC0F,EAAA,CACC,UAAWzB,EACV,GAAG1E,EACJ,kBAAiBuF,EAAQ,GAAGC,GAAY,IAAME,CAAE,SAAW,OAC3D,cAAeM,EACf,KAAK,WAEJ,SAAAF,CAAA,CAAA,EAKP,cACG,MAAA,CAAI,UAAW7B,EAAO,GAAGC,CAAa,aAAa,EACjD,SAAA,CAAAqB,GACC9E,EAAAA,IAAC2F,EAAAA,QAAA,CACC,IAAI,KACJ,QAAQ,iBACP,GAAGZ,EACJ,GAAI,GAAGA,GAAY,IAAME,CAAE,SAE1B,SAAAH,CAAA,CAAA,EAGJW,EAAA,EACAT,GAAQzF,EAAM,OAAS,UAAYS,EAAAA,IAAC,QAAA,CAAM,KAAK,SAAS,KAAAgF,EAAY,MAAOzF,EAAM,KAAA,CAAO,CAAA,EAC3F,CAEJ,EAEAqF,EAAU,KAAOlB,EAEjBkB,EAAU,YAAc","x_google_ignoreList":[0,1]}

package/dist/chip-group.cjs.js

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

package/dist/chip-group.cjs.js.map

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

package/dist/chip-group.d.ts

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

package/dist/chip-group.d.ts.map

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

package/dist/chip-group.es.js

@@ -0,0 +1,5 @@
+import { C as r } from "./chip-group-CJVvfl_J.mjs";
+export {
+  r as ChipGroup
+};
+//# sourceMappingURL=chip-group.es.js.map

package/dist/chip-group.es.js.map

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

package/dist/close.es-BPmk2wkU.mjs

@@ -0,0 +1,13 @@
+import { jsx as l } from "react/jsx-runtime";
+import { b as e } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
+const r = {
+  name: "close",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
+  keywords: ["close"],
+  category: "utility"
+}, s = (o) => /* @__PURE__ */ l(e, { ...o, svg: r });
+s.displayName = "IconClose";
+export {
+  s as r
+};
+//# sourceMappingURL=close.es-BPmk2wkU.mjs.map

package/dist/close.es-BPmk2wkU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"close.es-BPmk2wkU.mjs","sources":["../../../components/icon/dist/components/close.es.js"],"sourcesContent":["import { jsx as l } from \"react/jsx-runtime\";\nimport { I as e } from \"../icon-DNHpBTHs.mjs\";\nconst s = {\n  name: \"close\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"close\"],\n  category: \"utility\"\n}, r = (o) => /* @__PURE__ */ l(e, { ...o, svg: s });\nr.displayName = \"IconClose\";\nexport {\n  r as IconClose\n};\n//# sourceMappingURL=close.es.js.map\n"],"names":["s","r","l","e"],"mappings":";;AAEK,MAACA,IAAI;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU,CAAC,OAAO;AAAA,EAClB,UAAU;AACZ,GAAGC,IAAI,CAAC,MAAsBC,gBAAAA,EAAEC,GAAG,EAAE,GAAG,GAAG,KAAKH,EAAC,CAAE;AACnDC,EAAE,cAAc;"}

package/dist/close.es-VL3lKi1O.js

@@ -0,0 +1,2 @@
+"use strict";const l=require("react/jsx-runtime"),o=require("./icon-DNHpBTHs-faYHqTXU.js"),r={name:"close",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["close"],category:"utility"},e=s=>l.jsx(o.b,{...s,svg:r});e.displayName="IconClose";exports.r=e;
+//# sourceMappingURL=close.es-VL3lKi1O.js.map

package/dist/close.es-VL3lKi1O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close.es-VL3lKi1O.js","sources":["../../../components/icon/dist/components/close.es.js"],"sourcesContent":["import { jsx as l } from \"react/jsx-runtime\";\nimport { I as e } from \"../icon-DNHpBTHs.mjs\";\nconst s = {\n  name: \"close\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"close\"],\n  category: \"utility\"\n}, r = (o) => /* @__PURE__ */ l(e, { ...o, svg: s });\nr.displayName = \"IconClose\";\nexport {\n  r as IconClose\n};\n//# sourceMappingURL=close.es.js.map\n"],"names":["s","r","o","l","e"],"mappings":"2FAEMA,EAAI,CACR,KAAM,QACN,IAAK,8VACL,SAAU,CAAC,OAAO,EAClB,SAAU,SACZ,EAAGC,EAAKC,GAAsBC,EAAAA,IAAEC,EAAAA,EAAG,CAAE,GAAGF,EAAG,IAAKF,CAAC,CAAE,EACnDC,EAAE,YAAc"}

package/dist/color-dot-6Mxngvce.mjs

@@ -0,0 +1,34 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as s } from "./bind-CU-R61T-.mjs";
+const _ = {
+  "purpur-color-dot": "_purpur-color-dot_1n98k_1",
+  "purpur-color-dot--xs": "_purpur-color-dot--xs_1n98k_6",
+  "purpur-color-dot--sm": "_purpur-color-dot--sm_1n98k_9",
+  "purpur-color-dot--md": "_purpur-color-dot--md_1n98k_12",
+  "purpur-color-dot--lg": "_purpur-color-dot--lg_1n98k_15",
+  "purpur-color-dot--with-border": "_purpur-color-dot--with-border_1n98k_18"
+}, n = s.bind(_), o = "purpur-color-dot", e = ["xs", "sm", "md", "lg"], i = ({
+  color: r,
+  size: p,
+  withBorder: t,
+  className: u,
+  style: c = {},
+  ...d
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    ...d,
+    className: n(u, o, `${o}--${p}`, {
+      [`${o}--with-border`]: t
+    }),
+    style: {
+      ...c,
+      backgroundColor: r
+    }
+  }
+);
+export {
+  e as C,
+  i as a
+};
+//# sourceMappingURL=color-dot-6Mxngvce.mjs.map

package/dist/color-dot-6Mxngvce.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-dot-6Mxngvce.mjs","sources":["../../../components/color-dot/src/color-dot.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./color-dot.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-color-dot\";\n\nexport const COLOR_DOT_SIZE = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\n\nexport type ColorDotSize = (typeof COLOR_DOT_SIZE)[number];\n\nexport type ColorDotProps = Omit<BaseProps, \"children\"> & {\n  color: string;\n  size: ColorDotSize;\n  withBorder?: boolean;\n};\n\nexport const ColorDot = ({\n  color,\n  size,\n  withBorder,\n  className,\n  style = {},\n  ...props\n}: ColorDotProps) => (\n  <div\n    {...props}\n    className={cx(className, rootClassName, `${rootClassName}--${size}`, {\n      [`${rootClassName}--with-border`]: withBorder,\n    })}\n    style={{\n      ...style,\n      backgroundColor: color,\n    }}\n  />\n);\n"],"names":["cx","c","styles","rootClassName","COLOR_DOT_SIZE","ColorDot","color","size","withBorder","className","style","props","jsx"],"mappings":";;;;;;;;;GAMMA,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,oBAETC,IAAiB,CAAC,MAAM,MAAM,MAAM,IAAI,GAUxCC,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,GAAGC;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGD;AAAA,IACJ,WAAWX,EAAGS,GAAWN,GAAe,GAAGA,CAAa,KAAKI,CAAI,IAAI;AAAA,MACnE,CAAC,GAAGJ,CAAa,eAAe,GAAGK;AAAA,IAAA,CACpC;AAAA,IACD,OAAO;AAAA,MACL,GAAGE;AAAA,MACH,iBAAiBJ;AAAA,IAAA;AAAA,EACnB;AACF;"}

package/dist/color-dot-B9w_ucWb.js

@@ -0,0 +1,2 @@
+"use strict";const d=require("react/jsx-runtime"),l=require("./bind-DeUYJ6m9.js"),_={"purpur-color-dot":"_purpur-color-dot_1n98k_1","purpur-color-dot--xs":"_purpur-color-dot--xs_1n98k_6","purpur-color-dot--sm":"_purpur-color-dot--sm_1n98k_9","purpur-color-dot--md":"_purpur-color-dot--md_1n98k_12","purpur-color-dot--lg":"_purpur-color-dot--lg_1n98k_15","purpur-color-dot--with-border":"_purpur-color-dot--with-border_1n98k_18"},n=l.c.bind(_),o="purpur-color-dot",e=["xs","sm","md","lg"],i=({color:r,size:t,withBorder:u,className:p,style:c={},...s})=>d.jsx("div",{...s,className:n(p,o,`${o}--${t}`,{[`${o}--with-border`]:u}),style:{...c,backgroundColor:r}});exports.COLOR_DOT_SIZE=e;exports.ColorDot=i;
+//# sourceMappingURL=color-dot-B9w_ucWb.js.map

package/dist/color-dot-B9w_ucWb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-dot-B9w_ucWb.js","sources":["../../../components/color-dot/src/color-dot.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./color-dot.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-color-dot\";\n\nexport const COLOR_DOT_SIZE = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\n\nexport type ColorDotSize = (typeof COLOR_DOT_SIZE)[number];\n\nexport type ColorDotProps = Omit<BaseProps, \"children\"> & {\n  color: string;\n  size: ColorDotSize;\n  withBorder?: boolean;\n};\n\nexport const ColorDot = ({\n  color,\n  size,\n  withBorder,\n  className,\n  style = {},\n  ...props\n}: ColorDotProps) => (\n  <div\n    {...props}\n    className={cx(className, rootClassName, `${rootClassName}--${size}`, {\n      [`${rootClassName}--with-border`]: withBorder,\n    })}\n    style={{\n      ...style,\n      backgroundColor: color,\n    }}\n  />\n);\n"],"names":["cx","c","styles","rootClassName","COLOR_DOT_SIZE","ColorDot","color","size","withBorder","className","style","props","jsx"],"mappings":"6aAMMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,mBAETC,EAAiB,CAAC,KAAM,KAAM,KAAM,IAAI,EAUxCC,EAAW,CAAC,CACvB,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,GAAGC,CACL,IACEC,EAAAA,IAAC,MAAA,CACE,GAAGD,EACJ,UAAWX,EAAGS,EAAWN,EAAe,GAAGA,CAAa,KAAKI,CAAI,GAAI,CACnE,CAAC,GAAGJ,CAAa,eAAe,EAAGK,CAAA,CACpC,EACD,MAAO,CACL,GAAGE,EACH,gBAAiBJ,CAAA,CACnB,CACF"}

package/dist/color-dot.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./color-dot-B9w_ucWb.js");exports.COLOR_DOT_SIZE=o.COLOR_DOT_SIZE;exports.ColorDot=o.ColorDot;
+//# sourceMappingURL=color-dot.cjs.js.map

package/dist/color-dot.cjs.js.map

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

package/dist/color-dot.d.ts

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

package/dist/color-dot.d.ts.map

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

package/dist/color-dot.es.js

@@ -0,0 +1,6 @@
+import { C as r, a as C } from "./color-dot-6Mxngvce.mjs";
+export {
+  r as COLOR_DOT_SIZE,
+  C as ColorDot
+};
+//# sourceMappingURL=color-dot.es.js.map

package/dist/color-dot.es.js.map

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

package/dist/common-types/LICENSE.txt

@@ -0,0 +1 @@
+No third parties dependencies

package/dist/common-types/common-types.cjs.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=common-types.cjs.js.map

package/dist/common-types/common-types.cjs.js.map

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

package/dist/common-types/common-types.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef, JSX } from 'react';
+type WithoutChildren<T> = Omit<T, "children">;
+export type BaseProps<T extends keyof JSX.IntrinsicElements = "div"> = T extends "input" ? WithoutChildren<ComponentPropsWithRef<T>> & {
+    [key: `data-${string}`]: string | undefined;
+} : ComponentPropsWithRef<T> & {
+    [key: `data-${string}`]: string | undefined;
+};
+export {};
+//# sourceMappingURL=common-types.d.ts.map

package/dist/common-types/common-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-types.d.ts","sourceRoot":"","sources":["../src/common-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAExD,KAAK,eAAe,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AAE9C,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,IAAI,CAAC,SAAS,OAAO,GACpF,eAAe,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IAC1C,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7C,GACD,qBAAqB,CAAC,CAAC,CAAC,GAAG;IACzB,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7C,CAAC"}

package/dist/common-types/common-types.es.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=common-types.es.js.map

package/dist/common-types/common-types.es.js.map

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