@reapit/elements 5.0.0-beta.49 → 5.0.0-beta.50

package/dist/types/core/chip-select/chip/chip.d.ts

@@ -1,10 +1,12 @@
-import type { ChangeEventHandler, InputHTMLAttributes, ReactNode } from 'react';
-type AttributesToOmit = 'size' | 'type';
+import type { ChangeEventHandler, MouseEventHandler, InputHTMLAttributes, ReactNode } from 'react';
+type AttributesToOmit = 'onClick' | 'size' | 'type';
 export interface ChipSelectChipProps extends Omit<InputHTMLAttributes<HTMLInputElement>, AttributesToOmit> {
     /** The accessible name of the chip. Should be considered mandatory when no visual label is provided. */
     'aria-label'?: string;
     /** The visual label of the chip. */
     children?: ReactNode;
+    /** Whether the chip is disabled. Disabled chips, even if checked, will not be submitted. */
+    disabled?: boolean;
     /**
      * The icon of the chip. All chips in the same chip select should either have an icon or not.
      * If there is no visual label provided via `children`, the icon should be considered mandatory.
@@ -21,8 +23,12 @@ export interface ChipSelectChipProps extends Omit<InputHTMLAttributes<HTMLInputE
     name?: string;
     /** Callback called when the chip's checked state changes. */
     onChange?: ChangeEventHandler<HTMLInputElement>;
+    /** Callback called when the chip is clicked. */
+    onClick?: MouseEventHandler<HTMLLabelElement>;
     /** Whether the label of the chip should be truncated if it is too long */
     overflow?: 'truncate';
+    /** Whether the chip is read-only. */
+    readOnly?: boolean;
     /** The size of the chip. All chips in the same chip select should have the same size. */
     size: 'small' | 'medium' | 'large';
     /** The value of the form control. */

package/dist/types/core/chip-select/chip/chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"/","sources":["core/chip-select/chip/chip.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAK/E,KAAK,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAA;AAEvC,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACxG,wGAAwG;IACxG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;IAC7B,sFAAsF;IACtF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC/C,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB,yFAAyF;IACzF,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,qCAAqC;IACrC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAA;CACtD;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,kHAoC1B,CAAA"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"/","sources":["core/chip-select/chip/chip.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMlG,KAAK,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAEnD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACxG,wGAAwG;IACxG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,UAAU,MAAM,EAAE,CAAA;IAC7B,sFAAsF;IACtF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC/C,gDAAgD;IAChD,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yFAAyF;IACzF,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,qCAAqC;IACrC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAA;CACtD;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,kHAqE1B,CAAA"}

package/dist/types/core/chip-select/chip/chip.stories.d.ts

@@ -75,7 +75,13 @@ export declare const Sizes: Story;
  */
 export declare const Selected: Story;
 /**
- * Chips can also be disabled. Importantly, disabled chips do not participate in form submission.
+ * Chips can be read-only. When they are, they will still be focusable and, if checked, will participate
+ * in form submission, but their checked state will not be changed when clicked or activated.
+ */
+export declare const ReadOnly: Story;
+/**
+ * Chips can also be disabled. While they look the same as readonly chips, disabled chips do not
+ * participate in form submission.
  */
 export declare const Disabled: Story;
 /**

package/dist/types/core/chip-select/chip/chip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.stories.d.ts","sourceRoot":"/","sources":["core/chip-select/chip/chip.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqC6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAuBnB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAmB1B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA"}
+{"version":3,"file":"chip.stories.d.ts","sourceRoot":"/","sources":["core/chip-select/chip/chip.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqC6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAuBnB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAmB1B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA"}

package/dist/types/core/chip-select/chip/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/chip-select/chip/styles.ts"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC7B,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CAC1C;AAED,eAAO,MAAM,gBAAgB,6KA+D5B,CAAA;AAED,eAAO,MAAM,qBAAqB,8KAYjC,CAAA;AAED,eAAO,MAAM,6BAA6B,uKAyCzC,CAAA;AAED,UAAU,8BAA8B;IACtC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAA;CACxC;AAED,eAAO,MAAM,yBAAyB,+KAyBrC,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/chip-select/chip/styles.ts"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC7B,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CAC1C;AAED,eAAO,MAAM,gBAAgB,6KAmE5B,CAAA;AAED,eAAO,MAAM,qBAAqB,8KAYjC,CAAA;AAED,eAAO,MAAM,6BAA6B,uKAyCzC,CAAA;AAED,UAAU,8BAA8B;IACtC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAA;CACxC;AAED,eAAO,MAAM,yBAAyB,+KAyBrC,CAAA"}

package/dist/types/core/chip-select/chip-select.d.ts

@@ -1,3 +1,4 @@
+import { useChipSelectContext } from './context';
 import type { HTMLAttributes, ReactNode } from 'react';
 export interface ChipSelectProps extends HTMLAttributes<HTMLDivElement> {
     /** The chip select items. */
@@ -30,10 +31,16 @@ export interface ChipSelectProps extends HTMLAttributes<HTMLDivElement> {
  * both single-select and multi-select modes depending on the use case. Importantly, single-select
  * behaviour in controlled scenarios (that is, where the checked state of each option is controlled
  * by the consumer) must be handled by the consumers given they are responsible for the state.
+ *
+ * See [ChipSelect x Formik](https://codesandbox.io/p/sandbox/eloquent-julien-hkgfgy)
+ * and [ChipSelect x React Hook Form](https://codesandbox.io/p/sandbox/strange-lederberg-thzzwv)
+ * for integration examples with popular form state management libraries.
  */
 export declare function ChipSelect({ children, form, flow, multiple, name, overflow, size, ...rest }: ChipSelectProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ChipSelect {
     var Option: import("react").ForwardRefExoticComponent<Omit<import("./chip-select-option").ChipSelectOptionProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
     var determineNextControlledState: typeof import("./chip").determineNextControlledState;
+    var Context: import("react").Context<import("./context").ChipSelectContextType | null>;
+    var useContext: typeof useChipSelectContext;
 }
 //# sourceMappingURL=chip-select.d.ts.map

package/dist/types/core/chip-select/chip-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-select.d.ts","sourceRoot":"/","sources":["core/chip-select/chip-select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,6BAA6B;IAC7B,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACxB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,6CAA6C;IAC7C,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACnC;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,IAAa,EACb,QAAgB,EAChB,IAAI,EACJ,QAAoB,EACpB,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,eAAe,2CAQjB;yBAjBe,UAAU"}
+{"version":3,"file":"chip-select.d.ts","sourceRoot":"/","sources":["core/chip-select/chip-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAK9F,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,6BAA6B;IAC7B,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACxB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,6CAA6C;IAC7C,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACnC;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,IAAa,EACb,QAAgB,EAChB,IAAI,EACJ,QAAoB,EACpB,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,eAAe,2CAQjB;yBAjBe,UAAU"}

package/dist/types/core/chip-select/chip-select.stories.d.ts

@@ -43,10 +43,12 @@ export declare const MultiSelect: Story;
  * single-select behaviour, however, manual intervention will be required. To assist with this, the
  * `ChipSelect.determineNextControlledState` helper is provided.
  *
- * Whether single- or multi-select behaviour is desired, the controlled state must be an array.
- *
- * This example demonstrates a controlled usage of the `ChipSelect` via simple local component state
- * (`useState`) and `ChipSelect.determineNextControlledState`.
+ * Whether single- or multi-select behaviour is desired, the controlled state must be an array of
+ * string values. The example here demonstrates a controlled usage of the `ChipSelect` via simple
+ * local component state (`useState`) and `ChipSelect.determineNextControlledState`. Examples that
+ * demonstrate integration with [Formik](https://codesandbox.io/p/sandbox/eloquent-julien-hkgfgy)
+ * and [React Hook Form](https://codesandbox.io/p/sandbox/strange-lederberg-thzzwv)
+ * are also available.
  */
 export declare const Controlled: Story;
 /**

package/dist/types/core/chip-select/chip-select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-select.stories.d.ts","sourceRoot":"/","sources":["core/chip-select/chip-select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAK1C,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEtE,QAAA,MAAM,IAAI;;;;;;;;;;;;CAoByB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAUlC;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,EAAE,KA6BrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAwCxB,CAAA"}
+{"version":3,"file":"chip-select.stories.d.ts","sourceRoot":"/","sources":["core/chip-select/chip-select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAK1C,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEtE,QAAA,MAAM,IAAI;;;;;;;;;;;;CAoByB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAUlC;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,EAAE,KA6BrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAwCxB,CAAA"}

package/dist/types/core/chip-select/index.d.ts

@@ -1,5 +1,6 @@
 export * from './chip';
 export * from './chip-select';
 export * from './chip-select-option';
+export * from './context';
 export * from './styles';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/core/chip-select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/chip-select/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/chip-select/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reapit/elements",
-  "version": "5.0.0-beta.49",
+  "version": "5.0.0-beta.50",
   "description": "A collection of React components and utilities for building apps for Reapit Marketplace",
   "homepage": "https://github.com/reapit/elements#readme",
   "bugs": {

package/dist/js/chip-select-B8ZDgEKn.cjs

@@ -1 +0,0 @@
-"use strict";const c=require("react/jsx-runtime"),a=require("react"),r=require("./index-Dmlb2--K.cjs"),f=r.styled_default("label")({name:"ElChipSelectChip",class:"el-chip-select-chip",propsAsIs:!1}),x=r.styled_default("input")({name:"ElChipSelectChipInput",class:"el-chip-select-chip-input",propsAsIs:!1}),S=r.styled_default("span")({name:"ElChipSelectChipIconContainer",class:"el-chip-select-chip-icon-container",propsAsIs:!1}),m=r.styled_default("span")({name:"ElChipSelectChipLabelText",class:"el-chip-select-chip-label-text",propsAsIs:!1});function E(e){return e.dataset.exclusive==="true"}function k(e){const t=e.form,l=e.name;if(E(e)&&t&&l){const i=t.elements.namedItem(l);i instanceof RadioNodeList&&i.forEach(s=>{e!==s&&s.checked&&(s.checked=!1)})}}const C=a.forwardRef(({"aria-label":e,children:t,icon:l,isExclusive:i=!1,maxWidth:s,onChange:n,overflow:p,size:h,...j},y)=>{const N=a.useCallback(o=>{o.currentTarget.checked&&k(o.currentTarget),n?.(o)},[n]);return c.jsxs(f,{"aria-label":e,"data-size":h,style:{maxWidth:s?`var(${s})`:void 0},children:[c.jsx(x,{...j,"data-exclusive":i,onChange:N,ref:y,type:"checkbox"}),l&&c.jsx(S,{"aria-hidden":!0,children:l}),t&&c.jsx(m,{"data-overflow":p,children:t})]})});C.displayName="ChipSelectOption";function v(e,t){const l=t.value;return t.checked?E(t)?[l]:[...e,l]:t.dataset.exclusive==="true"?[]:e.filter(i=>i!==l)}const b=a.createContext(null);function w({children:e,form:t,multiple:l,name:i,size:s}){return c.jsx(b.Provider,{value:{form:t,multiple:l,name:i,size:s},children:e})}function A(){const e=a.useContext(b);if(!e)throw new Error("useChipSelectContext must be used within a ChipSelect");return e}const u=a.forwardRef((e,t)=>{const{form:l,multiple:i,name:s,size:n}=A();return c.jsx(C,{...e,isExclusive:!i,form:l,name:s,ref:t,size:n})});u.displayName="ChipSelectOption";const I=r.styled_default("div")({name:"ElChipSelect",class:"el-chip-select",propsAsIs:!1});function d({children:e,form:t,flow:l="wrap",multiple:i=!1,name:s,overflow:n="visible",size:p,...h}){return c.jsx(I,{...h,"data-flow":l,"data-overflow":n,children:c.jsx(w,{form:t,multiple:i,name:s,size:p,children:e})})}d.Option=u;d.determineNextControlledState=v;exports.ChipSelect=d;exports.ChipSelectChip=C;exports.ChipSelectOption=u;exports.ElChipSelect=I;exports.ElChipSelectChip=f;exports.ElChipSelectChipIconContainer=S;exports.ElChipSelectChipInput=x;exports.ElChipSelectChipLabelText=m;exports.determineNextControlledState=v;

package/dist/js/chip-select-BOwvW9q_.js

@@ -1,114 +0,0 @@
-import { jsxs as v, jsx as a } from "react/jsx-runtime";
-import { forwardRef as h, useCallback as b, createContext as I, useContext as k } from "react";
-import { s as n } from "./index-YtxCR-9e.js";
-const N = /* @__PURE__ */ n("label")({
-  name: "ElChipSelectChip",
-  class: "el-chip-select-chip",
-  propsAsIs: !1
-}), w = /* @__PURE__ */ n("input")({
-  name: "ElChipSelectChipInput",
-  class: "el-chip-select-chip-input",
-  propsAsIs: !1
-}), A = /* @__PURE__ */ n("span")({
-  name: "ElChipSelectChipIconContainer",
-  class: "el-chip-select-chip-icon-container",
-  propsAsIs: !1
-}), g = /* @__PURE__ */ n("span")({
-  name: "ElChipSelectChipLabelText",
-  class: "el-chip-select-chip-label-text",
-  propsAsIs: !1
-});
-function C(e) {
-  return e.dataset.exclusive === "true";
-}
-function O(e) {
-  const t = e.form, s = e.name;
-  if (C(e) && t && s) {
-    const i = t.elements.namedItem(s);
-    i instanceof RadioNodeList && i.forEach((l) => {
-      e !== l && l.checked && (l.checked = !1);
-    });
-  }
-}
-const u = h(
-  ({ "aria-label": e, children: t, icon: s, isExclusive: i = !1, maxWidth: l, onChange: c, overflow: r, size: o, ...x }, S) => {
-    const E = b(
-      (p) => {
-        p.currentTarget.checked && O(p.currentTarget), c?.(p);
-      },
-      [c]
-    );
-    return /* @__PURE__ */ v(
-      N,
-      {
-        "aria-label": e,
-        "data-size": o,
-        style: { maxWidth: l ? `var(${l})` : void 0 },
-        children: [
-          /* @__PURE__ */ a(
-            w,
-            {
-              ...x,
-              "data-exclusive": i,
-              onChange: E,
-              ref: S,
-              type: "checkbox"
-            }
-          ),
-          s && /* @__PURE__ */ a(A, { "aria-hidden": !0, children: s }),
-          t && /* @__PURE__ */ a(g, { "data-overflow": r, children: t })
-        ]
-      }
-    );
-  }
-);
-u.displayName = "ChipSelectOption";
-function T(e, t) {
-  const s = t.value;
-  return t.checked ? C(t) ? [s] : [...e, s] : t.dataset.exclusive === "true" ? [] : e.filter((i) => i !== s);
-}
-const f = I(null);
-function y({ children: e, form: t, multiple: s, name: i, size: l }) {
-  return /* @__PURE__ */ a(f.Provider, { value: { form: t, multiple: s, name: i, size: l }, children: e });
-}
-function L() {
-  const e = k(f);
-  if (!e)
-    throw new Error("useChipSelectContext must be used within a ChipSelect");
-  return e;
-}
-const d = h((e, t) => {
-  const { form: s, multiple: i, name: l, size: c } = L();
-  return /* @__PURE__ */ a(u, { ...e, isExclusive: !i, form: s, name: l, ref: t, size: c });
-});
-d.displayName = "ChipSelectOption";
-const j = /* @__PURE__ */ n("div")({
-  name: "ElChipSelect",
-  class: "el-chip-select",
-  propsAsIs: !1
-});
-function m({
-  children: e,
-  form: t,
-  flow: s = "wrap",
-  multiple: i = !1,
-  name: l,
-  overflow: c = "visible",
-  size: r,
-  ...o
-}) {
-  return /* @__PURE__ */ a(j, { ...o, "data-flow": s, "data-overflow": c, children: /* @__PURE__ */ a(y, { form: t, multiple: i, name: l, size: r, children: e }) });
-}
-m.Option = d;
-m.determineNextControlledState = T;
-export {
-  u as C,
-  N as E,
-  w as a,
-  A as b,
-  g as c,
-  T as d,
-  m as e,
-  d as f,
-  j as g
-};