@new-black/lyra 1.0.8 → 1.0.10

package/dist/components/inputs/search-list-field/multi-search-list-field.stories.d.ts

@@ -18,6 +18,7 @@ export declare const Description: Story;
 export declare const ErrorMessage: Story;
 export declare const Optional: Story;
 export declare const Placeholder: Story;
+export declare const DisabledItems: Story;
 export declare const Controlled: Story;
 export declare const Uncontrolled: Story;
 /**

package/dist/components/inputs/search-list-field/multi-search-list-field.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-search-list-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-list-field/multi-search-list-field.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAYF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAIjD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;AAEzD,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AA4BF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAC;AAwCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AA2BF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC"}
+{"version":3,"file":"multi-search-list-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-list-field/multi-search-list-field.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAYF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAIjD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;AAEzD,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AA4BF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAC;AAwCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AA2BF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC"}

package/dist/components/inputs/search-list-field/search-list-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-list-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-list-field/search-list-field.tsx"],"names":[],"mappings":"AAuCA,OAAO,EACL,yBAAyB,EACzB,0CAA0C,EAG1C,oBAAoB,EACpB,qCAAqC,EAEtC,MAAM,0BAA0B,CAAC;AA0oBlC,eAAO,MAAM,eAAe,8aAuH3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,4bAsHhC,CAAC;AAEF,eAAO,MAAM,gCAAgC,sSA0F5C,CAAC;AAEF,eAAO,MAAM,qCAAqC,sTAyFjD,CAAC"}
+{"version":3,"file":"search-list-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-list-field/search-list-field.tsx"],"names":[],"mappings":"AAuCA,OAAO,EACL,yBAAyB,EACzB,0CAA0C,EAG1C,oBAAoB,EACpB,qCAAqC,EAEtC,MAAM,0BAA0B,CAAC;AA2rBlC,eAAO,MAAM,eAAe,8aAuH3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,4bAsHhC,CAAC;AAEF,eAAO,MAAM,gCAAgC,sSA0F5C,CAAC;AAEF,eAAO,MAAM,qCAAqC,sTAyFjD,CAAC"}

package/dist/components/inputs/search-list-field/search-list-field.stories.d.ts

@@ -18,6 +18,7 @@ export declare const Description: SearchListFieldStory;
 export declare const ErrorMessage: SearchListFieldStory;
 export declare const Optional: SearchListFieldStory;
 export declare const Placeholder: SearchListFieldStory;
+export declare const DisabledItems: SearchListFieldStory;
 /**
  * ```tsx
  * const ControlledComponent = () => {

package/dist/components/inputs/search-list-field/search-list-field.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-list-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-list-field/search-list-field.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAW,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAG5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;AAYnE,eAAO,MAAM,OAAO,EAAE,oBAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,oBAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,oBAMzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,oBAO1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,oBAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,oBAMzB,CAAC;AA4BF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,EAAE,oBAExB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,oBAY1B,CAAC;AAwCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,KAAK,EAAE,oBASnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,oBAM/B,CAAC;AA2BF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,UAAU,EAAE,oBAExB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,oBAWvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,oBAWrB,CAAC"}
+{"version":3,"file":"search-list-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-list-field/search-list-field.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAW,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAG5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;AAYnE,eAAO,MAAM,OAAO,EAAE,oBAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,oBAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,oBAMzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,oBAO1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,oBAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,oBAMzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,oBAM3B,CAAC;AA4BF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,EAAE,oBAExB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,oBAY1B,CAAC;AA0DF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,KAAK,EAAE,oBASnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,oBAM/B,CAAC;AA2BF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,UAAU,EAAE,oBAExB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,oBAWvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,oBAWrB,CAAC"}

package/dist/components/inputs/segmented-control/segmented-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAEV,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,EACL,OAAO,EAGP,gBAAgB,EAChB,YAAY,EAEb,MAAM,uBAAuB,CAAC;AAM/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAQvE,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC7D,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,IAAI,gBAAgB,GACpE,gBAAgB,GAChB,IAAI,CACF,YAAY,CAAC,CAAC,CAAC,EACb,cAAc,GACd,mBAAmB,GACnB,qBAAqB,GACrB,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,wBAAwB,GACxB,UAAU,GACV,OAAO,CACV,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA+FJ,eAAO,MAAM,gBAAgB;;yBApGL,MAAM,KAAK,IAAI;;;cAGzB,SAAS;;4IAiG2C,CAAC;AAInE,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IAC7F,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA2CF,eAAO,MAAM,oBAAoB;cA7CrB,SAAS;;4IA6CqD,CAAC"}
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAEV,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,EACL,OAAO,EAGP,gBAAgB,EAChB,YAAY,EAEb,MAAM,uBAAuB,CAAC;AAM/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAQvE,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC7D,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,IAAI,gBAAgB,GACpE,gBAAgB,GAChB,IAAI,CACF,YAAY,CAAC,CAAC,CAAC,EACb,cAAc,GACd,mBAAmB,GACnB,qBAAqB,GACrB,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,wBAAwB,GACxB,UAAU,GACV,OAAO,CACV,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA+FJ,eAAO,MAAM,gBAAgB;;yBApGL,MAAM,KAAK,IAAI;;;cAGzB,SAAS;;4IAiG2C,CAAC;AAInE,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IAC7F,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA6CF,eAAO,MAAM,oBAAoB;cA/CrB,SAAS;;4IA+CqD,CAAC"}

package/dist/components/inputs/segmented-control/segmented-control.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAwB,MAAM,qBAAqB,CAAC;AAE7E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAGvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEtD,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAkBlB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAenB,CAAC"}
+{"version":3,"file":"segmented-control.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,gBAAgB,EAAwB,MAAM,qBAAqB,CAAC;AAE7E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAGvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEtD,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAkBlB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAenB,CAAC"}

package/dist/components/inputs/select/select.d.ts

@@ -3,6 +3,6 @@ import { MultiSelectProps, SelectProps } from "./select.types";
  * Renders a select input component.
  *
  */
-export declare const Select: <T extends object>({ by, defaultValue, description, disableClearLogic, disabledItemIdKeys, errorMessage, fullWidth, getItemId, getLabel, hideHintLabel, hideInputFooter, hideInputHeader, isDisabled, isInvalid, isRequired, items, label, name, onChange, placeholder, selectRenderElements, value, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
-export declare const MultiSelect: <T extends object>({ by, defaultValue, description, disableClearLogic, disabledItemIdKeys, errorMessage, fullWidth, getItemId, getLabel, hideHintLabel, hideInputFooter, hideInputHeader, isDisabled, isInvalid, isRequired, items, label, name, onChange, placeholder, selectRenderElements, value, }: MultiSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: <T extends object>({ defaultValue, description, disableClearLogic, disabledItemIdKeys, errorMessage, fullWidth, getItemId, getLabel, hideHintLabel, hideInputFooter, hideInputHeader, isDisabled, isInvalid, isRequired, items, label, name, onChange, placeholder, placement, renderCustomElementInValueButton, selectRenderElements, value, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiSelect: <T extends object>({ defaultValue, description, disableClearLogic, disabledItemIdKeys, errorMessage, fullWidth, getItemId, getLabel, hideHintLabel, hideInputFooter, hideInputHeader, isDisabled, isInvalid, isRequired, items, label, name, onChange, placeholder, placement, selectRenderElements, value, }: MultiSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=select.d.ts.map

package/dist/components/inputs/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/select/select.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,gBAAgB,EAAoB,WAAW,EAAe,MAAM,gBAAgB,CAAC;AA8M9F;;;GAGG;AACH,eAAO,MAAM,MAAM,oWA+FlB,CAAC;AAEF,eAAO,MAAM,WAAW,yWAgGvB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/select/select.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,gBAAgB,EAAoB,WAAW,EAAe,MAAM,gBAAgB,CAAC;AA4e9F;;;GAGG;AACH,eAAO,MAAM,MAAM,6YAmGlB,CAAC;AAEF,eAAO,MAAM,WAAW,gXAgGvB,CAAC"}

package/dist/components/inputs/select/select.stories.d.ts

@@ -49,4 +49,11 @@ export declare const ImagesOnItems: SelectStory;
 export declare const IconsOnItems: SelectStory;
 export declare const EverythingOnItems: SelectStory;
 export declare const DisableClearLogic: SelectStory;
+type Color = {
+    label: string;
+    value: string;
+    hex: string;
+};
+type ColorStory = StoryObj<typeof Select<Color>>;
+export declare const CustomElementSelect: ColorStory;
 //# sourceMappingURL=select.stories.d.ts.map

package/dist/components/inputs/select/select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/select/select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAGnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAiJjD,eAAO,MAAM,OAAO,EAAE,WAYrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,WAMtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,WAMnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,WAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,WAOnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,WAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,WAM9B,CAAC;AA2BF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,UAAU,EAAE,WAYxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,WAO1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAM3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WASjC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAS3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,WAS1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,WAW/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,WAM/B,CAAC"}
+{"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/select/select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAGnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAiJjD,eAAO,MAAM,OAAO,EAAE,WAYrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,WAMtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,WAMnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,WAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,WAOnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,WAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,WAM9B,CAAC;AA2BF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,UAAU,EAAE,WAYxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,WAO1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAM3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WASjC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAS3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,WAS1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,WAW/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,WAM/B,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAOF,KAAK,UAAU,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAEjD,eAAO,MAAM,mBAAmB,EAAE,UAejC,CAAC"}

package/dist/components/inputs/select/select.types.d.ts

@@ -1,8 +1,12 @@
-import { RefObject } from "react";
+import { Dispatch, RefObject, SetStateAction } from "react";
 import { Key } from "react-aria-components";
 import { SelectItemRenderPropFn } from "../../lists/shared-list-item";
+import { PopoverProps } from "../../overlays";
 import { InputFooterProps, InputHeaderProps } from "../shared";
 type SelectBaseProps<T extends object> = {
+    /**
+     * @deprecated
+     */
     by?: keyof T | ((a: T, z: T) => boolean);
     description?: string;
     errorMessage?: string;
@@ -16,9 +20,12 @@ type SelectBaseProps<T extends object> = {
     getLabel: (item: T) => string;
     label?: string;
     name?: string;
+    placement?: PopoverProps["placement"];
     placeholder?: string;
     disabledItemIdKeys?: Key[];
     disableClearLogic?: boolean;
+    /** Renders the customElement of selectRenderElements inside the value button as well. Only works for single selection */
+    renderCustomElementInValueButton?: boolean;
 };
 export type SelectProps<T extends object> = SelectBaseProps<T> & InputHeaderProps & InputFooterProps & {
     value?: T;
@@ -30,12 +37,19 @@ export type MultiSelectProps<T extends object> = SelectBaseProps<T> & InputHeade
     onChange?: (value?: T[]) => void;
     defaultValue?: T[];
 };
-export type ValueButton<T extends object> = Pick<SelectProps<T>, "fullWidth" | "getLabel" | "isDisabled" | "isInvalid" | "placeholder" | "value" | "label" | "getItemId" | "disableClearLogic">;
+export type ValueButton<T extends object> = {
+    setOpenPopover: Dispatch<SetStateAction<boolean>>;
+} & Pick<SelectProps<T>, "fullWidth" | "getLabel" | "isDisabled" | "isInvalid" | "placeholder" | "value" | "label" | "getItemId" | "disableClearLogic" | "renderCustomElementInValueButton" | "selectRenderElements">;
 export type SelectItemsProps<T extends object> = {
     open: boolean;
-    triggerRef: RefObject<Element>;
+    triggerRef: RefObject<HTMLElement>;
     direction: "ltr" | "rtl";
     label: string;
+    setOpenPopover: Dispatch<SetStateAction<boolean>>;
+    placement?: PopoverProps["placement"];
+    value?: T | T[];
+    onSingleChange?: (value?: T) => void;
+    onMultiChange?: (value?: T[]) => void;
 } & Pick<SelectProps<T>, "selectRenderElements" | "items" | "getItemId" | "disabledItemIdKeys">;
 export {};
 //# sourceMappingURL=select.types.d.ts.map

package/dist/components/inputs/select/select.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE/D,KAAK,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,oBAAoB,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IAChD,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI,eAAe,CAAC,CAAC,CAAC,GAC5D,gBAAgB,GAChB,gBAAgB,GAAG;IACjB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,CAAC;CAClB,CAAC;AAEJ,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI,eAAe,CAAC,CAAC,CAAC,GACjE,gBAAgB,GAChB,gBAAgB,GAAG;IACjB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;CACpB,CAAC;AAEJ,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAC9C,WAAW,CAAC,CAAC,CAAC,EACZ,WAAW,GACX,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,OAAO,GACP,OAAO,GACP,WAAW,GACX,mBAAmB,CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC/C,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC/B,SAAS,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,sBAAsB,GAAG,OAAO,GAAG,WAAW,GAAG,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/select/select.types.ts"],"names":[],"mappings":"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"}

package/dist/components/lists/shared-list-item.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from "react";
 import { z } from "zod";
 declare const sharedListItemSchema: z.ZodEffects<z.ZodObject<{
     label: z.ZodString;
@@ -5,32 +6,39 @@ declare const sharedListItemSchema: z.ZodEffects<z.ZodObject<{
     iconStart: z.ZodOptional<z.ZodEnum<["add-multiple-values", "alert-error", "alert-information", "alert-success", "alert-warning", "allocation", "api-user", "app-settings", "arrow-down", "arrow-down-up", "arrow-up", "assortments", "async-requests", "audit-files", "auto-format-phone-number", "autocomplete", "availability", "basic-editor", "block", "calculator", "calendar", "campaigns", "case-management", "case-settings", "cash-corrections", "checkmark", "checkout-options", "chevron-down", "chevron-first-page", "chevron-last-page", "chevron-left", "chevron-right", "chevron-up", "chevron-up-down", "clear", "clipboard", "cloud", "code-editor", "company", "consumers", "control-documents", "cookbook", "cookbook-events", "copy", "crown", "cultures", "cultures", "currencies", "current-user-organization-unit", "custom-field", "custom-order-statuses", "custom-order-types", "cycle-count-zone-groups", "cycle-count-zones", "dark-mode", "delete", "diff-editor", "document", "document-light", "download", "drag-handle", "edit", "email", "employees", "eraser", "error-queue", "escape", "event-export", "event-ledger", "excel", "exit-fullscreen", "export-logs", "filter", "financial-periods", "folder", "full-stock-count", "fullscreen", "general-ledger-accounts", "general-ledgers", "giftcards", "hamburger", "hand", "heart", "heart-filled", "history", "images", "income-and-expense", "incoming-shipment", "information", "infrastructure", "inquiries", "invoices", "knowledge", "layers", "light-mode", "lightning", "lock", "lock-open", "loyalty-programs", "manual-invoices", "minus", "monitors", "more", "new-chat", "open-financial-period", "open-in-new-tab", "opening-hours-templates", "opening-hours-types", "orchestration", "order-fulfillment", "order-intervention", "orders", "organization-unit", "organization-unit-sets", "overview-and-mutations", "paper-plane", "paperclip", "password-hidden", "password-visible", "payment-methods", "pdf", "personalized-promotions", "play-sheet", "plugin", "plus", "pos", "preview", "price-lists", "print", "product-bundles", "product-capacity-plans", "product-information", "product-properties", "product-relations", "product-sets", "products", "profile", "promotion-engine", "promotion-templates", "proposal", "purchase-orders", "qr", "questionmark", "radio", "reasons", "receive-goods", "recount", "repairs", "replenishments", "reservation-cleanup", "reservations", "retry", "return", "revisions", "role-sets", "roles-and-rights", "scheduled-tasks", "search", "settings", "settlements", "ship-from-store", "shipping", "sidebar-left", "sidebar-left-collapsed", "sidebar-right", "sidebar-right-collapsed", "sign-out", "single-sign-on", "sort", "sparkles", "speech-bubble", "star", "star-filled", "stencil", "stock-locations", "store", "subscriptions", "sun", "synchronization", "tax-management", "terminal", "thumbs-down", "thumbs-up", "ticket", "ticket", "translations", "units-of-measure", "upload", "user-requirement-sets", "verified-checkmark", "view-simple", "view-table", "visibility-groups", "warning", "watchtower", "workspaces", "zoned-cycle-counts", "zoned-cycle-counts-schedules"]>>;
     iconEnd: z.ZodOptional<z.ZodEnum<["add-multiple-values", "alert-error", "alert-information", "alert-success", "alert-warning", "allocation", "api-user", "app-settings", "arrow-down", "arrow-down-up", "arrow-up", "assortments", "async-requests", "audit-files", "auto-format-phone-number", "autocomplete", "availability", "basic-editor", "block", "calculator", "calendar", "campaigns", "case-management", "case-settings", "cash-corrections", "checkmark", "checkout-options", "chevron-down", "chevron-first-page", "chevron-last-page", "chevron-left", "chevron-right", "chevron-up", "chevron-up-down", "clear", "clipboard", "cloud", "code-editor", "company", "consumers", "control-documents", "cookbook", "cookbook-events", "copy", "crown", "cultures", "cultures", "currencies", "current-user-organization-unit", "custom-field", "custom-order-statuses", "custom-order-types", "cycle-count-zone-groups", "cycle-count-zones", "dark-mode", "delete", "diff-editor", "document", "document-light", "download", "drag-handle", "edit", "email", "employees", "eraser", "error-queue", "escape", "event-export", "event-ledger", "excel", "exit-fullscreen", "export-logs", "filter", "financial-periods", "folder", "full-stock-count", "fullscreen", "general-ledger-accounts", "general-ledgers", "giftcards", "hamburger", "hand", "heart", "heart-filled", "history", "images", "income-and-expense", "incoming-shipment", "information", "infrastructure", "inquiries", "invoices", "knowledge", "layers", "light-mode", "lightning", "lock", "lock-open", "loyalty-programs", "manual-invoices", "minus", "monitors", "more", "new-chat", "open-financial-period", "open-in-new-tab", "opening-hours-templates", "opening-hours-types", "orchestration", "order-fulfillment", "order-intervention", "orders", "organization-unit", "organization-unit-sets", "overview-and-mutations", "paper-plane", "paperclip", "password-hidden", "password-visible", "payment-methods", "pdf", "personalized-promotions", "play-sheet", "plugin", "plus", "pos", "preview", "price-lists", "print", "product-bundles", "product-capacity-plans", "product-information", "product-properties", "product-relations", "product-sets", "products", "profile", "promotion-engine", "promotion-templates", "proposal", "purchase-orders", "qr", "questionmark", "radio", "reasons", "receive-goods", "recount", "repairs", "replenishments", "reservation-cleanup", "reservations", "retry", "return", "revisions", "role-sets", "roles-and-rights", "scheduled-tasks", "search", "settings", "settlements", "ship-from-store", "shipping", "sidebar-left", "sidebar-left-collapsed", "sidebar-right", "sidebar-right-collapsed", "sign-out", "single-sign-on", "sort", "sparkles", "speech-bubble", "star", "star-filled", "stencil", "stock-locations", "store", "subscriptions", "sun", "synchronization", "tax-management", "terminal", "thumbs-down", "thumbs-up", "ticket", "ticket", "translations", "units-of-measure", "upload", "user-requirement-sets", "verified-checkmark", "view-simple", "view-table", "visibility-groups", "warning", "watchtower", "workspaces", "zoned-cycle-counts", "zoned-cycle-counts-schedules"]>>;
     image: z.ZodOptional<z.ZodString>;
+    customElement: z.ZodOptional<z.ZodAny>;
 }, "strip", z.ZodTypeAny, {
     label: string;
     description?: string | undefined;
     iconStart?: "search" | "add-multiple-values" | "alert-error" | "alert-information" | "alert-success" | "alert-warning" | "allocation" | "api-user" | "app-settings" | "arrow-down" | "arrow-down-up" | "arrow-up" | "assortments" | "async-requests" | "audit-files" | "auto-format-phone-number" | "autocomplete" | "availability" | "basic-editor" | "block" | "calculator" | "calendar" | "campaigns" | "case-management" | "case-settings" | "cash-corrections" | "checkmark" | "checkout-options" | "chevron-down" | "chevron-first-page" | "chevron-last-page" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-up-down" | "clear" | "clipboard" | "cloud" | "code-editor" | "company" | "consumers" | "control-documents" | "cookbook" | "cookbook-events" | "copy" | "crown" | "cultures" | "currencies" | "current-user-organization-unit" | "custom-field" | "custom-order-statuses" | "custom-order-types" | "cycle-count-zone-groups" | "cycle-count-zones" | "dark-mode" | "delete" | "diff-editor" | "document" | "document-light" | "download" | "drag-handle" | "edit" | "email" | "employees" | "eraser" | "error-queue" | "escape" | "event-export" | "event-ledger" | "excel" | "exit-fullscreen" | "export-logs" | "filter" | "financial-periods" | "folder" | "full-stock-count" | "fullscreen" | "general-ledger-accounts" | "general-ledgers" | "giftcards" | "hamburger" | "hand" | "heart" | "heart-filled" | "history" | "images" | "income-and-expense" | "incoming-shipment" | "information" | "infrastructure" | "inquiries" | "invoices" | "knowledge" | "layers" | "light-mode" | "lightning" | "lock" | "lock-open" | "loyalty-programs" | "manual-invoices" | "minus" | "monitors" | "more" | "new-chat" | "open-financial-period" | "open-in-new-tab" | "opening-hours-templates" | "opening-hours-types" | "orchestration" | "order-fulfillment" | "order-intervention" | "orders" | "organization-unit" | "organization-unit-sets" | "overview-and-mutations" | "paper-plane" | "paperclip" | "password-hidden" | "password-visible" | "payment-methods" | "pdf" | "personalized-promotions" | "play-sheet" | "plugin" | "plus" | "pos" | "preview" | "price-lists" | "print" | "product-bundles" | "product-capacity-plans" | "product-information" | "product-properties" | "product-relations" | "product-sets" | "products" | "profile" | "promotion-engine" | "promotion-templates" | "proposal" | "purchase-orders" | "qr" | "questionmark" | "radio" | "reasons" | "receive-goods" | "recount" | "repairs" | "replenishments" | "reservation-cleanup" | "reservations" | "retry" | "return" | "revisions" | "role-sets" | "roles-and-rights" | "scheduled-tasks" | "settings" | "settlements" | "ship-from-store" | "shipping" | "sidebar-left" | "sidebar-left-collapsed" | "sidebar-right" | "sidebar-right-collapsed" | "sign-out" | "single-sign-on" | "sort" | "sparkles" | "speech-bubble" | "star" | "star-filled" | "stencil" | "stock-locations" | "store" | "subscriptions" | "sun" | "synchronization" | "tax-management" | "terminal" | "thumbs-down" | "thumbs-up" | "ticket" | "translations" | "units-of-measure" | "upload" | "user-requirement-sets" | "verified-checkmark" | "view-simple" | "view-table" | "visibility-groups" | "warning" | "watchtower" | "workspaces" | "zoned-cycle-counts" | "zoned-cycle-counts-schedules" | undefined;
     iconEnd?: "search" | "add-multiple-values" | "alert-error" | "alert-information" | "alert-success" | "alert-warning" | "allocation" | "api-user" | "app-settings" | "arrow-down" | "arrow-down-up" | "arrow-up" | "assortments" | "async-requests" | "audit-files" | "auto-format-phone-number" | "autocomplete" | "availability" | "basic-editor" | "block" | "calculator" | "calendar" | "campaigns" | "case-management" | "case-settings" | "cash-corrections" | "checkmark" | "checkout-options" | "chevron-down" | "chevron-first-page" | "chevron-last-page" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-up-down" | "clear" | "clipboard" | "cloud" | "code-editor" | "company" | "consumers" | "control-documents" | "cookbook" | "cookbook-events" | "copy" | "crown" | "cultures" | "currencies" | "current-user-organization-unit" | "custom-field" | "custom-order-statuses" | "custom-order-types" | "cycle-count-zone-groups" | "cycle-count-zones" | "dark-mode" | "delete" | "diff-editor" | "document" | "document-light" | "download" | "drag-handle" | "edit" | "email" | "employees" | "eraser" | "error-queue" | "escape" | "event-export" | "event-ledger" | "excel" | "exit-fullscreen" | "export-logs" | "filter" | "financial-periods" | "folder" | "full-stock-count" | "fullscreen" | "general-ledger-accounts" | "general-ledgers" | "giftcards" | "hamburger" | "hand" | "heart" | "heart-filled" | "history" | "images" | "income-and-expense" | "incoming-shipment" | "information" | "infrastructure" | "inquiries" | "invoices" | "knowledge" | "layers" | "light-mode" | "lightning" | "lock" | "lock-open" | "loyalty-programs" | "manual-invoices" | "minus" | "monitors" | "more" | "new-chat" | "open-financial-period" | "open-in-new-tab" | "opening-hours-templates" | "opening-hours-types" | "orchestration" | "order-fulfillment" | "order-intervention" | "orders" | "organization-unit" | "organization-unit-sets" | "overview-and-mutations" | "paper-plane" | "paperclip" | "password-hidden" | "password-visible" | "payment-methods" | "pdf" | "personalized-promotions" | "play-sheet" | "plugin" | "plus" | "pos" | "preview" | "price-lists" | "print" | "product-bundles" | "product-capacity-plans" | "product-information" | "product-properties" | "product-relations" | "product-sets" | "products" | "profile" | "promotion-engine" | "promotion-templates" | "proposal" | "purchase-orders" | "qr" | "questionmark" | "radio" | "reasons" | "receive-goods" | "recount" | "repairs" | "replenishments" | "reservation-cleanup" | "reservations" | "retry" | "return" | "revisions" | "role-sets" | "roles-and-rights" | "scheduled-tasks" | "settings" | "settlements" | "ship-from-store" | "shipping" | "sidebar-left" | "sidebar-left-collapsed" | "sidebar-right" | "sidebar-right-collapsed" | "sign-out" | "single-sign-on" | "sort" | "sparkles" | "speech-bubble" | "star" | "star-filled" | "stencil" | "stock-locations" | "store" | "subscriptions" | "sun" | "synchronization" | "tax-management" | "terminal" | "thumbs-down" | "thumbs-up" | "ticket" | "translations" | "units-of-measure" | "upload" | "user-requirement-sets" | "verified-checkmark" | "view-simple" | "view-table" | "visibility-groups" | "warning" | "watchtower" | "workspaces" | "zoned-cycle-counts" | "zoned-cycle-counts-schedules" | undefined;
     image?: string | undefined;
+    customElement?: any;
 }, {
     label: string;
     description?: string | undefined;
     iconStart?: "search" | "add-multiple-values" | "alert-error" | "alert-information" | "alert-success" | "alert-warning" | "allocation" | "api-user" | "app-settings" | "arrow-down" | "arrow-down-up" | "arrow-up" | "assortments" | "async-requests" | "audit-files" | "auto-format-phone-number" | "autocomplete" | "availability" | "basic-editor" | "block" | "calculator" | "calendar" | "campaigns" | "case-management" | "case-settings" | "cash-corrections" | "checkmark" | "checkout-options" | "chevron-down" | "chevron-first-page" | "chevron-last-page" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-up-down" | "clear" | "clipboard" | "cloud" | "code-editor" | "company" | "consumers" | "control-documents" | "cookbook" | "cookbook-events" | "copy" | "crown" | "cultures" | "currencies" | "current-user-organization-unit" | "custom-field" | "custom-order-statuses" | "custom-order-types" | "cycle-count-zone-groups" | "cycle-count-zones" | "dark-mode" | "delete" | "diff-editor" | "document" | "document-light" | "download" | "drag-handle" | "edit" | "email" | "employees" | "eraser" | "error-queue" | "escape" | "event-export" | "event-ledger" | "excel" | "exit-fullscreen" | "export-logs" | "filter" | "financial-periods" | "folder" | "full-stock-count" | "fullscreen" | "general-ledger-accounts" | "general-ledgers" | "giftcards" | "hamburger" | "hand" | "heart" | "heart-filled" | "history" | "images" | "income-and-expense" | "incoming-shipment" | "information" | "infrastructure" | "inquiries" | "invoices" | "knowledge" | "layers" | "light-mode" | "lightning" | "lock" | "lock-open" | "loyalty-programs" | "manual-invoices" | "minus" | "monitors" | "more" | "new-chat" | "open-financial-period" | "open-in-new-tab" | "opening-hours-templates" | "opening-hours-types" | "orchestration" | "order-fulfillment" | "order-intervention" | "orders" | "organization-unit" | "organization-unit-sets" | "overview-and-mutations" | "paper-plane" | "paperclip" | "password-hidden" | "password-visible" | "payment-methods" | "pdf" | "personalized-promotions" | "play-sheet" | "plugin" | "plus" | "pos" | "preview" | "price-lists" | "print" | "product-bundles" | "product-capacity-plans" | "product-information" | "product-properties" | "product-relations" | "product-sets" | "products" | "profile" | "promotion-engine" | "promotion-templates" | "proposal" | "purchase-orders" | "qr" | "questionmark" | "radio" | "reasons" | "receive-goods" | "recount" | "repairs" | "replenishments" | "reservation-cleanup" | "reservations" | "retry" | "return" | "revisions" | "role-sets" | "roles-and-rights" | "scheduled-tasks" | "settings" | "settlements" | "ship-from-store" | "shipping" | "sidebar-left" | "sidebar-left-collapsed" | "sidebar-right" | "sidebar-right-collapsed" | "sign-out" | "single-sign-on" | "sort" | "sparkles" | "speech-bubble" | "star" | "star-filled" | "stencil" | "stock-locations" | "store" | "subscriptions" | "sun" | "synchronization" | "tax-management" | "terminal" | "thumbs-down" | "thumbs-up" | "ticket" | "translations" | "units-of-measure" | "upload" | "user-requirement-sets" | "verified-checkmark" | "view-simple" | "view-table" | "visibility-groups" | "warning" | "watchtower" | "workspaces" | "zoned-cycle-counts" | "zoned-cycle-counts-schedules" | undefined;
     iconEnd?: "search" | "add-multiple-values" | "alert-error" | "alert-information" | "alert-success" | "alert-warning" | "allocation" | "api-user" | "app-settings" | "arrow-down" | "arrow-down-up" | "arrow-up" | "assortments" | "async-requests" | "audit-files" | "auto-format-phone-number" | "autocomplete" | "availability" | "basic-editor" | "block" | "calculator" | "calendar" | "campaigns" | "case-management" | "case-settings" | "cash-corrections" | "checkmark" | "checkout-options" | "chevron-down" | "chevron-first-page" | "chevron-last-page" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-up-down" | "clear" | "clipboard" | "cloud" | "code-editor" | "company" | "consumers" | "control-documents" | "cookbook" | "cookbook-events" | "copy" | "crown" | "cultures" | "currencies" | "current-user-organization-unit" | "custom-field" | "custom-order-statuses" | "custom-order-types" | "cycle-count-zone-groups" | "cycle-count-zones" | "dark-mode" | "delete" | "diff-editor" | "document" | "document-light" | "download" | "drag-handle" | "edit" | "email" | "employees" | "eraser" | "error-queue" | "escape" | "event-export" | "event-ledger" | "excel" | "exit-fullscreen" | "export-logs" | "filter" | "financial-periods" | "folder" | "full-stock-count" | "fullscreen" | "general-ledger-accounts" | "general-ledgers" | "giftcards" | "hamburger" | "hand" | "heart" | "heart-filled" | "history" | "images" | "income-and-expense" | "incoming-shipment" | "information" | "infrastructure" | "inquiries" | "invoices" | "knowledge" | "layers" | "light-mode" | "lightning" | "lock" | "lock-open" | "loyalty-programs" | "manual-invoices" | "minus" | "monitors" | "more" | "new-chat" | "open-financial-period" | "open-in-new-tab" | "opening-hours-templates" | "opening-hours-types" | "orchestration" | "order-fulfillment" | "order-intervention" | "orders" | "organization-unit" | "organization-unit-sets" | "overview-and-mutations" | "paper-plane" | "paperclip" | "password-hidden" | "password-visible" | "payment-methods" | "pdf" | "personalized-promotions" | "play-sheet" | "plugin" | "plus" | "pos" | "preview" | "price-lists" | "print" | "product-bundles" | "product-capacity-plans" | "product-information" | "product-properties" | "product-relations" | "product-sets" | "products" | "profile" | "promotion-engine" | "promotion-templates" | "proposal" | "purchase-orders" | "qr" | "questionmark" | "radio" | "reasons" | "receive-goods" | "recount" | "repairs" | "replenishments" | "reservation-cleanup" | "reservations" | "retry" | "return" | "revisions" | "role-sets" | "roles-and-rights" | "scheduled-tasks" | "settings" | "settlements" | "ship-from-store" | "shipping" | "sidebar-left" | "sidebar-left-collapsed" | "sidebar-right" | "sidebar-right-collapsed" | "sign-out" | "single-sign-on" | "sort" | "sparkles" | "speech-bubble" | "star" | "star-filled" | "stencil" | "stock-locations" | "store" | "subscriptions" | "sun" | "synchronization" | "tax-management" | "terminal" | "thumbs-down" | "thumbs-up" | "ticket" | "translations" | "units-of-measure" | "upload" | "user-requirement-sets" | "verified-checkmark" | "view-simple" | "view-table" | "visibility-groups" | "warning" | "watchtower" | "workspaces" | "zoned-cycle-counts" | "zoned-cycle-counts-schedules" | undefined;
     image?: string | undefined;
+    customElement?: any;
 }>, {
     label: string;
     description?: string | undefined;
     iconStart?: "search" | "add-multiple-values" | "alert-error" | "alert-information" | "alert-success" | "alert-warning" | "allocation" | "api-user" | "app-settings" | "arrow-down" | "arrow-down-up" | "arrow-up" | "assortments" | "async-requests" | "audit-files" | "auto-format-phone-number" | "autocomplete" | "availability" | "basic-editor" | "block" | "calculator" | "calendar" | "campaigns" | "case-management" | "case-settings" | "cash-corrections" | "checkmark" | "checkout-options" | "chevron-down" | "chevron-first-page" | "chevron-last-page" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-up-down" | "clear" | "clipboard" | "cloud" | "code-editor" | "company" | "consumers" | "control-documents" | "cookbook" | "cookbook-events" | "copy" | "crown" | "cultures" | "currencies" | "current-user-organization-unit" | "custom-field" | "custom-order-statuses" | "custom-order-types" | "cycle-count-zone-groups" | "cycle-count-zones" | "dark-mode" | "delete" | "diff-editor" | "document" | "document-light" | "download" | "drag-handle" | "edit" | "email" | "employees" | "eraser" | "error-queue" | "escape" | "event-export" | "event-ledger" | "excel" | "exit-fullscreen" | "export-logs" | "filter" | "financial-periods" | "folder" | "full-stock-count" | "fullscreen" | "general-ledger-accounts" | "general-ledgers" | "giftcards" | "hamburger" | "hand" | "heart" | "heart-filled" | "history" | "images" | "income-and-expense" | "incoming-shipment" | "information" | "infrastructure" | "inquiries" | "invoices" | "knowledge" | "layers" | "light-mode" | "lightning" | "lock" | "lock-open" | "loyalty-programs" | "manual-invoices" | "minus" | "monitors" | "more" | "new-chat" | "open-financial-period" | "open-in-new-tab" | "opening-hours-templates" | "opening-hours-types" | "orchestration" | "order-fulfillment" | "order-intervention" | "orders" | "organization-unit" | "organization-unit-sets" | "overview-and-mutations" | "paper-plane" | "paperclip" | "password-hidden" | "password-visible" | "payment-methods" | "pdf" | "personalized-promotions" | "play-sheet" | "plugin" | "plus" | "pos" | "preview" | "price-lists" | "print" | "product-bundles" | "product-capacity-plans" | "product-information" | "product-properties" | "product-relations" | "product-sets" | "products" | "profile" | "promotion-engine" | "promotion-templates" | "proposal" | "purchase-orders" | "qr" | "questionmark" | "radio" | "reasons" | "receive-goods" | "recount" | "repairs" | "replenishments" | "reservation-cleanup" | "reservations" | "retry" | "return" | "revisions" | "role-sets" | "roles-and-rights" | "scheduled-tasks" | "settings" | "settlements" | "ship-from-store" | "shipping" | "sidebar-left" | "sidebar-left-collapsed" | "sidebar-right" | "sidebar-right-collapsed" | "sign-out" | "single-sign-on" | "sort" | "sparkles" | "speech-bubble" | "star" | "star-filled" | "stencil" | "stock-locations" | "store" | "subscriptions" | "sun" | "synchronization" | "tax-management" | "terminal" | "thumbs-down" | "thumbs-up" | "ticket" | "translations" | "units-of-measure" | "upload" | "user-requirement-sets" | "verified-checkmark" | "view-simple" | "view-table" | "visibility-groups" | "warning" | "watchtower" | "workspaces" | "zoned-cycle-counts" | "zoned-cycle-counts-schedules" | undefined;
     iconEnd?: "search" | "add-multiple-values" | "alert-error" | "alert-information" | "alert-success" | "alert-warning" | "allocation" | "api-user" | "app-settings" | "arrow-down" | "arrow-down-up" | "arrow-up" | "assortments" | "async-requests" | "audit-files" | "auto-format-phone-number" | "autocomplete" | "availability" | "basic-editor" | "block" | "calculator" | "calendar" | "campaigns" | "case-management" | "case-settings" | "cash-corrections" | "checkmark" | "checkout-options" | "chevron-down" | "chevron-first-page" | "chevron-last-page" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-up-down" | "clear" | "clipboard" | "cloud" | "code-editor" | "company" | "consumers" | "control-documents" | "cookbook" | "cookbook-events" | "copy" | "crown" | "cultures" | "currencies" | "current-user-organization-unit" | "custom-field" | "custom-order-statuses" | "custom-order-types" | "cycle-count-zone-groups" | "cycle-count-zones" | "dark-mode" | "delete" | "diff-editor" | "document" | "document-light" | "download" | "drag-handle" | "edit" | "email" | "employees" | "eraser" | "error-queue" | "escape" | "event-export" | "event-ledger" | "excel" | "exit-fullscreen" | "export-logs" | "filter" | "financial-periods" | "folder" | "full-stock-count" | "fullscreen" | "general-ledger-accounts" | "general-ledgers" | "giftcards" | "hamburger" | "hand" | "heart" | "heart-filled" | "history" | "images" | "income-and-expense" | "incoming-shipment" | "information" | "infrastructure" | "inquiries" | "invoices" | "knowledge" | "layers" | "light-mode" | "lightning" | "lock" | "lock-open" | "loyalty-programs" | "manual-invoices" | "minus" | "monitors" | "more" | "new-chat" | "open-financial-period" | "open-in-new-tab" | "opening-hours-templates" | "opening-hours-types" | "orchestration" | "order-fulfillment" | "order-intervention" | "orders" | "organization-unit" | "organization-unit-sets" | "overview-and-mutations" | "paper-plane" | "paperclip" | "password-hidden" | "password-visible" | "payment-methods" | "pdf" | "personalized-promotions" | "play-sheet" | "plugin" | "plus" | "pos" | "preview" | "price-lists" | "print" | "product-bundles" | "product-capacity-plans" | "product-information" | "product-properties" | "product-relations" | "product-sets" | "products" | "profile" | "promotion-engine" | "promotion-templates" | "proposal" | "purchase-orders" | "qr" | "questionmark" | "radio" | "reasons" | "receive-goods" | "recount" | "repairs" | "replenishments" | "reservation-cleanup" | "reservations" | "retry" | "return" | "revisions" | "role-sets" | "roles-and-rights" | "scheduled-tasks" | "settings" | "settlements" | "ship-from-store" | "shipping" | "sidebar-left" | "sidebar-left-collapsed" | "sidebar-right" | "sidebar-right-collapsed" | "sign-out" | "single-sign-on" | "sort" | "sparkles" | "speech-bubble" | "star" | "star-filled" | "stencil" | "stock-locations" | "store" | "subscriptions" | "sun" | "synchronization" | "tax-management" | "terminal" | "thumbs-down" | "thumbs-up" | "ticket" | "translations" | "units-of-measure" | "upload" | "user-requirement-sets" | "verified-checkmark" | "view-simple" | "view-table" | "visibility-groups" | "warning" | "watchtower" | "workspaces" | "zoned-cycle-counts" | "zoned-cycle-counts-schedules" | undefined;
     image?: string | undefined;
+    customElement?: any;
 }, {
     label: string;
     description?: string | undefined;
     iconStart?: "search" | "add-multiple-values" | "alert-error" | "alert-information" | "alert-success" | "alert-warning" | "allocation" | "api-user" | "app-settings" | "arrow-down" | "arrow-down-up" | "arrow-up" | "assortments" | "async-requests" | "audit-files" | "auto-format-phone-number" | "autocomplete" | "availability" | "basic-editor" | "block" | "calculator" | "calendar" | "campaigns" | "case-management" | "case-settings" | "cash-corrections" | "checkmark" | "checkout-options" | "chevron-down" | "chevron-first-page" | "chevron-last-page" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-up-down" | "clear" | "clipboard" | "cloud" | "code-editor" | "company" | "consumers" | "control-documents" | "cookbook" | "cookbook-events" | "copy" | "crown" | "cultures" | "currencies" | "current-user-organization-unit" | "custom-field" | "custom-order-statuses" | "custom-order-types" | "cycle-count-zone-groups" | "cycle-count-zones" | "dark-mode" | "delete" | "diff-editor" | "document" | "document-light" | "download" | "drag-handle" | "edit" | "email" | "employees" | "eraser" | "error-queue" | "escape" | "event-export" | "event-ledger" | "excel" | "exit-fullscreen" | "export-logs" | "filter" | "financial-periods" | "folder" | "full-stock-count" | "fullscreen" | "general-ledger-accounts" | "general-ledgers" | "giftcards" | "hamburger" | "hand" | "heart" | "heart-filled" | "history" | "images" | "income-and-expense" | "incoming-shipment" | "information" | "infrastructure" | "inquiries" | "invoices" | "knowledge" | "layers" | "light-mode" | "lightning" | "lock" | "lock-open" | "loyalty-programs" | "manual-invoices" | "minus" | "monitors" | "more" | "new-chat" | "open-financial-period" | "open-in-new-tab" | "opening-hours-templates" | "opening-hours-types" | "orchestration" | "order-fulfillment" | "order-intervention" | "orders" | "organization-unit" | "organization-unit-sets" | "overview-and-mutations" | "paper-plane" | "paperclip" | "password-hidden" | "password-visible" | "payment-methods" | "pdf" | "personalized-promotions" | "play-sheet" | "plugin" | "plus" | "pos" | "preview" | "price-lists" | "print" | "product-bundles" | "product-capacity-plans" | "product-information" | "product-properties" | "product-relations" | "product-sets" | "products" | "profile" | "promotion-engine" | "promotion-templates" | "proposal" | "purchase-orders" | "qr" | "questionmark" | "radio" | "reasons" | "receive-goods" | "recount" | "repairs" | "replenishments" | "reservation-cleanup" | "reservations" | "retry" | "return" | "revisions" | "role-sets" | "roles-and-rights" | "scheduled-tasks" | "settings" | "settlements" | "ship-from-store" | "shipping" | "sidebar-left" | "sidebar-left-collapsed" | "sidebar-right" | "sidebar-right-collapsed" | "sign-out" | "single-sign-on" | "sort" | "sparkles" | "speech-bubble" | "star" | "star-filled" | "stencil" | "stock-locations" | "store" | "subscriptions" | "sun" | "synchronization" | "tax-management" | "terminal" | "thumbs-down" | "thumbs-up" | "ticket" | "translations" | "units-of-measure" | "upload" | "user-requirement-sets" | "verified-checkmark" | "view-simple" | "view-table" | "visibility-groups" | "warning" | "watchtower" | "workspaces" | "zoned-cycle-counts" | "zoned-cycle-counts-schedules" | undefined;
     iconEnd?: "search" | "add-multiple-values" | "alert-error" | "alert-information" | "alert-success" | "alert-warning" | "allocation" | "api-user" | "app-settings" | "arrow-down" | "arrow-down-up" | "arrow-up" | "assortments" | "async-requests" | "audit-files" | "auto-format-phone-number" | "autocomplete" | "availability" | "basic-editor" | "block" | "calculator" | "calendar" | "campaigns" | "case-management" | "case-settings" | "cash-corrections" | "checkmark" | "checkout-options" | "chevron-down" | "chevron-first-page" | "chevron-last-page" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-up-down" | "clear" | "clipboard" | "cloud" | "code-editor" | "company" | "consumers" | "control-documents" | "cookbook" | "cookbook-events" | "copy" | "crown" | "cultures" | "currencies" | "current-user-organization-unit" | "custom-field" | "custom-order-statuses" | "custom-order-types" | "cycle-count-zone-groups" | "cycle-count-zones" | "dark-mode" | "delete" | "diff-editor" | "document" | "document-light" | "download" | "drag-handle" | "edit" | "email" | "employees" | "eraser" | "error-queue" | "escape" | "event-export" | "event-ledger" | "excel" | "exit-fullscreen" | "export-logs" | "filter" | "financial-periods" | "folder" | "full-stock-count" | "fullscreen" | "general-ledger-accounts" | "general-ledgers" | "giftcards" | "hamburger" | "hand" | "heart" | "heart-filled" | "history" | "images" | "income-and-expense" | "incoming-shipment" | "information" | "infrastructure" | "inquiries" | "invoices" | "knowledge" | "layers" | "light-mode" | "lightning" | "lock" | "lock-open" | "loyalty-programs" | "manual-invoices" | "minus" | "monitors" | "more" | "new-chat" | "open-financial-period" | "open-in-new-tab" | "opening-hours-templates" | "opening-hours-types" | "orchestration" | "order-fulfillment" | "order-intervention" | "orders" | "organization-unit" | "organization-unit-sets" | "overview-and-mutations" | "paper-plane" | "paperclip" | "password-hidden" | "password-visible" | "payment-methods" | "pdf" | "personalized-promotions" | "play-sheet" | "plugin" | "plus" | "pos" | "preview" | "price-lists" | "print" | "product-bundles" | "product-capacity-plans" | "product-information" | "product-properties" | "product-relations" | "product-sets" | "products" | "profile" | "promotion-engine" | "promotion-templates" | "proposal" | "purchase-orders" | "qr" | "questionmark" | "radio" | "reasons" | "receive-goods" | "recount" | "repairs" | "replenishments" | "reservation-cleanup" | "reservations" | "retry" | "return" | "revisions" | "role-sets" | "roles-and-rights" | "scheduled-tasks" | "settings" | "settlements" | "ship-from-store" | "shipping" | "sidebar-left" | "sidebar-left-collapsed" | "sidebar-right" | "sidebar-right-collapsed" | "sign-out" | "single-sign-on" | "sort" | "sparkles" | "speech-bubble" | "star" | "star-filled" | "stencil" | "stock-locations" | "store" | "subscriptions" | "sun" | "synchronization" | "tax-management" | "terminal" | "thumbs-down" | "thumbs-up" | "ticket" | "translations" | "units-of-measure" | "upload" | "user-requirement-sets" | "verified-checkmark" | "view-simple" | "view-table" | "visibility-groups" | "warning" | "watchtower" | "workspaces" | "zoned-cycle-counts" | "zoned-cycle-counts-schedules" | undefined;
     image?: string | undefined;
+    customElement?: any;
 }>;
-export type SharedListItemArgs = z.infer<typeof sharedListItemSchema>;
+export type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {
+    customElement?: ReactNode;
+};
 type SharedListItemRenderPropArg = {
     active: boolean;
     selected: boolean;

package/dist/components/lists/shared-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared-list-item.d.ts","sourceRoot":"","sources":["../../../src/components/lists/shared-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAQxB,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EActB,CAAC;AAGL,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAEtE,KAAK,2BAA2B,GAAG;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,kBAAkB,CAAC;AAEvE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI;IAClD,IAAI,EAAE,CAAC,CAAC;IACR,oBAAoB,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IAChD,KAAK,EAAE,2BAA2B,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,6IAwD1B,CAAC"}
+{"version":3,"file":"shared-list-item.d.ts","sourceRoot":"","sources":["../../../src/components/lists/shared-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAQxB,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBtB,CAAC;AAGL,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,GAAG;IACtE,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,kBAAkB,CAAC;AAEvE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI;IAClD,IAAI,EAAE,CAAC,CAAC;IACR,oBAAoB,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IAChD,KAAK,EAAE,2BAA2B,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,6IAyD1B,CAAC"}

package/dist/lyra16.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.cjs");require("./lyra452.cjs");const t=e.tv({slots:{outerCircle:["absolute -end-[5px] -top-[5px] flex h-[12px] w-[12px] rounded-full bg-action-highlight"],innerCircle:["absolute -end-[2px] -top-[2px] h-[6px] w-[6px] rounded-full bg-indication-blue"]},variants:{isAnimated:{true:{outerCircle:"animation-pulse"}}}});exports.ButtonIndicatorStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.cjs");require("./lyra450.cjs");const t=e.tv({slots:{outerCircle:["absolute -end-[5px] -top-[5px] flex h-[12px] w-[12px] rounded-full bg-action-highlight"],innerCircle:["absolute -end-[2px] -top-[2px] h-[6px] w-[6px] rounded-full bg-indication-blue"]},variants:{isAnimated:{true:{outerCircle:"animation-pulse"}}}});exports.ButtonIndicatorStyles=t;

package/dist/lyra16.js

@@ -1,5 +1,5 @@
 import { tv as t } from "./lyra449.js";
-import "./lyra452.js";
+import "./lyra450.js";
 const i = t({
   slots: {
     outerCircle: [

package/dist/lyra23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),q=require("react"),s=require("./lyra87.cjs"),F=require("./lyra91.cjs"),I=require("./lyra93.cjs"),B=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const y=require("./lyra63.cjs"),G=require("./lyra73.cjs"),w=require("./lyra38.cjs"),H=require("./lyra39.cjs"),N=require("./lyra40.cjs"),C=require("./lyra24.cjs"),g=require("./lyra610.cjs"),T=({className:n,description:t,errorMessage:i,fullWidth:r=!0,granularity:l="day",hideHintLabel:c,hideInputFooter:a,hideInputHeader:d,label:j,startSlot:E,...x},m)=>{[x,m]=s.useContextProps(x,m,s.DatePickerContext);const{isInvalid:P,isRequired:v}=x,{wrapper:D}=N.sharedInputStyles({fullWidth:r,hasStartSlot:!!E,hasEndSlot:!0});return e.jsxRuntimeExports.jsx(s.DatePicker,{...x,granularity:l,className:u=>D({className:n,isDisabled:u.isDisabled}),isInvalid:P,ref:m,children:({isDisabled:u,state:R})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(O,{description:t,fullWidth:r,errorMessage:i,hideHintLabel:c,hideInputFooter:a,hideInputHeader:d,isDisabled:u,isRequired:v,label:j,startSlot:E,onKeyDown:h=>{h.key==="Escape"&&R.value&&!u&&(h.preventDefault(),R.setValue(null))}}),e.jsxRuntimeExports.jsx(B.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(s.Calendar,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3",children:[e.jsxRuntimeExports.jsx(V,{}),e.jsxRuntimeExports.jsx("div",{className:"flex justify-center",children:e.jsxRuntimeExports.jsxs(s.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(g.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(_,{})]})})]})})})]})})},b=F.fixedForwardRef(T);b.displayName="DatePicker";const O=({description:n,errorMessage:t,fullWidth:i,hideHintLabel:r,hideInputFooter:l,hideInputHeader:c,isDisabled:a,isRequired:d,label:j,onKeyDown:E,startSlot:x})=>{const{input:m,segment:P}=C.dateFieldStyles(),{button:v,buttonExcludedFromTabOrder:D,inputField:u}=N.sharedInputStyles({fullWidth:i,hasStartSlot:!!x,hasEndSlot:!0}),{clear:R}=I.useDictionary(),{setValue:h,value:k}=q.useContext(s.DatePickerStateContext);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(w.InputHeader,{label:j,hideHintLabel:r,hideInputHeader:c,isRequired:d}),e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:o,isFocusWithin:p,isHovered:S,isInvalid:f})=>u({isDisabled:o,isFocused:p,isHovered:S,isInvalid:f}),onKeyDown:E,children:[e.jsxRuntimeExports.jsx(s.DateInput,{className:m(),children:o=>e.jsxRuntimeExports.jsx(s.DateSegment,{className:({isFocused:p})=>P({isFocused:p,isDisabled:a,hasValue:o.type==="literal"?!!k:!o.isPlaceholder}),segment:o})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex gap-2",children:[!a&&k?e.jsxRuntimeExports.jsx(G.Tooltip,{tooltip:R,children:e.jsxRuntimeExports.jsx(s.Button,{slot:null,excludeFromTabOrder:!0,className:D(),onPress:()=>{h(null)},children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(s.Button,{isDisabled:a,className:({isDisabled:o,isFocusVisible:p,isHovered:S})=>v({isDisabled:o,isFocused:p,isHovered:S}),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"calendar"})})]})]}),e.jsxRuntimeExports.jsx(H.InputFooter,{description:n,errorMessage:t,hideInputFooter:l})]})},V=()=>{const{buttons:n}=C.datePickerHeaderStyles(),{focusedDate:t,setFocusedDate:i}=q.useContext(s.CalendarStateContext);return e.jsxRuntimeExports.jsxs("header",{className:"flex justify-between gap-3",children:[e.jsxRuntimeExports.jsx(s.Button,{slot:"previous",className:n(),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(g.MonthPicker,{value:t.month,onChange:r=>{i(t.copy().set({month:r}))}}),e.jsxRuntimeExports.jsx(g.YearPicker,{value:t.year,onChange:r=>{i(t.copy().set({year:r}))}})]}),e.jsxRuntimeExports.jsx(s.Button,{slot:"next",className:n(),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"chevron-right"})})]})},_=()=>{const{bodyCell:n}=C.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(s.CalendarGridBody,{children:t=>e.jsxRuntimeExports.jsx(s.CalendarCell,{date:t,className:({isDisabled:i,isFocusVisible:r,isHovered:l,isOutsideMonth:c,isPressed:a,isSelected:d,isUnavailable:j})=>n({isSelected:d,isFocusVisible:r,isHovered:l,isUnavailable:j,isDisabled:i,isOutsideMonth:c,isPressed:a})})})};exports.DatePicker=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),q=require("react"),s=require("./lyra87.cjs"),F=require("./lyra91.cjs"),I=require("./lyra93.cjs"),B=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const y=require("./lyra63.cjs"),G=require("./lyra73.cjs"),w=require("./lyra38.cjs"),H=require("./lyra39.cjs"),N=require("./lyra40.cjs"),C=require("./lyra24.cjs"),g=require("./lyra602.cjs"),T=({className:n,description:t,errorMessage:i,fullWidth:r=!0,granularity:l="day",hideHintLabel:c,hideInputFooter:a,hideInputHeader:d,label:j,startSlot:E,...x},m)=>{[x,m]=s.useContextProps(x,m,s.DatePickerContext);const{isInvalid:P,isRequired:v}=x,{wrapper:D}=N.sharedInputStyles({fullWidth:r,hasStartSlot:!!E,hasEndSlot:!0});return e.jsxRuntimeExports.jsx(s.DatePicker,{...x,granularity:l,className:u=>D({className:n,isDisabled:u.isDisabled}),isInvalid:P,ref:m,children:({isDisabled:u,state:R})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(O,{description:t,fullWidth:r,errorMessage:i,hideHintLabel:c,hideInputFooter:a,hideInputHeader:d,isDisabled:u,isRequired:v,label:j,startSlot:E,onKeyDown:h=>{h.key==="Escape"&&R.value&&!u&&(h.preventDefault(),R.setValue(null))}}),e.jsxRuntimeExports.jsx(B.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(s.Calendar,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3",children:[e.jsxRuntimeExports.jsx(V,{}),e.jsxRuntimeExports.jsx("div",{className:"flex justify-center",children:e.jsxRuntimeExports.jsxs(s.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(g.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(_,{})]})})]})})})]})})},b=F.fixedForwardRef(T);b.displayName="DatePicker";const O=({description:n,errorMessage:t,fullWidth:i,hideHintLabel:r,hideInputFooter:l,hideInputHeader:c,isDisabled:a,isRequired:d,label:j,onKeyDown:E,startSlot:x})=>{const{input:m,segment:P}=C.dateFieldStyles(),{button:v,buttonExcludedFromTabOrder:D,inputField:u}=N.sharedInputStyles({fullWidth:i,hasStartSlot:!!x,hasEndSlot:!0}),{clear:R}=I.useDictionary(),{setValue:h,value:k}=q.useContext(s.DatePickerStateContext);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(w.InputHeader,{label:j,hideHintLabel:r,hideInputHeader:c,isRequired:d}),e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:o,isFocusWithin:p,isHovered:S,isInvalid:f})=>u({isDisabled:o,isFocused:p,isHovered:S,isInvalid:f}),onKeyDown:E,children:[e.jsxRuntimeExports.jsx(s.DateInput,{className:m(),children:o=>e.jsxRuntimeExports.jsx(s.DateSegment,{className:({isFocused:p})=>P({isFocused:p,isDisabled:a,hasValue:o.type==="literal"?!!k:!o.isPlaceholder}),segment:o})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex gap-2",children:[!a&&k?e.jsxRuntimeExports.jsx(G.Tooltip,{tooltip:R,children:e.jsxRuntimeExports.jsx(s.Button,{slot:null,excludeFromTabOrder:!0,className:D(),onPress:()=>{h(null)},children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(s.Button,{isDisabled:a,className:({isDisabled:o,isFocusVisible:p,isHovered:S})=>v({isDisabled:o,isFocused:p,isHovered:S}),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"calendar"})})]})]}),e.jsxRuntimeExports.jsx(H.InputFooter,{description:n,errorMessage:t,hideInputFooter:l})]})},V=()=>{const{buttons:n}=C.datePickerHeaderStyles(),{focusedDate:t,setFocusedDate:i}=q.useContext(s.CalendarStateContext);return e.jsxRuntimeExports.jsxs("header",{className:"flex justify-between gap-3",children:[e.jsxRuntimeExports.jsx(s.Button,{slot:"previous",className:n(),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(g.MonthPicker,{value:t.month,onChange:r=>{i(t.copy().set({month:r}))}}),e.jsxRuntimeExports.jsx(g.YearPicker,{value:t.year,onChange:r=>{i(t.copy().set({year:r}))}})]}),e.jsxRuntimeExports.jsx(s.Button,{slot:"next",className:n(),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"chevron-right"})})]})},_=()=>{const{bodyCell:n}=C.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(s.CalendarGridBody,{children:t=>e.jsxRuntimeExports.jsx(s.CalendarCell,{date:t,className:({isDisabled:i,isFocusVisible:r,isHovered:l,isOutsideMonth:c,isPressed:a,isSelected:d,isUnavailable:j})=>n({isSelected:d,isFocusVisible:r,isHovered:l,isUnavailable:j,isDisabled:i,isOutsideMonth:c,isPressed:a})})})};exports.DatePicker=b;

package/dist/lyra23.js

@@ -13,7 +13,7 @@ import { InputHeader as _ } from "./lyra38.js";
 import { InputFooter as z } from "./lyra39.js";
 import { sharedInputStyles as v } from "./lyra40.js";
 import { dateFieldStyles as A, datePickerHeaderStyles as J, dataPickerCalendarGridStyles as L } from "./lyra24.js";
-import { DatePickerCalendarGridHeader as Q, MonthPicker as U, YearPicker as X } from "./lyra610.js";
+import { DatePickerCalendarGridHeader as Q, MonthPicker as U, YearPicker as X } from "./lyra602.js";
 const Z = ({
   className: t,
   description: a,

package/dist/lyra25.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),f=require("react"),n=require("./lyra87.cjs"),M=require("./lyra91.cjs"),G=require("./lyra93.cjs"),B=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const b=require("./lyra56.cjs");require("./lyra57.cjs");const S=require("./lyra63.cjs"),H=require("./lyra73.cjs"),T=require("./lyra38.cjs"),V=require("./lyra39.cjs"),q=require("./lyra40.cjs"),w=require("./lyra24.cjs"),C=require("./lyra610.cjs"),Y=({className:p,description:l,errorMessage:o,fullWidth:d=!0,granularity:u="day",hideHintLabel:i,hideInputFooter:t,hideInputHeader:h,label:y,startSlot:R,...m},E)=>{[m,E]=n.useContextProps(m,E,n.DateRangePickerContext);const{isInvalid:D,isRequired:s}=m,{wrapper:r}=q.sharedInputStyles({fullWidth:d,hasStartSlot:!!R,hasEndSlot:!0});return e.jsxRuntimeExports.jsx(n.DateRangePicker,{...m,granularity:u,className:x=>r({className:p,isDisabled:x.isDisabled}),isInvalid:D,ref:E,children:({isDisabled:x,state:P})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(n.Group,{children:e.jsxRuntimeExports.jsx(_,{description:l,fullWidth:d,errorMessage:o,hideHintLabel:i,hideInputFooter:t,hideInputHeader:h,isDisabled:x,isRequired:s,label:y,startSlot:R,onKeyDown:N=>{var a,g;N.key==="Escape"&&((a=P.value)!=null&&a.end)&&((g=P.value)!=null&&g.start)&&!x&&(N.preventDefault(),P.setValue(null))}})}),e.jsxRuntimeExports.jsx(B.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(n.RangeCalendar,{visibleDuration:{months:2},pageBehavior:"single",children:e.jsxRuntimeExports.jsx(O,{})})})]})})},O=()=>{const{buttons:p}=w.datePickerHeaderStyles(),{anchorDate:l,focusedDate:o,focusNextPage:d,focusPreviousPage:u,setFocusedDate:i,visibleRange:t}=f.useContext(n.RangeCalendarStateContext),h=s=>s===12?1:s+1,y=s=>s===1?12:s-1,R=f.useCallback(s=>{if(s===t.start.month-1)u();else if(s===t.start.month+1)d();else{const r=s<t.start.month?h(s):s,x=t.start.copy().set({month:r,day:o.day});i(x)}},[d,u,o.day,i,t.start]),m=f.useCallback(s=>{if(t.start.year!==t.end.year){if(s<t.start.year){const r=t.start.copy().set({year:s+1,day:o.day,month:1});i(r)}if(s>t.start.year){const r=t.start.copy().set({year:s,day:o.day,month:12});i(r)}}else{const r=s<t.start.year?h(t.start.month):t.start.month,x=t.start.copy().set({year:s,day:o.day,month:r});i(x)}},[o.day,i,t.end.year,t.start]),E=f.useCallback(s=>{if(s===t.end.month-1)u();else if(s===t.end.month+1)d();else{const r=s>t.end.month?y(s):s,x=t.end.copy().set({month:r,day:o.day});i(x)}},[d,u,o.day,i,t.end]),D=f.useCallback(s=>{if(t.start.year!==t.end.year){if(s<t.end.year){const r=t.end.copy().set({year:s,day:o.day,month:1});i(r)}if(s>t.end.year){const r=t.end.copy().set({year:s-1,day:o.day,month:12});i(r)}}else{const r=s>t.end.year?y(t.end.month):t.end.month,x=t.end.copy().set({year:s,day:o.day,month:r});i(x)}},[o.day,i,t.end,t.start.year]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3 sm:flex-row",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx(n.Button,{slot:"previous",className:p(),children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.start.month,isDisabled:!!l,onChange:R}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.start.year,isDisabled:!!l,onChange:m})]}),e.jsxRuntimeExports.jsx("div",{className:"w-6"})]}),e.jsxRuntimeExports.jsxs(n.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(F,{})]})]}),e.jsxRuntimeExports.jsx(b.Separator,{orientation:"vertical",className:"hidden h-[unset] self-stretch sm:block"}),e.jsxRuntimeExports.jsx(b.Separator,{className:"sm:hidden"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx("div",{className:"w-6"}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.end.month,isDisabled:!!l,onChange:E}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.end.year,isDisabled:!!l,onChange:D})]}),e.jsxRuntimeExports.jsx(n.Button,{slot:"next",className:p(),children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-right"})})]}),e.jsxRuntimeExports.jsxs(n.CalendarGrid,{className:"w-full text-center",offset:{months:1},children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(F,{})]})]})]})})},I=M.fixedForwardRef(Y);I.displayName="DateRangePicker";const _=({description:p,errorMessage:l,fullWidth:o,hideHintLabel:d,hideInputFooter:u,hideInputHeader:i,isDisabled:t,isRequired:h,label:y,onKeyDown:R,startSlot:m})=>{const{input:E,segment:D}=w.dateFieldStyles(),{button:s,buttonExcludedFromTabOrder:r,inputField:x}=q.sharedInputStyles({fullWidth:o,hasStartSlot:!!m,hasEndSlot:!0}),{clear:P}=G.useDictionary(),{setValue:N,value:a}=f.useContext(n.DateRangePickerStateContext),g=f.useRef(null);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(T.InputHeader,{label:y,hideHintLabel:d,hideInputHeader:i,isRequired:h}),e.jsxRuntimeExports.jsxs(n.Group,{className:({isDisabled:c,isFocusWithin:j,isHovered:k,isInvalid:v})=>x({isDisabled:c,isFocused:j,isHovered:k,isInvalid:v}),onKeyDown:R,children:[e.jsxRuntimeExports.jsx(n.DateInput,{className:E(),slot:"start",children:c=>e.jsxRuntimeExports.jsx(n.DateSegment,{className:({isFocused:j})=>D({isFocused:j,isDisabled:t,hasValue:c.type==="literal"?!!(a!=null&&a.start):!c.isPlaceholder}),segment:c})}),e.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",className:a!=null&&a.start&&a.end&&!t?"text-primary":"text-tertiary",children:" – "}),e.jsxRuntimeExports.jsx(n.DateInput,{className:E(),slot:"end",children:c=>e.jsxRuntimeExports.jsx(n.DateSegment,{className:({isFocused:j})=>D({isFocused:j,isDisabled:t,hasValue:c.type==="literal"?!!(a!=null&&a.end):!c.isPlaceholder}),segment:c})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex flex-row-reverse gap-2",children:[e.jsxRuntimeExports.jsx(n.Button,{isDisabled:t,className:({isDisabled:c,isFocusVisible:j,isHovered:k})=>s({isDisabled:c,isFocused:j,isHovered:k}),ref:g,children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"calendar"})}),!t&&(a!=null&&a.end)&&(a!=null&&a.start)?e.jsxRuntimeExports.jsx(H.Tooltip,{tooltip:P,children:e.jsxRuntimeExports.jsx(n.Button,{slot:null,onFocus:c=>{var j;c.preventDefault(),(j=g==null?void 0:g.current)==null||j.focus()},excludeFromTabOrder:!0,className:r(),onPress:()=>{N(null)},children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"clear"})})}):null]})]}),e.jsxRuntimeExports.jsx(V.InputFooter,{description:p,errorMessage:l,hideInputFooter:u})]})},F=()=>{const{rangeBodyCell:p}=w.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(n.CalendarGridBody,{children:l=>e.jsxRuntimeExports.jsx(n.CalendarCell,{date:l,className:({isDisabled:o,isFocusVisible:d,isHovered:u,isOutsideMonth:i,isPressed:t,isSelected:h,isSelectionEnd:y,isSelectionStart:R,isUnavailable:m})=>p({isSelected:h,isSelectionStart:R,isSelectionEnd:y,isFocusVisible:d,isHovered:u,isUnavailable:m,isDisabled:o,isOutsideMonth:i,isPressed:t})})})};exports.DateRangePicker=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),f=require("react"),n=require("./lyra87.cjs"),M=require("./lyra91.cjs"),G=require("./lyra93.cjs"),B=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const b=require("./lyra56.cjs");require("./lyra57.cjs");const S=require("./lyra63.cjs"),H=require("./lyra73.cjs"),T=require("./lyra38.cjs"),V=require("./lyra39.cjs"),q=require("./lyra40.cjs"),w=require("./lyra24.cjs"),C=require("./lyra602.cjs"),Y=({className:p,description:l,errorMessage:o,fullWidth:d=!0,granularity:u="day",hideHintLabel:i,hideInputFooter:t,hideInputHeader:h,label:y,startSlot:R,...m},E)=>{[m,E]=n.useContextProps(m,E,n.DateRangePickerContext);const{isInvalid:D,isRequired:s}=m,{wrapper:r}=q.sharedInputStyles({fullWidth:d,hasStartSlot:!!R,hasEndSlot:!0});return e.jsxRuntimeExports.jsx(n.DateRangePicker,{...m,granularity:u,className:x=>r({className:p,isDisabled:x.isDisabled}),isInvalid:D,ref:E,children:({isDisabled:x,state:P})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(n.Group,{children:e.jsxRuntimeExports.jsx(_,{description:l,fullWidth:d,errorMessage:o,hideHintLabel:i,hideInputFooter:t,hideInputHeader:h,isDisabled:x,isRequired:s,label:y,startSlot:R,onKeyDown:N=>{var a,g;N.key==="Escape"&&((a=P.value)!=null&&a.end)&&((g=P.value)!=null&&g.start)&&!x&&(N.preventDefault(),P.setValue(null))}})}),e.jsxRuntimeExports.jsx(B.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(n.RangeCalendar,{visibleDuration:{months:2},pageBehavior:"single",children:e.jsxRuntimeExports.jsx(O,{})})})]})})},O=()=>{const{buttons:p}=w.datePickerHeaderStyles(),{anchorDate:l,focusedDate:o,focusNextPage:d,focusPreviousPage:u,setFocusedDate:i,visibleRange:t}=f.useContext(n.RangeCalendarStateContext),h=s=>s===12?1:s+1,y=s=>s===1?12:s-1,R=f.useCallback(s=>{if(s===t.start.month-1)u();else if(s===t.start.month+1)d();else{const r=s<t.start.month?h(s):s,x=t.start.copy().set({month:r,day:o.day});i(x)}},[d,u,o.day,i,t.start]),m=f.useCallback(s=>{if(t.start.year!==t.end.year){if(s<t.start.year){const r=t.start.copy().set({year:s+1,day:o.day,month:1});i(r)}if(s>t.start.year){const r=t.start.copy().set({year:s,day:o.day,month:12});i(r)}}else{const r=s<t.start.year?h(t.start.month):t.start.month,x=t.start.copy().set({year:s,day:o.day,month:r});i(x)}},[o.day,i,t.end.year,t.start]),E=f.useCallback(s=>{if(s===t.end.month-1)u();else if(s===t.end.month+1)d();else{const r=s>t.end.month?y(s):s,x=t.end.copy().set({month:r,day:o.day});i(x)}},[d,u,o.day,i,t.end]),D=f.useCallback(s=>{if(t.start.year!==t.end.year){if(s<t.end.year){const r=t.end.copy().set({year:s,day:o.day,month:1});i(r)}if(s>t.end.year){const r=t.end.copy().set({year:s-1,day:o.day,month:12});i(r)}}else{const r=s>t.end.year?y(t.end.month):t.end.month,x=t.end.copy().set({year:s,day:o.day,month:r});i(x)}},[o.day,i,t.end,t.start.year]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3 sm:flex-row",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx(n.Button,{slot:"previous",className:p(),children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.start.month,isDisabled:!!l,onChange:R}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.start.year,isDisabled:!!l,onChange:m})]}),e.jsxRuntimeExports.jsx("div",{className:"w-6"})]}),e.jsxRuntimeExports.jsxs(n.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(F,{})]})]}),e.jsxRuntimeExports.jsx(b.Separator,{orientation:"vertical",className:"hidden h-[unset] self-stretch sm:block"}),e.jsxRuntimeExports.jsx(b.Separator,{className:"sm:hidden"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx("div",{className:"w-6"}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.end.month,isDisabled:!!l,onChange:E}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.end.year,isDisabled:!!l,onChange:D})]}),e.jsxRuntimeExports.jsx(n.Button,{slot:"next",className:p(),children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-right"})})]}),e.jsxRuntimeExports.jsxs(n.CalendarGrid,{className:"w-full text-center",offset:{months:1},children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(F,{})]})]})]})})},I=M.fixedForwardRef(Y);I.displayName="DateRangePicker";const _=({description:p,errorMessage:l,fullWidth:o,hideHintLabel:d,hideInputFooter:u,hideInputHeader:i,isDisabled:t,isRequired:h,label:y,onKeyDown:R,startSlot:m})=>{const{input:E,segment:D}=w.dateFieldStyles(),{button:s,buttonExcludedFromTabOrder:r,inputField:x}=q.sharedInputStyles({fullWidth:o,hasStartSlot:!!m,hasEndSlot:!0}),{clear:P}=G.useDictionary(),{setValue:N,value:a}=f.useContext(n.DateRangePickerStateContext),g=f.useRef(null);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(T.InputHeader,{label:y,hideHintLabel:d,hideInputHeader:i,isRequired:h}),e.jsxRuntimeExports.jsxs(n.Group,{className:({isDisabled:c,isFocusWithin:j,isHovered:k,isInvalid:v})=>x({isDisabled:c,isFocused:j,isHovered:k,isInvalid:v}),onKeyDown:R,children:[e.jsxRuntimeExports.jsx(n.DateInput,{className:E(),slot:"start",children:c=>e.jsxRuntimeExports.jsx(n.DateSegment,{className:({isFocused:j})=>D({isFocused:j,isDisabled:t,hasValue:c.type==="literal"?!!(a!=null&&a.start):!c.isPlaceholder}),segment:c})}),e.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",className:a!=null&&a.start&&a.end&&!t?"text-primary":"text-tertiary",children:" – "}),e.jsxRuntimeExports.jsx(n.DateInput,{className:E(),slot:"end",children:c=>e.jsxRuntimeExports.jsx(n.DateSegment,{className:({isFocused:j})=>D({isFocused:j,isDisabled:t,hasValue:c.type==="literal"?!!(a!=null&&a.end):!c.isPlaceholder}),segment:c})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex flex-row-reverse gap-2",children:[e.jsxRuntimeExports.jsx(n.Button,{isDisabled:t,className:({isDisabled:c,isFocusVisible:j,isHovered:k})=>s({isDisabled:c,isFocused:j,isHovered:k}),ref:g,children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"calendar"})}),!t&&(a!=null&&a.end)&&(a!=null&&a.start)?e.jsxRuntimeExports.jsx(H.Tooltip,{tooltip:P,children:e.jsxRuntimeExports.jsx(n.Button,{slot:null,onFocus:c=>{var j;c.preventDefault(),(j=g==null?void 0:g.current)==null||j.focus()},excludeFromTabOrder:!0,className:r(),onPress:()=>{N(null)},children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"clear"})})}):null]})]}),e.jsxRuntimeExports.jsx(V.InputFooter,{description:p,errorMessage:l,hideInputFooter:u})]})},F=()=>{const{rangeBodyCell:p}=w.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(n.CalendarGridBody,{children:l=>e.jsxRuntimeExports.jsx(n.CalendarCell,{date:l,className:({isDisabled:o,isFocusVisible:d,isHovered:u,isOutsideMonth:i,isPressed:t,isSelected:h,isSelectionEnd:y,isSelectionStart:R,isUnavailable:m})=>p({isSelected:h,isSelectionStart:R,isSelectionEnd:y,isFocusVisible:d,isHovered:u,isUnavailable:m,isDisabled:o,isOutsideMonth:i,isPressed:t})})})};exports.DateRangePicker=I;

package/dist/lyra25.js

@@ -15,7 +15,7 @@ import { InputHeader as Z } from "./lyra38.js";
 import { InputFooter as W } from "./lyra39.js";
 import { sharedInputStyles as V } from "./lyra40.js";
 import { datePickerHeaderStyles as ee, dateFieldStyles as te, dataPickerCalendarGridStyles as se } from "./lyra24.js";
-import { MonthPicker as M, YearPicker as E, DatePickerCalendarGridHeader as G } from "./lyra610.js";
+import { MonthPicker as M, YearPicker as E, DatePickerCalendarGridHeader as G } from "./lyra602.js";
 const ae = ({
   className: h,
   description: l,

package/dist/lyra27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra88.cjs"),d=require("react"),T=require("./lyra87.cjs"),_=require("./lyra91.cjs"),f=require("./lyra93.cjs"),q=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");const $=require("./lyra19.cjs");require("./lyra20.cjs");const D=require("./lyra63.cjs"),m=require("./lyra71.cjs");require("./lyra72.cjs");const x=require("./lyra611.cjs"),k=require("./lyra612.cjs"),N=require("./lyra28.cjs"),P=({onChange:a,...e},y)=>{var E;const[t,o]=d.useState(),{browseFiles:j,dragAndDropInputMessage:v,maximumFileSize:R,supportedFormats:I,uploadLimitMessage:b}=f.useDictionary(),{dropAreaLayout:p,dropzone:L,fileInformation:h,iconAndTitleLayout:w,layout:z,multipleFilesLayout:g}=N.fileInputStyles({}),O=d.useCallback(l=>{o(s=>[...s??[],...l??[]]),a==null||a([...t??[],...l],s=>{o(r=>r==null?void 0:r.filter(c=>!(s!=null&&s.find(M=>M.path===c.path))))})},[t,a]),F=k.useOnDrop({onFilesRead:O,files:t,readAsDataUrl:e.readAsDataUrl,skipFileRead:e.skipFileRead,uploadLimit:e.allowMultiple?e.uploadLimit:1,maxFileSize:e.maxFileSize,acceptedFileTypes:e.acceptedFileTypes}),n=d.useMemo(()=>e.allowMultiple&&!!e.uploadLimit&&e.uploadLimit===(t==null?void 0:t.length),[t==null?void 0:t.length,e.allowMultiple,e.uploadLimit]),u=d.useMemo(()=>e.isDisabled||n,[n,e.isDisabled]),B=d.useMemo(()=>{var l;return n&&e.uploadLimit?b.replace("{value}",(l=e.uploadLimit)==null?void 0:l.toString()):e.errorMessage},[n,e.errorMessage,e.uploadLimit,b]),A=d.useCallback(l=>{var s;return u||e.acceptedFileTypes&&((s=e.acceptedFileTypes)==null?void 0:s.every(c=>!l.has(c)))?"cancel":"copy"},[u,e.acceptedFileTypes]),U=d.useMemo(()=>e.additionalMimeTypes?{...x.CommonMimeTypes,...e.additionalMimeTypes}:x.CommonMimeTypes,[e.additionalMimeTypes]);return i.jsxRuntimeExports.jsxs("div",{className:z({className:e.className}),style:e.style,ref:y,children:[i.jsxRuntimeExports.jsxs("div",{className:p(),children:[e.label?i.jsxRuntimeExports.jsx(m.Text,{variant:"body-medium",className:"font-semibold",children:e.label}):null,!e.allowMultiple&&(t!=null&&t[0])?i.jsxRuntimeExports.jsx(S,{fileName:t[0].path??"File",fileSize:x.convertBytes(t[0].size),onRemove:()=>{o(void 0),a==null||a(void 0)},disabled:e.isDisabled}):i.jsxRuntimeExports.jsxs(T.DropZone,{onDrop:async l=>{const s=await Promise.all(l.items.map(r=>r.getFile()));F(s)},className:({isDropTarget:l})=>L({isDropTarget:l,error:!!e.errorMessage&&!n}),getDropOperation:A,...e,children:[i.jsxRuntimeExports.jsxs("div",{className:w(),children:[i.jsxRuntimeExports.jsx($.IconBadge,{name:e.errorMessage&&!n?"alert-error":"upload",size:"md",variant:u?"gray":e.errorMessage&&!n?"red":"blue"}),i.jsxRuntimeExports.jsx(m.Text,{slot:"label",variant:"body-medium",color:u?"tertiary":"primary",children:B??e.title??v})]}),i.jsxRuntimeExports.jsx(T.FileTrigger,{allowsMultiple:e.allowMultiple,onSelect:l=>{const s=l?Array.from(l):[];F(s)},acceptedFileTypes:e.acceptedFileTypes,children:i.jsxRuntimeExports.jsx(q.Button,{variant:"secondary",isDisabled:u,children:j})})]}),e.maxFileSize||e.acceptedFileTypes?i.jsxRuntimeExports.jsxs("div",{className:h(),children:[i.jsxRuntimeExports.jsx(m.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.acceptedFileTypes?`${I}: ${(E=e.acceptedFileTypes)==null?void 0:E.map(l=>{var s;return(s=U[l])==null?void 0:s.toUpperCase()}).join(", ").toString()} `:void 0}),i.jsxRuntimeExports.jsx(m.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.maxFileSize?`${R}: ${x.convertBytes(e.maxFileSize)}`:void 0})]}):null]}),t&&e.allowMultiple?i.jsxRuntimeExports.jsx("div",{className:g(),children:t.map((l,s)=>i.jsxRuntimeExports.jsx(S,{fileName:l.path??`File${s}`,fileSize:x.convertBytes(l.size),onRemove:()=>{t.length>1?(o(r=>r==null?void 0:r.filter((c,M)=>M!==s)),a==null||a(t.filter((r,c)=>c!==s))):(o(void 0),a==null||a(void 0))},disabled:e.isDisabled},s))}):null,e.name?i.jsxRuntimeExports.jsx("input",{hidden:!0,name:e.name,readOnly:!0,value:t?JSON.stringify(t):""}):null]})},J=_.fixedForwardRef(P),S=({disabled:a,fileName:e,fileSize:y,onRemove:t})=>{const{fileInformation:o,fileInformationRows:j,layout:v}=N.uploadedItemStyles({}),{remove:R}=f.useDictionary();return i.jsxRuntimeExports.jsxs("div",{className:v(),children:[i.jsxRuntimeExports.jsxs("div",{className:o(),children:[i.jsxRuntimeExports.jsx(D.SvgIcon,{name:"document-light",className:"h-8 w-8 text-tertiary"}),i.jsxRuntimeExports.jsxs("div",{className:j(),children:[i.jsxRuntimeExports.jsx(m.Text,{variant:"body-medium",className:"font-semibold",children:e}),i.jsxRuntimeExports.jsx(m.Text,{color:"secondary",variant:"body-small",children:y})]})]}),i.jsxRuntimeExports.jsx(q.Button,{variant:"icon",onPress:t,tooltip:R,isDisabled:a,children:i.jsxRuntimeExports.jsx(D.SvgIcon,{name:"delete"})})]})};exports.FileInput=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra88.cjs"),d=require("react"),T=require("./lyra87.cjs"),_=require("./lyra91.cjs"),f=require("./lyra93.cjs"),q=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");const $=require("./lyra19.cjs");require("./lyra20.cjs");const D=require("./lyra63.cjs"),m=require("./lyra71.cjs");require("./lyra72.cjs");const x=require("./lyra603.cjs"),k=require("./lyra604.cjs"),N=require("./lyra28.cjs"),P=({onChange:a,...e},y)=>{var E;const[t,o]=d.useState(),{browseFiles:j,dragAndDropInputMessage:v,maximumFileSize:R,supportedFormats:I,uploadLimitMessage:b}=f.useDictionary(),{dropAreaLayout:p,dropzone:L,fileInformation:h,iconAndTitleLayout:w,layout:z,multipleFilesLayout:g}=N.fileInputStyles({}),O=d.useCallback(l=>{o(s=>[...s??[],...l??[]]),a==null||a([...t??[],...l],s=>{o(r=>r==null?void 0:r.filter(c=>!(s!=null&&s.find(M=>M.path===c.path))))})},[t,a]),F=k.useOnDrop({onFilesRead:O,files:t,readAsDataUrl:e.readAsDataUrl,skipFileRead:e.skipFileRead,uploadLimit:e.allowMultiple?e.uploadLimit:1,maxFileSize:e.maxFileSize,acceptedFileTypes:e.acceptedFileTypes}),n=d.useMemo(()=>e.allowMultiple&&!!e.uploadLimit&&e.uploadLimit===(t==null?void 0:t.length),[t==null?void 0:t.length,e.allowMultiple,e.uploadLimit]),u=d.useMemo(()=>e.isDisabled||n,[n,e.isDisabled]),B=d.useMemo(()=>{var l;return n&&e.uploadLimit?b.replace("{value}",(l=e.uploadLimit)==null?void 0:l.toString()):e.errorMessage},[n,e.errorMessage,e.uploadLimit,b]),A=d.useCallback(l=>{var s;return u||e.acceptedFileTypes&&((s=e.acceptedFileTypes)==null?void 0:s.every(c=>!l.has(c)))?"cancel":"copy"},[u,e.acceptedFileTypes]),U=d.useMemo(()=>e.additionalMimeTypes?{...x.CommonMimeTypes,...e.additionalMimeTypes}:x.CommonMimeTypes,[e.additionalMimeTypes]);return i.jsxRuntimeExports.jsxs("div",{className:z({className:e.className}),style:e.style,ref:y,children:[i.jsxRuntimeExports.jsxs("div",{className:p(),children:[e.label?i.jsxRuntimeExports.jsx(m.Text,{variant:"body-medium",className:"font-semibold",children:e.label}):null,!e.allowMultiple&&(t!=null&&t[0])?i.jsxRuntimeExports.jsx(S,{fileName:t[0].path??"File",fileSize:x.convertBytes(t[0].size),onRemove:()=>{o(void 0),a==null||a(void 0)},disabled:e.isDisabled}):i.jsxRuntimeExports.jsxs(T.DropZone,{onDrop:async l=>{const s=await Promise.all(l.items.map(r=>r.getFile()));F(s)},className:({isDropTarget:l})=>L({isDropTarget:l,error:!!e.errorMessage&&!n}),getDropOperation:A,...e,children:[i.jsxRuntimeExports.jsxs("div",{className:w(),children:[i.jsxRuntimeExports.jsx($.IconBadge,{name:e.errorMessage&&!n?"alert-error":"upload",size:"md",variant:u?"gray":e.errorMessage&&!n?"red":"blue"}),i.jsxRuntimeExports.jsx(m.Text,{slot:"label",variant:"body-medium",color:u?"tertiary":"primary",children:B??e.title??v})]}),i.jsxRuntimeExports.jsx(T.FileTrigger,{allowsMultiple:e.allowMultiple,onSelect:l=>{const s=l?Array.from(l):[];F(s)},acceptedFileTypes:e.acceptedFileTypes,children:i.jsxRuntimeExports.jsx(q.Button,{variant:"secondary",isDisabled:u,children:j})})]}),e.maxFileSize||e.acceptedFileTypes?i.jsxRuntimeExports.jsxs("div",{className:h(),children:[i.jsxRuntimeExports.jsx(m.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.acceptedFileTypes?`${I}: ${(E=e.acceptedFileTypes)==null?void 0:E.map(l=>{var s;return(s=U[l])==null?void 0:s.toUpperCase()}).join(", ").toString()} `:void 0}),i.jsxRuntimeExports.jsx(m.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.maxFileSize?`${R}: ${x.convertBytes(e.maxFileSize)}`:void 0})]}):null]}),t&&e.allowMultiple?i.jsxRuntimeExports.jsx("div",{className:g(),children:t.map((l,s)=>i.jsxRuntimeExports.jsx(S,{fileName:l.path??`File${s}`,fileSize:x.convertBytes(l.size),onRemove:()=>{t.length>1?(o(r=>r==null?void 0:r.filter((c,M)=>M!==s)),a==null||a(t.filter((r,c)=>c!==s))):(o(void 0),a==null||a(void 0))},disabled:e.isDisabled},s))}):null,e.name?i.jsxRuntimeExports.jsx("input",{hidden:!0,name:e.name,readOnly:!0,value:t?JSON.stringify(t):""}):null]})},J=_.fixedForwardRef(P),S=({disabled:a,fileName:e,fileSize:y,onRemove:t})=>{const{fileInformation:o,fileInformationRows:j,layout:v}=N.uploadedItemStyles({}),{remove:R}=f.useDictionary();return i.jsxRuntimeExports.jsxs("div",{className:v(),children:[i.jsxRuntimeExports.jsxs("div",{className:o(),children:[i.jsxRuntimeExports.jsx(D.SvgIcon,{name:"document-light",className:"h-8 w-8 text-tertiary"}),i.jsxRuntimeExports.jsxs("div",{className:j(),children:[i.jsxRuntimeExports.jsx(m.Text,{variant:"body-medium",className:"font-semibold",children:e}),i.jsxRuntimeExports.jsx(m.Text,{color:"secondary",variant:"body-small",children:y})]})]}),i.jsxRuntimeExports.jsx(q.Button,{variant:"icon",onPress:t,tooltip:R,isDisabled:a,children:i.jsxRuntimeExports.jsx(D.SvgIcon,{name:"delete"})})]})};exports.FileInput=J;

package/dist/lyra27.js

@@ -12,8 +12,8 @@ import "./lyra20.js";
 import { SvgIcon as S } from "./lyra63.js";
 import { Text as c } from "./lyra71.js";
 import "./lyra72.js";
-import { CommonMimeTypes as T, convertBytes as b } from "./lyra611.js";
-import { useOnDrop as q } from "./lyra612.js";
+import { CommonMimeTypes as T, convertBytes as b } from "./lyra603.js";
+import { useOnDrop as q } from "./lyra604.js";
 import { fileInputStyles as G, uploadedItemStyles as H } from "./lyra28.js";
 const K = ({ onChange: s, ...e }, y) => {
   var D;

package/dist/lyra34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),o=require("react"),p=require("./lyra87.cjs"),I=require("./lyra91.cjs"),_=require("./lyra26.cjs"),A=require("./lyra38.cjs"),B=require("./lyra39.cjs");require("./lyra40.cjs");const q=require("./lyra35.cjs"),T=require("./lyra613.cjs"),D=require("./lyra614.cjs"),K=require("./lyra615.cjs"),h=o.createContext({valuesWithSeperator:[]}),P=({description:j,errorMessage:x,fullWidth:d=!0,hideHintLabel:S=!0,hideInputFooter:C=!0,hideInputHeader:R=!0,label:c,name:m,...i},u)=>{[i,u]=p.useContextProps(i,u,p.ListBoxContext);const{children:a,className:g,defaultValue:l,isRequired:G,onChange:y,value:f}=i,L=o.useId(),E=o.useId(),[v,N]=o.useState(l??f??""),{track:w}=q.segmentedControlStyles({fullWidth:d}),M=o.useMemo(()=>{const s=o.Children.toArray(a),r=s==null?void 0:s.findIndex(n=>{var t;return((t=n==null?void 0:n.props)==null?void 0:t.value)===v});return s==null?void 0:s.filter((n,t)=>r===void 0||t===r||t===s.length-1?!1:r<t?Math.abs(t-r)>=1:Math.abs(t-r)>=2).map(n=>{var t;return(t=n==null?void 0:n.props)==null?void 0:t.value})},[a,v]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(A.InputHeader,{label:c,labelId:E,isRequired:G,hideHintLabel:S,hideInputHeader:R}),e.jsxRuntimeExports.jsx(p.ListBox,{...i,ref:u,"aria-label":c,"aria-labelledby":E,className:w({className:g}),defaultSelectedKeys:l?new Set([l]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:f?[f]:void 0,disallowEmptySelection:!0,onSelectionChange:s=>{if(s==="all")return;const r=s.keys().next().value;y==null||y(r),N(r)},children:e.jsxRuntimeExports.jsx(h.Provider,{value:{valuesWithSeperator:M},children:e.jsxRuntimeExports.jsx(T.LayoutGroup,{id:L,children:a})})}),e.jsxRuntimeExports.jsx(B.InputFooter,{description:j,errorMessage:x,hideInputFooter:C}),m?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:m,value:v??""}):null]})},b=I.fixedForwardRef(P);b.displayName="SegmentedControl";const V=({children:j,value:x,...d},S)=>{const{isDisabled:C}=o.useContext(_.FieldGroupContext),{id:R}=o.useContext(D.LayoutGroupContext),{valuesWithSeperator:c}=o.useContext(h),m=c.includes(x??""),{item:i,itemActive:u,itemText:a}=q.segmentedControlStyles({seperator:m});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(p.ListBoxItem,{ref:S,className:i({isDisabled:C}),id:d.id??x,...d,children:({isFocusVisible:g,isSelected:l})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[l?e.jsxRuntimeExports.jsx(K.motion.div,{layoutId:R,className:u({isFocusVisible:g}),transition:{type:"tween",duration:.2}}):null,e.jsxRuntimeExports.jsx("div",{className:a(),children:j})]})})})},F=I.fixedForwardRef(V);F.displayName="SegmentedControlItem";exports.SegmentedControl=b;exports.SegmentedControlItem=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),o=require("react"),C=require("./lyra87.cjs"),q=require("./lyra91.cjs"),T=require("./lyra26.cjs"),_=require("./lyra38.cjs"),A=require("./lyra39.cjs");require("./lyra40.cjs");const b=require("./lyra35.cjs"),B=require("./lyra605.cjs"),V=require("./lyra606.cjs"),D=require("./lyra607.cjs"),h=o.createContext({valuesWithSeperator:[]}),K=({description:i,errorMessage:m,fullWidth:c=!0,hideHintLabel:p=!0,hideInputFooter:g=!0,hideInputHeader:y=!0,label:j,name:S,...u},a)=>{[u,a]=C.useContextProps(u,a,C.ListBoxContext);const{children:l,className:R,defaultValue:x,isRequired:f,onChange:d,value:v}=u,L=o.useId(),I=o.useId(),[E,N]=o.useState(x??v??""),{track:w}=b.segmentedControlStyles({fullWidth:c}),M=o.useMemo(()=>{const s=o.Children.toArray(l),r=s==null?void 0:s.findIndex(n=>{var t;return((t=n==null?void 0:n.props)==null?void 0:t.value)===E});return s==null?void 0:s.filter((n,t)=>r===void 0||t===r||t===s.length-1?!1:r<t?Math.abs(t-r)>=1:Math.abs(t-r)>=2).map(n=>{var t;return(t=n==null?void 0:n.props)==null?void 0:t.value})},[l,E]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(_.InputHeader,{label:j,labelId:I,isRequired:f,hideHintLabel:p,hideInputHeader:y}),e.jsxRuntimeExports.jsx(C.ListBox,{...u,ref:a,"aria-label":j,"aria-labelledby":I,className:w({className:R}),defaultSelectedKeys:x?new Set([x]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:v?[v]:void 0,disallowEmptySelection:!0,onSelectionChange:s=>{if(s==="all")return;const r=s.keys().next().value;d==null||d(r),N(r)},children:e.jsxRuntimeExports.jsx(h.Provider,{value:{valuesWithSeperator:M},children:e.jsxRuntimeExports.jsx(B.LayoutGroup,{id:L,children:l})})}),e.jsxRuntimeExports.jsx(A.InputFooter,{description:i,errorMessage:m,hideInputFooter:g}),S?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:S,value:E??""}):null]})},F=q.fixedForwardRef(K);F.displayName="SegmentedControl";const P=({children:i,textValue:m,value:c,...p},g)=>{const y=m||(typeof i=="string"?i:void 0),{isDisabled:j}=o.useContext(T.FieldGroupContext),{id:S}=o.useContext(V.LayoutGroupContext),{valuesWithSeperator:u}=o.useContext(h),a=u.includes(c??""),{item:l,itemActive:R,itemText:x}=b.segmentedControlStyles({seperator:a});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(C.ListBoxItem,{ref:g,className:l({isDisabled:j}),id:p.id??c,textValue:y,...p,children:({isFocusVisible:f,isSelected:d})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[d?e.jsxRuntimeExports.jsx(D.motion.div,{layoutId:S,className:R({isFocusVisible:f}),transition:{type:"tween",duration:.2}}):null,e.jsxRuntimeExports.jsx("div",{className:x(),children:i})]})})})},G=q.fixedForwardRef(P);G.displayName="SegmentedControlItem";exports.SegmentedControl=F;exports.SegmentedControlItem=G;

package/dist/lyra34.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra34.cjs","sources":["../src/components/inputs/segmented-control/segmented-control.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  ElementRef,\n  ForwardedRef,\n  ReactNode,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  ListBox,\n  ListBoxContext,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { LayoutGroup, LayoutGroupContext, motion } from \"framer-motion\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputHeader, InputHeaderProps } from \"../shared\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\n\nimport { segmentedControlStyles } from \"./segmented-control.styles\";\n\nconst SegmentedControlSharedContext = createContext<{ valuesWithSeperator: string[] }>({\n  valuesWithSeperator: [],\n});\n\nexport type SegmentedControlRef = ElementRef<typeof ListBox>;\nexport type SegmentedControlProps<T extends object> = InputHeaderProps &\n  InputFooterProps &\n  Omit<\n    ListBoxProps<T>,\n    | \"selectedKeys\"\n    | \"onSelectionChange\"\n    | \"defaultSelectedKeys\"\n    | \"orientation\"\n    | \"selectionBehavior\"\n    | \"selectionMode\"\n    | \"disallowEmptySelection\"\n    | \"children\"\n    | \"items\"\n  > & {\n    value?: string;\n    onChange?: (value?: string) => void;\n    defaultValue?: string;\n    fullWidth?: boolean;\n    children: ReactNode;\n    name?: string;\n  };\n\nconst _SegmentedControl = <T extends object>(\n  {\n    description,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel = true,\n    hideInputFooter = true,\n    hideInputHeader = true,\n    label,\n    name,\n    ...props\n  }: SegmentedControlProps<T>,\n  ref: ForwardedRef<SegmentedControlRef>,\n) => {\n  [props, ref] = useContextProps(props, ref, ListBoxContext);\n  const { children, className, defaultValue, isRequired, onChange, value } = props;\n  const selectedId = useId();\n  const labelId = useId();\n  const [localValue, setLocalValue] = useState<string>(defaultValue ?? value ?? \"\");\n  const { track } = segmentedControlStyles({ fullWidth });\n\n  /**\n   * Array of values of the children that are not selected and at should get a seperator at the end.\n   */\n  const valuesWithSeperator = useMemo(() => {\n    const allChildren = Children.toArray(children);\n    const selectedChildIndex: number | undefined = allChildren?.findIndex((child: any) => {\n      return child?.props?.value === localValue;\n    });\n\n    /**\n     * Filter values that are at least 2 indexes away from the selected value when the selected child index is lower than the current index.\n     * At least 1 index away from the selected child when the selected child index is higher than the current index.\n     * Also prevent that the last item will be added.\n     */\n    const valuesThatGetASeperator = allChildren\n      ?.filter((_, index: number) => {\n        if (selectedChildIndex === undefined) return false;\n        if (index === selectedChildIndex) return false;\n        if (index === allChildren.length - 1) return false;\n        if (selectedChildIndex < index) {\n          return Math.abs(index - selectedChildIndex) >= 1;\n        } else {\n          return Math.abs(index - selectedChildIndex) >= 2;\n        }\n      })\n      .map((child: any) => child?.props?.value);\n\n    return valuesThatGetASeperator;\n  }, [children, localValue]);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        labelId={labelId}\n        isRequired={isRequired}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n      />\n      <ListBox\n        {...props}\n        ref={ref}\n        aria-label={label}\n        aria-labelledby={labelId}\n        className={track({ className })}\n        defaultSelectedKeys={defaultValue ? new Set([defaultValue]) : []}\n        orientation=\"horizontal\"\n        selectionBehavior=\"replace\"\n        selectionMode=\"single\"\n        selectedKeys={value ? [value] : undefined}\n        disallowEmptySelection\n        onSelectionChange={(keys) => {\n          if (keys === \"all\") return;\n          const firstKeyFromSet = keys.keys().next().value;\n          onChange?.(firstKeyFromSet);\n          setLocalValue(firstKeyFromSet);\n        }}\n      >\n        <SegmentedControlSharedContext.Provider value={{ valuesWithSeperator }}>\n          <LayoutGroup id={selectedId}>{children}</LayoutGroup>\n        </SegmentedControlSharedContext.Provider>\n      </ListBox>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n      {name ? <input type=\"hidden\" name={name} value={localValue ?? \"\"} /> : null}\n    </>\n  );\n};\n\nexport const SegmentedControl = fixedForwardRef(_SegmentedControl);\n// @ts-ignore\nSegmentedControl.displayName = \"SegmentedControl\";\n\nexport type SegmentedControlItemProps<T extends object> = Omit<ListBoxItemProps<T>, \"value\"> & {\n  children: ReactNode;\n  value?: string;\n};\n\ntype SegmentedControlItemRef = ElementRef<typeof ListBoxItem>;\n\nconst _SegmentedControlItem = <T extends object>(\n  { children, value, ...props }: SegmentedControlItemProps<T>,\n  ref: ForwardedRef<SegmentedControlItemRef>,\n) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const { id: layoutId } = useContext(LayoutGroupContext);\n  const { valuesWithSeperator } = useContext(SegmentedControlSharedContext);\n  const seperator = valuesWithSeperator.includes(value ?? \"\");\n  const { item, itemActive, itemText } = segmentedControlStyles({ seperator });\n  return (\n    <>\n      <ListBoxItem\n        ref={ref}\n        className={item({ isDisabled: fieldGroupIsDisabled })}\n        id={props.id ?? value}\n        {...props}\n      >\n        {({ isFocusVisible, isSelected }) => {\n          return (\n            <>\n              {isSelected ? (\n                <motion.div\n                  layoutId={layoutId}\n                  className={itemActive({ isFocusVisible })}\n                  transition={{\n                    type: \"tween\",\n                    duration: 0.2,\n                  }}\n                />\n              ) : null}\n              <div className={itemText()}>{children}</div>\n            </>\n          );\n        }}\n      </ListBoxItem>\n    </>\n  );\n};\n\nexport const SegmentedControlItem = fixedForwardRef(_SegmentedControlItem);\n// @ts-ignore\nSegmentedControlItem.displayName = \"SegmentedControlItem\";\n"],"names":["SegmentedControlSharedContext","createContext","_SegmentedControl","description","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","name","props","ref","useContextProps","ListBoxContext","children","className","defaultValue","isRequired","onChange","value","selectedId","useId","labelId","localValue","setLocalValue","useState","track","segmentedControlStyles","valuesWithSeperator","useMemo","allChildren","Children","selectedChildIndex","child","_a","_","index","jsxs","Fragment","jsx","InputHeader","ListBox","keys","firstKeyFromSet","LayoutGroup","InputFooter","SegmentedControl","fixedForwardRef","_SegmentedControlItem","fieldGroupIsDisabled","useContext","FieldGroupContext","layoutId","LayoutGroupContext","seperator","item","itemActive","itemText","ListBoxItem","isFocusVisible","isSelected","motion","SegmentedControlItem"],"mappings":"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"}
+{"version":3,"file":"lyra34.cjs","sources":["../src/components/inputs/segmented-control/segmented-control.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  ElementRef,\n  ForwardedRef,\n  ReactNode,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  ListBox,\n  ListBoxContext,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { LayoutGroup, LayoutGroupContext, motion } from \"framer-motion\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputHeader, InputHeaderProps } from \"../shared\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\n\nimport { segmentedControlStyles } from \"./segmented-control.styles\";\n\nconst SegmentedControlSharedContext = createContext<{ valuesWithSeperator: string[] }>({\n  valuesWithSeperator: [],\n});\n\nexport type SegmentedControlRef = ElementRef<typeof ListBox>;\nexport type SegmentedControlProps<T extends object> = InputHeaderProps &\n  InputFooterProps &\n  Omit<\n    ListBoxProps<T>,\n    | \"selectedKeys\"\n    | \"onSelectionChange\"\n    | \"defaultSelectedKeys\"\n    | \"orientation\"\n    | \"selectionBehavior\"\n    | \"selectionMode\"\n    | \"disallowEmptySelection\"\n    | \"children\"\n    | \"items\"\n  > & {\n    value?: string;\n    onChange?: (value?: string) => void;\n    defaultValue?: string;\n    fullWidth?: boolean;\n    children: ReactNode;\n    name?: string;\n  };\n\nconst _SegmentedControl = <T extends object>(\n  {\n    description,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel = true,\n    hideInputFooter = true,\n    hideInputHeader = true,\n    label,\n    name,\n    ...props\n  }: SegmentedControlProps<T>,\n  ref: ForwardedRef<SegmentedControlRef>,\n) => {\n  [props, ref] = useContextProps(props, ref, ListBoxContext);\n  const { children, className, defaultValue, isRequired, onChange, value } = props;\n  const selectedId = useId();\n  const labelId = useId();\n  const [localValue, setLocalValue] = useState<string>(defaultValue ?? value ?? \"\");\n  const { track } = segmentedControlStyles({ fullWidth });\n\n  /**\n   * Array of values of the children that are not selected and at should get a seperator at the end.\n   */\n  const valuesWithSeperator = useMemo(() => {\n    const allChildren = Children.toArray(children);\n    const selectedChildIndex: number | undefined = allChildren?.findIndex((child: any) => {\n      return child?.props?.value === localValue;\n    });\n\n    /**\n     * Filter values that are at least 2 indexes away from the selected value when the selected child index is lower than the current index.\n     * At least 1 index away from the selected child when the selected child index is higher than the current index.\n     * Also prevent that the last item will be added.\n     */\n    const valuesThatGetASeperator = allChildren\n      ?.filter((_, index: number) => {\n        if (selectedChildIndex === undefined) return false;\n        if (index === selectedChildIndex) return false;\n        if (index === allChildren.length - 1) return false;\n        if (selectedChildIndex < index) {\n          return Math.abs(index - selectedChildIndex) >= 1;\n        } else {\n          return Math.abs(index - selectedChildIndex) >= 2;\n        }\n      })\n      .map((child: any) => child?.props?.value);\n\n    return valuesThatGetASeperator;\n  }, [children, localValue]);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        labelId={labelId}\n        isRequired={isRequired}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n      />\n      <ListBox\n        {...props}\n        ref={ref}\n        aria-label={label}\n        aria-labelledby={labelId}\n        className={track({ className })}\n        defaultSelectedKeys={defaultValue ? new Set([defaultValue]) : []}\n        orientation=\"horizontal\"\n        selectionBehavior=\"replace\"\n        selectionMode=\"single\"\n        selectedKeys={value ? [value] : undefined}\n        disallowEmptySelection\n        onSelectionChange={(keys) => {\n          if (keys === \"all\") return;\n          const firstKeyFromSet = keys.keys().next().value;\n          onChange?.(firstKeyFromSet);\n          setLocalValue(firstKeyFromSet);\n        }}\n      >\n        <SegmentedControlSharedContext.Provider value={{ valuesWithSeperator }}>\n          <LayoutGroup id={selectedId}>{children}</LayoutGroup>\n        </SegmentedControlSharedContext.Provider>\n      </ListBox>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n      {name ? <input type=\"hidden\" name={name} value={localValue ?? \"\"} /> : null}\n    </>\n  );\n};\n\nexport const SegmentedControl = fixedForwardRef(_SegmentedControl);\n// @ts-ignore\nSegmentedControl.displayName = \"SegmentedControl\";\n\nexport type SegmentedControlItemProps<T extends object> = Omit<ListBoxItemProps<T>, \"value\"> & {\n  children: ReactNode;\n  value?: string;\n};\n\ntype SegmentedControlItemRef = ElementRef<typeof ListBoxItem>;\n\nconst _SegmentedControlItem = <T extends object>(\n  { children, textValue, value, ...props }: SegmentedControlItemProps<T>,\n  ref: ForwardedRef<SegmentedControlItemRef>,\n) => {\n  const newTextValue = textValue ? textValue : typeof children === \"string\" ? children : undefined;\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const { id: layoutId } = useContext(LayoutGroupContext);\n  const { valuesWithSeperator } = useContext(SegmentedControlSharedContext);\n  const seperator = valuesWithSeperator.includes(value ?? \"\");\n  const { item, itemActive, itemText } = segmentedControlStyles({ seperator });\n  return (\n    <>\n      <ListBoxItem\n        ref={ref}\n        className={item({ isDisabled: fieldGroupIsDisabled })}\n        id={props.id ?? value}\n        textValue={newTextValue}\n        {...props}\n      >\n        {({ isFocusVisible, isSelected }) => {\n          return (\n            <>\n              {isSelected ? (\n                <motion.div\n                  layoutId={layoutId}\n                  className={itemActive({ isFocusVisible })}\n                  transition={{\n                    type: \"tween\",\n                    duration: 0.2,\n                  }}\n                />\n              ) : null}\n              <div className={itemText()}>{children}</div>\n            </>\n          );\n        }}\n      </ListBoxItem>\n    </>\n  );\n};\n\nexport const SegmentedControlItem = fixedForwardRef(_SegmentedControlItem);\n// @ts-ignore\nSegmentedControlItem.displayName = \"SegmentedControlItem\";\n"],"names":["SegmentedControlSharedContext","createContext","_SegmentedControl","description","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","name","props","ref","useContextProps","ListBoxContext","children","className","defaultValue","isRequired","onChange","value","selectedId","useId","labelId","localValue","setLocalValue","useState","track","segmentedControlStyles","valuesWithSeperator","useMemo","allChildren","Children","selectedChildIndex","child","_a","_","index","jsxs","Fragment","jsx","InputHeader","ListBox","keys","firstKeyFromSet","LayoutGroup","InputFooter","SegmentedControl","fixedForwardRef","_SegmentedControlItem","textValue","newTextValue","fieldGroupIsDisabled","useContext","FieldGroupContext","layoutId","LayoutGroupContext","seperator","item","itemActive","itemText","ListBoxItem","isFocusVisible","isSelected","motion","SegmentedControlItem"],"mappings":"8YA6BMA,EAAgCC,EAAAA,cAAiD,CACrF,oBAAqB,CAAC,CACxB,CAAC,EAyBKC,EAAoB,CACxB,CACE,YAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,gBAAAC,EAAkB,GAClB,gBAAAC,EAAkB,GAClB,MAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,cAAc,EACzD,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,aAAAC,EAAc,WAAAC,EAAY,SAAAC,EAAU,MAAAC,CAAU,EAAAT,EACrEU,EAAaC,EAAAA,QACbC,EAAUD,EAAAA,QACV,CAACE,EAAYC,CAAa,EAAIC,EAAiB,SAAAT,GAAgBG,GAAS,EAAE,EAC1E,CAAE,MAAAO,CAAM,EAAIC,EAAuB,uBAAA,CAAE,UAAAvB,CAAW,CAAA,EAKhDwB,EAAsBC,EAAAA,QAAQ,IAAM,CAClC,MAAAC,EAAcC,EAAAA,SAAS,QAAQjB,CAAQ,EACvCkB,EAAyCF,GAAA,YAAAA,EAAa,UAAWG,GAAe,OAC7E,QAAAC,EAAAD,GAAA,YAAAA,EAAO,QAAP,YAAAC,EAAc,SAAUX,CAAA,GAqB1B,OAbyBO,GAAA,YAAAA,EAC5B,OAAO,CAACK,EAAGC,IACPJ,IAAuB,QACvBI,IAAUJ,GACVI,IAAUN,EAAY,OAAS,EAAU,GACzCE,EAAqBI,EAChB,KAAK,IAAIA,EAAQJ,CAAkB,GAAK,EAExC,KAAK,IAAII,EAAQJ,CAAkB,GAAK,GAGlD,IAAKC,GAAe,OAAA,OAAAC,EAAAD,GAAA,YAAAA,EAAO,QAAP,YAAAC,EAAc,OAE9B,EACN,CAACpB,EAAUS,CAAU,CAAC,EAEzB,OAEIc,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,YAAA,CACC,MAAAhC,EACA,QAAAc,EACA,WAAAL,EACA,cAAAZ,EACA,gBAAAE,CAAA,CACF,EACAgC,EAAA,kBAAA,IAACE,EAAA,QAAA,CACE,GAAG/B,EACJ,IAAAC,EACA,aAAYH,EACZ,kBAAiBc,EACjB,UAAWI,EAAM,CAAE,UAAAX,EAAW,EAC9B,oBAAqBC,EAAmB,IAAA,IAAI,CAACA,CAAY,CAAC,EAAI,CAAC,EAC/D,YAAY,aACZ,kBAAkB,UAClB,cAAc,SACd,aAAcG,EAAQ,CAACA,CAAK,EAAI,OAChC,uBAAsB,GACtB,kBAAoBuB,GAAS,CAC3B,GAAIA,IAAS,MAAO,OACpB,MAAMC,EAAkBD,EAAK,KAAK,EAAE,OAAO,MAC3CxB,GAAA,MAAAA,EAAWyB,GACXnB,EAAcmB,CAAe,CAC/B,EAEA,SAACJ,EAAA,kBAAA,IAAAxC,EAA8B,SAA9B,CAAuC,MAAO,CAAE,oBAAA6B,CAAoB,EACnE,SAACW,EAAA,kBAAA,IAAAK,EAAA,YAAA,CAAY,GAAIxB,EAAa,SAAAN,CAAS,CAAA,EACzC,CAAA,CACF,EACAyB,EAAA,kBAAA,IAACM,EAAA,YAAA,CACC,YAAA3C,EACA,aAAAC,EACA,gBAAAG,CAAA,CACF,EACCG,0BAAQ,QAAM,CAAA,KAAK,SAAS,KAAAA,EAAY,MAAOc,GAAc,EAAA,CAAI,EAAK,IACzE,CAAA,CAAA,CAEJ,EAEauB,EAAmBC,kBAAgB9C,CAAiB,EAEjE6C,EAAiB,YAAc,mBAS/B,MAAME,EAAwB,CAC5B,CAAE,SAAAlC,EAAU,UAAAmC,EAAW,MAAA9B,EAAO,GAAGT,CAAM,EACvCC,IACG,CACH,MAAMuC,EAAeD,IAAwB,OAAOnC,GAAa,SAAWA,EAAW,QACjF,CAAE,WAAYqC,CAAqB,EAAIC,aAAWC,EAAiB,iBAAA,EACnE,CAAE,GAAIC,CAAS,EAAIF,aAAWG,EAAkB,kBAAA,EAChD,CAAE,oBAAA3B,CAAA,EAAwBwB,EAAA,WAAWrD,CAA6B,EAClEyD,EAAY5B,EAAoB,SAAST,GAAS,EAAE,EACpD,CAAE,KAAAsC,EAAM,WAAAC,EAAY,SAAAC,GAAahC,yBAAuB,CAAE,UAAA6B,EAAW,EAC3E,OAEIjB,wBAAAD,EAAAA,kBAAAA,SAAA,CAAA,SAAAC,EAAA,kBAAA,IAACqB,EAAA,YAAA,CACC,IAAAjD,EACA,UAAW8C,EAAK,CAAE,WAAYN,EAAsB,EACpD,GAAIzC,EAAM,IAAMS,EAChB,UAAW+B,EACV,GAAGxC,EAEH,SAAC,CAAA,CAAE,eAAAmD,EAAgB,WAAAC,KAGbzB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CACCwB,EAAAvB,EAAA,kBAAA,IAACwB,EAAAA,OAAO,IAAP,CACC,SAAAT,EACA,UAAWI,EAAW,CAAE,eAAAG,EAAgB,EACxC,WAAY,CACV,KAAM,QACN,SAAU,EACZ,CAAA,CAAA,EAEA,KACHtB,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWoB,IAAa,SAAA7C,CAAS,CAAA,CACxC,CAAA,CAAA,CAEJ,CAEJ,CAAA,CAAA,CAEJ,EAEakD,EAAuBjB,kBAAgBC,CAAqB,EAEzEgB,EAAqB,YAAc"}