@drivenets/design-system 0.2.0 → 0.4.0

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

@@ -8,8 +8,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_dialog = require("@ark-ui/react/dialog");
 
 //#region src/components/ds-drawer/ds-drawer.tsx
@@ -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_runtime13 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_runtime13.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_runtime13.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_runtime13.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime19.JSX.Element;
+  }) => react_jsx_runtime13.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_runtime13.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_runtime13.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_runtime13.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_runtime13.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,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.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_runtime35 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_runtime35.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_runtime35.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_runtime35.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime24.JSX.Element;
+  }) => react_jsx_runtime35.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_runtime35.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_runtime35.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_runtime35.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_runtime35.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

@@ -6,8 +6,8 @@ import ds_drawer_module_default from "./ds-drawer.module.js";
 import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1 } from "react";
 import { Portal } from "@ark-ui/react/portal";
+import { Fragment as Fragment$1 } from "react";
 import { Dialog } from "@ark-ui/react/dialog";
 
 //#region src/components/ds-drawer/ds-drawer.tsx
@@ -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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"}

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.cjs

@@ -8,11 +8,11 @@ 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 __ark_ui_react_portal = require("@ark-ui/react/portal");
 let react = require("react");
 let __radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 __radix_ui_react_dropdown_menu = require_rolldown_runtime.__toESM(__radix_ui_react_dropdown_menu);
 let __ark_ui_react_menu = require("@ark-ui/react/menu");
-let __ark_ui_react_portal = require("@ark-ui/react/portal");
 
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.tsx
 const GroupContext = (0, react.createContext)(null);

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.js

@@ -6,10 +6,10 @@ import ds_text_input_default from "../ds-text-input/ds-text-input.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 { Fragment as Fragment$1, createContext, useContext, useState } from "react";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import { Menu } from "@ark-ui/react/menu";
-import { Portal } from "@ark-ui/react/portal";
 
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.tsx
 const GroupContext = createContext(null);

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.cjs

@@ -1,26 +1,26 @@
 
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss
 var ds_dropdown_menu_module_default = {
-	"content": "_content_1cepy_1",
-	"expand": "_expand_1cepy_1",
-	"collapse": "_collapse_1cepy_1",
-	"header": "_header_1cepy_1",
-	"item": "_item_1cepy_1",
-	"indicator": "_indicator_1cepy_1",
-	"itemIcon": "_itemIcon_1cepy_1",
-	"triggerItem": "_triggerItem_1cepy_1",
-	"selected": "_selected_1cepy_1",
-	"label": "_label_1cepy_1",
-	"separator": "_separator_1cepy_1",
-	"actions": "_actions_1cepy_1",
-	"groupLabel": "_groupLabel_1cepy_1",
-	"groupLabelCollapsible": "_groupLabelCollapsible_1cepy_1",
-	"groupLabelIcon": "_groupLabelIcon_1cepy_1",
-	"groupLabelIconRotated": "_groupLabelIconRotated_1cepy_1",
-	"triggerItemIcon": "_triggerItemIcon_1cepy_1",
-	"contentLegacy": "_contentLegacy_1cepy_1",
-	"viewportLegacy": "_viewportLegacy_1cepy_1",
-	"itemLegacy": "_itemLegacy_1cepy_1"
+	"content": "_content_4g5n3_1",
+	"expand": "_expand_4g5n3_1",
+	"collapse": "_collapse_4g5n3_1",
+	"header": "_header_4g5n3_1",
+	"item": "_item_4g5n3_1",
+	"indicator": "_indicator_4g5n3_1",
+	"itemIcon": "_itemIcon_4g5n3_1",
+	"triggerItem": "_triggerItem_4g5n3_1",
+	"selected": "_selected_4g5n3_1",
+	"label": "_label_4g5n3_1",
+	"separator": "_separator_4g5n3_1",
+	"actions": "_actions_4g5n3_1",
+	"groupLabel": "_groupLabel_4g5n3_1",
+	"groupLabelCollapsible": "_groupLabelCollapsible_4g5n3_1",
+	"groupLabelIcon": "_groupLabelIcon_4g5n3_1",
+	"groupLabelIconRotated": "_groupLabelIconRotated_4g5n3_1",
+	"triggerItemIcon": "_triggerItemIcon_4g5n3_1",
+	"contentLegacy": "_contentLegacy_4g5n3_1",
+	"viewportLegacy": "_viewportLegacy_4g5n3_1",
+	"itemLegacy": "_itemLegacy_4g5n3_1"
 };
 
 //#endregion

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.js

@@ -1,25 +1,25 @@
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss
 var ds_dropdown_menu_module_default = {
-	"content": "_content_1cepy_1",
-	"expand": "_expand_1cepy_1",
-	"collapse": "_collapse_1cepy_1",
-	"header": "_header_1cepy_1",
-	"item": "_item_1cepy_1",
-	"indicator": "_indicator_1cepy_1",
-	"itemIcon": "_itemIcon_1cepy_1",
-	"triggerItem": "_triggerItem_1cepy_1",
-	"selected": "_selected_1cepy_1",
-	"label": "_label_1cepy_1",
-	"separator": "_separator_1cepy_1",
-	"actions": "_actions_1cepy_1",
-	"groupLabel": "_groupLabel_1cepy_1",
-	"groupLabelCollapsible": "_groupLabelCollapsible_1cepy_1",
-	"groupLabelIcon": "_groupLabelIcon_1cepy_1",
-	"groupLabelIconRotated": "_groupLabelIconRotated_1cepy_1",
-	"triggerItemIcon": "_triggerItemIcon_1cepy_1",
-	"contentLegacy": "_contentLegacy_1cepy_1",
-	"viewportLegacy": "_viewportLegacy_1cepy_1",
-	"itemLegacy": "_itemLegacy_1cepy_1"
+	"content": "_content_4g5n3_1",
+	"expand": "_expand_4g5n3_1",
+	"collapse": "_collapse_4g5n3_1",
+	"header": "_header_4g5n3_1",
+	"item": "_item_4g5n3_1",
+	"indicator": "_indicator_4g5n3_1",
+	"itemIcon": "_itemIcon_4g5n3_1",
+	"triggerItem": "_triggerItem_4g5n3_1",
+	"selected": "_selected_4g5n3_1",
+	"label": "_label_4g5n3_1",
+	"separator": "_separator_4g5n3_1",
+	"actions": "_actions_4g5n3_1",
+	"groupLabel": "_groupLabel_4g5n3_1",
+	"groupLabelCollapsible": "_groupLabelCollapsible_4g5n3_1",
+	"groupLabelIcon": "_groupLabelIcon_4g5n3_1",
+	"groupLabelIconRotated": "_groupLabelIconRotated_4g5n3_1",
+	"triggerItemIcon": "_triggerItemIcon_4g5n3_1",
+	"contentLegacy": "_contentLegacy_4g5n3_1",
+	"viewportLegacy": "_viewportLegacy_4g5n3_1",
+	"itemLegacy": "_itemLegacy_4g5n3_1"
 };
 
 //#endregion

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-dropdown-menu.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-dropdown-menu/ds-dropdown-menu.module.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","../../../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/_variables.scss"],"sourcesContent":["@use '../../styles/typography';\n@use '../../styles/shared/dropdown';\n\n.content {\n\t@include dropdown.dropdown-content;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-height: var(--available-height, 400px);\n\toverflow-y: auto;\n\twidth: auto;\n\tz-index: var(--layer-index);\n\n\t&:focus-visible {\n\t\toutline-offset: 2px;\n\t}\n\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n}\n\n.header {\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 1;\n\tpadding: var(--spacing-3xs);\n\tborder-bottom: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.item {\n\t@include dropdown.dropdown-item;\n\n\t.triggerItem {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: var(--spacing-xs);\n\t}\n\n\t&.selected {\n\t\t.indicator {\n\t\t\tdisplay: flex;\n\t\t\tmin-width: var(--icon-width-medium);\n\t\t\tmargin-left: auto;\n\t\t}\n\n\t\t&:hover {\n\t\t\t.indicator {\n\t\t\t\tcolor: var(--color-background-selected);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.itemIcon {\n\tflex-shrink: 0;\n}\n\n.label {\n\tflex: 1;\n}\n\n.separator {\n\theight: 1px;\n\tbackground-color: var(--color-border-secondary);\n\tmargin: var(--spacing-4xs) var(--spacing-xs);\n}\n\n.actions {\n\tposition: sticky;\n\tbottom: -1px;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tgap: var(--spacing-xs);\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tborder-top: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.groupLabel {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tbackground-color: var(--color-background);\n\toutline-offset: -1px;\n\n\t&Collapsible {\n\t\tjustify-content: space-between;\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t\tcursor: pointer;\n\t\tborder: none;\n\t\ttransition: background-color 0.15s ease;\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--color-background-action-hover-weak);\n\t\t}\n\t}\n}\n\n.groupLabelIcon {\n\tflex-shrink: 0;\n\n\t&Rotated {\n\t\ttransform: rotate(180deg);\n\t\ttransition: transform 0.2s ease-in-out;\n\t}\n}\n\n.triggerItemIcon {\n\tmargin-left: auto;\n}\n\n/** Legacy classes */\n.contentLegacy {\n\t@include dropdown.dropdown-content;\n\tmin-width: 200px;\n\twidth: var(--radix-select-trigger-width);\n}\n\n.viewportLegacy {\n\t@include dropdown.dropdown-viewport;\n}\n\n.itemLegacy {\n\t@include dropdown.dropdown-item;\n\t@include typography.p-special;\n\t@include typography.ellipsis;\n}\n"],"mappings":""}
+{"version":3,"file":"ds-dropdown-menu.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-dropdown-menu/ds-dropdown-menu.module.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","../../../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/_variables.scss"],"sourcesContent":["@use '../../styles/typography';\n@use '../../styles/shared/dropdown';\n\n.content {\n\t@include dropdown.dropdown-content;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-height: var(--available-height, 400px);\n\toverflow-y: auto;\n\twidth: auto;\n\n\t&:focus-visible {\n\t\toutline-offset: 2px;\n\t}\n\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n}\n\n.header {\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 1;\n\tpadding: var(--spacing-3xs);\n\tborder-bottom: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.item {\n\t@include dropdown.dropdown-item;\n\n\t.triggerItem {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: var(--spacing-xs);\n\t}\n\n\t&.selected {\n\t\t.indicator {\n\t\t\tdisplay: flex;\n\t\t\tmin-width: var(--icon-width-medium);\n\t\t\tmargin-left: auto;\n\t\t}\n\n\t\t&:hover {\n\t\t\t.indicator {\n\t\t\t\tcolor: var(--color-background-selected);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.itemIcon {\n\tflex-shrink: 0;\n}\n\n.label {\n\tflex: 1;\n}\n\n.separator {\n\theight: 1px;\n\tbackground-color: var(--color-border-secondary);\n\tmargin: var(--spacing-4xs) var(--spacing-xs);\n}\n\n.actions {\n\tposition: sticky;\n\tbottom: -1px;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tgap: var(--spacing-xs);\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tborder-top: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.groupLabel {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tbackground-color: var(--color-background);\n\toutline-offset: -1px;\n\n\t&Collapsible {\n\t\tjustify-content: space-between;\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t\tcursor: pointer;\n\t\tborder: none;\n\t\ttransition: background-color 0.15s ease;\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--color-background-action-hover-weak);\n\t\t}\n\t}\n}\n\n.groupLabelIcon {\n\tflex-shrink: 0;\n\n\t&Rotated {\n\t\ttransform: rotate(180deg);\n\t\ttransition: transform 0.2s ease-in-out;\n\t}\n}\n\n.triggerItemIcon {\n\tmargin-left: auto;\n}\n\n/** Legacy classes */\n.contentLegacy {\n\t@include dropdown.dropdown-content;\n\tmin-width: 200px;\n\twidth: var(--radix-select-trigger-width);\n}\n\n.viewportLegacy {\n\t@include dropdown.dropdown-viewport;\n}\n\n.itemLegacy {\n\t@include dropdown.dropdown-item;\n\t@include typography.p-special;\n\t@include typography.ellipsis;\n}\n"],"mappings":""}

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.types.d.cts

@@ -11,7 +11,7 @@ type BasePositioning = NonNullable<Menu.RootProps['positioning']>;
 /**
  * Positioning options for dropdown menu
  */
-type DsDropdownMenuPositioning = Pick<BasePositioning, 'placement' | 'gutter' | 'sameWidth'>;
+type DsDropdownMenuPositioning = Pick<BasePositioning, 'placement' | 'gutter' | 'sameWidth' | 'getAnchorRect'>;
 /**
  * DEPRECATED: Legacy dropdown menu option configuration
  * Use compound component pattern instead

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-dropdown-menu.types.d.cts","names":[],"sources":["../../../src/components/ds-dropdown-menu/ds-dropdown-menu.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAE2C;AAU3C,KALK,eAAA,GAAkB,WAKc,CALF,IAAA,CAAK,SAKK,CAAA,aAAL,CAAA,CAAA;AAOxC;;;AAgBe,KAvBH,yBAAA,GAA4B,IAuBzB,CAvB8B,eAuB9B,EAAA,WAAA,GAAA,QAAA,GAAA,WAAA,CAAA;;AAYf;;;;AAsBsB,UAlDL,0BAAA,CAkDK;EAkCL;AAmCjB;AAKA;EAciB,KAAA,EAAA,MAAA;EAaA;AAkBjB;AAkBA;EAkBiB,IAAA,CAAA,EArMT,QAqMS;EAcL;AAKZ;AAkBA;EAKY,QAAA,CAAA,EAAA,OAAA;;;;gBAvOG,WAAW;;;;;;;;;;;UAYT,yBAAA;;;;WAIP;;;;;aAKE;;;;;;;;;;;;;UAaH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAkCQ,uBAAA;;;;;;;;;;;;;;;;;;;;gBAoBF;;;;;;;;;aASH;;;;;KAMA,0BAAA,GAA6B,IAAA,CAAK;;;;UAK7B,0BAAA,SAAmC,KACnD,IAAA,CAAK;;;;;;;;;;UAaW,uBAAA,SAAgC,KAChD,IAAA,CAAK;;;;;;;;;UAYW,gCAAA;;;;aAIL;;;;;;;;UAQH;;;;;UAMQ,yBAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,0BAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,4BAAA,SAAqC,IAAA,CAAK;;;;;;;;;;;;;KAc/C,iCAAA,GAAoC,IAAA,CAAK;;;;UAKpC,mCAAA;;;;YAIN;;;;;;;;UAQF;;;;;KAMG,4BAAA,GAA+B,IAAA,CAAK;;;;KAKpC,8BAAA,GAAiC,IAAA,CAAK"}
+{"version":3,"file":"ds-dropdown-menu.types.d.cts","names":[],"sources":["../../../src/components/ds-dropdown-menu/ds-dropdown-menu.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAE2C;AAU3C,KALK,eAAA,GAAkB,WAKc,CALF,IAAA,CAAK,SAMvC,CAAA,aADuC,CAAA,CAAA;AAUxC;;;AAgBe,KA1BH,yBAAA,GAA4B,IA0BzB,CAzBd,eAyBc,EAAA,WAAA,GAAA,QAAA,GAAA,WAAA,GAAA,eAAA,CAAA;;AAYf;;;;AAsBsB,UAlDL,0BAAA,CAkDK;EAkCL;AAmCjB;AAKA;EAciB,KAAA,EAAA,MAAA;EAaA;AAkBjB;AAkBA;EAkBiB,IAAA,CAAA,EArMT,QAqMS;EAcL;AAKZ;AAkBA;EAKY,QAAA,CAAA,EAAA,OAAA;;;;gBAvOG,WAAW;;;;;;;;;;;UAYT,yBAAA;;;;WAIP;;;;;aAKE;;;;;;;;;;;;;UAaH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAkCQ,uBAAA;;;;;;;;;;;;;;;;;;;;gBAoBF;;;;;;;;;aASH;;;;;KAMA,0BAAA,GAA6B,IAAA,CAAK;;;;UAK7B,0BAAA,SAAmC,KACnD,IAAA,CAAK;;;;;;;;;;UAaW,uBAAA,SAAgC,KAChD,IAAA,CAAK;;;;;;;;;UAYW,gCAAA;;;;aAIL;;;;;;;;UAQH;;;;;UAMQ,yBAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,0BAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,4BAAA,SAAqC,IAAA,CAAK;;;;;;;;;;;;;KAc/C,iCAAA,GAAoC,IAAA,CAAK;;;;UAKpC,mCAAA;;;;YAIN;;;;;;;;UAQF;;;;;KAMG,4BAAA,GAA+B,IAAA,CAAK;;;;KAKpC,8BAAA,GAAiC,IAAA,CAAK"}

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts

@@ -11,7 +11,7 @@ type BasePositioning = NonNullable<Menu.RootProps['positioning']>;
 /**
  * Positioning options for dropdown menu
  */
-type DsDropdownMenuPositioning = Pick<BasePositioning, 'placement' | 'gutter' | 'sameWidth'>;
+type DsDropdownMenuPositioning = Pick<BasePositioning, 'placement' | 'gutter' | 'sameWidth' | 'getAnchorRect'>;
 /**
  * DEPRECATED: Legacy dropdown menu option configuration
  * Use compound component pattern instead

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-dropdown-menu.types.d.ts","names":[],"sources":["../../../src/components/ds-dropdown-menu/ds-dropdown-menu.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAE2C,KAKtC,eAAA,GAAkB,WAAY,CAAA,IAAA,CAAK,SAAjB,CAAA,aAAW,CAAA,CAAA;AAKlC;AAOA;;AAgB0B,KAvBd,yBAAA,GAA4B,IAuBd,CAvBmB,eAuBnB,EAAA,WAAA,GAAA,QAAA,GAAA,WAAA,CAAA;;;AAY1B;;;AAsBS,UAlDQ,0BAAA,CAkDR;EAAa;AAkCtB;AAmCA;EAKiB,KAAA,EAAA,MAAA;EAcA;AAajB;AAkBA;EAkBiB,IAAA,CAAA,EAnLT,QAmLS;EAkBA;AAcjB;AAKA;EAkBY,QAAA,CAAA,EAAA,OAAA;EAKA;;;gBAvOG,WAAW;;;;;;;;;;;UAYT,yBAAA;;;;WAIP;;;;;aAKE;;;;;;;;;;;;;UAaH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAkCQ,uBAAA;;;;;;;;;;;;;;;;;;;;gBAoBF;;;;;;;;;aASH;;;;;KAMA,0BAAA,GAA6B,IAAA,CAAK;;;;UAK7B,0BAAA,SAAmC,KACnD,IAAA,CAAK;;;;;;;;;;UAaW,uBAAA,SAAgC,KAChD,IAAA,CAAK;;;;;;;;;UAYW,gCAAA;;;;aAIL;;;;;;;;UAQH;;;;;UAMQ,yBAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,0BAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,4BAAA,SAAqC,IAAA,CAAK;;;;;;;;;;;;;KAc/C,iCAAA,GAAoC,IAAA,CAAK;;;;UAKpC,mCAAA;;;;YAIN;;;;;;;;UAQF;;;;;KAMG,4BAAA,GAA+B,IAAA,CAAK;;;;KAKpC,8BAAA,GAAiC,IAAA,CAAK"}
+{"version":3,"file":"ds-dropdown-menu.types.d.ts","names":[],"sources":["../../../src/components/ds-dropdown-menu/ds-dropdown-menu.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAE2C,KAKtC,eAAA,GAAkB,WAAY,CAAA,IAAA,CAAK,SAAA,CAAjB,aAAW,CAAA,CAAA;AAKlC;AAUA;;AAgB0B,KA1Bd,yBAAA,GAA4B,IA0Bd,CAzBzB,eAyByB,EAAA,WAAA,GAAA,QAAA,GAAA,WAAA,GAAA,eAAA,CAAA;;;AAY1B;;;AAsBS,UAlDQ,0BAAA,CAkDR;EAAa;AAkCtB;AAmCA;EAKiB,KAAA,EAAA,MAAA;EAcA;AAajB;AAkBA;EAkBiB,IAAA,CAAA,EAnLT,QAmLS;EAkBA;AAcjB;AAKA;EAkBY,QAAA,CAAA,EAAA,OAAA;EAKA;;;gBAvOG,WAAW;;;;;;;;;;;UAYT,yBAAA;;;;WAIP;;;;;aAKE;;;;;;;;;;;;;UAaH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAkCQ,uBAAA;;;;;;;;;;;;;;;;;;;;gBAoBF;;;;;;;;;aASH;;;;;KAMA,0BAAA,GAA6B,IAAA,CAAK;;;;UAK7B,0BAAA,SAAmC,KACnD,IAAA,CAAK;;;;;;;;;;UAaW,uBAAA,SAAgC,KAChD,IAAA,CAAK;;;;;;;;;UAYW,gCAAA;;;;aAIL;;;;;;;;UAQH;;;;;UAMQ,yBAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,0BAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,4BAAA,SAAqC,IAAA,CAAK;;;;;;;;;;;;;KAc/C,iCAAA,GAAoC,IAAA,CAAK;;;;UAKpC,mCAAA;;;;YAIN;;;;;;;;UAQF;;;;;KAMG,4BAAA,GAA+B,IAAA,CAAK;;;;KAKpC,8BAAA,GAAiC,IAAA,CAAK"}

package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.cts

@@ -1,5 +1,5 @@
 import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.cjs";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
 declare function DsExpandableTextInput({
@@ -7,7 +7,7 @@ declare function DsExpandableTextInput({
   onExpandChange,
   icon,
   ...props
-}: DsExpandableTextInputProps): react_jsx_runtime27.JSX.Element;
+}: DsExpandableTextInputProps): react_jsx_runtime21.JSX.Element;
 //#endregion
 export { DsExpandableTextInput };
 //# sourceMappingURL=ds-expandable-text-input.d.cts.map

package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.ts

@@ -1,5 +1,5 @@
 import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.js";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
 declare function DsExpandableTextInput({
@@ -7,7 +7,7 @@ declare function DsExpandableTextInput({
   onExpandChange,
   icon,
   ...props
-}: DsExpandableTextInputProps): react_jsx_runtime23.JSX.Element;
+}: DsExpandableTextInputProps): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { DsExpandableTextInput };
 //# sourceMappingURL=ds-expandable-text-input.d.ts.map

package/dist/components/ds-file-upload/utils/format-file-size.cjs

@@ -15,7 +15,7 @@ function formatFileSize(bytes) {
 		"PB"
 	];
 	const i = Math.floor(Math.log(bytes) / Math.log(k));
-	return `${(bytes / Math.pow(k, i)).toFixed(2)} ${sizes[i]}`;
+	return `${(bytes / Math.pow(k, i)).toFixed(2)} ${String(sizes[i])}`;
 }
 
 //#endregion

package/dist/components/ds-file-upload/utils/format-file-size.js

@@ -14,7 +14,7 @@ function formatFileSize(bytes) {
 		"PB"
 	];
 	const i = Math.floor(Math.log(bytes) / Math.log(k));
-	return `${(bytes / Math.pow(k, i)).toFixed(2)} ${sizes[i]}`;
+	return `${(bytes / Math.pow(k, i)).toFixed(2)} ${String(sizes[i])}`;
 }
 
 //#endregion

package/dist/components/ds-file-upload/utils/format-file-size.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-file-size.js","names":["formatFileSize","bytes","k","sizes","i","Math","floor","log","size","pow","toFixed"],"sources":["../../../../src/components/ds-file-upload/utils/format-file-size.ts"],"sourcesContent":["/**\n * Format file size to human-readable format using SI units (decimal base)\n */\nexport function formatFileSize(bytes: number): string {\n\tif (bytes === 0) {\n\t\treturn '0 B';\n\t}\n\n\tconst k = 1000; // Decimal base (SI standard)\n\tconst sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];\n\tconst i = Math.floor(Math.log(bytes) / Math.log(k));\n\tconst size = bytes / Math.pow(k, i);\n\n\treturn `${size.toFixed(2)} ${sizes[i]}`;\n}\n"],"mappings":";;;;AAGA,SAAgBA,eAAeC,OAAuB;AACrD,KAAIA,UAAU,EACb,QAAO;CAGR,MAAMC,IAAI;CACV,MAAMC,QAAQ;EAAC;EAAK;EAAM;EAAM;EAAM;EAAM;EAAK;CACjD,MAAMC,IAAIC,KAAKC,MAAMD,KAAKE,IAAIN,MAAM,GAAGI,KAAKE,IAAIL,EAAE,CAAC;AAGnD,QAAO,IAFMD,QAAQI,KAAKI,IAAIP,GAAGE,EAAE,EAEpBM,QAAQ,EAAE,CAAA,GAAIP,MAAMC"}
+{"version":3,"file":"format-file-size.js","names":["formatFileSize","bytes","k","sizes","i","Math","floor","log","size","pow","toFixed","String"],"sources":["../../../../src/components/ds-file-upload/utils/format-file-size.ts"],"sourcesContent":["/**\n * Format file size to human-readable format using SI units (decimal base)\n */\nexport function formatFileSize(bytes: number): string {\n\tif (bytes === 0) {\n\t\treturn '0 B';\n\t}\n\n\tconst k = 1000; // Decimal base (SI standard)\n\tconst sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];\n\tconst i = Math.floor(Math.log(bytes) / Math.log(k));\n\tconst size = bytes / Math.pow(k, i);\n\n\treturn `${size.toFixed(2)} ${String(sizes[i])}`;\n}\n"],"mappings":";;;;AAGA,SAAgBA,eAAeC,OAAuB;AACrD,KAAIA,UAAU,EACb,QAAO;CAGR,MAAMC,IAAI;CACV,MAAMC,QAAQ;EAAC;EAAK;EAAM;EAAM;EAAM;EAAM;EAAK;CACjD,MAAMC,IAAIC,KAAKC,MAAMD,KAAKE,IAAIN,MAAM,GAAGI,KAAKE,IAAIL,EAAE,CAAC;AAGnD,QAAO,IAFMD,QAAQI,KAAKI,IAAIP,GAAGE,EAAE,EAEpBM,QAAQ,EAAE,CAAA,GAAIC,OAAOR,MAAMC,GAAG"}

package/dist/components/ds-form-control/ds-form-control.cjs

@@ -80,7 +80,7 @@ const DsFormControl = (t0) => {
 	const t4 = status && message && require_ds_form_control_module.default[status];
 	let t5;
 	if ($[2] !== className || $[3] !== t4) {
-		t5 = (0, classnames.default)(require_ds_form_control_module.default.container, t4, className);
+		t5 = (0, classnames.default)(require_ds_form_control_module.default.container, className, t4);
 		$[2] = className;
 		$[3] = t4;
 		$[4] = t5;
@@ -130,10 +130,7 @@ const DsFormControl = (t0) => {
 				icon: messageIcon,
 				size: "tiny",
 				filled: true
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: require_ds_form_control_module.default.messageText,
-				children: message
-			})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: message })]
 		});
 		$[16] = message;
 		$[17] = messageIcon;