@drivenets/design-system 0.1.0 → 0.2.0

package/dist/components/ds-avatar-group/ds-avatar-group.module.js

@@ -0,0 +1,19 @@
+//#region src/components/ds-avatar-group/ds-avatar-group.module.scss
+var ds_avatar_group_module_default = {
+	"avatarGroup": "_avatarGroup_gp6iz_1",
+	"avatarItem": "_avatarItem_gp6iz_1",
+	"xsm": "_xsm_gp6iz_1",
+	"sm": "_sm_gp6iz_1",
+	"moreAvatar": "_moreAvatar_gp6iz_1",
+	"circle": "_circle_gp6iz_1",
+	"rounded": "_rounded_gp6iz_1",
+	"regular": "_regular_gp6iz_1",
+	"md": "_md_gp6iz_1",
+	"lg": "_lg_gp6iz_1",
+	"xl": "_xl_gp6iz_1",
+	"tooltipList": "_tooltipList_gp6iz_1"
+};
+
+//#endregion
+export { ds_avatar_group_module_default as default };
+//# sourceMappingURL=ds-avatar-group.module.js.map

package/dist/components/ds-avatar-group/ds-avatar-group.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-avatar-group.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-avatar-group/ds-avatar-group.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-avatar/_mixins.scss"],"sourcesContent":["@import '../ds-avatar/mixins';\n\n.avatarGroup {\n\tdisplay: flex;\n\talign-items: center;\n\n\t.avatarItem {\n\t\tborder: $avatar-border-width solid var(--color-background);\n\n\t\t&:not(:first-child) {\n\t\t\tmargin-left: $avatar-overlap-default;\n\t\t}\n\n\t\t&.xsm:not(:first-child) {\n\t\t\tmargin-left: $avatar-overlap-xsm;\n\t\t}\n\n\t\t&.sm:not(:first-child) {\n\t\t\tmargin-left: $avatar-overlap-sm;\n\t\t}\n\t}\n\n\t.moreAvatar {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground-color: var(--color-background);\n\t\tcolor: var(--color-font-action);\n\t\tborder: $avatar-border-width solid var(--color-background);\n\t\tmargin-left: $avatar-overlap-default;\n\t\tfont-weight: var(--font-weight-medium);\n\t\tz-index: 1;\n\t\tcursor: default;\n\t\tflex-shrink: 0;\n\n\t\t&.circle {\n\t\t\tborder-radius: 50%;\n\t\t}\n\n\t\t&.rounded {\n\t\t\t&.xsm,\n\t\t\t&.sm {\n\t\t\t\tborder-radius: $avatar-border-radius-small;\n\t\t\t}\n\t\t\t&.regular,\n\t\t\t&.md,\n\t\t\t&.lg,\n\t\t\t&.xl {\n\t\t\t\tborder-radius: $avatar-border-radius-large;\n\t\t\t}\n\t\t}\n\n\t\t@include avatar-sizes;\n\n\t\t&.xsm {\n\t\t\tmargin-left: $avatar-overlap-xsm;\n\t\t}\n\n\t\t&.sm {\n\t\t\tmargin-left: $avatar-overlap-sm;\n\t\t}\n\t}\n\n\t.tooltipList {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--spacing-3xs);\n\t\tpadding: var(--spacing-3xs) 0;\n\t}\n}\n"],"mappings":""}

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

@@ -0,0 +1,31 @@
+import { DsAvatarProps, DsAvatarSize, DsAvatarType } from "../ds-avatar/ds-avatar.types.cjs";
+
+//#region src/components/ds-avatar-group/ds-avatar-group.types.d.ts
+interface DsAvatarGroupProps {
+  /**
+   * Array of avatar items
+   */
+  avatars: Omit<DsAvatarProps, 'size' | 'type'>[];
+  /**
+   * Size of the avatars in the group
+   * @default 'regular'
+   */
+  size?: DsAvatarSize;
+  /**
+   * Shape of the avatars in the group
+   * @default 'circle'
+   */
+  type?: DsAvatarType;
+  /**
+   * Maximum number of avatars to show before collapsing
+   * @default 5
+   */
+  max?: number;
+  /**
+   * Custom class name
+   */
+  className?: string;
+}
+//#endregion
+export { DsAvatarGroupProps };
+//# sourceMappingURL=ds-avatar-group.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-avatar-group.types.d.cts","names":[],"sources":["../../../src/components/ds-avatar-group/ds-avatar-group.types.ts"],"sourcesContent":[],"mappings":";;;UAEiB,kBAAA;;AAAjB;;EAIU,OAAA,EAAA,IAAA,CAAK,aAAL,EAAA,MAAA,GAAA,MAAA,CAAA,EAAA;EAKF;;;;SAAA;;;;;SAKA"}

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

@@ -0,0 +1,32 @@
+import { DsAvatarProps, DsAvatarSize, DsAvatarType } from "../ds-avatar/ds-avatar.types.js";
+import "../ds-avatar/index.js";
+
+//#region src/components/ds-avatar-group/ds-avatar-group.types.d.ts
+interface DsAvatarGroupProps {
+  /**
+   * Array of avatar items
+   */
+  avatars: Omit<DsAvatarProps, 'size' | 'type'>[];
+  /**
+   * Size of the avatars in the group
+   * @default 'regular'
+   */
+  size?: DsAvatarSize;
+  /**
+   * Shape of the avatars in the group
+   * @default 'circle'
+   */
+  type?: DsAvatarType;
+  /**
+   * Maximum number of avatars to show before collapsing
+   * @default 5
+   */
+  max?: number;
+  /**
+   * Custom class name
+   */
+  className?: string;
+}
+//#endregion
+export { DsAvatarGroupProps };
+//# sourceMappingURL=ds-avatar-group.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-avatar-group.types.d.ts","names":[],"sources":["../../../src/components/ds-avatar-group/ds-avatar-group.types.ts"],"sourcesContent":[],"mappings":";;;;UAEiB,kBAAA;;;AAAjB;EAIe,OAAA,EAAL,IAAK,CAAA,aAAA,EAAA,MAAA,GAAA,MAAA,CAAA,EAAA;EAAL;;;;SAKF;;;;;SAKA"}

package/dist/components/ds-avatar-group/index.cjs

@@ -0,0 +1 @@
+const require_ds_avatar_group = require('./ds-avatar-group.cjs');

package/dist/components/ds-avatar-group/index.d.ts

@@ -0,0 +1,2 @@
+import { DsAvatarGroupProps } from "./ds-avatar-group.types.js";
+import { DsAvatarGroup } from "./ds-avatar-group.js";

package/dist/components/ds-avatar-group/index.js

@@ -0,0 +1 @@
+import { DsAvatarGroup } from "./ds-avatar-group.js";

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

@@ -1,8 +1,8 @@
 import { DsButtonUnifiedProps } from "./ds-button.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/ds-button/ds-button.d.ts
-declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime0.JSX.Element;
+declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { DsButton };
 //# sourceMappingURL=ds-button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ds-button.d.ts","names":[],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,kBAAmB,yBAAoB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-button.d.ts","names":[],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,kBAAmB,yBAAoB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -11,7 +11,8 @@ let react_jsx_runtime = require("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 $ = (0, react_compiler_runtime.c)(29);

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

@@ -4,7 +4,8 @@ import React from "react";
 //#region src/components/ds-chip/ds-chip.d.ts
 
 /**
- * Design system Chip component
+ * @deprecated This component is deprecated. Use `DsTag` instead.
+ * @see {@link ../ds-tag} for the replacement component.
  */
 declare const DsChip: React.FC<DsChipProps>;
 //#endregion

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

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

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

@@ -4,7 +4,8 @@ import React from "react";
 //#region src/components/ds-chip/ds-chip.d.ts
 
 /**
- * Design system Chip component
+ * @deprecated This component is deprecated. Use `DsTag` instead.
+ * @see {@link ../ds-tag} for the replacement component.
  */
 declare const DsChip: React.FC<DsChipProps>;
 //#endregion

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-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_runtime5 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_runtime5.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_runtime5.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_runtime5.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime4.JSX.Element;
+  }) => react_jsx_runtime5.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_runtime5.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_runtime5.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_runtime5.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_runtime41 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_runtime41.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_runtime41.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_runtime41.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime41.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_runtime41.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_runtime41.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_runtime41.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_runtime4 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_runtime4.JSX.Element;
 //#endregion
 export { DsDateInput };
 //# sourceMappingURL=ds-date-input.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ds-date-input.d.cts","names":[],"sources":["../../../src/components/ds-date-input/ds-date-input.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAI8D;;;cAmBxD,WAAe,EAAA,CAAA;EAAA,KAAA;EAAA,WAAA;EAAA,KAAA;EAAA,SAAA;EAAA,aAAA;EAAA,aAAA;EAAA,YAAA;EAAA,KAAA,EAAA,MAAA;EAAA,YAAA,EAAA,aAAA;EAAA,GAAA,EAAA,IAAA;EAAA,GAAA,EAAA,IAAA;EAAA,QAAA;EAAA,QAAA;EAAA,EAAA;EAAA,GAAA;AAAA,CAAA,EAgBlB,gBAhBkB,EAAA,GAgBF,mBAAA,CAAA,GAAA,CAAA,OAhBE"}
+{"version":3,"file":"ds-date-input.d.cts","names":[],"sources":["../../../src/components/ds-date-input/ds-date-input.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAI8D;;;cAmBxD,WAAe,EAAA,CAAA;EAAA,KAAA;EAAA,WAAA;EAAA,KAAA;EAAA,SAAA;EAAA,aAAA;EAAA,aAAA;EAAA,YAAA;EAAA,KAAA,EAAA,MAAA;EAAA,YAAA,EAAA,aAAA;EAAA,GAAA,EAAA,IAAA;EAAA,GAAA,EAAA,IAAA;EAAA,QAAA;EAAA,QAAA;EAAA,EAAA;EAAA,GAAA;AAAA,CAAA,EAgBlB,gBAhBkB,EAAA,GAgBF,kBAAA,CAAA,GAAA,CAAA,OAhBE"}

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_runtime48 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_runtime48.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,