@drivenets/design-system 0.1.0 → 0.3.0

package/dist/components/ds-chip/ds-chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-chip.d.ts","names":[],"sources":["../../../src/components/ds-chip/ds-chip.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAGmD;cAO7C,QAAQ,KAAA,CAAM,GAAG"}
+{"version":3,"file":"ds-chip.d.ts","names":[],"sources":["../../../src/components/ds-chip/ds-chip.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAGmD;;cAQ7C,QAAQ,KAAA,CAAM,GAAG"}

package/dist/components/ds-chip/ds-chip.js

@@ -9,7 +9,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ds-chip/ds-chip.tsx
 /**
-* Design system Chip component
+* @deprecated This component is deprecated. Use `DsTag` instead.
+* @see {@link ../ds-tag} for the replacement component.
 */
 const DsChip = (t0) => {
 	const $ = c(29);

package/dist/components/ds-chip/ds-chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-chip.js","names":["React","classNames","styles","DsChipProps","DsIcon","DsTypography","DsChip","FC","t0","$","_c","ref","label","className","style","t1","onClick","onDelete","size","t2","deleteIcon","selected","t3","t4","undefined","t5","t6","t7","chip","clickable","small","chipClass","t8","event","stopPropagation","handleDeleteClick","t9","event_0","key","preventDefault","handleKeyDown","t10","Ref","HTMLDivElement","t11","t12","t13","t14","t15","t16","deleteButton","t17"],"sources":["../../../src/components/ds-chip/ds-chip.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-chip.module.scss';\nimport type { DsChipProps } from './ds-chip.types';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Design system Chip component\n */\nconst DsChip: React.FC<DsChipProps> = ({\n\tref,\n\tlabel,\n\tclassName,\n\tstyle = {},\n\tonClick,\n\tonDelete,\n\tsize = 'medium',\n\tdeleteIcon,\n\tselected = false,\n}) => {\n\tconst chipClass = classNames(\n\t\tstyles.chip,\n\t\t{\n\t\t\t[styles.clickable]: onClick !== undefined,\n\t\t\t[styles.small]: size === 'small',\n\t\t},\n\t\tclassName,\n\t);\n\n\tconst handleDeleteClick = (event: React.MouseEvent<HTMLElement>) => {\n\t\tevent.stopPropagation();\n\t\tonDelete?.(event);\n\t};\n\n\tconst handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n\t\tif (onDelete && (event.key === 'Backspace' || event.key === 'Delete')) {\n\t\t\tevent.preventDefault();\n\t\t\tonDelete(event);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={ref as React.Ref<HTMLDivElement>}\n\t\t\tclassName={chipClass}\n\t\t\tstyle={style}\n\t\t\tonClick={onClick}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t\trole={onClick || onDelete ? 'button' : undefined}\n\t\t\ttabIndex={onClick || onDelete ? 0 : undefined}\n\t\t\taria-label={label}\n\t\t\taria-pressed={onClick && selected ? 'true' : undefined}\n\t\t>\n\t\t\t<DsTypography variant={size === 'small' ? 'body-xs-reg' : 'body-sm-reg'} className={styles.label}>\n\t\t\t\t{label}\n\t\t\t</DsTypography>\n\t\t\t{onDelete && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName={styles.deleteButton}\n\t\t\t\t\tonClick={handleDeleteClick}\n\t\t\t\t\taria-label=\"Delete chip\"\n\t\t\t\t\ttabIndex={-1}\n\t\t\t\t>\n\t\t\t\t\t<DsIcon icon={deleteIcon || 'cancel'} size=\"tiny\" />\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default DsChip;\n"],"mappings":"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"}
+{"version":3,"file":"ds-chip.js","names":["React","classNames","styles","DsChipProps","DsIcon","DsTypography","DsChip","FC","t0","$","_c","ref","label","className","style","t1","onClick","onDelete","size","t2","deleteIcon","selected","t3","t4","undefined","t5","t6","t7","chip","clickable","small","chipClass","t8","event","stopPropagation","handleDeleteClick","t9","event_0","key","preventDefault","handleKeyDown","t10","Ref","HTMLDivElement","t11","t12","t13","t14","t15","t16","deleteButton","t17"],"sources":["../../../src/components/ds-chip/ds-chip.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-chip.module.scss';\nimport type { DsChipProps } from './ds-chip.types';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * @deprecated This component is deprecated. Use `DsTag` instead.\n * @see {@link ../ds-tag} for the replacement component.\n */\nconst DsChip: React.FC<DsChipProps> = ({\n\tref,\n\tlabel,\n\tclassName,\n\tstyle = {},\n\tonClick,\n\tonDelete,\n\tsize = 'medium',\n\tdeleteIcon,\n\tselected = false,\n}) => {\n\tconst chipClass = classNames(\n\t\tstyles.chip,\n\t\t{\n\t\t\t[styles.clickable]: onClick !== undefined,\n\t\t\t[styles.small]: size === 'small',\n\t\t},\n\t\tclassName,\n\t);\n\n\tconst handleDeleteClick = (event: React.MouseEvent<HTMLElement>) => {\n\t\tevent.stopPropagation();\n\t\tonDelete?.(event);\n\t};\n\n\tconst handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n\t\tif (onDelete && (event.key === 'Backspace' || event.key === 'Delete')) {\n\t\t\tevent.preventDefault();\n\t\t\tonDelete(event);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={ref as React.Ref<HTMLDivElement>}\n\t\t\tclassName={chipClass}\n\t\t\tstyle={style}\n\t\t\tonClick={onClick}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t\trole={onClick || onDelete ? 'button' : undefined}\n\t\t\ttabIndex={onClick || onDelete ? 0 : undefined}\n\t\t\taria-label={label}\n\t\t\taria-pressed={onClick && selected ? 'true' : undefined}\n\t\t>\n\t\t\t<DsTypography variant={size === 'small' ? 'body-xs-reg' : 'body-sm-reg'} className={styles.label}>\n\t\t\t\t{label}\n\t\t\t</DsTypography>\n\t\t\t{onDelete && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName={styles.deleteButton}\n\t\t\t\t\tonClick={handleDeleteClick}\n\t\t\t\t\taria-label=\"Delete chip\"\n\t\t\t\t\ttabIndex={-1}\n\t\t\t\t>\n\t\t\t\t\t<DsIcon icon={deleteIcon || 'cancel'} size=\"tiny\" />\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default DsChip;\n"],"mappings":"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"}

package/dist/components/ds-chip/ds-chip.types.d.cts

@@ -2,8 +2,21 @@ import { IconType } from "../ds-icon/ds-icon.types.cjs";
 import { CSSProperties, KeyboardEvent, MouseEvent, Ref } from "react";
 
 //#region src/components/ds-chip/ds-chip.types.d.ts
+
+/**
+ * @deprecated This type is deprecated. Use `DsTag` instead.
+ * @see {@link ../ds-tag} for the replacement component.
+ */
 declare const chipSizes: readonly ["medium", "small"];
+/**
+ * @deprecated This type is deprecated. Use `DsTag` instead.
+ * @see {@link ../ds-tag} for the replacement component.
+ */
 type ChipSize = (typeof chipSizes)[number];
+/**
+ * @deprecated This interface is deprecated. Use `DsTagProps` from `ds-tag` instead.
+ * @see {@link ../ds-tag/ds-tag.types} for the replacement interface.
+ */
 interface DsChipProps {
   /**
    * Ref to the chip element

package/dist/components/ds-chip/ds-chip.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-chip.types.d.cts","names":[],"sources":["../../../src/components/ds-chip/ds-chip.types.tsx"],"sourcesContent":[],"mappings":";;;;cAGa;KACD,QAAA,WAAmB;AADlB,UAGI,WAAA,CAHoC;EACzC;AAEZ;;EAIO,GAAA,CAAA,EAAA,GAAA,CAAI,WAAJ,CAAA;EAYE;;;EAQsB,KAAA,EAAA,MAAA;EAAX;;;EAKZ,SAAA,CAAA,EAAA,MAAA;EAIM;;;UAjBL;;;;oBAIU,WAAW;;;;qBAIV,WAAW,eAAe,cAAc;;;;;SAKpD;;;;eAIM"}
+{"version":3,"file":"ds-chip.types.d.cts","names":[],"sources":["../../../src/components/ds-chip/ds-chip.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAOA;AAMA;AAMiB,cAZJ,SAYe,EAAA,SAAA,CAAA,QAAA,EAAA,OAAA,CAAA;;;;;AAoBT,KA1BP,QAAA,GA0BO,CAAA,OA1BY,SA0BZ,CAAA,CAAA,MAAA,CAAA;;;;;AASX,UA7BS,WAAA,CA6BT;EAIM;;;QA7BP,IAAI;;;;;;;;;;;;UAYF;;;;oBAIU,WAAW;;;;qBAIV,WAAW,eAAe,cAAc;;;;;SAKpD;;;;eAIM"}

package/dist/components/ds-chip/ds-chip.types.d.ts

@@ -3,8 +3,21 @@ import "../ds-icon/index.js";
 import { CSSProperties, KeyboardEvent, MouseEvent, Ref } from "react";
 
 //#region src/components/ds-chip/ds-chip.types.d.ts
+
+/**
+ * @deprecated This type is deprecated. Use `DsTag` instead.
+ * @see {@link ../ds-tag} for the replacement component.
+ */
 declare const chipSizes: readonly ["medium", "small"];
+/**
+ * @deprecated This type is deprecated. Use `DsTag` instead.
+ * @see {@link ../ds-tag} for the replacement component.
+ */
 type ChipSize = (typeof chipSizes)[number];
+/**
+ * @deprecated This interface is deprecated. Use `DsTagProps` from `ds-tag` instead.
+ * @see {@link ../ds-tag/ds-tag.types} for the replacement interface.
+ */
 interface DsChipProps {
   /**
    * Ref to the chip element

package/dist/components/ds-chip/ds-chip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-chip.types.d.ts","names":[],"sources":["../../../src/components/ds-chip/ds-chip.types.tsx"],"sourcesContent":[],"mappings":";;;;;cAGa;KACD,QAAA,WAAmB;UAEd,WAAA;EAHJ;AACb;AAEA;EAIW,GAAA,CAAA,EAAJ,GAAI,CAAA,WAAA,CAAA;EAAJ;;;EAgBY,KAAA,EAAA,MAAA;EAIY;;;EAAe,SAAA,CAAA,EAAA,MAAA;EAKtC;;;UAbC;;;;oBAIU,WAAW;;;;qBAIV,WAAW,eAAe,cAAc;;;;;SAKpD;;;;eAIM"}
+{"version":3,"file":"ds-chip.types.d.ts","names":[],"sources":["../../../src/components/ds-chip/ds-chip.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAOA;AAMY,cANC,SAMkB,EAAA,SAAS,CAAA,QAAA,EAAA,OAAA,CAAA;AAMxC;;;;AAoB8B,KA1BlB,QAAA,GA0BkB,CAAA,OA1BC,SA0BD,CAAA,CAAA,MAAA,CAAA;;;;;AAIgB,UAxB7B,WAAA,CAwB6B;EAKtC;;;QAzBD,IAAI;;;;;;;;;;;;UAYF;;;;oBAIU,WAAW;;;;qBAIV,WAAW,eAAe,cAAc;;;;;SAKpD;;;;eAIM"}

package/dist/components/ds-chip-group/ds-chip-group.cjs

@@ -20,8 +20,8 @@ let __radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden"
 
 //#region src/components/ds-chip-group/ds-chip-group.tsx
 /**
-* Design system chip group component displays a collection of chips with overflow handling
-* Used for displaying filters, selected items, tags, etc.
+* @deprecated This component is deprecated. Use `DsTagFilter` instead.
+* @see {@link ../ds-tag-filter} for the replacement component.
 */
 const DsChipGroup = ({ items, label = "Filtered by:", onClearAll, onItemDelete, onItemSelect, className, style }) => {
 	const [dialogOpen, setDialogOpen] = (0, react.useState)(false);

package/dist/components/ds-chip-group/ds-chip-group.d.cts

@@ -4,8 +4,8 @@ import React from "react";
 //#region src/components/ds-chip-group/ds-chip-group.d.ts
 
 /**
- * Design system chip group component displays a collection of chips with overflow handling
- * Used for displaying filters, selected items, tags, etc.
+ * @deprecated This component is deprecated. Use `DsTagFilter` instead.
+ * @see {@link ../ds-tag-filter} for the replacement component.
  */
 declare const DsChipGroup: React.FC<DsChipGroupProps>;
 //#endregion

package/dist/components/ds-chip-group/ds-chip-group.d.ts

@@ -4,8 +4,8 @@ import React from "react";
 //#region src/components/ds-chip-group/ds-chip-group.d.ts
 
 /**
- * Design system chip group component displays a collection of chips with overflow handling
- * Used for displaying filters, selected items, tags, etc.
+ * @deprecated This component is deprecated. Use `DsTagFilter` instead.
+ * @see {@link ../ds-tag-filter} for the replacement component.
  */
 declare const DsChipGroup: React.FC<DsChipGroupProps>;
 //#endregion

package/dist/components/ds-chip-group/ds-chip-group.js

@@ -17,8 +17,8 @@ import { Root } from "@radix-ui/react-visually-hidden";
 
 //#region src/components/ds-chip-group/ds-chip-group.tsx
 /**
-* Design system chip group component displays a collection of chips with overflow handling
-* Used for displaying filters, selected items, tags, etc.
+* @deprecated This component is deprecated. Use `DsTagFilter` instead.
+* @see {@link ../ds-tag-filter} for the replacement component.
 */
 const DsChipGroup = ({ items, label = "Filtered by:", onClearAll, onItemDelete, onItemSelect, className, style }) => {
 	const [dialogOpen, setDialogOpen] = useState(false);

package/dist/components/ds-chip-group/ds-chip-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-chip-group.js","names":["React","useRef","useState","RadixDialog","Root","VisuallyHidden","classNames","styles","DsChipGroupProps","useChipRowCalculation","DsTypography","DsChip","DsCheckbox","DsButton","DsIcon","DsChipGroup","FC","items","label","onClearAll","onItemDelete","onItemSelect","className","style","dialogOpen","setDialogOpen","showAllChipsRef","HTMLDivElement","chipsWrapperRef","visibleCount","totalFilters","length","hiddenCount","showExpandButton","handleOpenDialog","dialogStyle","CSSProperties","current","rect","getBoundingClientRect","position","top","bottom","left","container","chipsWrapper","map","item","index","id","selected","hidden","String","expandChip","dialog","dialogContent","filter","itemCheckbox"],"sources":["../../../src/components/ds-chip-group/ds-chip-group.tsx"],"sourcesContent":["import type React from 'react';\nimport { useRef, useState } from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { Root as VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport classNames from 'classnames';\nimport styles from './ds-chip-group.module.scss';\nimport type { DsChipGroupProps } from './ds-chip-group.types';\nimport { useChipRowCalculation } from './hooks/use-chip-row-calculation';\nimport { DsTypography } from '../ds-typography';\nimport DsChip from '../ds-chip/ds-chip';\nimport { DsCheckbox } from '../ds-checkbox';\nimport { DsButton } from '../ds-button';\nimport { DsIcon } from '../ds-icon';\n\n/**\n * Design system chip group component displays a collection of chips with overflow handling\n * Used for displaying filters, selected items, tags, etc.\n */\nconst DsChipGroup: React.FC<DsChipGroupProps> = ({\n\titems,\n\tlabel = 'Filtered by:',\n\tonClearAll,\n\tonItemDelete,\n\tonItemSelect,\n\tclassName,\n\tstyle,\n}) => {\n\tconst [dialogOpen, setDialogOpen] = useState(false);\n\tconst showAllChipsRef = useRef<HTMLDivElement>(null);\n\tconst chipsWrapperRef = useRef<HTMLDivElement>(null);\n\tconst visibleCount = useChipRowCalculation({\n\t\tchipsWrapperRef,\n\t\ttotalFilters: items.length,\n\t});\n\n\tif (items.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst hiddenCount = items.length - visibleCount;\n\tconst showExpandButton = hiddenCount > 0;\n\n\tconst handleOpenDialog = () => {\n\t\tsetDialogOpen(true);\n\t};\n\n\tlet dialogStyle: React.CSSProperties = {};\n\tif (showExpandButton && showAllChipsRef.current) {\n\t\tconst rect = showAllChipsRef.current.getBoundingClientRect();\n\t\tdialogStyle = {\n\t\t\tposition: 'fixed',\n\t\t\ttop: rect.bottom + 4,\n\t\t\tleft: rect.left,\n\t\t};\n\t}\n\n\treturn (\n\t\t<div className={classNames(styles.container, className)} style={style}>\n\t\t\t{label && (\n\t\t\t\t<DsTypography variant=\"body-sm-reg\" className={styles.label}>\n\t\t\t\t\t{label}\n\t\t\t\t</DsTypography>\n\t\t\t)}\n\n\t\t\t<div ref={chipsWrapperRef} className={styles.chipsWrapper}>\n\t\t\t\t{items.map((item, index) => (\n\t\t\t\t\t<DsChip\n\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\tlabel={item.label}\n\t\t\t\t\t\tselected={item.selected}\n\t\t\t\t\t\tonClick={() => onItemSelect?.(item)}\n\t\t\t\t\t\tonDelete={() => onItemDelete?.(item)}\n\t\t\t\t\t\tclassName={classNames({\n\t\t\t\t\t\t\t[styles.hidden]: index >= visibleCount,\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t\t{showExpandButton && (\n\t\t\t\t\t<DsChip\n\t\t\t\t\t\tref={showAllChipsRef}\n\t\t\t\t\t\tlabel={`+${String(hiddenCount)} ${hiddenCount === 1 ? 'item' : 'items'} show all`}\n\t\t\t\t\t\tonClick={handleOpenDialog}\n\t\t\t\t\t\tclassName={styles.expandChip}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{onClearAll && (\n\t\t\t\t<DsButton design=\"v1.2\" buttonType=\"tertiary\" variant=\"ghost\" size=\"small\" onClick={onClearAll}>\n\t\t\t\t\t<DsIcon icon=\"close\" />\n\t\t\t\t\tClear all\n\t\t\t\t</DsButton>\n\t\t\t)}\n\n\t\t\t<RadixDialog.Root open={dialogOpen} onOpenChange={setDialogOpen}>\n\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t<RadixDialog.Title />\n\t\t\t\t</VisuallyHidden>\n\t\t\t\t<RadixDialog.Portal>\n\t\t\t\t\t<RadixDialog.Content style={dialogStyle} className={styles.dialog}>\n\t\t\t\t\t\t<div className={styles.dialogContent}>\n\t\t\t\t\t\t\t{items\n\t\t\t\t\t\t\t\t.filter((item, index) => index >= visibleCount)\n\t\t\t\t\t\t\t\t.map((item) => (\n\t\t\t\t\t\t\t\t\t<div key={item.id} className={styles.itemCheckbox}>\n\t\t\t\t\t\t\t\t\t\t<DsCheckbox\n\t\t\t\t\t\t\t\t\t\t\tid={`chip-${item.id}`}\n\t\t\t\t\t\t\t\t\t\t\tchecked={item.selected}\n\t\t\t\t\t\t\t\t\t\t\tonCheckedChange={() => onItemSelect?.(item)}\n\t\t\t\t\t\t\t\t\t\t\tlabel={item.label}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</RadixDialog.Content>\n\t\t\t\t</RadixDialog.Portal>\n\t\t\t</RadixDialog.Root>\n\t\t</div>\n\t);\n};\n\nexport default DsChipGroup;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMe,eAA2C,EAChDE,OACAC,QAAQ,gBACRC,YACAC,cACAC,cACAC,WACAC,YACK;CACL,MAAM,CAACC,YAAYC,iBAAiBvB,SAAS,MAAM;CACnD,MAAMwB,kBAAkBzB,OAAuB,KAAK;CACpD,MAAM2B,kBAAkB3B,OAAuB,KAAK;CACpD,MAAM4B,eAAepB,sBAAsB;EAC1CmB;EACAE,cAAcb,MAAMc;EACpB,CAAC;AAEF,KAAId,MAAMc,WAAW,EACpB,QAAO;CAGR,MAAMC,cAAcf,MAAMc,SAASF;CACnC,MAAMI,mBAAmBD,cAAc;CAEvC,MAAME,yBAAyB;AAC9BT,gBAAc,KAAK;;CAGpB,IAAIU,cAAmC,EAAE;AACzC,KAAIF,oBAAoBP,gBAAgBW,SAAS;EAChD,MAAMC,OAAOZ,gBAAgBW,QAAQE,uBAAuB;AAC5DJ,gBAAc;GACbK,UAAU;GACVC,KAAKH,KAAKI,SAAS;GACnBC,MAAML,KAAKK;GACX;;AAGF,QACC,qBAAC;EAAI,WAAWrC,WAAWC,6BAAOqC,WAAWtB,UAAU;EAASC;;GAC9DL,SACA,oBAAC;IAAa,SAAQ;IAAc,WAAWX,6BAAOW;cACpDA;KAEF;GAED,qBAAC;IAAI,KAAKU;IAAiB,WAAWrB,6BAAOsC;eAC3C5B,MAAM6B,KAAKC,MAAMC,UACjB,oBAAC;KAEA,OAAOD,KAAK7B;KACZ,UAAU6B,KAAKG;KACf,eAAe7B,eAAe0B,KAAK;KACnC,gBAAgB3B,eAAe2B,KAAK;KACpC,WAAWzC,WAAW,GACpBC,6BAAO4C,SAASH,SAASnB,cAC1B,CAAC;OAPGkB,KAAKE,GASX,CAAC,EACDhB,oBACA,oBAAC;KACA,KAAKP;KACL,OAAO,IAAI0B,OAAOpB,YAAY,CAAA,GAAIA,gBAAgB,IAAI,SAAS,QAAO;KACtE,SAASE;KACT,WAAW3B,6BAAO8C;MAEnB;KACG;GAEJlC,cACA,qBAAC;IAAS,QAAO;IAAO,YAAW;IAAW,SAAQ;IAAQ,MAAK;IAAQ,SAASA;eACnF,oBAAC,mBAAO,MAAK,UAAO;KAGrB;GAED,qBAAC,YAAY;IAAK,MAAMK;IAAY,cAAcC;eACjD,oBAAC,kBACA,oBAAC,YAAY,UAAK,GACH,EAChB,oBAAC,YAAY,oBACZ,oBAAC,YAAY;KAAQ,OAAOU;KAAa,WAAW5B,6BAAO+C;eAC1D,oBAAC;MAAI,WAAW/C,6BAAOgD;gBACrBtC,MACCuC,QAAQT,QAAMC,YAAUA,WAASnB,aAAa,CAC9CiB,KAAKC,WACL,oBAAC;OAAkB,WAAWxC,6BAAOkD;iBACpC,oBAAC;QACA,IAAI,QAAQV,OAAKE;QACjB,SAASF,OAAKG;QACd,uBAAuB7B,eAAe0B,OAAK;QAC3C,OAAOA,OAAK7B;SAAM;SALV6B,OAAKE,GAQf,CAAC;OACC;MACe,GACF;KACH;;GACb;;AAIR,4BAAelC"}
+{"version":3,"file":"ds-chip-group.js","names":["React","useRef","useState","RadixDialog","Root","VisuallyHidden","classNames","styles","DsChipGroupProps","useChipRowCalculation","DsTypography","DsChip","DsCheckbox","DsButton","DsIcon","DsChipGroup","FC","items","label","onClearAll","onItemDelete","onItemSelect","className","style","dialogOpen","setDialogOpen","showAllChipsRef","HTMLDivElement","chipsWrapperRef","visibleCount","totalFilters","length","hiddenCount","showExpandButton","handleOpenDialog","dialogStyle","CSSProperties","current","rect","getBoundingClientRect","position","top","bottom","left","container","chipsWrapper","map","item","index","id","selected","hidden","String","expandChip","dialog","dialogContent","filter","itemCheckbox"],"sources":["../../../src/components/ds-chip-group/ds-chip-group.tsx"],"sourcesContent":["import type React from 'react';\nimport { useRef, useState } from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { Root as VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport classNames from 'classnames';\nimport styles from './ds-chip-group.module.scss';\nimport type { DsChipGroupProps } from './ds-chip-group.types';\nimport { useChipRowCalculation } from './hooks/use-chip-row-calculation';\nimport { DsTypography } from '../ds-typography';\nimport DsChip from '../ds-chip/ds-chip';\nimport { DsCheckbox } from '../ds-checkbox';\nimport { DsButton } from '../ds-button';\nimport { DsIcon } from '../ds-icon';\n\n/**\n * @deprecated This component is deprecated. Use `DsTagFilter` instead.\n * @see {@link ../ds-tag-filter} for the replacement component.\n */\nconst DsChipGroup: React.FC<DsChipGroupProps> = ({\n\titems,\n\tlabel = 'Filtered by:',\n\tonClearAll,\n\tonItemDelete,\n\tonItemSelect,\n\tclassName,\n\tstyle,\n}) => {\n\tconst [dialogOpen, setDialogOpen] = useState(false);\n\tconst showAllChipsRef = useRef<HTMLDivElement>(null);\n\tconst chipsWrapperRef = useRef<HTMLDivElement>(null);\n\tconst visibleCount = useChipRowCalculation({\n\t\tchipsWrapperRef,\n\t\ttotalFilters: items.length,\n\t});\n\n\tif (items.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst hiddenCount = items.length - visibleCount;\n\tconst showExpandButton = hiddenCount > 0;\n\n\tconst handleOpenDialog = () => {\n\t\tsetDialogOpen(true);\n\t};\n\n\tlet dialogStyle: React.CSSProperties = {};\n\tif (showExpandButton && showAllChipsRef.current) {\n\t\tconst rect = showAllChipsRef.current.getBoundingClientRect();\n\t\tdialogStyle = {\n\t\t\tposition: 'fixed',\n\t\t\ttop: rect.bottom + 4,\n\t\t\tleft: rect.left,\n\t\t};\n\t}\n\n\treturn (\n\t\t<div className={classNames(styles.container, className)} style={style}>\n\t\t\t{label && (\n\t\t\t\t<DsTypography variant=\"body-sm-reg\" className={styles.label}>\n\t\t\t\t\t{label}\n\t\t\t\t</DsTypography>\n\t\t\t)}\n\n\t\t\t<div ref={chipsWrapperRef} className={styles.chipsWrapper}>\n\t\t\t\t{items.map((item, index) => (\n\t\t\t\t\t<DsChip\n\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\tlabel={item.label}\n\t\t\t\t\t\tselected={item.selected}\n\t\t\t\t\t\tonClick={() => onItemSelect?.(item)}\n\t\t\t\t\t\tonDelete={() => onItemDelete?.(item)}\n\t\t\t\t\t\tclassName={classNames({\n\t\t\t\t\t\t\t[styles.hidden]: index >= visibleCount,\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t\t{showExpandButton && (\n\t\t\t\t\t<DsChip\n\t\t\t\t\t\tref={showAllChipsRef}\n\t\t\t\t\t\tlabel={`+${String(hiddenCount)} ${hiddenCount === 1 ? 'item' : 'items'} show all`}\n\t\t\t\t\t\tonClick={handleOpenDialog}\n\t\t\t\t\t\tclassName={styles.expandChip}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{onClearAll && (\n\t\t\t\t<DsButton design=\"v1.2\" buttonType=\"tertiary\" variant=\"ghost\" size=\"small\" onClick={onClearAll}>\n\t\t\t\t\t<DsIcon icon=\"close\" />\n\t\t\t\t\tClear all\n\t\t\t\t</DsButton>\n\t\t\t)}\n\n\t\t\t<RadixDialog.Root open={dialogOpen} onOpenChange={setDialogOpen}>\n\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t<RadixDialog.Title />\n\t\t\t\t</VisuallyHidden>\n\t\t\t\t<RadixDialog.Portal>\n\t\t\t\t\t<RadixDialog.Content style={dialogStyle} className={styles.dialog}>\n\t\t\t\t\t\t<div className={styles.dialogContent}>\n\t\t\t\t\t\t\t{items\n\t\t\t\t\t\t\t\t.filter((item, index) => index >= visibleCount)\n\t\t\t\t\t\t\t\t.map((item) => (\n\t\t\t\t\t\t\t\t\t<div key={item.id} className={styles.itemCheckbox}>\n\t\t\t\t\t\t\t\t\t\t<DsCheckbox\n\t\t\t\t\t\t\t\t\t\t\tid={`chip-${item.id}`}\n\t\t\t\t\t\t\t\t\t\t\tchecked={item.selected}\n\t\t\t\t\t\t\t\t\t\t\tonCheckedChange={() => onItemSelect?.(item)}\n\t\t\t\t\t\t\t\t\t\t\tlabel={item.label}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</RadixDialog.Content>\n\t\t\t\t</RadixDialog.Portal>\n\t\t\t</RadixDialog.Root>\n\t\t</div>\n\t);\n};\n\nexport default DsChipGroup;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMe,eAA2C,EAChDE,OACAC,QAAQ,gBACRC,YACAC,cACAC,cACAC,WACAC,YACK;CACL,MAAM,CAACC,YAAYC,iBAAiBvB,SAAS,MAAM;CACnD,MAAMwB,kBAAkBzB,OAAuB,KAAK;CACpD,MAAM2B,kBAAkB3B,OAAuB,KAAK;CACpD,MAAM4B,eAAepB,sBAAsB;EAC1CmB;EACAE,cAAcb,MAAMc;EACpB,CAAC;AAEF,KAAId,MAAMc,WAAW,EACpB,QAAO;CAGR,MAAMC,cAAcf,MAAMc,SAASF;CACnC,MAAMI,mBAAmBD,cAAc;CAEvC,MAAME,yBAAyB;AAC9BT,gBAAc,KAAK;;CAGpB,IAAIU,cAAmC,EAAE;AACzC,KAAIF,oBAAoBP,gBAAgBW,SAAS;EAChD,MAAMC,OAAOZ,gBAAgBW,QAAQE,uBAAuB;AAC5DJ,gBAAc;GACbK,UAAU;GACVC,KAAKH,KAAKI,SAAS;GACnBC,MAAML,KAAKK;GACX;;AAGF,QACC,qBAAC;EAAI,WAAWrC,WAAWC,6BAAOqC,WAAWtB,UAAU;EAASC;;GAC9DL,SACA,oBAAC;IAAa,SAAQ;IAAc,WAAWX,6BAAOW;cACpDA;KAEF;GAED,qBAAC;IAAI,KAAKU;IAAiB,WAAWrB,6BAAOsC;eAC3C5B,MAAM6B,KAAKC,MAAMC,UACjB,oBAAC;KAEA,OAAOD,KAAK7B;KACZ,UAAU6B,KAAKG;KACf,eAAe7B,eAAe0B,KAAK;KACnC,gBAAgB3B,eAAe2B,KAAK;KACpC,WAAWzC,WAAW,GACpBC,6BAAO4C,SAASH,SAASnB,cAC1B,CAAC;OAPGkB,KAAKE,GASX,CAAC,EACDhB,oBACA,oBAAC;KACA,KAAKP;KACL,OAAO,IAAI0B,OAAOpB,YAAY,CAAA,GAAIA,gBAAgB,IAAI,SAAS,QAAO;KACtE,SAASE;KACT,WAAW3B,6BAAO8C;MAEnB;KACG;GAEJlC,cACA,qBAAC;IAAS,QAAO;IAAO,YAAW;IAAW,SAAQ;IAAQ,MAAK;IAAQ,SAASA;eACnF,oBAAC,mBAAO,MAAK,UAAO;KAGrB;GAED,qBAAC,YAAY;IAAK,MAAMK;IAAY,cAAcC;eACjD,oBAAC,kBACA,oBAAC,YAAY,UAAK,GACH,EAChB,oBAAC,YAAY,oBACZ,oBAAC,YAAY;KAAQ,OAAOU;KAAa,WAAW5B,6BAAO+C;eAC1D,oBAAC;MAAI,WAAW/C,6BAAOgD;gBACrBtC,MACCuC,QAAQT,QAAMC,YAAUA,WAASnB,aAAa,CAC9CiB,KAAKC,WACL,oBAAC;OAAkB,WAAWxC,6BAAOkD;iBACpC,oBAAC;QACA,IAAI,QAAQV,OAAKE;QACjB,SAASF,OAAKG;QACd,uBAAuB7B,eAAe0B,OAAK;QAC3C,OAAOA,OAAK7B;SAAM;SALV6B,OAAKE,GAQf,CAAC;OACC;MACe,GACF;KACH;;GACb;;AAIR,4BAAelC"}

package/dist/components/ds-chip-group/ds-chip-group.types.d.cts

@@ -1,6 +1,11 @@
 import { CSSProperties } from "react";
 
 //#region src/components/ds-chip-group/ds-chip-group.types.d.ts
+
+/**
+ * @deprecated This interface is deprecated. Use `DsTagFilter` types instead.
+ * @see {@link ../ds-tag-filter} for the replacement types.
+ */
 interface ChipItem {
   /**
    * Unique identifier for the chip
@@ -19,6 +24,10 @@ interface ChipItem {
    */
   selected?: boolean;
 }
+/**
+ * @deprecated This interface is deprecated. Use `DsTagFilterProps` from `ds-tag-filter` instead.
+ * @see {@link ../ds-tag-filter/ds-tag-filter.types} for the replacement interface.
+ */
 interface DsChipGroupProps {
   /**
    * Array of chip items to display

package/dist/components/ds-chip-group/ds-chip-group.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-chip-group.types.d.cts","names":[],"sources":["../../../src/components/ds-chip-group/ds-chip-group.types.ts"],"sourcesContent":[],"mappings":";;;UAEiB,QAAA;;AAAjB;AAmBA;EAIQ,EAAA,EAAA,MAAA;EAae;;;EAYD,KAAA,EAAA,MAAA;;;;aApCV;;;;;;UAOK,gBAAA;;;;SAIT;;;;;;;;;;;;;wBAae;;;;wBAIA;;;;;;;;UAQd"}
+{"version":3,"file":"ds-chip-group.types.d.cts","names":[],"sources":["../../../src/components/ds-chip-group/ds-chip-group.types.ts"],"sourcesContent":[],"mappings":";;;;;;AAMA;AAuBA;AAIQ,UA3BS,QAAA,CA2BT;EAae;;;EAYD,EAAA,EAAA,MAAA;;;;;;;;aAxCV;;;;;;;;;;UAWK,gBAAA;;;;SAIT;;;;;;;;;;;;;wBAae;;;;wBAIA;;;;;;;;UAQd"}

package/dist/components/ds-chip-group/ds-chip-group.types.d.ts

@@ -1,6 +1,11 @@
 import { CSSProperties } from "react";
 
 //#region src/components/ds-chip-group/ds-chip-group.types.d.ts
+
+/**
+ * @deprecated This interface is deprecated. Use `DsTagFilter` types instead.
+ * @see {@link ../ds-tag-filter} for the replacement types.
+ */
 interface ChipItem {
   /**
    * Unique identifier for the chip
@@ -19,6 +24,10 @@ interface ChipItem {
    */
   selected?: boolean;
 }
+/**
+ * @deprecated This interface is deprecated. Use `DsTagFilterProps` from `ds-tag-filter` instead.
+ * @see {@link ../ds-tag-filter/ds-tag-filter.types} for the replacement interface.
+ */
 interface DsChipGroupProps {
   /**
    * Array of chip items to display

package/dist/components/ds-chip-group/ds-chip-group.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-chip-group.types.d.ts","names":[],"sources":["../../../src/components/ds-chip-group/ds-chip-group.types.ts"],"sourcesContent":[],"mappings":";;;UAEiB,QAAA;;AAAjB;AAmBA;EAIQ,EAAA,EAAA,MAAA;EAae;;;EAYD,KAAA,EAAA,MAAA;;;;aApCV;;;;;;UAOK,gBAAA;;;;SAIT;;;;;;;;;;;;;wBAae;;;;wBAIA;;;;;;;;UAQd"}
+{"version":3,"file":"ds-chip-group.types.d.ts","names":[],"sources":["../../../src/components/ds-chip-group/ds-chip-group.types.ts"],"sourcesContent":[],"mappings":";;;;;;AAMA;AAuBA;AAIQ,UA3BS,QAAA,CA2BT;EAae;;;EAYD,EAAA,EAAA,MAAA;;;;;;;;aAxCV;;;;;;;;;;UAWK,gBAAA;;;;SAIT;;;;;;;;;;;;;wBAae;;;;wBAIA;;;;;;;;UAQd"}

package/dist/components/ds-chip-group/hooks/use-chip-row-calculation.cjs

@@ -21,6 +21,7 @@ const useChipRowCalculation = ({ chipsWrapperRef, totalFilters }) => {
 			let total = 0;
 			for (index = 0; index < children.length; index++) {
 				const current = children[index];
+				if (!current) continue;
 				const next = (current.offsetWidth === wrapper.clientWidth ? 0 : gap) + current.offsetWidth;
 				if (total + next >= wrapper.clientWidth) {
 					line++;

package/dist/components/ds-chip-group/hooks/use-chip-row-calculation.js

@@ -20,6 +20,7 @@ const useChipRowCalculation = ({ chipsWrapperRef, totalFilters }) => {
 			let total = 0;
 			for (index = 0; index < children.length; index++) {
 				const current = children[index];
+				if (!current) continue;
 				const next = (current.offsetWidth === wrapper.clientWidth ? 0 : gap) + current.offsetWidth;
 				if (total + next >= wrapper.clientWidth) {
 					line++;

package/dist/components/ds-chip-group/hooks/use-chip-row-calculation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-chip-row-calculation.js","names":["RefObject","useLayoutEffect","useState","UseChipRowCalculationProps","chipsWrapperRef","HTMLDivElement","totalFilters","useChipRowCalculation","visibleCount","setVisibleCount","calculateVisibleChips","current","wrapper","children","Array","from","HTMLElement","length","cs","getComputedStyle","gap","parseFloat","columnGap","index","line","total","offset","offsetWidth","clientWidth","next","result","Math","max","rafId","requestAnimationFrame","resizeObserver","ResizeObserver","observe","cancelAnimationFrame","disconnect"],"sources":["../../../../src/components/ds-chip-group/hooks/use-chip-row-calculation.ts"],"sourcesContent":["import { type RefObject, useLayoutEffect, useState } from 'react';\n\ninterface UseChipRowCalculationProps {\n\tchipsWrapperRef: RefObject<HTMLDivElement | null>;\n\ttotalFilters: number;\n}\n\n/**\n * Custom hook to calculate how many chips can fit in 2 rows\n * Uses a simple approach: render all, measure positions, hide overflow\n */\nexport const useChipRowCalculation = ({ chipsWrapperRef, totalFilters }: UseChipRowCalculationProps) => {\n\tconst [visibleCount, setVisibleCount] = useState(totalFilters);\n\n\tuseLayoutEffect(() => {\n\t\tconst calculateVisibleChips = () => {\n\t\t\tif (!chipsWrapperRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst wrapper = chipsWrapperRef.current;\n\t\t\tconst children = Array.from(wrapper.children) as HTMLElement[];\n\n\t\t\tif (children.length === 0) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst cs = getComputedStyle(wrapper);\n\t\t\tconst gap = parseFloat(cs.columnGap || cs.gap || '0') || 8;\n\t\t\tlet index;\n\t\t\tlet line = 0;\n\t\t\tlet total = 0;\n\n\t\t\tfor (index = 0; index < children.length; index++) {\n\t\t\t\tconst current = children[index];\n\t\t\t\tconst offset = current.offsetWidth === wrapper.clientWidth ? 0 : gap;\n\t\t\t\tconst next = offset + current.offsetWidth;\n\n\t\t\t\tif (total + next >= wrapper.clientWidth) {\n\t\t\t\t\tline++;\n\t\t\t\t\tif (line >= 2) {\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\ttotal = next;\n\t\t\t\t} else {\n\t\t\t\t\ttotal += next;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst result = Math.max(1, line < 2 ? index : index - 1);\n\t\t\tsetVisibleCount(result);\n\t\t};\n\n\t\t// Use requestAnimationFrame to ensure DOM is fully laid out\n\t\tconst rafId = requestAnimationFrame(() => {\n\t\t\tcalculateVisibleChips();\n\t\t});\n\n\t\tconst resizeObserver = new ResizeObserver(() => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tcalculateVisibleChips();\n\t\t\t});\n\t\t});\n\n\t\tif (chipsWrapperRef.current) {\n\t\t\tresizeObserver.observe(chipsWrapperRef.current);\n\t\t}\n\n\t\treturn () => {\n\t\t\tcancelAnimationFrame(rafId);\n\t\t\tresizeObserver.disconnect();\n\t\t};\n\t}, [chipsWrapperRef, totalFilters]);\n\n\treturn visibleCount;\n};\n"],"mappings":";;;;;;;AAWA,MAAaO,yBAAyB,EAAEH,iBAAiBE,mBAA+C;CACvG,MAAM,CAACE,cAAcC,mBAAmBP,SAASI,aAAa;AAE9DL,uBAAsB;EACrB,MAAMS,8BAA8B;AACnC,OAAI,CAACN,gBAAgBO,QACpB;GAGD,MAAMC,UAAUR,gBAAgBO;GAChC,MAAME,WAAWC,MAAMC,KAAKH,QAAQC,SAAS;AAE7C,OAAIA,SAASI,WAAW,EACvB;GAGD,MAAMC,KAAKC,iBAAiBP,QAAQ;GACpC,MAAMQ,MAAMC,WAAWH,GAAGI,aAAaJ,GAAGE,OAAO,IAAI,IAAI;GACzD,IAAIG;GACJ,IAAIC,OAAO;GACX,IAAIC,QAAQ;AAEZ,QAAKF,QAAQ,GAAGA,QAAQV,SAASI,QAAQM,SAAS;IACjD,MAAMZ,UAAUE,SAASU;IAEzB,MAAMM,QADSlB,QAAQgB,gBAAgBf,QAAQgB,cAAc,IAAIR,OAC3CT,QAAQgB;AAE9B,QAAIF,QAAQI,QAAQjB,QAAQgB,aAAa;AACxCJ;AACA,SAAIA,QAAQ,EACX;AAEDC,aAAQI;UAERJ,UAASI;;AAKXpB,mBADesB,KAAKC,IAAI,GAAGR,OAAO,IAAID,QAAQA,QAAQ,EAAE,CACjC;;EAIxB,MAAMU,QAAQC,4BAA4B;AACzCxB,0BAAuB;IACtB;EAEF,MAAMyB,iBAAiB,IAAIC,qBAAqB;AAC/CF,+BAA4B;AAC3BxB,2BAAuB;KACtB;IACD;AAEF,MAAIN,gBAAgBO,QACnBwB,gBAAeE,QAAQjC,gBAAgBO,QAAQ;AAGhD,eAAa;AACZ2B,wBAAqBL,MAAM;AAC3BE,kBAAeI,YAAY;;IAE1B,CAACnC,iBAAiBE,aAAa,CAAC;AAEnC,QAAOE"}
+{"version":3,"file":"use-chip-row-calculation.js","names":["RefObject","useLayoutEffect","useState","UseChipRowCalculationProps","chipsWrapperRef","HTMLDivElement","totalFilters","useChipRowCalculation","visibleCount","setVisibleCount","calculateVisibleChips","current","wrapper","children","Array","from","HTMLElement","length","cs","getComputedStyle","gap","parseFloat","columnGap","index","line","total","offset","offsetWidth","clientWidth","next","result","Math","max","rafId","requestAnimationFrame","resizeObserver","ResizeObserver","observe","cancelAnimationFrame","disconnect"],"sources":["../../../../src/components/ds-chip-group/hooks/use-chip-row-calculation.ts"],"sourcesContent":["import { type RefObject, useLayoutEffect, useState } from 'react';\n\ninterface UseChipRowCalculationProps {\n\tchipsWrapperRef: RefObject<HTMLDivElement | null>;\n\ttotalFilters: number;\n}\n\n/**\n * Custom hook to calculate how many chips can fit in 2 rows\n * Uses a simple approach: render all, measure positions, hide overflow\n */\nexport const useChipRowCalculation = ({ chipsWrapperRef, totalFilters }: UseChipRowCalculationProps) => {\n\tconst [visibleCount, setVisibleCount] = useState(totalFilters);\n\n\tuseLayoutEffect(() => {\n\t\tconst calculateVisibleChips = () => {\n\t\t\tif (!chipsWrapperRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst wrapper = chipsWrapperRef.current;\n\t\t\tconst children = Array.from(wrapper.children) as HTMLElement[];\n\n\t\t\tif (children.length === 0) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst cs = getComputedStyle(wrapper);\n\t\t\tconst gap = parseFloat(cs.columnGap || cs.gap || '0') || 8;\n\t\t\tlet index;\n\t\t\tlet line = 0;\n\t\t\tlet total = 0;\n\n\t\t\tfor (index = 0; index < children.length; index++) {\n\t\t\t\tconst current = children[index];\n\n\t\t\t\tif (!current) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tconst offset = current.offsetWidth === wrapper.clientWidth ? 0 : gap;\n\t\t\t\tconst next = offset + current.offsetWidth;\n\n\t\t\t\tif (total + next >= wrapper.clientWidth) {\n\t\t\t\t\tline++;\n\t\t\t\t\tif (line >= 2) {\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\ttotal = next;\n\t\t\t\t} else {\n\t\t\t\t\ttotal += next;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst result = Math.max(1, line < 2 ? index : index - 1);\n\t\t\tsetVisibleCount(result);\n\t\t};\n\n\t\t// Use requestAnimationFrame to ensure DOM is fully laid out\n\t\tconst rafId = requestAnimationFrame(() => {\n\t\t\tcalculateVisibleChips();\n\t\t});\n\n\t\tconst resizeObserver = new ResizeObserver(() => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tcalculateVisibleChips();\n\t\t\t});\n\t\t});\n\n\t\tif (chipsWrapperRef.current) {\n\t\t\tresizeObserver.observe(chipsWrapperRef.current);\n\t\t}\n\n\t\treturn () => {\n\t\t\tcancelAnimationFrame(rafId);\n\t\t\tresizeObserver.disconnect();\n\t\t};\n\t}, [chipsWrapperRef, totalFilters]);\n\n\treturn visibleCount;\n};\n"],"mappings":";;;;;;;AAWA,MAAaO,yBAAyB,EAAEH,iBAAiBE,mBAA+C;CACvG,MAAM,CAACE,cAAcC,mBAAmBP,SAASI,aAAa;AAE9DL,uBAAsB;EACrB,MAAMS,8BAA8B;AACnC,OAAI,CAACN,gBAAgBO,QACpB;GAGD,MAAMC,UAAUR,gBAAgBO;GAChC,MAAME,WAAWC,MAAMC,KAAKH,QAAQC,SAAS;AAE7C,OAAIA,SAASI,WAAW,EACvB;GAGD,MAAMC,KAAKC,iBAAiBP,QAAQ;GACpC,MAAMQ,MAAMC,WAAWH,GAAGI,aAAaJ,GAAGE,OAAO,IAAI,IAAI;GACzD,IAAIG;GACJ,IAAIC,OAAO;GACX,IAAIC,QAAQ;AAEZ,QAAKF,QAAQ,GAAGA,QAAQV,SAASI,QAAQM,SAAS;IACjD,MAAMZ,UAAUE,SAASU;AAEzB,QAAI,CAACZ,QACJ;IAID,MAAMkB,QADSlB,QAAQgB,gBAAgBf,QAAQgB,cAAc,IAAIR,OAC3CT,QAAQgB;AAE9B,QAAIF,QAAQI,QAAQjB,QAAQgB,aAAa;AACxCJ;AACA,SAAIA,QAAQ,EACX;AAEDC,aAAQI;UAERJ,UAASI;;AAKXpB,mBADesB,KAAKC,IAAI,GAAGR,OAAO,IAAID,QAAQA,QAAQ,EAAE,CACjC;;EAIxB,MAAMU,QAAQC,4BAA4B;AACzCxB,0BAAuB;IACtB;EAEF,MAAMyB,iBAAiB,IAAIC,qBAAqB;AAC/CF,+BAA4B;AAC3BxB,2BAAuB;KACtB;IACD;AAEF,MAAIN,gBAAgBO,QACnBwB,gBAAeE,QAAQjC,gBAAgBO,QAAQ;AAGhD,eAAa;AACZ2B,wBAAqBL,MAAM;AAC3BE,kBAAeI,YAAY;;IAE1B,CAACnC,iBAAiBE,aAAa,CAAC;AAEnC,QAAOE"}

package/dist/components/ds-confirmation/ds-confirmation.d.cts

@@ -1,5 +1,5 @@
 import { DsConfirmationProps } from "./ds-confirmation.types.cjs";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-confirmation/ds-confirmation.d.ts
@@ -13,7 +13,7 @@ declare const DsConfirmation: {
     style,
     className,
     children
-  }: DsConfirmationProps): react_jsx_runtime4.JSX.Element;
+  }: DsConfirmationProps): react_jsx_runtime8.JSX.Element;
   Header: ({
     style,
     className,
@@ -22,7 +22,7 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime4.JSX.Element;
+  }) => react_jsx_runtime8.JSX.Element;
   Title: ({
     style,
     className,
@@ -31,14 +31,14 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime4.JSX.Element;
+  }) => react_jsx_runtime8.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime4.JSX.Element;
+  }) => react_jsx_runtime8.JSX.Element;
   Body: ({
     style,
     className,
@@ -47,7 +47,7 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime4.JSX.Element;
+  }) => react_jsx_runtime8.JSX.Element;
   Footer: ({
     style,
     className,
@@ -56,7 +56,7 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime4.JSX.Element;
+  }) => react_jsx_runtime8.JSX.Element;
   Actions: ({
     style,
     className,
@@ -65,7 +65,7 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime4.JSX.Element;
+  }) => react_jsx_runtime8.JSX.Element;
 };
 //#endregion
 export { DsConfirmation };

package/dist/components/ds-confirmation/ds-confirmation.d.ts

@@ -1,5 +1,5 @@
 import { DsConfirmationProps } from "./ds-confirmation.types.js";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-confirmation/ds-confirmation.d.ts
@@ -13,7 +13,7 @@ declare const DsConfirmation: {
     style,
     className,
     children
-  }: DsConfirmationProps): react_jsx_runtime19.JSX.Element;
+  }: DsConfirmationProps): react_jsx_runtime26.JSX.Element;
   Header: ({
     style,
     className,
@@ -22,7 +22,7 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime26.JSX.Element;
   Title: ({
     style,
     className,
@@ -31,14 +31,14 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime26.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime26.JSX.Element;
   Body: ({
     style,
     className,
@@ -47,7 +47,7 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime26.JSX.Element;
   Footer: ({
     style,
     className,
@@ -56,7 +56,7 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime26.JSX.Element;
   Actions: ({
     style,
     className,
@@ -65,7 +65,7 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime26.JSX.Element;
 };
 //#endregion
 export { DsConfirmation };

package/dist/components/ds-date-input/ds-date-input.d.cts

@@ -1,5 +1,5 @@
 import { DsDateInputProps } from "./ds-date-input.types.cjs";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/ds-date-input/ds-date-input.d.ts
 
@@ -25,7 +25,7 @@ declare const DsDateInput: ({
   readOnly,
   id,
   ...datePickerProps
-}: DsDateInputProps) => react_jsx_runtime11.JSX.Element;
+}: DsDateInputProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { DsDateInput };
 //# sourceMappingURL=ds-date-input.d.cts.map

package/dist/components/ds-date-input/ds-date-input.d.ts

@@ -1,5 +1,5 @@
 import { DsDateInputProps } from "./ds-date-input.types.js";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
 
 //#region src/components/ds-date-input/ds-date-input.d.ts
 
@@ -25,7 +25,7 @@ declare const DsDateInput: ({
   readOnly,
   id,
   ...datePickerProps
-}: DsDateInputProps) => react_jsx_runtime46.JSX.Element;
+}: DsDateInputProps) => react_jsx_runtime59.JSX.Element;
 //#endregion
 export { DsDateInput };
 //# sourceMappingURL=ds-date-input.d.ts.map

package/dist/components/ds-date-input/ds-date-input.js

@@ -7,7 +7,7 @@ import ds_date_input_module_default from "./ds-date-input.module.js";
 import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Fragment, useRef, useState } from "react";
+import { Fragment as Fragment$1, useRef, useState } from "react";
 import { Portal } from "@ark-ui/react/portal";
 import { DatePicker } from "@ark-ui/react/date-picker";
 
@@ -63,7 +63,7 @@ const DsDateInput = ({ range = false, placeholder, style, className, disablePort
 		onValueChange?.(dateValuesToStrings(parsedValue_0, range));
 	};
 	const showClearButton = !disabled && !readOnly && !!(value.length > 0 ? value : defaultValue).length;
-	const Wrapper = disablePortal ? Fragment : Portal;
+	const Wrapper = disablePortal ? Fragment$1 : Portal;
 	return /* @__PURE__ */ jsxs(DatePicker.Root, {
 		value,
 		defaultValue,

package/dist/components/ds-date-input/ds-date-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-date-input.js","names":["ChangeEvent","Fragment","useRef","useState","DatePicker","Portal","classNames","DsDateInputProps","dateValuesToStrings","formatDateInputValue","isoStringToDateValue","parseInputText","stringToDateValue","validateDateString","DsIcon","DsTypography","styles","DsDateInput","range","placeholder","style","className","disablePortal","onValueChange","onOpenChange","value","_value","defaultValue","_defaultValue","min","_min","max","_max","disabled","readOnly","id","datePickerProps","undefined","isFocused","setIsFocused","isOpen","setIsOpen","prevValue","inputRef","HTMLInputElement","current","JSON","stringify","clear","handleInputChange","e","text","target","validation","isValid","parsedValue","handleBlur","showClearButton","length","Wrapper","details","placement","gutter","open","dateInputControl","dateInputButton","input","positioner","content","calendarView","CalendarViewControl","$","_c","t0","Symbol","for","prevTrigger","t1","viewTrigger","t2","viewControl","nextTrigger","DayView","_temp4","MonthView","_temp7","YearView","_temp0","_temp","weekDay","tableHeader","short","_temp2","day","dayId","tableCellTrigger","tableCellTriggerValue","_temp3","week","weekId","tableRow","map","datePicker","table","tableHead","weekDays","tableBody","weeks","_temp5","month","monthId","label","_temp6","months","rowId","getMonthsGrid","columns","format","_temp8","year","yearId","_temp9","years","getYearsGrid"],"sources":["../../../src/components/ds-date-input/ds-date-input.tsx"],"sourcesContent":["import { type ChangeEvent, Fragment, useRef, useState } from 'react';\nimport { DatePicker } from '@ark-ui/react/date-picker';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport type { DsDateInputProps } from './ds-date-input.types';\nimport {\n\tdateValuesToStrings,\n\tformatDateInputValue,\n\tisoStringToDateValue,\n\tparseInputText,\n\tstringToDateValue,\n\tvalidateDateString,\n} from './ds-date-input.utils';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\nimport styles from './ds-date-input.module.scss';\n\n/**\n * Design system date input component with integrated calendar picker.\n *\n * Supports both single date and date range selection with a single text input field.\n * Features built-in validation, manual text entry, and calendar selection.\n */\nconst DsDateInput = ({\n\trange = false,\n\tplaceholder,\n\tstyle,\n\tclassName,\n\tdisablePortal = false,\n\tonValueChange,\n\tonOpenChange,\n\tvalue: _value,\n\tdefaultValue: _defaultValue,\n\tmin: _min,\n\tmax: _max,\n\tdisabled,\n\treadOnly,\n\tid,\n\t...datePickerProps\n}: DsDateInputProps) => {\n\tconst min = _min ? isoStringToDateValue(_min) : undefined;\n\tconst max = _max ? isoStringToDateValue(_max) : undefined;\n\n\t// Convert public API (string | [string, string]) to internal API (DateValue[])\n\tconst value = _value ? stringToDateValue(_value) : [];\n\tconst defaultValue = _defaultValue ? stringToDateValue(_defaultValue) : [];\n\n\t// Local state for manual text editing\n\tconst [isFocused, setIsFocused] = useState(false);\n\tconst [isOpen, setIsOpen] = useState(false);\n\n\tconst prevValue = useRef<string | null>(null);\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\n\t// Reformat the input value on every value change\n\t// We don't format when the input is focused since the date value might get updated while the user is typing\n\t// but we don't want to reformat the input text for him while he's typing.\n\tif (!isFocused && prevValue.current !== JSON.stringify(value)) {\n\t\tprevValue.current = JSON.stringify(value);\n\n\t\tif (inputRef.current) {\n\t\t\tinputRef.current.value = formatDateInputValue(value, range);\n\t\t}\n\t}\n\n\tconst clear = () => {\n\t\tif (inputRef.current) {\n\t\t\tinputRef.current.value = '';\n\t\t}\n\n\t\tonValueChange?.(undefined);\n\t};\n\n\tconst handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tconst text = e.target.value;\n\n\t\t// Try to parse and validate as the user types\n\t\tconst validation = validateDateString({ text, range, min, max });\n\n\t\tif (validation.isValid) {\n\t\t\tconst parsedValue = parseInputText(text, range);\n\t\t\tonValueChange?.(dateValuesToStrings(parsedValue, range) as never);\n\t\t}\n\t};\n\n\tconst handleBlur = () => {\n\t\tsetIsFocused(false);\n\n\t\tconst text = inputRef.current?.value || '';\n\t\tconst validation = validateDateString({ text, range, min, max });\n\n\t\t// Clear invalid input on blur\n\t\tif (!validation.isValid) {\n\t\t\tclear();\n\t\t\treturn;\n\t\t}\n\n\t\tconst parsedValue = parseInputText(text, range);\n\n\t\tonValueChange?.(dateValuesToStrings(parsedValue, range) as never);\n\t};\n\n\tconst showClearButton = !disabled && !readOnly && !!(value.length > 0 ? value : defaultValue).length;\n\tconst Wrapper = disablePortal ? Fragment : Portal;\n\n\treturn (\n\t\t<DatePicker.Root\n\t\t\tvalue={value}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tonValueChange={(details) => {\n\t\t\t\tonValueChange?.(dateValuesToStrings(details.value, range) as never);\n\t\t\t}}\n\t\t\tselectionMode={range ? 'range' : 'single'}\n\t\t\tpositioning={{ placement: 'bottom-start', gutter: 4 }}\n\t\t\tcloseOnSelect={!range}\n\t\t\tmin={min}\n\t\t\tmax={max}\n\t\t\tdisabled={disabled}\n\t\t\treadOnly={readOnly}\n\t\t\topen={isOpen}\n\t\t\tonOpenChange={(details) => {\n\t\t\t\t// Don't close the calendar when the user is typing\n\t\t\t\tif (!isFocused) {\n\t\t\t\t\tsetIsOpen(details.open);\n\t\t\t\t\tonOpenChange?.(details.open);\n\t\t\t\t}\n\t\t\t}}\n\t\t\t{...datePickerProps}\n\t\t>\n\t\t\t<DatePicker.Control\n\t\t\t\tstyle={style}\n\t\t\t\tclassName={classNames(\n\t\t\t\t\tstyles.dateInputControl,\n\t\t\t\t\tdisabled && styles.disabled,\n\t\t\t\t\treadOnly && styles.readOnly,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<DatePicker.Trigger asChild>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={styles.dateInputButton}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\taria-label=\"Open calendar\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<DsIcon icon=\"calendar_month\" size=\"small\" />\n\t\t\t\t\t</button>\n\t\t\t\t</DatePicker.Trigger>\n\n\t\t\t\t<input\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\tid={id}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\tplaceholder={placeholder ?? (range ? 'MM/DD/YYYY - MM/DD/YYYY' : 'MM/DD/YYYY')}\n\t\t\t\t\tdefaultValue={formatDateInputValue(value.length > 0 ? value : defaultValue, range)}\n\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\tonFocus={() => setIsFocused(true)}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t/>\n\n\t\t\t\t{showClearButton && (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={styles.dateInputButton}\n\t\t\t\t\t\tonClick={clear}\n\t\t\t\t\t\taria-label={range ? 'Clear date range' : 'Clear date'}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t\t\t\t\t</button>\n\t\t\t\t)}\n\t\t\t</DatePicker.Control>\n\n\t\t\t<Wrapper>\n\t\t\t\t<DatePicker.Positioner className={styles.positioner}>\n\t\t\t\t\t<DatePicker.Content className={styles.content}>\n\t\t\t\t\t\t<CalendarViewControl />\n\t\t\t\t\t\t<div className={styles.calendarView}>\n\t\t\t\t\t\t\t<DayView />\n\t\t\t\t\t\t\t<MonthView />\n\t\t\t\t\t\t\t<YearView />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</DatePicker.Content>\n\t\t\t\t</DatePicker.Positioner>\n\t\t\t</Wrapper>\n\t\t</DatePicker.Root>\n\t);\n};\n\n/**\n * Calendar view control with navigation buttons\n */\nconst CalendarViewControl = () => (\n\t<DatePicker.ViewControl className={styles.viewControl}>\n\t\t<DatePicker.PrevTrigger className={styles.prevTrigger}>\n\t\t\t<DsIcon icon=\"chevron_left\" size=\"small\" />\n\t\t</DatePicker.PrevTrigger>\n\t\t<DatePicker.ViewTrigger className={styles.viewTrigger} asChild>\n\t\t\t<button type=\"button\">\n\t\t\t\t<DsTypography variant=\"body-md-md\" asChild>\n\t\t\t\t\t<DatePicker.RangeText />\n\t\t\t\t</DsTypography>\n\t\t\t</button>\n\t\t</DatePicker.ViewTrigger>\n\t\t<DatePicker.NextTrigger className={styles.nextTrigger}>\n\t\t\t<DsIcon icon=\"chevron_right\" size=\"small\" />\n\t\t</DatePicker.NextTrigger>\n\t</DatePicker.ViewControl>\n);\n\n/**\n * Day view - displays calendar grid with days of the month\n */\nconst DayView = () => (\n\t<DatePicker.View view=\"day\">\n\t\t<DatePicker.Context>\n\t\t\t{(datePicker) => (\n\t\t\t\t<DatePicker.Table className={styles.table}>\n\t\t\t\t\t<DatePicker.TableHead className={styles.tableHead}>\n\t\t\t\t\t\t<DatePicker.TableRow className={styles.tableRow}>\n\t\t\t\t\t\t\t{datePicker.weekDays.map((weekDay, id) => (\n\t\t\t\t\t\t\t\t<DatePicker.TableHeader key={id} className={styles.tableHeader}>\n\t\t\t\t\t\t\t\t\t<DsTypography variant=\"body-md-md\">{weekDay.short}</DsTypography>\n\t\t\t\t\t\t\t\t</DatePicker.TableHeader>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</DatePicker.TableRow>\n\t\t\t\t\t</DatePicker.TableHead>\n\t\t\t\t\t<DatePicker.TableBody className={styles.tableBody}>\n\t\t\t\t\t\t{datePicker.weeks.map((week, weekId) => (\n\t\t\t\t\t\t\t<DatePicker.TableRow key={weekId} className={styles.tableRow}>\n\t\t\t\t\t\t\t\t{week.map((day, dayId) => (\n\t\t\t\t\t\t\t\t\t<DatePicker.TableCell key={dayId} value={day}>\n\t\t\t\t\t\t\t\t\t\t<DatePicker.TableCellTrigger className={styles.tableCellTrigger}>\n\t\t\t\t\t\t\t\t\t\t\t<DsTypography className={styles.tableCellTriggerValue} variant=\"body-md-md\">\n\t\t\t\t\t\t\t\t\t\t\t\t{day.day}\n\t\t\t\t\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t\t\t\t\t</DatePicker.TableCellTrigger>\n\t\t\t\t\t\t\t\t\t</DatePicker.TableCell>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</DatePicker.TableRow>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DatePicker.TableBody>\n\t\t\t\t</DatePicker.Table>\n\t\t\t)}\n\t\t</DatePicker.Context>\n\t</DatePicker.View>\n);\n\n/**\n * Month view - displays grid with months of the year\n */\nconst MonthView = () => (\n\t<DatePicker.View view=\"month\">\n\t\t<DatePicker.Context>\n\t\t\t{(datePicker) => (\n\t\t\t\t<DatePicker.Table className={styles.table}>\n\t\t\t\t\t<DatePicker.TableBody className={styles.tableBody}>\n\t\t\t\t\t\t{datePicker.getMonthsGrid({ columns: 4, format: 'short' }).map((months, rowId) => (\n\t\t\t\t\t\t\t<DatePicker.TableRow key={rowId} className={styles.tableRow}>\n\t\t\t\t\t\t\t\t{months.map((month, monthId) => (\n\t\t\t\t\t\t\t\t\t<DatePicker.TableCell key={monthId} value={month.value}>\n\t\t\t\t\t\t\t\t\t\t<DatePicker.TableCellTrigger className={styles.tableCellTrigger}>\n\t\t\t\t\t\t\t\t\t\t\t<DsTypography className={styles.tableCellTriggerValue} variant=\"body-md-md\">\n\t\t\t\t\t\t\t\t\t\t\t\t{month.label}\n\t\t\t\t\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t\t\t\t\t</DatePicker.TableCellTrigger>\n\t\t\t\t\t\t\t\t\t</DatePicker.TableCell>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</DatePicker.TableRow>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DatePicker.TableBody>\n\t\t\t\t</DatePicker.Table>\n\t\t\t)}\n\t\t</DatePicker.Context>\n\t</DatePicker.View>\n);\n\n/**\n * Year view - displays grid with years in a decade\n */\nconst YearView = () => (\n\t<DatePicker.View view=\"year\">\n\t\t<DatePicker.Context>\n\t\t\t{(datePicker) => (\n\t\t\t\t<DatePicker.Table className={styles.table}>\n\t\t\t\t\t<DatePicker.TableBody className={styles.tableBody}>\n\t\t\t\t\t\t{datePicker.getYearsGrid({ columns: 4 }).map((years, rowId) => (\n\t\t\t\t\t\t\t<DatePicker.TableRow key={rowId} className={styles.tableRow}>\n\t\t\t\t\t\t\t\t{years.map((year, yearId) => (\n\t\t\t\t\t\t\t\t\t<DatePicker.TableCell key={yearId} value={year.value}>\n\t\t\t\t\t\t\t\t\t\t<DatePicker.TableCellTrigger className={styles.tableCellTrigger}>\n\t\t\t\t\t\t\t\t\t\t\t<DsTypography className={styles.tableCellTriggerValue} variant=\"body-md-md\">\n\t\t\t\t\t\t\t\t\t\t\t\t{year.label}\n\t\t\t\t\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t\t\t\t\t</DatePicker.TableCellTrigger>\n\t\t\t\t\t\t\t\t\t</DatePicker.TableCell>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</DatePicker.TableRow>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DatePicker.TableBody>\n\t\t\t\t</DatePicker.Table>\n\t\t\t)}\n\t\t</DatePicker.Context>\n\t</DatePicker.View>\n);\n\nexport default DsDateInput;\n"],"mappings":"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"}
+{"version":3,"file":"ds-date-input.js","names":["ChangeEvent","Fragment","useRef","useState","DatePicker","Portal","classNames","DsDateInputProps","dateValuesToStrings","formatDateInputValue","isoStringToDateValue","parseInputText","stringToDateValue","validateDateString","DsIcon","DsTypography","styles","DsDateInput","range","placeholder","style","className","disablePortal","onValueChange","onOpenChange","value","_value","defaultValue","_defaultValue","min","_min","max","_max","disabled","readOnly","id","datePickerProps","undefined","isFocused","setIsFocused","isOpen","setIsOpen","prevValue","inputRef","HTMLInputElement","current","JSON","stringify","clear","handleInputChange","e","text","target","validation","isValid","parsedValue","handleBlur","showClearButton","length","Wrapper","details","placement","gutter","open","dateInputControl","dateInputButton","input","positioner","content","calendarView","CalendarViewControl","$","_c","t0","Symbol","for","prevTrigger","t1","viewTrigger","t2","viewControl","nextTrigger","DayView","_temp4","MonthView","_temp7","YearView","_temp0","_temp","weekDay","tableHeader","short","_temp2","day","dayId","tableCellTrigger","tableCellTriggerValue","_temp3","week","weekId","tableRow","map","datePicker","table","tableHead","weekDays","tableBody","weeks","_temp5","month","monthId","label","_temp6","months","rowId","getMonthsGrid","columns","format","_temp8","year","yearId","_temp9","years","getYearsGrid"],"sources":["../../../src/components/ds-date-input/ds-date-input.tsx"],"sourcesContent":["import { type ChangeEvent, Fragment, useRef, useState } from 'react';\nimport { DatePicker } from '@ark-ui/react/date-picker';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport type { DsDateInputProps } from './ds-date-input.types';\nimport {\n\tdateValuesToStrings,\n\tformatDateInputValue,\n\tisoStringToDateValue,\n\tparseInputText,\n\tstringToDateValue,\n\tvalidateDateString,\n} from './ds-date-input.utils';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\nimport styles from './ds-date-input.module.scss';\n\n/**\n * Design system date input component with integrated calendar picker.\n *\n * Supports both single date and date range selection with a single text input field.\n * Features built-in validation, manual text entry, and calendar selection.\n */\nconst DsDateInput = ({\n\trange = false,\n\tplaceholder,\n\tstyle,\n\tclassName,\n\tdisablePortal = false,\n\tonValueChange,\n\tonOpenChange,\n\tvalue: _value,\n\tdefaultValue: _defaultValue,\n\tmin: _min,\n\tmax: _max,\n\tdisabled,\n\treadOnly,\n\tid,\n\t...datePickerProps\n}: DsDateInputProps) => {\n\tconst min = _min ? isoStringToDateValue(_min) : undefined;\n\tconst max = _max ? isoStringToDateValue(_max) : undefined;\n\n\t// Convert public API (string | [string, string]) to internal API (DateValue[])\n\tconst value = _value ? stringToDateValue(_value) : [];\n\tconst defaultValue = _defaultValue ? stringToDateValue(_defaultValue) : [];\n\n\t// Local state for manual text editing\n\tconst [isFocused, setIsFocused] = useState(false);\n\tconst [isOpen, setIsOpen] = useState(false);\n\n\tconst prevValue = useRef<string | null>(null);\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\n\t// Reformat the input value on every value change\n\t// We don't format when the input is focused since the date value might get updated while the user is typing\n\t// but we don't want to reformat the input text for him while he's typing.\n\tif (!isFocused && prevValue.current !== JSON.stringify(value)) {\n\t\tprevValue.current = JSON.stringify(value);\n\n\t\tif (inputRef.current) {\n\t\t\tinputRef.current.value = formatDateInputValue(value, range);\n\t\t}\n\t}\n\n\tconst clear = () => {\n\t\tif (inputRef.current) {\n\t\t\tinputRef.current.value = '';\n\t\t}\n\n\t\tonValueChange?.(undefined);\n\t};\n\n\tconst handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tconst text = e.target.value;\n\n\t\t// Try to parse and validate as the user types\n\t\tconst validation = validateDateString({ text, range, min, max });\n\n\t\tif (validation.isValid) {\n\t\t\tconst parsedValue = parseInputText(text, range);\n\t\t\tonValueChange?.(dateValuesToStrings(parsedValue, range) as never);\n\t\t}\n\t};\n\n\tconst handleBlur = () => {\n\t\tsetIsFocused(false);\n\n\t\tconst text = inputRef.current?.value || '';\n\t\tconst validation = validateDateString({ text, range, min, max });\n\n\t\t// Clear invalid input on blur\n\t\tif (!validation.isValid) {\n\t\t\tclear();\n\t\t\treturn;\n\t\t}\n\n\t\tconst parsedValue = parseInputText(text, range);\n\n\t\tonValueChange?.(dateValuesToStrings(parsedValue, range) as never);\n\t};\n\n\tconst showClearButton = !disabled && !readOnly && !!(value.length > 0 ? value : defaultValue).length;\n\tconst Wrapper = disablePortal ? Fragment : Portal;\n\n\treturn (\n\t\t<DatePicker.Root\n\t\t\tvalue={value}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tonValueChange={(details) => {\n\t\t\t\tonValueChange?.(dateValuesToStrings(details.value, range) as never);\n\t\t\t}}\n\t\t\tselectionMode={range ? 'range' : 'single'}\n\t\t\tpositioning={{ placement: 'bottom-start', gutter: 4 }}\n\t\t\tcloseOnSelect={!range}\n\t\t\tmin={min}\n\t\t\tmax={max}\n\t\t\tdisabled={disabled}\n\t\t\treadOnly={readOnly}\n\t\t\topen={isOpen}\n\t\t\tonOpenChange={(details) => {\n\t\t\t\t// Don't close the calendar when the user is typing\n\t\t\t\tif (!isFocused) {\n\t\t\t\t\tsetIsOpen(details.open);\n\t\t\t\t\tonOpenChange?.(details.open);\n\t\t\t\t}\n\t\t\t}}\n\t\t\t{...datePickerProps}\n\t\t>\n\t\t\t<DatePicker.Control\n\t\t\t\tstyle={style}\n\t\t\t\tclassName={classNames(\n\t\t\t\t\tstyles.dateInputControl,\n\t\t\t\t\tdisabled && styles.disabled,\n\t\t\t\t\treadOnly && styles.readOnly,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<DatePicker.Trigger asChild>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={styles.dateInputButton}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\taria-label=\"Open calendar\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<DsIcon icon=\"calendar_month\" size=\"small\" />\n\t\t\t\t\t</button>\n\t\t\t\t</DatePicker.Trigger>\n\n\t\t\t\t<input\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\tid={id}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\tplaceholder={placeholder ?? (range ? 'MM/DD/YYYY - MM/DD/YYYY' : 'MM/DD/YYYY')}\n\t\t\t\t\tdefaultValue={formatDateInputValue(value.length > 0 ? value : defaultValue, range)}\n\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\tonFocus={() => setIsFocused(true)}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t/>\n\n\t\t\t\t{showClearButton && (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={styles.dateInputButton}\n\t\t\t\t\t\tonClick={clear}\n\t\t\t\t\t\taria-label={range ? 'Clear date range' : 'Clear date'}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t\t\t\t\t</button>\n\t\t\t\t)}\n\t\t\t</DatePicker.Control>\n\n\t\t\t<Wrapper>\n\t\t\t\t<DatePicker.Positioner className={styles.positioner}>\n\t\t\t\t\t<DatePicker.Content className={styles.content}>\n\t\t\t\t\t\t<CalendarViewControl />\n\t\t\t\t\t\t<div className={styles.calendarView}>\n\t\t\t\t\t\t\t<DayView />\n\t\t\t\t\t\t\t<MonthView />\n\t\t\t\t\t\t\t<YearView />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</DatePicker.Content>\n\t\t\t\t</DatePicker.Positioner>\n\t\t\t</Wrapper>\n\t\t</DatePicker.Root>\n\t);\n};\n\n/**\n * Calendar view control with navigation buttons\n */\nconst CalendarViewControl = () => (\n\t<DatePicker.ViewControl className={styles.viewControl}>\n\t\t<DatePicker.PrevTrigger className={styles.prevTrigger}>\n\t\t\t<DsIcon icon=\"chevron_left\" size=\"small\" />\n\t\t</DatePicker.PrevTrigger>\n\t\t<DatePicker.ViewTrigger className={styles.viewTrigger} asChild>\n\t\t\t<button type=\"button\">\n\t\t\t\t<DsTypography variant=\"body-md-md\" asChild>\n\t\t\t\t\t<DatePicker.RangeText />\n\t\t\t\t</DsTypography>\n\t\t\t</button>\n\t\t</DatePicker.ViewTrigger>\n\t\t<DatePicker.NextTrigger className={styles.nextTrigger}>\n\t\t\t<DsIcon icon=\"chevron_right\" size=\"small\" />\n\t\t</DatePicker.NextTrigger>\n\t</DatePicker.ViewControl>\n);\n\n/**\n * Day view - displays calendar grid with days of the month\n */\nconst DayView = () => (\n\t<DatePicker.View view=\"day\">\n\t\t<DatePicker.Context>\n\t\t\t{(datePicker) => (\n\t\t\t\t<DatePicker.Table className={styles.table}>\n\t\t\t\t\t<DatePicker.TableHead className={styles.tableHead}>\n\t\t\t\t\t\t<DatePicker.TableRow className={styles.tableRow}>\n\t\t\t\t\t\t\t{datePicker.weekDays.map((weekDay, id) => (\n\t\t\t\t\t\t\t\t<DatePicker.TableHeader key={id} className={styles.tableHeader}>\n\t\t\t\t\t\t\t\t\t<DsTypography variant=\"body-md-md\">{weekDay.short}</DsTypography>\n\t\t\t\t\t\t\t\t</DatePicker.TableHeader>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</DatePicker.TableRow>\n\t\t\t\t\t</DatePicker.TableHead>\n\t\t\t\t\t<DatePicker.TableBody className={styles.tableBody}>\n\t\t\t\t\t\t{datePicker.weeks.map((week, weekId) => (\n\t\t\t\t\t\t\t<DatePicker.TableRow key={weekId} className={styles.tableRow}>\n\t\t\t\t\t\t\t\t{week.map((day, dayId) => (\n\t\t\t\t\t\t\t\t\t<DatePicker.TableCell key={dayId} value={day}>\n\t\t\t\t\t\t\t\t\t\t<DatePicker.TableCellTrigger className={styles.tableCellTrigger}>\n\t\t\t\t\t\t\t\t\t\t\t<DsTypography className={styles.tableCellTriggerValue} variant=\"body-md-md\">\n\t\t\t\t\t\t\t\t\t\t\t\t{day.day}\n\t\t\t\t\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t\t\t\t\t</DatePicker.TableCellTrigger>\n\t\t\t\t\t\t\t\t\t</DatePicker.TableCell>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</DatePicker.TableRow>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DatePicker.TableBody>\n\t\t\t\t</DatePicker.Table>\n\t\t\t)}\n\t\t</DatePicker.Context>\n\t</DatePicker.View>\n);\n\n/**\n * Month view - displays grid with months of the year\n */\nconst MonthView = () => (\n\t<DatePicker.View view=\"month\">\n\t\t<DatePicker.Context>\n\t\t\t{(datePicker) => (\n\t\t\t\t<DatePicker.Table className={styles.table}>\n\t\t\t\t\t<DatePicker.TableBody className={styles.tableBody}>\n\t\t\t\t\t\t{datePicker.getMonthsGrid({ columns: 4, format: 'short' }).map((months, rowId) => (\n\t\t\t\t\t\t\t<DatePicker.TableRow key={rowId} className={styles.tableRow}>\n\t\t\t\t\t\t\t\t{months.map((month, monthId) => (\n\t\t\t\t\t\t\t\t\t<DatePicker.TableCell key={monthId} value={month.value}>\n\t\t\t\t\t\t\t\t\t\t<DatePicker.TableCellTrigger className={styles.tableCellTrigger}>\n\t\t\t\t\t\t\t\t\t\t\t<DsTypography className={styles.tableCellTriggerValue} variant=\"body-md-md\">\n\t\t\t\t\t\t\t\t\t\t\t\t{month.label}\n\t\t\t\t\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t\t\t\t\t</DatePicker.TableCellTrigger>\n\t\t\t\t\t\t\t\t\t</DatePicker.TableCell>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</DatePicker.TableRow>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DatePicker.TableBody>\n\t\t\t\t</DatePicker.Table>\n\t\t\t)}\n\t\t</DatePicker.Context>\n\t</DatePicker.View>\n);\n\n/**\n * Year view - displays grid with years in a decade\n */\nconst YearView = () => (\n\t<DatePicker.View view=\"year\">\n\t\t<DatePicker.Context>\n\t\t\t{(datePicker) => (\n\t\t\t\t<DatePicker.Table className={styles.table}>\n\t\t\t\t\t<DatePicker.TableBody className={styles.tableBody}>\n\t\t\t\t\t\t{datePicker.getYearsGrid({ columns: 4 }).map((years, rowId) => (\n\t\t\t\t\t\t\t<DatePicker.TableRow key={rowId} className={styles.tableRow}>\n\t\t\t\t\t\t\t\t{years.map((year, yearId) => (\n\t\t\t\t\t\t\t\t\t<DatePicker.TableCell key={yearId} value={year.value}>\n\t\t\t\t\t\t\t\t\t\t<DatePicker.TableCellTrigger className={styles.tableCellTrigger}>\n\t\t\t\t\t\t\t\t\t\t\t<DsTypography className={styles.tableCellTriggerValue} variant=\"body-md-md\">\n\t\t\t\t\t\t\t\t\t\t\t\t{year.label}\n\t\t\t\t\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t\t\t\t\t</DatePicker.TableCellTrigger>\n\t\t\t\t\t\t\t\t\t</DatePicker.TableCell>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</DatePicker.TableRow>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DatePicker.TableBody>\n\t\t\t\t</DatePicker.Table>\n\t\t\t)}\n\t\t</DatePicker.Context>\n\t</DatePicker.View>\n);\n\nexport default DsDateInput;\n"],"mappings":"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"}