@drivenets/design-system 0.2.0 → 0.4.0

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

@@ -1,233 +1,33 @@
-import ds_icon_default from "../ds-icon/ds-icon.js";
-import "../ds-icon/index.js";
-import ds_typography_default from "../ds-typography/ds-typography.js";
-import ds_confirmation_module_default from "./ds-confirmation.module.js";
+import ds_modal_default from "../ds-modal/ds-modal.js";
 import { c } from "react/compiler-runtime";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Portal } from "@ark-ui/react/portal";
-import { Dialog } from "@ark-ui/react/dialog";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/ds-confirmation/ds-confirmation.tsx
 /**
-* Composable confirmation modal dialog.
+* @deprecated DsConfirmation is deprecated. Use DsModal instead.
+* @see {@link ../ds-modal} for the replacement component.
 */
-const DsConfirmation = (t0) => {
-	const $ = c(15);
-	const { open, onOpenChange, style, className, children } = t0;
-	let t1;
-	if ($[0] !== onOpenChange) {
-		t1 = (details) => {
-			onOpenChange(details.open);
-		};
-		$[0] = onOpenChange;
-		$[1] = t1;
-	} else t1 = $[1];
-	const handleOpenChange = t1;
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(Dialog.Backdrop, { className: ds_confirmation_module_default.overlay });
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== className) {
-		t3 = classNames(ds_confirmation_module_default.modal, className);
-		$[3] = className;
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] !== children || $[6] !== style) {
-		t4 = /* @__PURE__ */ jsx("div", {
-			style,
-			className: ds_confirmation_module_default.content,
-			children
-		});
-		$[5] = children;
-		$[6] = style;
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] !== t3 || $[9] !== t4) {
-		t5 = /* @__PURE__ */ jsxs(Portal, { children: [t2, /* @__PURE__ */ jsx(Dialog.Positioner, { children: /* @__PURE__ */ jsx(Dialog.Content, {
-			className: t3,
-			children: t4
-		}) })] });
-		$[8] = t3;
-		$[9] = t4;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
-	if ($[11] !== handleOpenChange || $[12] !== open || $[13] !== t5) {
-		t6 = /* @__PURE__ */ jsx(Dialog.Root, {
-			open,
-			onOpenChange: handleOpenChange,
-			modal: true,
+const DsConfirmation = (props) => {
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = /* @__PURE__ */ jsx(ds_modal_default, {
+			columns: 4,
 			closeOnEscape: true,
 			closeOnInteractOutside: true,
-			children: t5
-		});
-		$[11] = handleOpenChange;
-		$[12] = open;
-		$[13] = t5;
-		$[14] = t6;
-	} else t6 = $[14];
-	return t6;
-};
-const Header = (t0) => {
-	const $ = c(6);
-	const { style, className, children } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = classNames(ds_confirmation_module_default.header, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			style,
-			className: t1,
-			children
-		});
-		$[2] = children;
-		$[3] = style;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	return t2;
-};
-const Title = (t0) => {
-	const $ = c(8);
-	const { style, className, children } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = classNames(ds_confirmation_module_default.title, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children) {
-		t2 = /* @__PURE__ */ jsx(ds_typography_default, {
-			variant: "heading4",
-			children
-		});
-		$[2] = children;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== style || $[5] !== t1 || $[6] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Dialog.Title, {
-			className: t1,
-			style,
-			asChild: true,
-			children: t2
-		});
-		$[4] = style;
-		$[5] = t1;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	return t3;
-};
-const CloseTrigger = (t0) => {
-	const $ = c(4);
-	const { style, className } = t0;
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx(ds_icon_default, {
-			icon: "close",
-			size: "small"
-		});
-		$[0] = t1;
-	} else t1 = $[0];
-	let t2;
-	if ($[1] !== className || $[2] !== style) {
-		t2 = /* @__PURE__ */ jsx(Dialog.CloseTrigger, {
-			style,
-			className,
-			children: t1
-		});
-		$[1] = className;
-		$[2] = style;
-		$[3] = t2;
-	} else t2 = $[3];
-	return t2;
-};
-const Body = (t0) => {
-	const $ = c(6);
-	const { style, className, children } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = classNames(ds_confirmation_module_default.body, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			style,
-			className: t1,
-			children
-		});
-		$[2] = children;
-		$[3] = style;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	return t2;
-};
-const Footer = (t0) => {
-	const $ = c(6);
-	const { style, className, children } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = classNames(ds_confirmation_module_default.footer, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			style,
-			className: t1,
-			children
-		});
-		$[2] = children;
-		$[3] = style;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	return t2;
-};
-const Actions = (t0) => {
-	const $ = c(6);
-	const { style, className, children } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = classNames(ds_confirmation_module_default.actions, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			style,
-			className: t1,
-			children
+			...props
 		});
-		$[2] = children;
-		$[3] = style;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	return t2;
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 };
-DsConfirmation.Header = Header;
-DsConfirmation.Title = Title;
-DsConfirmation.CloseTrigger = CloseTrigger;
-DsConfirmation.Body = Body;
-DsConfirmation.Footer = Footer;
-DsConfirmation.Actions = Actions;
+DsConfirmation.Header = ds_modal_default.Header;
+DsConfirmation.Title = ds_modal_default.Title;
+DsConfirmation.CloseTrigger = ds_modal_default.CloseTrigger;
+DsConfirmation.Body = ds_modal_default.Body;
+DsConfirmation.Footer = ds_modal_default.Footer;
+DsConfirmation.Actions = ds_modal_default.Actions;
 
 //#endregion
 export { DsConfirmation };

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

@@ -1 +1 @@
-{"version":3,"file":"ds-confirmation.js","names":["CSSProperties","ReactNode","Dialog","Portal","classNames","DsIcon","DsConfirmationProps","styles","DsTypography","DsConfirmation","t0","$","_c","open","onOpenChange","style","className","children","t1","details","handleOpenChange","t2","Symbol","for","overlay","t3","modal","t4","content","t5","t6","Header","header","Title","title","CloseTrigger","Body","body","Footer","footer","Actions","actions"],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Dialog } from '@ark-ui/react/dialog';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport { DsIcon } from '../ds-icon';\nimport type { DsConfirmationProps } from './ds-confirmation.types';\nimport styles from './ds-confirmation.module.scss';\nimport DsTypography from '../ds-typography/ds-typography';\n\n/**\n * Composable confirmation modal dialog.\n */\nexport const DsConfirmation = ({ open, onOpenChange, style, className, children }: DsConfirmationProps) => {\n\tconst handleOpenChange = (details: { open: boolean }) => {\n\t\tonOpenChange(details.open);\n\t};\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={handleOpenChange}\n\t\t\tmodal={true}\n\t\t\tcloseOnEscape={true}\n\t\t\tcloseOnInteractOutside={true}\n\t\t>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop className={styles.overlay} />\n\t\t\t\t<Dialog.Positioner>\n\t\t\t\t\t<Dialog.Content className={classNames(styles.modal, className)}>\n\t\t\t\t\t\t<div style={style} className={styles.content}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Portal>\n\t\t</Dialog.Root>\n\t);\n};\n\nconst Header = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.header, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Title = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<Dialog.Title className={classNames(styles.title, className)} style={style} asChild>\n\t\t<DsTypography variant=\"heading4\">{children}</DsTypography>\n\t</Dialog.Title>\n);\n\nconst CloseTrigger = ({ style, className }: { style?: CSSProperties; className?: string }) => (\n\t<Dialog.CloseTrigger style={style} className={className}>\n\t\t<DsIcon icon=\"close\" size=\"small\"></DsIcon>\n\t</Dialog.CloseTrigger>\n);\n\nconst Body = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.body, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Footer = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.footer, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Actions = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.actions, className)}>\n\t\t{children}\n\t</div>\n);\n\nDsConfirmation.Header = Header;\nDsConfirmation.Title = Title;\nDsConfirmation.CloseTrigger = CloseTrigger;\nDsConfirmation.Body = Body;\nDsConfirmation.Footer = Footer;\nDsConfirmation.Actions = Actions;\n"],"mappings":"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"}
+{"version":3,"file":"ds-confirmation.js","names":["DsModal","DsConfirmationProps","DsConfirmation","props","$","_c","t0","Header","Title","CloseTrigger","Body","Footer","Actions"],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":["import DsModal from '../ds-modal/ds-modal';\nimport type { DsConfirmationProps } from './ds-confirmation.types';\n\n/**\n * @deprecated DsConfirmation is deprecated. Use DsModal instead.\n * @see {@link ../ds-modal} for the replacement component.\n */\nexport const DsConfirmation = (props: DsConfirmationProps) => (\n\t<DsModal columns={4} closeOnEscape closeOnInteractOutside {...props} />\n);\n\nDsConfirmation.Header = DsModal.Header;\nDsConfirmation.Title = DsModal.Title;\nDsConfirmation.CloseTrigger = DsModal.CloseTrigger;\nDsConfirmation.Body = DsModal.Body;\nDsConfirmation.Footer = DsModal.Footer;\nDsConfirmation.Actions = DsModal.Actions;\n"],"mappings":";;;;;;;;;AAOA,MAAaE,kBAAiBC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,OAAA;AAC7BG,OAAA,oBAAC;GAAiB,SAAA;GAAG,eAAA;GAAc,wBAAA;GAAsB,GAAKH;IAAS;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAAvEE;;AAGDJ,eAAeK,SAASP,iBAAQO;AAChCL,eAAeM,QAAQR,iBAAQQ;AAC/BN,eAAeO,eAAeT,iBAAQS;AACtCP,eAAeQ,OAAOV,iBAAQU;AAC9BR,eAAeS,SAASX,iBAAQW;AAChCT,eAAeU,UAAUZ,iBAAQY"}

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

@@ -3,7 +3,8 @@ import { CSSProperties, ReactNode } from "react";
 //#region src/components/ds-confirmation/ds-confirmation.types.d.ts
 
 /**
- * Props for the DsConfirmation component
+ * @deprecated DsConfirmationProps is deprecated. Use DsModal with variant="info" instead.
+ * @see {@link ../ds-modal/ds-modal} for the replacement.
  */
 interface DsConfirmationProps {
   /**

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

@@ -1 +1 @@
-{"version":3,"file":"ds-confirmation.types.d.cts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.types.tsx"],"sourcesContent":[],"mappings":";;;;;;AAKA;UAAiB,mBAAA;;;;;;;;;;;;;UAaR;;;;;;;;YAQE"}
+{"version":3,"file":"ds-confirmation.types.d.cts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.types.tsx"],"sourcesContent":[],"mappings":";;;;;;AAMA;;UAAiB,mBAAA;;;;;;;;;;;;;UAaR;;;;;;;;YAQE"}

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

@@ -3,7 +3,8 @@ import { CSSProperties, ReactNode } from "react";
 //#region src/components/ds-confirmation/ds-confirmation.types.d.ts
 
 /**
- * Props for the DsConfirmation component
+ * @deprecated DsConfirmationProps is deprecated. Use DsModal with variant="info" instead.
+ * @see {@link ../ds-modal/ds-modal} for the replacement.
  */
 interface DsConfirmationProps {
   /**

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

@@ -1 +1 @@
-{"version":3,"file":"ds-confirmation.types.d.ts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.types.tsx"],"sourcesContent":[],"mappings":";;;;;;AAKA;UAAiB,mBAAA;;;;;;;;;;;;;UAaR;;;;;;;;YAQE"}
+{"version":3,"file":"ds-confirmation.types.d.ts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.types.tsx"],"sourcesContent":[],"mappings":";;;;;;AAMA;;UAAiB,mBAAA;;;;;;;;;;;;;UAaR;;;;;;;;YAQE"}

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

@@ -9,8 +9,8 @@ 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 react = require("react");
 let __ark_ui_react_date_picker = require("@ark-ui/react/date-picker");
 
 //#region src/components/ds-date-input/ds-date-input.tsx

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_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime4.JSX.Element;
+}: DsDateInputProps) => react_jsx_runtime12.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,kBAAA,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,mBAAA,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_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime60 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_runtime48.JSX.Element;
+}: DsDateInputProps) => react_jsx_runtime60.JSX.Element;
 //#endregion
 export { DsDateInput };
 //# sourceMappingURL=ds-date-input.d.ts.map

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

@@ -7,8 +7,8 @@ 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 as Fragment$1, useRef, useState } from "react";
 import { Portal } from "@ark-ui/react/portal";
+import { Fragment as Fragment$1, useRef, useState } from "react";
 import { DatePicker } from "@ark-ui/react/date-picker";
 
 //#region src/components/ds-date-input/ds-date-input.tsx

package/dist/components/ds-date-input/ds-date-input.module.cjs

@@ -1,28 +1,28 @@
 
 //#region src/components/ds-date-input/ds-date-input.module.scss
 var ds_date_input_module_default = {
-	"dateInputControl": "_dateInputControl_rkhb0_1",
-	"input": "_input_rkhb0_1",
-	"iconButton": "_iconButton_rkhb0_1",
-	"disabled": "_disabled_rkhb0_1",
-	"dateInputButton": "_dateInputButton_rkhb0_1",
-	"readOnly": "_readOnly_rkhb0_1",
-	"positioner": "_positioner_rkhb0_1",
-	"content": "_content_rkhb0_1",
-	"expand": "_expand_rkhb0_1",
-	"collapse": "_collapse_rkhb0_1",
-	"viewControl": "_viewControl_rkhb0_1",
-	"viewTrigger": "_viewTrigger_rkhb0_1",
-	"prevTrigger": "_prevTrigger_rkhb0_1",
-	"nextTrigger": "_nextTrigger_rkhb0_1",
-	"calendarView": "_calendarView_rkhb0_1",
-	"table": "_table_rkhb0_1",
-	"tableBody": "_tableBody_rkhb0_1",
-	"tableRow": "_tableRow_rkhb0_1",
-	"tableCellTrigger": "_tableCellTrigger_rkhb0_1",
-	"tableCellTriggerValue": "_tableCellTriggerValue_rkhb0_1",
-	"tableHead": "_tableHead_rkhb0_1",
-	"tableHeader": "_tableHeader_rkhb0_1"
+	"dateInputControl": "_dateInputControl_1abgc_1",
+	"input": "_input_1abgc_1",
+	"iconButton": "_iconButton_1abgc_1",
+	"disabled": "_disabled_1abgc_1",
+	"dateInputButton": "_dateInputButton_1abgc_1",
+	"readOnly": "_readOnly_1abgc_1",
+	"positioner": "_positioner_1abgc_1",
+	"content": "_content_1abgc_1",
+	"expand": "_expand_1abgc_1",
+	"collapse": "_collapse_1abgc_1",
+	"viewControl": "_viewControl_1abgc_1",
+	"viewTrigger": "_viewTrigger_1abgc_1",
+	"prevTrigger": "_prevTrigger_1abgc_1",
+	"nextTrigger": "_nextTrigger_1abgc_1",
+	"calendarView": "_calendarView_1abgc_1",
+	"table": "_table_1abgc_1",
+	"tableBody": "_tableBody_1abgc_1",
+	"tableRow": "_tableRow_1abgc_1",
+	"tableCellTrigger": "_tableCellTrigger_1abgc_1",
+	"tableCellTriggerValue": "_tableCellTriggerValue_1abgc_1",
+	"tableHead": "_tableHead_1abgc_1",
+	"tableHeader": "_tableHeader_1abgc_1"
 };
 
 //#endregion

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

@@ -1,27 +1,27 @@
 //#region src/components/ds-date-input/ds-date-input.module.scss
 var ds_date_input_module_default = {
-	"dateInputControl": "_dateInputControl_rkhb0_1",
-	"input": "_input_rkhb0_1",
-	"iconButton": "_iconButton_rkhb0_1",
-	"disabled": "_disabled_rkhb0_1",
-	"dateInputButton": "_dateInputButton_rkhb0_1",
-	"readOnly": "_readOnly_rkhb0_1",
-	"positioner": "_positioner_rkhb0_1",
-	"content": "_content_rkhb0_1",
-	"expand": "_expand_rkhb0_1",
-	"collapse": "_collapse_rkhb0_1",
-	"viewControl": "_viewControl_rkhb0_1",
-	"viewTrigger": "_viewTrigger_rkhb0_1",
-	"prevTrigger": "_prevTrigger_rkhb0_1",
-	"nextTrigger": "_nextTrigger_rkhb0_1",
-	"calendarView": "_calendarView_rkhb0_1",
-	"table": "_table_rkhb0_1",
-	"tableBody": "_tableBody_rkhb0_1",
-	"tableRow": "_tableRow_rkhb0_1",
-	"tableCellTrigger": "_tableCellTrigger_rkhb0_1",
-	"tableCellTriggerValue": "_tableCellTriggerValue_rkhb0_1",
-	"tableHead": "_tableHead_rkhb0_1",
-	"tableHeader": "_tableHeader_rkhb0_1"
+	"dateInputControl": "_dateInputControl_1abgc_1",
+	"input": "_input_1abgc_1",
+	"iconButton": "_iconButton_1abgc_1",
+	"disabled": "_disabled_1abgc_1",
+	"dateInputButton": "_dateInputButton_1abgc_1",
+	"readOnly": "_readOnly_1abgc_1",
+	"positioner": "_positioner_1abgc_1",
+	"content": "_content_1abgc_1",
+	"expand": "_expand_1abgc_1",
+	"collapse": "_collapse_1abgc_1",
+	"viewControl": "_viewControl_1abgc_1",
+	"viewTrigger": "_viewTrigger_1abgc_1",
+	"prevTrigger": "_prevTrigger_1abgc_1",
+	"nextTrigger": "_nextTrigger_1abgc_1",
+	"calendarView": "_calendarView_1abgc_1",
+	"table": "_table_1abgc_1",
+	"tableBody": "_tableBody_1abgc_1",
+	"tableRow": "_tableRow_1abgc_1",
+	"tableCellTrigger": "_tableCellTrigger_1abgc_1",
+	"tableCellTriggerValue": "_tableCellTriggerValue_1abgc_1",
+	"tableHead": "_tableHead_1abgc_1",
+	"tableHeader": "_tableHeader_1abgc_1"
 };
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ds-date-input.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-date-input/ds-date-input.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_input.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_dropdown.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/mixins/_bounding-box.scss"],"sourcesContent":["@use '../../styles/shared/input';\n@use '../../styles/shared/dropdown';\n\n.dateInputControl {\n\t@include input.base-input-container;\n\t@include input.input-container-states;\n\tmax-height: input.$input-text-height-default;\n\tjustify-content: space-between;\n\tpadding: var(--spacing-xs) var(--spacing-sm);\n\tgap: var(--spacing-3xs);\n\n\tborder-color: var(--form-control-border-color, var(--color-border));\n\n\t&:hover:not(.disabled) {\n\t\tborder-color: var(--form-control-border-color, var(--color-border-hover));\n\t}\n\n\t&:focus-within {\n\t\tborder-color: var(--form-control-border-color, var(--color-border-action));\n\t}\n\n\t&.disabled {\n\t\tcolor: var(--color-background-deselected);\n\t\tbackground: var(--color-background-secondary);\n\t\tborder-color: var(--color-border-disabled);\n\t\tcursor: not-allowed;\n\n\t\t.input {\n\t\t\tcolor: var(--color-font-disabled);\n\t\t}\n\n\t\t.dateInputButton {\n\t\t\tcolor: var(--color-background-disable);\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t&.readOnly {\n\t\tbackground: var(--color-background-secondary);\n\t\tcursor: default;\n\t}\n}\n\n.input {\n\t@include input.base-input;\n\tmin-width: 0;\n\tflex: 1;\n\tpadding: 0;\n}\n\n.dateInputButton {\n\t@include input.icon-button;\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\n\tpadding: 0;\n\ttransition: color 0.2s ease;\n\n\t&:hover:not(:disabled) {\n\t\tcolor: var(--color-background-action-hover);\n\t}\n\n\t&:disabled {\n\t\tcolor: var(--color-background-disable);\n\t\tcursor: not-allowed;\n\t}\n}\n\n.positioner {\n\t@include dropdown.dropdown-viewport;\n}\n\n.content {\n\t@include dropdown.dropdown-content;\n\tpadding: var(--spacing-standard);\n}\n\n.viewControl {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tmargin-bottom: var(--spacing-xs);\n}\n\n.viewTrigger {\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: transparent;\n\tborder: none;\n\tcursor: pointer;\n\tpadding: var(--spacing-2xs) var(--spacing-xs);\n\tborder-radius: var(--spacing-2xs);\n\tcolor: var(--color-font-main);\n\ttransition: background-color 0.2s;\n\n\t&:hover {\n\t\tbackground: var(--color-background-hover);\n\t}\n}\n\n.prevTrigger,\n.nextTrigger {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: transparent;\n\tborder: none;\n\tcursor: pointer;\n\tpadding: var(--spacing-2xs);\n\tborder-radius: var(--spacing-2xs);\n\tcolor: var(--color-font-secondary);\n\ttransition: all 0.2s;\n\n\t&:hover {\n\t\tbackground: var(--color-background-hover);\n\t\tcolor: var(--color-font-main);\n\t}\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n.calendarView {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--spacing-xs);\n}\n\n.table {\n\twidth: 100%;\n\tborder-collapse: collapse;\n\n\t.tableBody .tableRow .tableCellTrigger:focus-visible {\n\t\t.tableCellTriggerValue {\n\t\t\toutline: 2px solid var(--color-background-action-hover);\n\t\t\tborder-radius: var(--spacing-2xs);\n\t\t\tborder-width: 0;\n\t\t}\n\t}\n}\n\n.tableHead {\n\tborder-bottom: 1px solid var(--color-border);\n}\n\n.tableHeader {\n\ttext-align: center;\n\tpadding: var(--spacing-2xs);\n\tcolor: var(--color-font-secondary);\n\tfont-weight: var(--font-weight-medium);\n}\n\n.tableRow {\n\t&:first-child {\n\t\t.tableCellTrigger {\n\t\t\tmargin-top: var(--spacing-xs);\n\t\t}\n\t}\n}\n\n.tableCellTrigger {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\tuser-select: none;\n\t-webkit-tap-highlight-color: transparent;\n\toutline: none;\n\n\t.tableCellTriggerValue {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: var(--spacing-xl);\n\t\theight: var(--spacing-xl);\n\t\tmargin: var(--spacing-3xs);\n\t\tcolor: var(--color-font-main);\n\t\tborder-radius: var(--spacing-xs);\n\t}\n\n\t&:hover:not([data-disabled], [data-selected], [data-in-range], [data-in-hover-range])\n\t\t.tableCellTriggerValue {\n\t\toutline: 1px solid var(--color-border);\n\t\tbackground: var(--color-background-action-hover-weak);\n\t}\n\n\t&[data-outside-range] .tableCellTriggerValue {\n\t\tcolor: var(--color-font-disabled);\n\t}\n\n\t&[data-selected] .tableCellTriggerValue {\n\t\tbackground: var(--color-background-selected);\n\t\tcolor: var(--color-font-on-action);\n\t}\n\n\t&[data-in-range]:not([data-selected]) {\n\t\tposition: relative;\n\n\t\t.tableCellTriggerValue {\n\t\t\tbackground: var(--color-background-action-secondary-hover);\n\t\t}\n\t}\n\n\t&[data-today]:not([data-selected], [data-in-range]):hover .tableCellTriggerValue {\n\t\tborder-radius: var(--spacing-xs);\n\t}\n\n\t&[data-today]:not([data-selected]) .tableCellTriggerValue {\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\twidth: 75%;\n\t\t\tbottom: 4px;\n\t\t\tborder-bottom: 1px solid var(--color-background-brand);\n\t\t}\n\t}\n\n\t&[data-today][data-selected] .tableCellTriggerValue {\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\twidth: 75%;\n\t\t\tbottom: 4px;\n\t\t\tborder-bottom: 1px solid var(--color-background);\n\t\t}\n\t}\n\n\t&[data-disabled] .tableCellTriggerValue {\n\t\tcolor: var(--color-font-disabled);\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n\n\t&[data-unavailable] .tableCellTriggerValue {\n\t\ttext-decoration: line-through;\n\t\topacity: 0.4;\n\t}\n}\n"],"mappings":""}
+{"version":3,"file":"ds-date-input.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-date-input/ds-date-input.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_input.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_dropdown.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/mixins/_bounding-box.scss"],"sourcesContent":["@use '../../styles/shared/input';\n@use '../../styles/shared/dropdown';\n\n.dateInputControl {\n\t@include input.base-input-container;\n\t@include input.input-container-states;\n\tmax-height: input.$input-text-height-default;\n\tjustify-content: space-between;\n\tpadding: var(--spacing-xs) var(--spacing-sm);\n\tgap: var(--spacing-3xs);\n\n\tborder-color: var(--form-control-border-color, var(--color-border));\n\n\t&:hover:not(.disabled) {\n\t\tborder-color: var(--form-control-border-color, var(--color-border-hover));\n\t}\n\n\t&:focus-within {\n\t\tborder-color: var(--form-control-border-color, var(--color-border-action));\n\t}\n\n\t&.disabled {\n\t\tcolor: var(--color-background-deselected);\n\t\tbackground: var(--color-background-secondary);\n\t\tborder-color: var(--color-border-disabled);\n\t\tcursor: not-allowed;\n\n\t\t.input {\n\t\t\tcolor: var(--color-font-disabled);\n\t\t}\n\n\t\t.dateInputButton {\n\t\t\tcolor: var(--color-background-disable);\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t&.readOnly {\n\t\tbackground: var(--color-background-secondary);\n\t\tcursor: default;\n\t}\n}\n\n.input {\n\t@include input.base-input;\n\tmin-width: 0;\n\tflex: 1;\n\tpadding: 0;\n}\n\n.dateInputButton {\n\t@include input.icon-button;\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\n\tpadding: 0;\n\ttransition: color 0.2s ease;\n\n\t&:hover:not(:disabled) {\n\t\tcolor: var(--color-background-action-hover);\n\t}\n\n\t&:disabled {\n\t\tcolor: var(--color-background-disable);\n\t\tcursor: not-allowed;\n\t}\n}\n\n.positioner {\n\t@include dropdown.dropdown-viewport;\n}\n\n.content {\n\t@include dropdown.dropdown-content;\n\tpadding: var(--spacing-standard);\n\tmin-width: fit-content;\n}\n\n.viewControl {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tmargin-bottom: var(--spacing-xs);\n}\n\n.viewTrigger {\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: transparent;\n\tborder: none;\n\tcursor: pointer;\n\tpadding: var(--spacing-2xs) var(--spacing-xs);\n\tborder-radius: var(--spacing-2xs);\n\tcolor: var(--color-font-main);\n\ttransition: background-color 0.2s;\n\n\t&:hover {\n\t\tbackground: var(--color-background-hover);\n\t}\n}\n\n.prevTrigger,\n.nextTrigger {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: transparent;\n\tborder: none;\n\tcursor: pointer;\n\tpadding: var(--spacing-2xs);\n\tborder-radius: var(--spacing-2xs);\n\tcolor: var(--color-font-secondary);\n\ttransition: all 0.2s;\n\n\t&:hover {\n\t\tbackground: var(--color-background-hover);\n\t\tcolor: var(--color-font-main);\n\t}\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n.calendarView {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--spacing-xs);\n}\n\n.table {\n\twidth: 100%;\n\tborder-collapse: collapse;\n\n\t.tableBody .tableRow .tableCellTrigger:focus-visible {\n\t\t.tableCellTriggerValue {\n\t\t\toutline: 2px solid var(--color-background-action-hover);\n\t\t\tborder-radius: var(--spacing-2xs);\n\t\t\tborder-width: 0;\n\t\t}\n\t}\n}\n\n.tableHead {\n\tborder-bottom: 1px solid var(--color-border);\n}\n\n.tableHeader {\n\ttext-align: center;\n\tpadding: var(--spacing-2xs);\n\tcolor: var(--color-font-secondary);\n\tfont-weight: var(--font-weight-medium);\n}\n\n.tableRow {\n\t&:first-child {\n\t\t.tableCellTrigger {\n\t\t\tmargin-top: var(--spacing-xs);\n\t\t}\n\t}\n}\n\n.tableCellTrigger {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\tuser-select: none;\n\t-webkit-tap-highlight-color: transparent;\n\toutline: none;\n\n\t.tableCellTriggerValue {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: var(--spacing-xl);\n\t\theight: var(--spacing-xl);\n\t\tmargin: var(--spacing-3xs);\n\t\tcolor: var(--color-font-main);\n\t\tborder-radius: var(--spacing-xs);\n\t}\n\n\t&:hover:not([data-disabled], [data-selected], [data-in-range], [data-in-hover-range])\n\t\t.tableCellTriggerValue {\n\t\toutline: 1px solid var(--color-border);\n\t\tbackground: var(--color-background-action-hover-weak);\n\t}\n\n\t&[data-outside-range] .tableCellTriggerValue {\n\t\tcolor: var(--color-font-disabled);\n\t}\n\n\t&[data-selected] .tableCellTriggerValue {\n\t\tbackground: var(--color-background-selected);\n\t\tcolor: var(--color-font-on-action);\n\t}\n\n\t&[data-in-range]:not([data-selected]) {\n\t\tposition: relative;\n\n\t\t.tableCellTriggerValue {\n\t\t\tbackground: var(--color-background-action-secondary-hover);\n\t\t}\n\t}\n\n\t&[data-today]:not([data-selected], [data-in-range]):hover .tableCellTriggerValue {\n\t\tborder-radius: var(--spacing-xs);\n\t}\n\n\t&[data-today]:not([data-selected]) .tableCellTriggerValue {\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\twidth: 75%;\n\t\t\tbottom: 4px;\n\t\t\tborder-bottom: 1px solid var(--color-background-brand);\n\t\t}\n\t}\n\n\t&[data-today][data-selected] .tableCellTriggerValue {\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\twidth: 75%;\n\t\t\tbottom: 4px;\n\t\t\tborder-bottom: 1px solid var(--color-background);\n\t\t}\n\t}\n\n\t&[data-disabled] .tableCellTriggerValue {\n\t\tcolor: var(--color-font-disabled);\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n\n\t&[data-unavailable] .tableCellTriggerValue {\n\t\ttext-decoration: line-through;\n\t\topacity: 0.4;\n\t}\n}\n"],"mappings":""}

package/dist/components/ds-date-input/ds-date-input.utils.cjs

@@ -24,7 +24,8 @@ const stringToDateValue = (dates) => {
 */
 const dateValuesToStrings = (dates, range) => {
 	const values = dates.map((date) => date.toString());
-	return range ? [values[0], values[1]] : values[0];
+	if (range) return [values[0] ?? "", values[1] ?? ""];
+	return values[0] ?? "";
 };
 /**
 * Format a DateValue to string (MM/DD/YYYY)
@@ -40,7 +41,7 @@ const formatDateValue = (date) => {
 const formatDateInputValue = (value, range) => {
 	if (value.length === 0) return "";
 	const newValue = value.map(formatDateValue);
-	return range ? newValue.join(" - ") : newValue[0];
+	return range ? newValue.join(" - ") : newValue[0] ?? "";
 };
 /**
 * Parse a date string (MM/DD/YYYY) to DateValue
@@ -50,6 +51,7 @@ const parseDateString = (dateStr) => {
 	const match = dateStr.trim().match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
 	if (!match) return null;
 	const [, month, day, year] = match;
+	if (!month || !day || !year) return null;
 	const monthNum = parseInt(month, 10);
 	const dayNum = parseInt(day, 10);
 	const yearNum = parseInt(year, 10);
@@ -81,6 +83,11 @@ const parseRangeInput = (text) => {
 		isValid: false
 	};
 	const [startStr, endStr] = parts;
+	if (!startStr || !endStr) return {
+		start: null,
+		end: null,
+		isValid: false
+	};
 	const startDate = parseDateString(startStr);
 	const endDate = parseDateString(endStr);
 	if (!startDate || !endDate) return {

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

@@ -23,7 +23,8 @@ const stringToDateValue = (dates) => {
 */
 const dateValuesToStrings = (dates, range) => {
 	const values = dates.map((date) => date.toString());
-	return range ? [values[0], values[1]] : values[0];
+	if (range) return [values[0] ?? "", values[1] ?? ""];
+	return values[0] ?? "";
 };
 /**
 * Format a DateValue to string (MM/DD/YYYY)
@@ -39,7 +40,7 @@ const formatDateValue = (date) => {
 const formatDateInputValue = (value, range) => {
 	if (value.length === 0) return "";
 	const newValue = value.map(formatDateValue);
-	return range ? newValue.join(" - ") : newValue[0];
+	return range ? newValue.join(" - ") : newValue[0] ?? "";
 };
 /**
 * Parse a date string (MM/DD/YYYY) to DateValue
@@ -49,6 +50,7 @@ const parseDateString = (dateStr) => {
 	const match = dateStr.trim().match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
 	if (!match) return null;
 	const [, month, day, year] = match;
+	if (!month || !day || !year) return null;
 	const monthNum = parseInt(month, 10);
 	const dayNum = parseInt(day, 10);
 	const yearNum = parseInt(year, 10);
@@ -80,6 +82,11 @@ const parseRangeInput = (text) => {
 		isValid: false
 	};
 	const [startStr, endStr] = parts;
+	if (!startStr || !endStr) return {
+		start: null,
+		end: null,
+		isValid: false
+	};
 	const startDate = parseDateString(startStr);
 	const endDate = parseDateString(endStr);
 	if (!startDate || !endDate) return {