@drivenets/design-system 0.6.0 → 0.7.0

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

@@ -1,214 +0,0 @@
-import ds_typography_default from "../ds-typography/ds-typography.js";
-import ds_segment_group_module_default from "./ds-segment-group.module.js";
-import "./ds-segment-group.types.js";
-import { c } from "react/compiler-runtime";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { SegmentGroup } from "@ark-ui/react/segment-group";
-
-//#region src/components/ds-segment-group/ds-segment-group.tsx
-/**
-* Root component - provides segment group context
-*/
-const Root = (t0) => {
-	const $ = c(17);
-	let children;
-	let className;
-	let onValueChange;
-	let props;
-	let t1;
-	if ($[0] !== t0) {
-		({className, children, onValueChange, size: t1, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = onValueChange;
-		$[4] = props;
-		$[5] = t1;
-	} else {
-		children = $[1];
-		className = $[2];
-		onValueChange = $[3];
-		props = $[4];
-		t1 = $[5];
-	}
-	const t2 = (t1 === void 0 ? "default" : t1) === "small" && ds_segment_group_module_default.small;
-	let t3;
-	if ($[6] !== className || $[7] !== t2) {
-		t3 = classNames(ds_segment_group_module_default.segmentGroupRoot, t2, className);
-		$[6] = className;
-		$[7] = t2;
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== onValueChange) {
-		t4 = (details) => onValueChange?.(details.value);
-		$[9] = onValueChange;
-		$[10] = t4;
-	} else t4 = $[10];
-	let t5;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx(SegmentGroup.Indicator, { className: ds_segment_group_module_default.segmentIndicator });
-		$[11] = t5;
-	} else t5 = $[11];
-	let t6;
-	if ($[12] !== children || $[13] !== props || $[14] !== t3 || $[15] !== t4) {
-		t6 = /* @__PURE__ */ jsxs(SegmentGroup.Root, {
-			className: t3,
-			onValueChange: t4,
-			...props,
-			children: [t5, children]
-		});
-		$[12] = children;
-		$[13] = props;
-		$[14] = t3;
-		$[15] = t4;
-		$[16] = t6;
-	} else t6 = $[16];
-	return t6;
-};
-/**
-* Item component - renders a single segment button
-*/
-const Item = (t0) => {
-	const $ = c(20);
-	let children;
-	let className;
-	let label;
-	let props;
-	let style;
-	let value;
-	if ($[0] !== t0) {
-		({value, label, className, style, children, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = label;
-		$[4] = props;
-		$[5] = style;
-		$[6] = value;
-	} else {
-		children = $[1];
-		className = $[2];
-		label = $[3];
-		props = $[4];
-		style = $[5];
-		value = $[6];
-	}
-	let t1;
-	if ($[7] !== className) {
-		t1 = classNames(ds_segment_group_module_default.segmentItem, className);
-		$[7] = className;
-		$[8] = t1;
-	} else t1 = $[8];
-	let t2;
-	if ($[9] !== children || $[10] !== label) {
-		t2 = label ? /* @__PURE__ */ jsx(ItemText, { children: label }) : children;
-		$[9] = children;
-		$[10] = label;
-		$[11] = t2;
-	} else t2 = $[11];
-	let t3;
-	let t4;
-	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(SegmentGroup.ItemControl, {});
-		t4 = /* @__PURE__ */ jsx(SegmentGroup.ItemHiddenInput, {});
-		$[12] = t3;
-		$[13] = t4;
-	} else {
-		t3 = $[12];
-		t4 = $[13];
-	}
-	let t5;
-	if ($[14] !== props || $[15] !== style || $[16] !== t1 || $[17] !== t2 || $[18] !== value) {
-		t5 = /* @__PURE__ */ jsxs(SegmentGroup.Item, {
-			value,
-			className: t1,
-			style,
-			...props,
-			children: [
-				t2,
-				t3,
-				t4
-			]
-		});
-		$[14] = props;
-		$[15] = style;
-		$[16] = t1;
-		$[17] = t2;
-		$[18] = value;
-		$[19] = t5;
-	} else t5 = $[19];
-	return t5;
-};
-/**
-* ItemText component - renders text content within an item
-*/
-const ItemText = (t0) => {
-	const $ = c(12);
-	let children;
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, children, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-	}
-	let t1;
-	if ($[4] !== className) {
-		t1 = classNames(ds_segment_group_module_default.segmentItemText, className);
-		$[4] = className;
-		$[5] = t1;
-	} else t1 = $[5];
-	let t2;
-	if ($[6] !== children) {
-		t2 = /* @__PURE__ */ jsx(ds_typography_default, {
-			variant: "body-sm-reg",
-			children
-		});
-		$[6] = children;
-		$[7] = t2;
-	} else t2 = $[7];
-	let t3;
-	if ($[8] !== props || $[9] !== t1 || $[10] !== t2) {
-		t3 = /* @__PURE__ */ jsx(SegmentGroup.ItemText, {
-			className: t1,
-			...props,
-			asChild: true,
-			children: t2
-		});
-		$[8] = props;
-		$[9] = t1;
-		$[10] = t2;
-		$[11] = t3;
-	} else t3 = $[11];
-	return t3;
-};
-/**
-* Design system SegmentGroup component
-*
-* @example
-* <DsSegmentGroup.Root value={value} onValueChange={setValue} size="default">
-*   <DsSegmentGroup.Indicator />
-*   <DsSegmentGroup.Item value="option1" label="Option 1" />
-*   <DsSegmentGroup.Item value="option2">
-*     <DsIcon icon="settings" />
-*     <DsSegmentGroup.ItemText>Option 2</DsSegmentGroup.ItemText>
-*   </DsSegmentGroup.Item>
-* </DsSegmentGroup.Root>
-*/
-const DsSegmentGroup = {
-	Root,
-	Item,
-	ItemText
-};
-
-//#endregion
-export { DsSegmentGroup };
-//# sourceMappingURL=ds-segment-group.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-segment-group.js","names":["React","SegmentGroup","classNames","styles","DsTypography","DsSegmentGroupItemProps","DsSegmentGroupItemTextProps","DsSegmentGroupRootProps","Root","FC","t0","$","_c","children","className","onValueChange","props","t1","size","undefined","t2","small","t3","segmentGroupRoot","t4","details","value","t5","Symbol","for","segmentIndicator","t6","Item","label","style","segmentItem","ItemText","segmentItemText","DsSegmentGroup"],"sources":["../../../src/components/ds-segment-group/ds-segment-group.tsx"],"sourcesContent":["import type React from 'react';\nimport { SegmentGroup } from '@ark-ui/react/segment-group';\nimport classNames from 'classnames';\nimport styles from './ds-segment-group.module.scss';\nimport DsTypography from '../ds-typography/ds-typography';\nimport {\n\ttype DsSegmentGroupItemProps,\n\ttype DsSegmentGroupItemTextProps,\n\ttype DsSegmentGroupRootProps,\n} from './ds-segment-group.types';\n\n/**\n * Root component - provides segment group context\n */\nconst Root: React.FC<DsSegmentGroupRootProps> = ({\n\tclassName,\n\tchildren,\n\tonValueChange,\n\tsize = 'default',\n\t...props\n}) => (\n\t<SegmentGroup.Root\n\t\tclassName={classNames(styles.segmentGroupRoot, size === 'small' && styles.small, className)}\n\t\tonValueChange={(details) => onValueChange?.(details.value)}\n\t\t{...props}\n\t>\n\t\t<SegmentGroup.Indicator className={styles.segmentIndicator} />\n\t\t{children}\n\t</SegmentGroup.Root>\n);\n\n/**\n * Item component - renders a single segment button\n */\nconst Item: React.FC<DsSegmentGroupItemProps> = ({ value, label, className, style, children, ...props }) => {\n\treturn (\n\t\t<SegmentGroup.Item\n\t\t\tvalue={value}\n\t\t\tclassName={classNames(styles.segmentItem, className)}\n\t\t\tstyle={style}\n\t\t\t{...props}\n\t\t>\n\t\t\t{label ? <ItemText>{label}</ItemText> : children}\n\t\t\t<SegmentGroup.ItemControl />\n\t\t\t<SegmentGroup.ItemHiddenInput />\n\t\t</SegmentGroup.Item>\n\t);\n};\n\n/**\n * ItemText component - renders text content within an item\n */\nconst ItemText: React.FC<DsSegmentGroupItemTextProps> = ({ className, children, ...props }) => (\n\t<SegmentGroup.ItemText className={classNames(styles.segmentItemText, className)} {...props} asChild>\n\t\t<DsTypography variant=\"body-sm-reg\">{children}</DsTypography>\n\t</SegmentGroup.ItemText>\n);\n\n/**\n * Design system SegmentGroup component\n *\n * @example\n * <DsSegmentGroup.Root value={value} onValueChange={setValue} size=\"default\">\n *   <DsSegmentGroup.Indicator />\n *   <DsSegmentGroup.Item value=\"option1\" label=\"Option 1\" />\n *   <DsSegmentGroup.Item value=\"option2\">\n *     <DsIcon icon=\"settings\" />\n *     <DsSegmentGroup.ItemText>Option 2</DsSegmentGroup.ItemText>\n *   </DsSegmentGroup.Item>\n * </DsSegmentGroup.Root>\n */\nexport const DsSegmentGroup = {\n\tRoot,\n\tItem,\n\tItemText,\n};\n"],"mappings":";;;;;;;;;;;;AAcA,MAAMQ,QAA0CE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAN,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAI,WAAAD,UAAAE,eAAAG,MAAAD,OAAAD,SAAAN;AAMhDC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;QAAA;AAAAJ,aAAAF,EAAA;AAAAG,cAAAH,EAAA;AAAAI,kBAAAJ,EAAA;AAAAK,UAAAL,EAAA;AAAAM,OAAAN,EAAA;;CAEgD,MAAAS,MAJhDH,OAAAE,SAAA,YAAAF,QAIyD,WAAWd,gCAAMkB;CAAM,IAAAC;AAAA,KAAAX,EAAA,OAAAG,aAAAH,EAAA,OAAAS,IAAA;AAApEE,OAAApB,WAAWC,gCAAMoB,kBAAmBH,IAAkCN,UAAU;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAS;AAAAT,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAI,eAAA;AAC5ES,QAAAC,YAAaV,gBAAgBU,QAAOC,MAAO;AAAAf,IAAA,KAAAI;AAAAJ,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,QAAAiB,OAAAC,IAAA,4BAAA,EAAA;AAG1DF,OAAA,oBAAA,aAAA,aAAmC,WAAAxB,gCAAM2B,mBAAqB;AAAAnB,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAE,YAAAF,EAAA,QAAAK,SAAAL,EAAA,QAAAW,MAAAX,EAAA,QAAAa,IAAA;AAL/DO,OAAA,qBAAA,aAAA;GACY,WAAAT;GACI,eAAAE;GAA2C,GACtDR;cAEJW,IACCd;IACkB;AAAAF,IAAA,MAAAE;AAAAF,IAAA,MAAAK;AAAAL,IAAA,MAAAW;AAAAX,IAAA,MAAAa;AAAAb,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;AAAA,QAPpBoB;;;;;AAaD,MAAMC,QAA0CtB,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAmB;CAAA,IAAAjB;CAAA,IAAAkB;CAAA,IAAAR;AAAA,KAAAf,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAgB,OAAAO,OAAAnB,WAAAoB,OAAArB,aAAAG,SAAAN;AAAsDC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAsB;AAAAtB,IAAA,KAAAK;AAAAL,IAAA,KAAAuB;AAAAvB,IAAA,KAAAe;QAAA;AAAAb,aAAAF,EAAA;AAAAG,cAAAH,EAAA;AAAAsB,UAAAtB,EAAA;AAAAK,UAAAL,EAAA;AAAAuB,UAAAvB,EAAA;AAAAe,UAAAf,EAAA;;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAG,WAAA;AAIzFG,OAAAf,WAAWC,gCAAMgC,aAAcrB,UAAU;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAE,YAAAF,EAAA,QAAAsB,OAAA;AAInDb,OAAAa,QAAQ,oBAAC,sBAAUA,QAA4B,GAA/CpB;AAA+CF,IAAA,KAAAE;AAAAF,IAAA,MAAAsB;AAAAtB,IAAA,MAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAW;CAAA,IAAAE;AAAA,KAAAb,EAAA,QAAAiB,OAAAC,IAAA,4BAAA,EAAA;AAChDP,OAAA,oBAAA,aAAA,gBAA4B;AAC5BE,OAAA,oBAAA,aAAA,oBAAgC;AAAAb,IAAA,MAAAW;AAAAX,IAAA,MAAAa;QAAA;AAAAF,OAAAX,EAAA;AAAAa,OAAAb,EAAA;;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,QAAAK,SAAAL,EAAA,QAAAuB,SAAAvB,EAAA,QAAAM,MAAAN,EAAA,QAAAS,MAAAT,EAAA,QAAAe,OAAA;AARjCC,OAAA,qBAAA,aAAA;GACQD;GACI,WAAAT;GACJiB;GAAK,GACRlB;;IAEHI;IACDE;IACAE;;IACmB;AAAAb,IAAA,MAAAK;AAAAL,IAAA,MAAAuB;AAAAvB,IAAA,MAAAM;AAAAN,IAAA,MAAAS;AAAAT,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;AAAA,QATpBgB;;;;;AAgBF,MAAMS,YAAkD1B,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAE;AAAA,KAAAL,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAI,WAAAD,aAAAG,SAAAN;AAAiCC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAK;QAAA;AAAAH,aAAAF,EAAA;AAAAG,cAAAH,EAAA;AAAAK,UAAAL,EAAA;;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAG,WAAA;AACvDG,OAAAf,WAAWC,gCAAMkC,iBAAkBvB,UAAU;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAE,UAAA;AAC9EO,OAAA,oBAAC;GAAqB,SAAA;GAAeP;IAAwB;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAK,SAAAL,EAAA,OAAAM,MAAAN,EAAA,QAAAS,IAAA;AAD9DE,OAAA,oBAAA,aAAA;GAAkC,WAAAL;GAA6C,GAAMD;GAAO,SAAA;aAC3FI;IACuB;AAAAT,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,MAAAS;AAAAT,IAAA,MAAAW;OAAAA,MAAAX,EAAA;AAAA,QAFxBW;;;;;;;;;;;;;;;AAkBD,MAAagB,iBAAiB;CAC7B9B;CACAwB;CACAI;CACA"}

package/dist/components/ds-segment-group/ds-segment-group.module.cjs

@@ -1,12 +0,0 @@
-
-//#region src/components/ds-segment-group/ds-segment-group.module.scss
-var ds_segment_group_module_default = {
-	"segmentGroupRoot": "_segmentGroupRoot_1sd0t_1",
-	"small": "_small_1sd0t_1",
-	"segmentItem": "_segmentItem_1sd0t_1",
-	"segmentItemText": "_segmentItemText_1sd0t_1",
-	"segmentIndicator": "_segmentIndicator_1sd0t_1"
-};
-
-//#endregion
-exports.default = ds_segment_group_module_default;

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

@@ -1,12 +0,0 @@
-//#region src/components/ds-segment-group/ds-segment-group.module.scss
-var ds_segment_group_module_default = {
-	"segmentGroupRoot": "_segmentGroupRoot_1sd0t_1",
-	"small": "_small_1sd0t_1",
-	"segmentItem": "_segmentItem_1sd0t_1",
-	"segmentItemText": "_segmentItemText_1sd0t_1",
-	"segmentIndicator": "_segmentIndicator_1sd0t_1"
-};
-
-//#endregion
-export { ds_segment_group_module_default as default };
-//# sourceMappingURL=ds-segment-group.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-segment-group.module.js","names":[],"sources":["../../../src/components/ds-segment-group/ds-segment-group.module.scss"],"sourcesContent":[".segmentGroupRoot {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tposition: relative;\n\tbackground: var(--color-background-secondary);\n\tborder: 1px solid var(--color-border-contrast);\n\tborder-radius: 4px;\n\tgap: var(--spacing-2xs);\n\theight: 36px;\n\tpadding: var(--spacing-3xs);\n\n\t&.small {\n\t\theight: 28px;\n\t\tpadding: var(--spacing-4xs);\n\n\t\t.segmentItem {\n\t\t\tpadding: var(--spacing-4xs) var(--spacing-xs);\n\t\t}\n\t}\n}\n\n.segmentItem {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: var(--spacing-3xs) var(--spacing-sm);\n\tgap: var(--spacing-2xs);\n\tflex: 1;\n\tz-index: 1;\n\tcursor: pointer;\n\tborder-radius: 4px;\n\n\t&[data-state='checked'] {\n\t\t.segmentItemText {\n\t\t\tcolor: var(--color-font-main);\n\t\t\tfont-weight: var(--font-weight-medium);\n\t\t}\n\t}\n\n\t&[data-state='unchecked'] {\n\t\tbackground: transparent;\n\n\t\t.segmentItemText {\n\t\t\tcolor: var(--color-background-action);\n\t\t}\n\n\t\t&:hover:not([data-disabled]) {\n\t\t\tbackground: var(--color-background-action-secondary);\n\t\t}\n\n\t\t&:active:not([data-disabled]) {\n\t\t\tbackground: var(--color-background);\n\t\t\tborder-color: var(--color-border-contrast);\n\t\t}\n\t}\n\n\t&[data-disabled] {\n\t\tcursor: not-allowed;\n\t\tbackground: var(--color-background-secondary);\n\n\t\t.segmentItemText {\n\t\t\tcolor: var(--color-font-disabled);\n\t\t}\n\t}\n\n\t&:focus-visible {\n\t\toutline: 2px solid var(--color-border-action-secondary);\n\t\toutline-offset: 2px;\n\t}\n}\n\n[data-scope='segment-group'][data-part='item-control'] {\n\tposition: absolute;\n\tinset: 0;\n\tpointer-events: none;\n}\n\n.segmentItemText {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twhite-space: nowrap;\n\ttransition: color 150ms ease-in-out;\n}\n\n.segmentIndicator {\n\tposition: absolute;\n\tbackground: var(--color-background);\n\tborder: 1px solid var(--color-border-contrast);\n\tborder-radius: 4px;\n\tbox-shadow: 0 1.25px 4px 0 rgba(0, 0, 0, 0.25);\n\tz-index: 0;\n\tpointer-events: none;\n\twidth: var(--width);\n\theight: var(--height);\n\tleft: var(--left);\n\ttop: var(--top);\n}\n"],"mappings":""}

package/dist/components/ds-segment-group/ds-segment-group.types.cjs

@@ -1,2 +0,0 @@
-let react = require("react");
-let _ark_ui_react_segment_group = require("@ark-ui/react/segment-group");

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

@@ -1,52 +0,0 @@
-import { ReactNode } from "react";
-import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps } from "@ark-ui/react/segment-group";
-
-//#region src/components/ds-segment-group/ds-segment-group.types.d.ts
-
-/**
- * Size variants for the segment group
- */
-type DsSegmentGroupSize = 'small' | 'default';
-/**
- * Props for the DsSegmentGroup Root component
- */
-interface DsSegmentGroupRootProps extends Pick<SegmentGroupRootProps, 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'children'> {
-  /**
-   * Size variant of the segment group
-   * @default 'default'
-   */
-  size?: DsSegmentGroupSize;
-  /**
-   * Event handler called when the selected value changes
-   */
-  onValueChange?: (value: string | null) => void;
-}
-/**
- * Props for the DsSegmentGroup Item component
- */
-type DsSegmentGroupItemProps = Pick<SegmentGroupItemProps, 'id' | 'value' | 'disabled' | 'className' | 'style'> & ({
-  /**
-   * The segment group item content
-   */
-  children: ReactNode;
-  /**
-   * Optional label text for the segment item
-   */
-  label?: never;
-} | {
-  /**
-   * The segment group item content
-   */
-  children?: never;
-  /**
-   * Optional label text for the segment item
-   */
-  label: string;
-});
-/**
- * Props for the DsSegmentGroup ItemText component
- */
-type DsSegmentGroupItemTextProps = Pick<SegmentGroupItemTextProps, 'className' | 'style' | 'children'>;
-//#endregion
-export { DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize };
-//# sourceMappingURL=ds-segment-group.types.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-segment-group.types.d.cts","names":[],"sources":["../../../src/components/ds-segment-group/ds-segment-group.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAUA;AAKiB,KALL,kBAAA,GAK6B,OAAA,GAAA,SAAA;;;;AAAY,UAApC,uBAAA,SAAgC,IAAI,CACpD,qBADoD,EAAA,OAAA,GAAA,cAAA,GAAA,UAAA,GAAA,MAAA,GAAA,WAAA,GAAA,OAAA,GAAA,UAAA,CAAA,CAAA;EAkBzC;;;;EASW,IAAA,CAAA,EAnBf,kBAmBe;EAqBX;;;;;;;;KA9BA,uBAAA,GAA0B,KACrC;;;;YAQa;;;;;;;;;;;;;;;;;;KAqBF,2BAAA,GAA8B,KAAK"}

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

@@ -1,52 +0,0 @@
-import { ReactNode } from "react";
-import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps } from "@ark-ui/react/segment-group";
-
-//#region src/components/ds-segment-group/ds-segment-group.types.d.ts
-
-/**
- * Size variants for the segment group
- */
-type DsSegmentGroupSize = 'small' | 'default';
-/**
- * Props for the DsSegmentGroup Root component
- */
-interface DsSegmentGroupRootProps extends Pick<SegmentGroupRootProps, 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'children'> {
-  /**
-   * Size variant of the segment group
-   * @default 'default'
-   */
-  size?: DsSegmentGroupSize;
-  /**
-   * Event handler called when the selected value changes
-   */
-  onValueChange?: (value: string | null) => void;
-}
-/**
- * Props for the DsSegmentGroup Item component
- */
-type DsSegmentGroupItemProps = Pick<SegmentGroupItemProps, 'id' | 'value' | 'disabled' | 'className' | 'style'> & ({
-  /**
-   * The segment group item content
-   */
-  children: ReactNode;
-  /**
-   * Optional label text for the segment item
-   */
-  label?: never;
-} | {
-  /**
-   * The segment group item content
-   */
-  children?: never;
-  /**
-   * Optional label text for the segment item
-   */
-  label: string;
-});
-/**
- * Props for the DsSegmentGroup ItemText component
- */
-type DsSegmentGroupItemTextProps = Pick<SegmentGroupItemTextProps, 'className' | 'style' | 'children'>;
-//#endregion
-export { DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize };
-//# sourceMappingURL=ds-segment-group.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-segment-group.types.d.ts","names":[],"sources":["../../../src/components/ds-segment-group/ds-segment-group.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAUA;AAKiB,KALL,kBAAA,GAK6B,OAAA,GAAA,SAAA;;;;AAAY,UAApC,uBAAA,SAAgC,IAAI,CACpD,qBADoD,EAAA,OAAA,GAAA,cAAA,GAAA,UAAA,GAAA,MAAA,GAAA,WAAA,GAAA,OAAA,GAAA,UAAA,CAAA,CAAA;EAkBzC;;;;EASW,IAAA,CAAA,EAnBf,kBAmBe;EAqBX;;;;;;;;KA9BA,uBAAA,GAA0B,KACrC;;;;YAQa;;;;;;;;;;;;;;;;;;KAqBF,2BAAA,GAA8B,KAAK"}

package/dist/components/ds-segment-group/ds-segment-group.types.js

@@ -1,2 +0,0 @@
-import "react";
-import "@ark-ui/react/segment-group";

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

@@ -1,2 +0,0 @@
-require('./ds-segment-group.types.cjs');
-const require_ds_segment_group = require('./ds-segment-group.cjs');

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

@@ -1,2 +0,0 @@
-import { DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize } from "./ds-segment-group.types.js";
-import { DsSegmentGroup } from "./ds-segment-group.js";

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

@@ -1,2 +0,0 @@
-import "./ds-segment-group.types.js";
-import { DsSegmentGroup } from "./ds-segment-group.js";

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

@@ -1,276 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ds_icon = require('../ds-icon/ds-icon.cjs');
-require('../ds-icon/index.cjs');
-const require_ds_typography = require('../ds-typography/ds-typography.cjs');
-require('../ds-typography/index.cjs');
-const require_ds_text_input = require('../ds-text-input/ds-text-input.cjs');
-require('../ds-text-input/index.cjs');
-const require_ds_checkbox = require('../ds-checkbox/ds-checkbox.cjs');
-require('../ds-checkbox/index.cjs');
-const require_ds_select_module = require('./ds-select.module.cjs');
-const require_select_items_chips = require('./select-items-chips.cjs');
-let react_compiler_runtime = require("react/compiler-runtime");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-let _ark_ui_react_portal = require("@ark-ui/react/portal");
-let _ark_ui_react_select = require("@ark-ui/react/select");
-
-//#region src/components/ds-select/ds-select.tsx
-const SEARCH_THRESHOLD = 13;
-const SELECT_ALL_VALUE = "__INTERNAL_SELECT_ALL_VALUE__";
-const SELECT_ALL = {
-	label: "All",
-	value: SELECT_ALL_VALUE
-};
-const DsSelect = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(35);
-	const { id, options: userOptions, value, style, size, clearable, onClear, onBlur, className, placeholder: t1, disabled, ...multiselectProps } = t0;
-	const placeholder = t1 === void 0 ? "Click to select a value" : t1;
-	const [searchTerm, setSearchTerm] = (0, react.useState)("");
-	const [showAllItems, setShowAllItems] = (0, react.useState)(false);
-	const internalOptions = multiselectProps.multiple ? [SELECT_ALL, ...userOptions] : userOptions;
-	const collection = (0, _ark_ui_react_select.createListCollection)({
-		items: internalOptions,
-		itemToValue: _temp
-	});
-	let t2;
-	if ($[0] !== searchTerm) {
-		t2 = (option) => option.label.toLowerCase().includes(searchTerm.toLowerCase());
-		$[0] = searchTerm;
-		$[1] = t2;
-	} else t2 = $[1];
-	const filteredOptions = internalOptions.filter(t2);
-	const normalizedValue = Array.isArray(value) ? value : [value].filter(_temp2);
-	let t3;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = () => {
-			setSearchTerm("");
-			setShowAllItems(false);
-		};
-		$[2] = t3;
-	} else t3 = $[2];
-	const select = (0, _ark_ui_react_select.useSelect)({
-		collection,
-		disabled,
-		multiple: multiselectProps.multiple,
-		value: normalizedValue,
-		ids: { trigger: id },
-		onOpenChange: t3,
-		onValueChange: (details) => {
-			if (!multiselectProps.multiple) {
-				multiselectProps.onValueChange?.(details.value[0] ?? "");
-				return;
-			}
-			if (details.value.includes(SELECT_ALL_VALUE)) {
-				const newValues = select.selectedItems.length === userOptions.length ? [] : userOptions.map(_temp3);
-				multiselectProps.onValueChange?.(newValues);
-				return;
-			}
-			const newValueWithoutSelectAll = details.value.filter(_temp4);
-			multiselectProps.onValueChange?.(newValueWithoutSelectAll);
-		}
-	});
-	const t4 = size === "small" && require_ds_select_module.default.small;
-	let t5;
-	if ($[3] !== className || $[4] !== t4) {
-		t5 = (0, classnames.default)(require_ds_select_module.default.control, t4, className);
-		$[3] = className;
-		$[4] = t4;
-		$[5] = t5;
-	} else t5 = $[5];
-	let t6;
-	if ($[6] !== placeholder) {
-		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
-			className: require_ds_select_module.default.valueText,
-			variant: "body-sm-reg",
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_select.Select.ValueText, { placeholder })
-		});
-		$[6] = placeholder;
-		$[7] = t6;
-	} else t6 = $[7];
-	const t7 = size === "small" ? "small" : "medium";
-	let t8;
-	if ($[8] !== t7) {
-		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_select.Select.Indicator, {
-			className: require_ds_select_module.default.triggerIcon,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-				icon: "keyboard_arrow_down",
-				size: t7
-			})
-		});
-		$[8] = t7;
-		$[9] = t8;
-	} else t8 = $[9];
-	let t9;
-	if ($[10] !== id || $[11] !== t6 || $[12] !== t8) {
-		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_select.Select.Trigger, {
-			id,
-			className: require_ds_select_module.default.trigger,
-			"aria-labelledby": null,
-			children: [t6, t8]
-		});
-		$[10] = id;
-		$[11] = t6;
-		$[12] = t8;
-		$[13] = t9;
-	} else t9 = $[13];
-	let t10;
-	if ($[14] !== clearable || $[15] !== onClear || $[16] !== size) {
-		t10 = clearable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_select.Select.ClearTrigger, {
-			className: require_ds_select_module.default.clearIcon,
-			onClick: onClear,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-				icon: "close",
-				size: size === "small" ? "small" : "medium"
-			})
-		});
-		$[14] = clearable;
-		$[15] = onClear;
-		$[16] = size;
-		$[17] = t10;
-	} else t10 = $[17];
-	const T0 = _ark_ui_react_portal.Portal;
-	const t11 = _ark_ui_react_select.Select;
-	const t12 = require_ds_select_module.default;
-	const t13 = _ark_ui_react_select.Select;
-	const t14 = require_ds_select_module.default;
-	let t15;
-	if ($[18] !== searchTerm || $[19] !== userOptions.length) {
-		t15 = userOptions.length > SEARCH_THRESHOLD && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_ds_select_module.default.searchInput,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_text_input.default, {
-				placeholder: "Search",
-				value: searchTerm,
-				onChange: (e_0) => setSearchTerm(e_0.target.value),
-				onKeyDown: _temp5,
-				slots: { startAdornment: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-					icon: "search",
-					size: "tiny"
-				}) }
-			})
-		});
-		$[18] = searchTerm;
-		$[19] = userOptions.length;
-		$[20] = t15;
-	} else t15 = $[20];
-	const t16 = multiselectProps.multiple && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select_items_chips.SelectItemsChips, {
-		onValueChange: multiselectProps.onValueChange,
-		showAll: showAllItems,
-		onShowAll: () => setShowAllItems(true),
-		count: 6
-	});
-	const t17 = filteredOptions.map((item_0) => {
-		const checked = getItemCheckedState({
-			item: item_0,
-			select,
-			options: internalOptions
-		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
-			variant: "body-sm-reg",
-			asChild: true,
-			className: require_ds_select_module.default.item,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_select.Select.Item, {
-				item: item_0,
-				children: [
-					multiselectProps.multiple && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_checkbox.default, { checked }),
-					item_0.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-						className: require_ds_select_module.default.itemIcon,
-						icon: item_0.icon,
-						"aria-hidden": "true"
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_select.Select.ItemText, { children: item_0.label })
-				]
-			})
-		}, collection.getItemValue(item_0));
-	});
-	let t18;
-	if ($[21] !== t13.Content || $[22] !== t14.content || $[23] !== t15 || $[24] !== t16 || $[25] !== t17) {
-		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(t13.Content, {
-			className: t14.content,
-			children: [
-				t15,
-				t16,
-				t17
-			]
-		});
-		$[21] = t13.Content;
-		$[22] = t14.content;
-		$[23] = t15;
-		$[24] = t16;
-		$[25] = t17;
-		$[26] = t18;
-	} else t18 = $[26];
-	let t19;
-	if ($[27] !== t11.Positioner || $[28] !== t12.viewport || $[29] !== t18) {
-		t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(t11.Positioner, {
-			className: t12.viewport,
-			children: t18
-		});
-		$[27] = t11.Positioner;
-		$[28] = t12.viewport;
-		$[29] = t18;
-		$[30] = t19;
-	} else t19 = $[30];
-	let t20;
-	if ($[31] !== T0 || $[32] !== t19) {
-		t20 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(T0, { children: t19 });
-		$[31] = T0;
-		$[32] = t19;
-		$[33] = t20;
-	} else t20 = $[33];
-	let t21;
-	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-		t21 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_select.Select.HiddenSelect, { style: { display: "none" } });
-		$[34] = t21;
-	} else t21 = $[34];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_select.Select.RootProvider, {
-		value: select,
-		lazyMount: true,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_select.Select.Control, {
-				className: t5,
-				style,
-				onBlur,
-				onKeyDown: (e) => {
-					if (!clearable) return;
-					if (select.open) return;
-					if (e.key === "Backspace" || e.key === "Delete") {
-						if (multiselectProps.multiple) multiselectProps.onValueChange?.([]);
-						else multiselectProps.onValueChange?.("");
-						onClear?.();
-					}
-				},
-				children: [t9, t10]
-			}),
-			t20,
-			t21
-		]
-	});
-};
-function getItemCheckedState({ item, select, options }) {
-	if (item.value !== SELECT_ALL_VALUE) return select.getItemState({ item }).selected;
-	if (select.selectedItems.length === options.length - 1) return true;
-	return select.hasSelectedItems ? "indeterminate" : false;
-}
-var ds_select_default = DsSelect;
-function _temp(item) {
-	return item.value;
-}
-function _temp2(value_0) {
-	return !!value_0;
-}
-function _temp3(opt) {
-	return opt.value;
-}
-function _temp4(val) {
-	return val !== SELECT_ALL_VALUE;
-}
-function _temp5(e_1) {
-	if (e_1.key === " ") e_1.stopPropagation();
-}
-
-//#endregion
-exports.default = ds_select_default;