@drivenets/design-system 0.2.0 → 0.3.0

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

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

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

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

package/dist/components/ds-date-input/ds-date-input.d.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_runtime59 from "react/jsx-runtime";
 
 //#region src/components/ds-date-input/ds-date-input.d.ts
 
@@ -25,7 +25,7 @@ declare const DsDateInput: ({
   readOnly,
   id,
   ...datePickerProps
-}: DsDateInputProps) => react_jsx_runtime48.JSX.Element;
+}: DsDateInputProps) => react_jsx_runtime59.JSX.Element;
 //#endregion
 export { DsDateInput };
 //# sourceMappingURL=ds-date-input.d.ts.map

package/dist/components/ds-date-input/ds-date-input.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 {

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

@@ -1 +1 @@
-{"version":3,"file":"ds-date-input.utils.js","names":["DateValue","CalendarDate","parseDate","DateInputValidation","isValid","error","ParsedDateRange","start","end","isoStringToDateValue","isoDate","undefined","stringToDateValue","dates","dateArray","Array","isArray","map","filter","d","dateValuesToStrings","range","values","date","toString","formatDateValue","paddedMonth","String","month","padStart","paddedDay","day","year","formatDateInputValue","value","length","newValue","join","parseDateString","dateStr","trim","match","monthNum","parseInt","dayNum","yearNum","Date","getFullYear","getMonth","getDate","parseRangeInput","text","includes","parts","split","p","startStr","endStr","startDate","endDate","parseInputText","parsed","validateDateString","min","max","compare"],"sources":["../../../src/components/ds-date-input/ds-date-input.utils.ts"],"sourcesContent":["import { type DateValue } from '@ark-ui/react/date-picker';\nimport { CalendarDate, parseDate } from '@internationalized/date';\n\n/**\n * Validation result for date input\n */\ninterface DateInputValidation {\n\tisValid: boolean;\n\terror?: string;\n}\n\n/**\n * Parsed date range result\n */\ninterface ParsedDateRange {\n\tstart: string | null;\n\tend: string | null;\n\tisValid: boolean;\n}\n\n/**\n * Convert ISO date string to DateValue\n */\nexport const isoStringToDateValue = (isoDate: string): DateValue | undefined => {\n\ttry {\n\t\treturn parseDate(isoDate) as unknown as DateValue;\n\t} catch {\n\t\treturn undefined;\n\t}\n};\n\n/**\n * Convert string or tuple to DateValue array (for internal use with Ark UI)\n */\nexport const stringToDateValue = (dates: string | [string, string]): DateValue[] => {\n\tconst dateArray = Array.isArray(dates) ? dates : [dates];\n\n\treturn dateArray.map(isoStringToDateValue).filter((d) => !!d);\n};\n\n/**\n * Convert DateValue array to string or tuple (for public API)\n */\nexport const dateValuesToStrings = (dates: DateValue[], range: boolean): string | [string, string] => {\n\tconst values = dates.map((date) => date.toString());\n\n\treturn range ? [values[0], values[1]] : values[0];\n};\n\n/**\n * Format a DateValue to string (MM/DD/YYYY)\n */\nconst formatDateValue = (date: DateValue): string => {\n\tconst paddedMonth = String(date.month).padStart(2, '0');\n\tconst paddedDay = String(date.day).padStart(2, '0');\n\n\treturn `${paddedMonth}/${paddedDay}/${String(date.year)}`;\n};\n\n/**\n * Format an array of DateValues to a unified string\n * Single: \"12/25/2024\"\n * Range: \"12/01/2024 - 12/31/2024\"\n */\nexport const formatDateInputValue = (value: DateValue[], range: boolean): string => {\n\tif (value.length === 0) {\n\t\treturn '';\n\t}\n\tconst newValue = value.map(formatDateValue);\n\n\treturn range ? newValue.join(' - ') : newValue[0];\n};\n\n/**\n * Parse a date string (MM/DD/YYYY) to DateValue\n */\nconst parseDateString = (dateStr: string): DateValue | null => {\n\tif (!dateStr || !dateStr.trim()) {\n\t\treturn null;\n\t}\n\n\t// Try MM/DD/YYYY format\n\tconst match = dateStr.trim().match(/^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/);\n\tif (!match) {\n\t\treturn null;\n\t}\n\n\tconst [, month, day, year] = match;\n\tconst monthNum = parseInt(month, 10);\n\tconst dayNum = parseInt(day, 10);\n\tconst yearNum = parseInt(year, 10);\n\n\t// Use native Date for proper validation (handles leap years, month lengths, etc.)\n\t// Note: Date months are 0-indexed, so subtract 1\n\tconst date = new Date(yearNum, monthNum - 1, dayNum);\n\n\t// Check if the date is valid and matches what we parsed\n\t// (e.g., 02/31/2024 would roll over to 03/02/2024, so we detect that)\n\tif (date.getFullYear() !== yearNum || date.getMonth() !== monthNum - 1 || date.getDate() !== dayNum) {\n\t\treturn null;\n\t}\n\n\treturn new CalendarDate(yearNum, monthNum, dayNum) as unknown as DateValue;\n};\n\n/**\n * Parse a range input string (MM/DD/YYYY - MM/DD/YYYY)\n */\nconst parseRangeInput = (text: string): ParsedDateRange => {\n\tif (!text.trim()) {\n\t\treturn { start: null, end: null, isValid: true }; // Empty is valid\n\t}\n\n\t// Check if it contains a dash separator\n\tif (!text.includes('-')) {\n\t\t// Single date format, treat as incomplete range\n\t\tconst date = parseDateString(text.trim());\n\t\treturn {\n\t\t\tstart: date ? formatDateValue(date) : null,\n\t\t\tend: null,\n\t\t\tisValid: false, // Incomplete range\n\t\t};\n\t}\n\n\t// Split by dash\n\tconst parts = text.split('-').map((p) => p.trim());\n\tif (parts.length !== 2) {\n\t\treturn { start: null, end: null, isValid: false };\n\t}\n\n\tconst [startStr, endStr] = parts;\n\tconst startDate = parseDateString(startStr);\n\tconst endDate = parseDateString(endStr);\n\n\t// Both must be valid dates\n\tif (!startDate || !endDate) {\n\t\treturn {\n\t\t\tstart: startDate ? formatDateValue(startDate) : null,\n\t\t\tend: endDate ? formatDateValue(endDate) : null,\n\t\t\tisValid: false,\n\t\t};\n\t}\n\n\treturn {\n\t\tstart: formatDateValue(startDate),\n\t\tend: formatDateValue(endDate),\n\t\tisValid: true,\n\t};\n};\n\n/**\n * Parse input text based on range flag\n */\nexport const parseInputText = (text: string, range: boolean): DateValue[] => {\n\tif (!range) {\n\t\tconst date = parseDateString(text);\n\t\treturn date ? [date] : [];\n\t}\n\n\t// Range mode\n\tconst parsed = parseRangeInput(text);\n\tif (!parsed.isValid || !parsed.start || !parsed.end) {\n\t\treturn [];\n\t}\n\n\tconst startDate = parseDateString(parsed.start);\n\tconst endDate = parseDateString(parsed.end);\n\n\tif (!startDate || !endDate) {\n\t\treturn [];\n\t}\n\n\treturn [startDate, endDate];\n};\n\n/**\n * Validate date input\n */\nexport const validateDateString = ({\n\ttext,\n\trange,\n\tmin,\n\tmax,\n}: {\n\ttext: string;\n\trange: boolean;\n\tmin?: DateValue;\n\tmax?: DateValue;\n}): DateInputValidation => {\n\tif (!text.trim()) {\n\t\treturn { isValid: true }; // Empty is valid (let required validation handle it)\n\t}\n\n\tif (!range) {\n\t\tconst date = parseDateString(text);\n\t\tif (!date) {\n\t\t\treturn { isValid: false, error: 'Invalid date format. Use MM/DD/YYYY' };\n\t\t}\n\n\t\t// Check min/max\n\t\tif (min && date.compare(min) < 0) {\n\t\t\treturn { isValid: false, error: 'Date is before minimum allowed date' };\n\t\t}\n\t\tif (max && date.compare(max) > 0) {\n\t\t\treturn { isValid: false, error: 'Date is after maximum allowed date' };\n\t\t}\n\n\t\treturn { isValid: true };\n\t}\n\n\t// Range mode validation\n\tconst parsed = parseRangeInput(text);\n\tif (!parsed.isValid) {\n\t\treturn { isValid: false, error: 'Invalid date range format. Use MM/DD/YYYY - MM/DD/YYYY' };\n\t}\n\n\tif (!parsed.start || !parsed.end) {\n\t\treturn { isValid: false, error: 'Both start and end dates are required' };\n\t}\n\n\tconst startDate = parseDateString(parsed.start);\n\tconst endDate = parseDateString(parsed.end);\n\n\tif (!startDate || !endDate) {\n\t\treturn { isValid: false, error: 'Invalid date format. Use MM/DD/YYYY' };\n\t}\n\n\t// Validate start <= end\n\tif (startDate.compare(endDate) > 0) {\n\t\treturn { isValid: false, error: 'Start date must be before or equal to end date' };\n\t}\n\n\t// Check min/max\n\tif (min && startDate.compare(min) < 0) {\n\t\treturn { isValid: false, error: 'Start date is before minimum allowed date' };\n\t}\n\tif (max && endDate.compare(max) > 0) {\n\t\treturn { isValid: false, error: 'End date is after maximum allowed date' };\n\t}\n\n\treturn { isValid: true };\n};\n"],"mappings":"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"}
+{"version":3,"file":"ds-date-input.utils.js","names":["DateValue","CalendarDate","parseDate","DateInputValidation","isValid","error","ParsedDateRange","start","end","isoStringToDateValue","isoDate","undefined","stringToDateValue","dates","dateArray","Array","isArray","map","filter","d","dateValuesToStrings","range","values","date","toString","formatDateValue","paddedMonth","String","month","padStart","paddedDay","day","year","formatDateInputValue","value","length","newValue","join","parseDateString","dateStr","trim","match","monthNum","parseInt","dayNum","yearNum","Date","getFullYear","getMonth","getDate","parseRangeInput","text","includes","parts","split","p","startStr","endStr","startDate","endDate","parseInputText","parsed","validateDateString","min","max","compare"],"sources":["../../../src/components/ds-date-input/ds-date-input.utils.ts"],"sourcesContent":["import { type DateValue } from '@ark-ui/react/date-picker';\nimport { CalendarDate, parseDate } from '@internationalized/date';\n\n/**\n * Validation result for date input\n */\ninterface DateInputValidation {\n\tisValid: boolean;\n\terror?: string;\n}\n\n/**\n * Parsed date range result\n */\ninterface ParsedDateRange {\n\tstart: string | null;\n\tend: string | null;\n\tisValid: boolean;\n}\n\n/**\n * Convert ISO date string to DateValue\n */\nexport const isoStringToDateValue = (isoDate: string): DateValue | undefined => {\n\ttry {\n\t\treturn parseDate(isoDate) as unknown as DateValue;\n\t} catch {\n\t\treturn undefined;\n\t}\n};\n\n/**\n * Convert string or tuple to DateValue array (for internal use with Ark UI)\n */\nexport const stringToDateValue = (dates: string | [string, string]): DateValue[] => {\n\tconst dateArray = Array.isArray(dates) ? dates : [dates];\n\n\treturn dateArray.map(isoStringToDateValue).filter((d) => !!d);\n};\n\n/**\n * Convert DateValue array to string or tuple (for public API)\n */\nexport const dateValuesToStrings = (dates: DateValue[], range: boolean): string | [string, string] => {\n\tconst values = dates.map((date) => date.toString());\n\n\tif (range) {\n\t\treturn [values[0] ?? '', values[1] ?? ''];\n\t}\n\n\treturn values[0] ?? '';\n};\n\n/**\n * Format a DateValue to string (MM/DD/YYYY)\n */\nconst formatDateValue = (date: DateValue): string => {\n\tconst paddedMonth = String(date.month).padStart(2, '0');\n\tconst paddedDay = String(date.day).padStart(2, '0');\n\n\treturn `${paddedMonth}/${paddedDay}/${String(date.year)}`;\n};\n\n/**\n * Format an array of DateValues to a unified string\n * Single: \"12/25/2024\"\n * Range: \"12/01/2024 - 12/31/2024\"\n */\nexport const formatDateInputValue = (value: DateValue[], range: boolean): string => {\n\tif (value.length === 0) {\n\t\treturn '';\n\t}\n\tconst newValue = value.map(formatDateValue);\n\n\treturn range ? newValue.join(' - ') : (newValue[0] ?? '');\n};\n\n/**\n * Parse a date string (MM/DD/YYYY) to DateValue\n */\nconst parseDateString = (dateStr: string): DateValue | null => {\n\tif (!dateStr || !dateStr.trim()) {\n\t\treturn null;\n\t}\n\n\t// Try MM/DD/YYYY format\n\tconst match = dateStr.trim().match(/^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/);\n\tif (!match) {\n\t\treturn null;\n\t}\n\n\tconst [, month, day, year] = match;\n\n\tif (!month || !day || !year) {\n\t\treturn null;\n\t}\n\n\tconst monthNum = parseInt(month, 10);\n\tconst dayNum = parseInt(day, 10);\n\tconst yearNum = parseInt(year, 10);\n\n\t// Use native Date for proper validation (handles leap years, month lengths, etc.)\n\t// Note: Date months are 0-indexed, so subtract 1\n\tconst date = new Date(yearNum, monthNum - 1, dayNum);\n\n\t// Check if the date is valid and matches what we parsed\n\t// (e.g., 02/31/2024 would roll over to 03/02/2024, so we detect that)\n\tif (date.getFullYear() !== yearNum || date.getMonth() !== monthNum - 1 || date.getDate() !== dayNum) {\n\t\treturn null;\n\t}\n\n\treturn new CalendarDate(yearNum, monthNum, dayNum) as unknown as DateValue;\n};\n\n/**\n * Parse a range input string (MM/DD/YYYY - MM/DD/YYYY)\n */\nconst parseRangeInput = (text: string): ParsedDateRange => {\n\tif (!text.trim()) {\n\t\treturn { start: null, end: null, isValid: true }; // Empty is valid\n\t}\n\n\t// Check if it contains a dash separator\n\tif (!text.includes('-')) {\n\t\t// Single date format, treat as incomplete range\n\t\tconst date = parseDateString(text.trim());\n\t\treturn {\n\t\t\tstart: date ? formatDateValue(date) : null,\n\t\t\tend: null,\n\t\t\tisValid: false, // Incomplete range\n\t\t};\n\t}\n\n\t// Split by dash\n\tconst parts = text.split('-').map((p) => p.trim());\n\tif (parts.length !== 2) {\n\t\treturn { start: null, end: null, isValid: false };\n\t}\n\n\tconst [startStr, endStr] = parts;\n\n\tif (!startStr || !endStr) {\n\t\treturn { start: null, end: null, isValid: false };\n\t}\n\n\tconst startDate = parseDateString(startStr);\n\tconst endDate = parseDateString(endStr);\n\n\t// Both must be valid dates\n\tif (!startDate || !endDate) {\n\t\treturn {\n\t\t\tstart: startDate ? formatDateValue(startDate) : null,\n\t\t\tend: endDate ? formatDateValue(endDate) : null,\n\t\t\tisValid: false,\n\t\t};\n\t}\n\n\treturn {\n\t\tstart: formatDateValue(startDate),\n\t\tend: formatDateValue(endDate),\n\t\tisValid: true,\n\t};\n};\n\n/**\n * Parse input text based on range flag\n */\nexport const parseInputText = (text: string, range: boolean): DateValue[] => {\n\tif (!range) {\n\t\tconst date = parseDateString(text);\n\t\treturn date ? [date] : [];\n\t}\n\n\t// Range mode\n\tconst parsed = parseRangeInput(text);\n\tif (!parsed.isValid || !parsed.start || !parsed.end) {\n\t\treturn [];\n\t}\n\n\tconst startDate = parseDateString(parsed.start);\n\tconst endDate = parseDateString(parsed.end);\n\n\tif (!startDate || !endDate) {\n\t\treturn [];\n\t}\n\n\treturn [startDate, endDate];\n};\n\n/**\n * Validate date input\n */\nexport const validateDateString = ({\n\ttext,\n\trange,\n\tmin,\n\tmax,\n}: {\n\ttext: string;\n\trange: boolean;\n\tmin?: DateValue;\n\tmax?: DateValue;\n}): DateInputValidation => {\n\tif (!text.trim()) {\n\t\treturn { isValid: true }; // Empty is valid (let required validation handle it)\n\t}\n\n\tif (!range) {\n\t\tconst date = parseDateString(text);\n\t\tif (!date) {\n\t\t\treturn { isValid: false, error: 'Invalid date format. Use MM/DD/YYYY' };\n\t\t}\n\n\t\t// Check min/max\n\t\tif (min && date.compare(min) < 0) {\n\t\t\treturn { isValid: false, error: 'Date is before minimum allowed date' };\n\t\t}\n\t\tif (max && date.compare(max) > 0) {\n\t\t\treturn { isValid: false, error: 'Date is after maximum allowed date' };\n\t\t}\n\n\t\treturn { isValid: true };\n\t}\n\n\t// Range mode validation\n\tconst parsed = parseRangeInput(text);\n\tif (!parsed.isValid) {\n\t\treturn { isValid: false, error: 'Invalid date range format. Use MM/DD/YYYY - MM/DD/YYYY' };\n\t}\n\n\tif (!parsed.start || !parsed.end) {\n\t\treturn { isValid: false, error: 'Both start and end dates are required' };\n\t}\n\n\tconst startDate = parseDateString(parsed.start);\n\tconst endDate = parseDateString(parsed.end);\n\n\tif (!startDate || !endDate) {\n\t\treturn { isValid: false, error: 'Invalid date format. Use MM/DD/YYYY' };\n\t}\n\n\t// Validate start <= end\n\tif (startDate.compare(endDate) > 0) {\n\t\treturn { isValid: false, error: 'Start date must be before or equal to end date' };\n\t}\n\n\t// Check min/max\n\tif (min && startDate.compare(min) < 0) {\n\t\treturn { isValid: false, error: 'Start date is before minimum allowed date' };\n\t}\n\tif (max && endDate.compare(max) > 0) {\n\t\treturn { isValid: false, error: 'End date is after maximum allowed date' };\n\t}\n\n\treturn { isValid: true };\n};\n"],"mappings":"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"}

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

@@ -43,11 +43,11 @@ const DsDrawer = (t0) => {
 		$[2] = backdrop;
 		$[3] = t8;
 	} else t8 = $[3];
-	const t9 = require_ds_drawer_module.default[`cols-${String(columns)}`];
-	const t10 = require_ds_drawer_module.default[`position-${position}`];
+	const t9 = require_ds_drawer_module.default[`position-${position}`];
+	const t10 = require_ds_drawer_module.default[`cols-${String(columns)}`];
 	let t11;
 	if ($[4] !== className || $[5] !== t10 || $[6] !== t9) {
-		t11 = (0, classnames.default)(require_ds_drawer_module.default.drawer, t9, t10, className);
+		t11 = (0, classnames.default)(require_ds_drawer_module.default.drawer, t9, className, t10);
 		$[4] = className;
 		$[5] = t10;
 		$[6] = t9;

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

@@ -1,5 +1,5 @@
 import { DsDrawerProps } from "./ds-drawer.types.cjs";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-drawer/ds-drawer.d.ts
@@ -22,7 +22,7 @@ declare const DsDrawer: {
     style,
     className,
     children
-  }: DsDrawerProps): react_jsx_runtime19.JSX.Element;
+  }: DsDrawerProps): react_jsx_runtime0.JSX.Element;
   Header: ({
     style,
     className,
@@ -31,7 +31,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   Title: ({
     style,
     className,
@@ -40,14 +40,14 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   Toolbar: ({
     style,
     className,
@@ -56,7 +56,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   Body: ({
     style,
     className,
@@ -65,7 +65,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   Footer: ({
     style,
     className,
@@ -74,7 +74,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   Actions: ({
     style,
     className,
@@ -83,7 +83,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 export { DsDrawer };

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

@@ -1 +1 @@
-{"version":3,"file":"ds-drawer.d.cts","names":[],"sources":["../../../src/components/ds-drawer/ds-drawer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIuD;;cAUjD;;;;;;;;;;;;;KAYH,gBAAa,mBAAA,CAAA,GAAA,CAAA;;;;;;YAwCP;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;EA3Ce;YAsDP;;IAtDN,QAAA,EAwDQ,SAxDR;EAAa,CAAA,EAAA,GAyDf,mBAAA,CAAA,GAAA,CAAA,OAzDe;;;;EAwCP;YAuB6C;;EAvB7C,CAAA,EAAA,GAuBgF,mBAAA,CAAA,GAAA,CAAA,OAvBhF;EAEE,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IACV,KAAA,CAAA,EA+BQ,aA/BR;;cAiCU;QACV,mBAAA,CAAA,GAAA,CAAA;EAvBQ,IAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAgCF,aAhCE;IACV,SAAA,CAAA,EAAA,MAAA;cAiCU;QACV,mBAAA,CAAA,GAAA,CAAA;EA5BqD,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAAmC,KAAA,CAAA,EAuChF,aAvCgF;;cAyC9E;QACV,mBAAA,CAAA,GAAA,CAAA;EA/BQ,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAwCF,aAxCE;IACV,SAAA,CAAA,EAAA,MAAA;cAyCU;QACV,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-drawer.d.cts","names":[],"sources":["../../../src/components/ds-drawer/ds-drawer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIuD;;cAUjD;;;;;;;;;;;;;KAYH,gBAAa,kBAAA,CAAA,GAAA,CAAA;;;;;;YA2CP;;cAEE;QACV,kBAAA,CAAA,GAAA,CAAA;;;;;EA9Ce;YAyDP;;IAzDN,QAAA,EA2DQ,SA3DR;EAAa,CAAA,EAAA,GA4Df,kBAAA,CAAA,GAAA,CAAA,OA5De;;;;EA2CP;YAuB6C;;EAvB7C,CAAA,EAAA,GAuBgF,kBAAA,CAAA,GAAA,CAAA,OAvBhF;EAEE,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IACV,KAAA,CAAA,EA+BQ,aA/BR;;cAiCU;QACV,kBAAA,CAAA,GAAA,CAAA;EAvBQ,IAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAgCF,aAhCE;IACV,SAAA,CAAA,EAAA,MAAA;cAiCU;QACV,kBAAA,CAAA,GAAA,CAAA;EA5BqD,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAAmC,KAAA,CAAA,EAuChF,aAvCgF;;cAyC9E;QACV,kBAAA,CAAA,GAAA,CAAA;EA/BQ,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAwCF,aAxCE;IACV,SAAA,CAAA,EAAA,MAAA;cAyCU;QACV,kBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,5 +1,5 @@
 import { DsDrawerProps } from "./ds-drawer.types.js";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-drawer/ds-drawer.d.ts
@@ -22,7 +22,7 @@ declare const DsDrawer: {
     style,
     className,
     children
-  }: DsDrawerProps): react_jsx_runtime24.JSX.Element;
+  }: DsDrawerProps): react_jsx_runtime33.JSX.Element;
   Header: ({
     style,
     className,
@@ -31,7 +31,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime24.JSX.Element;
+  }) => react_jsx_runtime33.JSX.Element;
   Title: ({
     style,
     className,
@@ -40,14 +40,14 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime24.JSX.Element;
+  }) => react_jsx_runtime33.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime24.JSX.Element;
+  }) => react_jsx_runtime33.JSX.Element;
   Toolbar: ({
     style,
     className,
@@ -56,7 +56,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime24.JSX.Element;
+  }) => react_jsx_runtime33.JSX.Element;
   Body: ({
     style,
     className,
@@ -65,7 +65,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime24.JSX.Element;
+  }) => react_jsx_runtime33.JSX.Element;
   Footer: ({
     style,
     className,
@@ -74,7 +74,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime24.JSX.Element;
+  }) => react_jsx_runtime33.JSX.Element;
   Actions: ({
     style,
     className,
@@ -83,7 +83,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime24.JSX.Element;
+  }) => react_jsx_runtime33.JSX.Element;
 };
 //#endregion
 export { DsDrawer };

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

@@ -1 +1 @@
-{"version":3,"file":"ds-drawer.d.ts","names":[],"sources":["../../../src/components/ds-drawer/ds-drawer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIuD;;cAUjD;;;;;;;;;;;;;KAYH,gBAAa,mBAAA,CAAA,GAAA,CAAA;;;;;;YAwCP;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;EA3Ce;YAsDP;;IAtDN,QAAA,EAwDQ,SAxDR;EAAa,CAAA,EAAA,GAyDf,mBAAA,CAAA,GAAA,CAAA,OAzDe;;;;EAwCP;YAuB6C;;EAvB7C,CAAA,EAAA,GAuBgF,mBAAA,CAAA,GAAA,CAAA,OAvBhF;EAEE,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IACV,KAAA,CAAA,EA+BQ,aA/BR;;cAiCU;QACV,mBAAA,CAAA,GAAA,CAAA;EAvBQ,IAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAgCF,aAhCE;IACV,SAAA,CAAA,EAAA,MAAA;cAiCU;QACV,mBAAA,CAAA,GAAA,CAAA;EA5BqD,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAAmC,KAAA,CAAA,EAuChF,aAvCgF;;cAyC9E;QACV,mBAAA,CAAA,GAAA,CAAA;EA/BQ,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAwCF,aAxCE;IACV,SAAA,CAAA,EAAA,MAAA;cAyCU;QACV,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-drawer.d.ts","names":[],"sources":["../../../src/components/ds-drawer/ds-drawer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIuD;;cAUjD;;;;;;;;;;;;;KAYH,gBAAa,mBAAA,CAAA,GAAA,CAAA;;;;;;YA2CP;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;EA9Ce;YAyDP;;IAzDN,QAAA,EA2DQ,SA3DR;EAAa,CAAA,EAAA,GA4Df,mBAAA,CAAA,GAAA,CAAA,OA5De;;;;EA2CP;YAuB6C;;EAvB7C,CAAA,EAAA,GAuBgF,mBAAA,CAAA,GAAA,CAAA,OAvBhF;EAEE,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IACV,KAAA,CAAA,EA+BQ,aA/BR;;cAiCU;QACV,mBAAA,CAAA,GAAA,CAAA;EAvBQ,IAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAgCF,aAhCE;IACV,SAAA,CAAA,EAAA,MAAA;cAiCU;QACV,mBAAA,CAAA,GAAA,CAAA;EA5BqD,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAAmC,KAAA,CAAA,EAuChF,aAvCgF;;cAyC9E;QACV,mBAAA,CAAA,GAAA,CAAA;EA/BQ,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAwCF,aAxCE;IACV,SAAA,CAAA,EAAA,MAAA;cAyCU;QACV,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -41,11 +41,11 @@ const DsDrawer = (t0) => {
 		$[2] = backdrop;
 		$[3] = t8;
 	} else t8 = $[3];
-	const t9 = ds_drawer_module_default[`cols-${String(columns)}`];
-	const t10 = ds_drawer_module_default[`position-${position}`];
+	const t9 = ds_drawer_module_default[`position-${position}`];
+	const t10 = ds_drawer_module_default[`cols-${String(columns)}`];
 	let t11;
 	if ($[4] !== className || $[5] !== t10 || $[6] !== t9) {
-		t11 = classNames(ds_drawer_module_default.drawer, t9, t10, className);
+		t11 = classNames(ds_drawer_module_default.drawer, t9, className, t10);
 		$[4] = className;
 		$[5] = t10;
 		$[6] = t9;

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

@@ -1 +1 @@
-{"version":3,"file":"ds-drawer.js","names":["CSSProperties","ReactNode","Fragment","Dialog","Portal","classNames","DsDrawerProps","styles","DsIcon","DsTypography","DsDrawer","t0","$","_c","open","onOpenChange","columns","t1","position","t2","backdrop","t3","closeOnEscape","t4","closeOnInteractOutside","t5","portal","t6","style","className","children","undefined","t7","details","handleOpenChange","Wrapper","t8","t9","String","t10","t11","drawer","t12","content","t13","positioner","t14","t15","Header","header","Title","title","CloseTrigger","closeTrigger","Symbol","for","Toolbar","toolbar","Body","body","Footer","footer","Actions","actions"],"sources":["../../../src/components/ds-drawer/ds-drawer.tsx"],"sourcesContent":["import { type CSSProperties, type ReactNode, Fragment } from 'react';\nimport { Dialog } from '@ark-ui/react/dialog';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport type { DsDrawerProps } from './ds-drawer.types';\nimport styles from './ds-drawer.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Composable drawer component.\n * Supports grid-based sizing, flexible positioning, and compound components.\n * Use columns prop to control drawer width (1-12 grid columns).\n */\nconst DsDrawer = ({\n\topen,\n\tonOpenChange,\n\tcolumns = 4,\n\tposition = 'end',\n\tbackdrop = false,\n\tcloseOnEscape = true,\n\tcloseOnInteractOutside = false,\n\tportal = false,\n\tstyle,\n\tclassName,\n\tchildren,\n}: DsDrawerProps) => {\n\tconst handleOpenChange = (details: { open: boolean }) => {\n\t\tonOpenChange(details.open);\n\t};\n\tconst Wrapper = portal ? Portal : Fragment;\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={handleOpenChange}\n\t\t\tmodal={backdrop}\n\t\t\tcloseOnEscape={closeOnEscape}\n\t\t\tcloseOnInteractOutside={closeOnInteractOutside}\n\t\t\tpreventScroll={backdrop}\n\t\t>\n\t\t\t<Wrapper>\n\t\t\t\t{backdrop && <Dialog.Backdrop className={styles.backdrop} />}\n\t\t\t\t<Dialog.Positioner className={styles.positioner}>\n\t\t\t\t\t<Dialog.Content\n\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\tstyles.drawer,\n\t\t\t\t\t\t\tstyles[`cols-${String(columns)}`],\n\t\t\t\t\t\t\tstyles[`position-${position}`],\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={styles.content}>{children}</div>\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Wrapper>\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=\"heading3\">{children}</DsTypography>\n\t</Dialog.Title>\n);\n\nconst CloseTrigger = ({ style, className }: { style?: CSSProperties; className?: string }) => (\n\t<Dialog.CloseTrigger style={style} className={classNames(styles.closeTrigger, className)}>\n\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t</Dialog.CloseTrigger>\n);\n\nconst Toolbar = ({\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.toolbar, className)}>\n\t\t{children}\n\t</div>\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\nDsDrawer.Header = Header;\nDsDrawer.Title = Title;\nDsDrawer.CloseTrigger = CloseTrigger;\nDsDrawer.Toolbar = Toolbar;\nDsDrawer.Body = Body;\nDsDrawer.Footer = Footer;\nDsDrawer.Actions = Actions;\n\nexport default DsDrawer;\n"],"mappings":"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"}
+{"version":3,"file":"ds-drawer.js","names":["CSSProperties","ReactNode","Fragment","Dialog","Portal","classNames","DsDrawerProps","styles","DsIcon","DsTypography","DsDrawer","t0","$","_c","open","onOpenChange","columns","t1","position","t2","backdrop","t3","closeOnEscape","t4","closeOnInteractOutside","t5","portal","t6","style","className","children","undefined","t7","details","handleOpenChange","Wrapper","t8","t9","t10","String","t11","drawer","t12","content","t13","positioner","t14","t15","Header","header","Title","title","CloseTrigger","closeTrigger","Symbol","for","Toolbar","toolbar","Body","body","Footer","footer","Actions","actions"],"sources":["../../../src/components/ds-drawer/ds-drawer.tsx"],"sourcesContent":["import { type CSSProperties, type ReactNode, Fragment } from 'react';\nimport { Dialog } from '@ark-ui/react/dialog';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport type { DsDrawerProps } from './ds-drawer.types';\nimport styles from './ds-drawer.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Composable drawer component.\n * Supports grid-based sizing, flexible positioning, and compound components.\n * Use columns prop to control drawer width (1-12 grid columns).\n */\nconst DsDrawer = ({\n\topen,\n\tonOpenChange,\n\tcolumns = 4,\n\tposition = 'end',\n\tbackdrop = false,\n\tcloseOnEscape = true,\n\tcloseOnInteractOutside = false,\n\tportal = false,\n\tstyle,\n\tclassName,\n\tchildren,\n}: DsDrawerProps) => {\n\tconst handleOpenChange = (details: { open: boolean }) => {\n\t\tonOpenChange(details.open);\n\t};\n\tconst Wrapper = portal ? Portal : Fragment;\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={handleOpenChange}\n\t\t\tmodal={backdrop}\n\t\t\tcloseOnEscape={closeOnEscape}\n\t\t\tcloseOnInteractOutside={closeOnInteractOutside}\n\t\t\tpreventScroll={backdrop}\n\t\t>\n\t\t\t<Wrapper>\n\t\t\t\t{backdrop && <Dialog.Backdrop className={styles.backdrop} />}\n\t\t\t\t<Dialog.Positioner className={styles.positioner}>\n\t\t\t\t\t<Dialog.Content\n\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\tstyles.drawer,\n\t\t\t\t\t\t\tstyles[`position-${position}`],\n\t\t\t\t\t\t\tclassName,\n\n\t\t\t\t\t\t\t// @ts-expect-error: these classnames are generated dynamically in scss\n\t\t\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n\t\t\t\t\t\t\tstyles[`cols-${String(columns)}`],\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={styles.content}>{children}</div>\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Wrapper>\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=\"heading3\">{children}</DsTypography>\n\t</Dialog.Title>\n);\n\nconst CloseTrigger = ({ style, className }: { style?: CSSProperties; className?: string }) => (\n\t<Dialog.CloseTrigger style={style} className={classNames(styles.closeTrigger, className)}>\n\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t</Dialog.CloseTrigger>\n);\n\nconst Toolbar = ({\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.toolbar, className)}>\n\t\t{children}\n\t</div>\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\nDsDrawer.Header = Header;\nDsDrawer.Title = Title;\nDsDrawer.CloseTrigger = CloseTrigger;\nDsDrawer.Toolbar = Toolbar;\nDsDrawer.Body = Body;\nDsDrawer.Footer = Footer;\nDsDrawer.Actions = Actions;\n\nexport default DsDrawer;\n"],"mappings":"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"}