@drivenets/design-system 0.0.4 → 0.1.0

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

@@ -0,0 +1,169 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let __ark_ui_react_date_picker = require("@ark-ui/react/date-picker");
+let __internationalized_date = require("@internationalized/date");
+
+//#region src/components/ds-date-input/ds-date-input.utils.ts
+/**
+* Convert ISO date string to DateValue
+*/
+const isoStringToDateValue = (isoDate) => {
+	try {
+		return (0, __internationalized_date.parseDate)(isoDate);
+	} catch {
+		return;
+	}
+};
+/**
+* Convert string or tuple to DateValue array (for internal use with Ark UI)
+*/
+const stringToDateValue = (dates) => {
+	return (Array.isArray(dates) ? dates : [dates]).map(isoStringToDateValue).filter((d) => !!d);
+};
+/**
+* Convert DateValue array to string or tuple (for public API)
+*/
+const dateValuesToStrings = (dates, range) => {
+	const values = dates.map((date) => date.toString());
+	return range ? [values[0], values[1]] : values[0];
+};
+/**
+* Format a DateValue to string (MM/DD/YYYY)
+*/
+const formatDateValue = (date) => {
+	return `${String(date.month).padStart(2, "0")}/${String(date.day).padStart(2, "0")}/${String(date.year)}`;
+};
+/**
+* Format an array of DateValues to a unified string
+* Single: "12/25/2024"
+* Range: "12/01/2024 - 12/31/2024"
+*/
+const formatDateInputValue = (value, range) => {
+	if (value.length === 0) return "";
+	const newValue = value.map(formatDateValue);
+	return range ? newValue.join(" - ") : newValue[0];
+};
+/**
+* Parse a date string (MM/DD/YYYY) to DateValue
+*/
+const parseDateString = (dateStr) => {
+	if (!dateStr || !dateStr.trim()) return null;
+	const match = dateStr.trim().match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
+	if (!match) return null;
+	const [, month, day, year] = match;
+	const monthNum = parseInt(month, 10);
+	const dayNum = parseInt(day, 10);
+	const yearNum = parseInt(year, 10);
+	const date = new Date(yearNum, monthNum - 1, dayNum);
+	if (date.getFullYear() !== yearNum || date.getMonth() !== monthNum - 1 || date.getDate() !== dayNum) return null;
+	return new __internationalized_date.CalendarDate(yearNum, monthNum, dayNum);
+};
+/**
+* Parse a range input string (MM/DD/YYYY - MM/DD/YYYY)
+*/
+const parseRangeInput = (text) => {
+	if (!text.trim()) return {
+		start: null,
+		end: null,
+		isValid: true
+	};
+	if (!text.includes("-")) {
+		const date = parseDateString(text.trim());
+		return {
+			start: date ? formatDateValue(date) : null,
+			end: null,
+			isValid: false
+		};
+	}
+	const parts = text.split("-").map((p) => p.trim());
+	if (parts.length !== 2) return {
+		start: null,
+		end: null,
+		isValid: false
+	};
+	const [startStr, endStr] = parts;
+	const startDate = parseDateString(startStr);
+	const endDate = parseDateString(endStr);
+	if (!startDate || !endDate) return {
+		start: startDate ? formatDateValue(startDate) : null,
+		end: endDate ? formatDateValue(endDate) : null,
+		isValid: false
+	};
+	return {
+		start: formatDateValue(startDate),
+		end: formatDateValue(endDate),
+		isValid: true
+	};
+};
+/**
+* Parse input text based on range flag
+*/
+const parseInputText = (text, range) => {
+	if (!range) {
+		const date = parseDateString(text);
+		return date ? [date] : [];
+	}
+	const parsed = parseRangeInput(text);
+	if (!parsed.isValid || !parsed.start || !parsed.end) return [];
+	const startDate = parseDateString(parsed.start);
+	const endDate = parseDateString(parsed.end);
+	if (!startDate || !endDate) return [];
+	return [startDate, endDate];
+};
+/**
+* Validate date input
+*/
+const validateDateString = ({ text, range, min, max }) => {
+	if (!text.trim()) return { isValid: true };
+	if (!range) {
+		const date = parseDateString(text);
+		if (!date) return {
+			isValid: false,
+			error: "Invalid date format. Use MM/DD/YYYY"
+		};
+		if (min && date.compare(min) < 0) return {
+			isValid: false,
+			error: "Date is before minimum allowed date"
+		};
+		if (max && date.compare(max) > 0) return {
+			isValid: false,
+			error: "Date is after maximum allowed date"
+		};
+		return { isValid: true };
+	}
+	const parsed = parseRangeInput(text);
+	if (!parsed.isValid) return {
+		isValid: false,
+		error: "Invalid date range format. Use MM/DD/YYYY - MM/DD/YYYY"
+	};
+	if (!parsed.start || !parsed.end) return {
+		isValid: false,
+		error: "Both start and end dates are required"
+	};
+	const startDate = parseDateString(parsed.start);
+	const endDate = parseDateString(parsed.end);
+	if (!startDate || !endDate) return {
+		isValid: false,
+		error: "Invalid date format. Use MM/DD/YYYY"
+	};
+	if (startDate.compare(endDate) > 0) return {
+		isValid: false,
+		error: "Start date must be before or equal to end date"
+	};
+	if (min && startDate.compare(min) < 0) return {
+		isValid: false,
+		error: "Start date is before minimum allowed date"
+	};
+	if (max && endDate.compare(max) > 0) return {
+		isValid: false,
+		error: "End date is after maximum allowed date"
+	};
+	return { isValid: true };
+};
+
+//#endregion
+exports.dateValuesToStrings = dateValuesToStrings;
+exports.formatDateInputValue = formatDateInputValue;
+exports.isoStringToDateValue = isoStringToDateValue;
+exports.parseInputText = parseInputText;
+exports.stringToDateValue = stringToDateValue;
+exports.validateDateString = validateDateString;

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

@@ -0,0 +1,164 @@
+import "@ark-ui/react/date-picker";
+import { CalendarDate, parseDate } from "@internationalized/date";
+
+//#region src/components/ds-date-input/ds-date-input.utils.ts
+/**
+* Convert ISO date string to DateValue
+*/
+const isoStringToDateValue = (isoDate) => {
+	try {
+		return parseDate(isoDate);
+	} catch {
+		return;
+	}
+};
+/**
+* Convert string or tuple to DateValue array (for internal use with Ark UI)
+*/
+const stringToDateValue = (dates) => {
+	return (Array.isArray(dates) ? dates : [dates]).map(isoStringToDateValue).filter((d) => !!d);
+};
+/**
+* Convert DateValue array to string or tuple (for public API)
+*/
+const dateValuesToStrings = (dates, range) => {
+	const values = dates.map((date) => date.toString());
+	return range ? [values[0], values[1]] : values[0];
+};
+/**
+* Format a DateValue to string (MM/DD/YYYY)
+*/
+const formatDateValue = (date) => {
+	return `${String(date.month).padStart(2, "0")}/${String(date.day).padStart(2, "0")}/${String(date.year)}`;
+};
+/**
+* Format an array of DateValues to a unified string
+* Single: "12/25/2024"
+* Range: "12/01/2024 - 12/31/2024"
+*/
+const formatDateInputValue = (value, range) => {
+	if (value.length === 0) return "";
+	const newValue = value.map(formatDateValue);
+	return range ? newValue.join(" - ") : newValue[0];
+};
+/**
+* Parse a date string (MM/DD/YYYY) to DateValue
+*/
+const parseDateString = (dateStr) => {
+	if (!dateStr || !dateStr.trim()) return null;
+	const match = dateStr.trim().match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
+	if (!match) return null;
+	const [, month, day, year] = match;
+	const monthNum = parseInt(month, 10);
+	const dayNum = parseInt(day, 10);
+	const yearNum = parseInt(year, 10);
+	const date = new Date(yearNum, monthNum - 1, dayNum);
+	if (date.getFullYear() !== yearNum || date.getMonth() !== monthNum - 1 || date.getDate() !== dayNum) return null;
+	return new CalendarDate(yearNum, monthNum, dayNum);
+};
+/**
+* Parse a range input string (MM/DD/YYYY - MM/DD/YYYY)
+*/
+const parseRangeInput = (text) => {
+	if (!text.trim()) return {
+		start: null,
+		end: null,
+		isValid: true
+	};
+	if (!text.includes("-")) {
+		const date = parseDateString(text.trim());
+		return {
+			start: date ? formatDateValue(date) : null,
+			end: null,
+			isValid: false
+		};
+	}
+	const parts = text.split("-").map((p) => p.trim());
+	if (parts.length !== 2) return {
+		start: null,
+		end: null,
+		isValid: false
+	};
+	const [startStr, endStr] = parts;
+	const startDate = parseDateString(startStr);
+	const endDate = parseDateString(endStr);
+	if (!startDate || !endDate) return {
+		start: startDate ? formatDateValue(startDate) : null,
+		end: endDate ? formatDateValue(endDate) : null,
+		isValid: false
+	};
+	return {
+		start: formatDateValue(startDate),
+		end: formatDateValue(endDate),
+		isValid: true
+	};
+};
+/**
+* Parse input text based on range flag
+*/
+const parseInputText = (text, range) => {
+	if (!range) {
+		const date = parseDateString(text);
+		return date ? [date] : [];
+	}
+	const parsed = parseRangeInput(text);
+	if (!parsed.isValid || !parsed.start || !parsed.end) return [];
+	const startDate = parseDateString(parsed.start);
+	const endDate = parseDateString(parsed.end);
+	if (!startDate || !endDate) return [];
+	return [startDate, endDate];
+};
+/**
+* Validate date input
+*/
+const validateDateString = ({ text, range, min, max }) => {
+	if (!text.trim()) return { isValid: true };
+	if (!range) {
+		const date = parseDateString(text);
+		if (!date) return {
+			isValid: false,
+			error: "Invalid date format. Use MM/DD/YYYY"
+		};
+		if (min && date.compare(min) < 0) return {
+			isValid: false,
+			error: "Date is before minimum allowed date"
+		};
+		if (max && date.compare(max) > 0) return {
+			isValid: false,
+			error: "Date is after maximum allowed date"
+		};
+		return { isValid: true };
+	}
+	const parsed = parseRangeInput(text);
+	if (!parsed.isValid) return {
+		isValid: false,
+		error: "Invalid date range format. Use MM/DD/YYYY - MM/DD/YYYY"
+	};
+	if (!parsed.start || !parsed.end) return {
+		isValid: false,
+		error: "Both start and end dates are required"
+	};
+	const startDate = parseDateString(parsed.start);
+	const endDate = parseDateString(parsed.end);
+	if (!startDate || !endDate) return {
+		isValid: false,
+		error: "Invalid date format. Use MM/DD/YYYY"
+	};
+	if (startDate.compare(endDate) > 0) return {
+		isValid: false,
+		error: "Start date must be before or equal to end date"
+	};
+	if (min && startDate.compare(min) < 0) return {
+		isValid: false,
+		error: "Start date is before minimum allowed date"
+	};
+	if (max && endDate.compare(max) > 0) return {
+		isValid: false,
+		error: "End date is after maximum allowed date"
+	};
+	return { isValid: true };
+};
+
+//#endregion
+export { dateValuesToStrings, formatDateInputValue, isoStringToDateValue, parseInputText, stringToDateValue, validateDateString };
+//# sourceMappingURL=ds-date-input.utils.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1 @@
+const require_ds_date_input = require('./ds-date-input.cjs');

package/dist/components/ds-date-input/index.d.ts

@@ -0,0 +1,2 @@
+import { DsDateInputProps } from "./ds-date-input.types.js";
+import { DsDateInput } from "./ds-date-input.js";

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

@@ -0,0 +1 @@
+import ds_date_input_default from "./ds-date-input.js";

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

@@ -0,0 +1,47 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_divider_module = require('./ds-divider.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-divider/ds-divider.tsx
+const DsDivider = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(9);
+	const { orientation: t1, component, style, className } = t0;
+	const orientation = t1 === void 0 ? "horizontal" : t1;
+	const isVertical = orientation === "vertical";
+	const Component = component ?? (isVertical ? "div" : "hr");
+	const t2 = !isVertical;
+	let t3;
+	if ($[0] !== className || $[1] !== isVertical || $[2] !== t2) {
+		t3 = (0, classnames.default)(require_ds_divider_module.default.divider, {
+			[require_ds_divider_module.default.vertical]: isVertical,
+			[require_ds_divider_module.default.horizontal]: t2
+		}, className);
+		$[0] = className;
+		$[1] = isVertical;
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	const classes = t3;
+	let t4;
+	if ($[4] !== Component || $[5] !== classes || $[6] !== orientation || $[7] !== style) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+			role: "separator",
+			"aria-orientation": orientation,
+			className: classes,
+			style
+		});
+		$[4] = Component;
+		$[5] = classes;
+		$[6] = orientation;
+		$[7] = style;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+};
+var ds_divider_default = DsDivider;
+
+//#endregion
+exports.default = ds_divider_default;

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

@@ -0,0 +1,8 @@
+import { DsDividerProps } from "./ds-divider.types.cjs";
+import React from "react";
+
+//#region src/components/ds-divider/ds-divider.d.ts
+declare const DsDivider: React.FC<DsDividerProps>;
+//#endregion
+export { DsDivider };
+//# sourceMappingURL=ds-divider.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-divider.d.cts","names":[],"sources":["../../../src/components/ds-divider/ds-divider.tsx"],"sourcesContent":[],"mappings":";;;;cAKM,WAAW,KAAA,CAAM,GAAG"}

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

@@ -0,0 +1,8 @@
+import { DsDividerProps } from "./ds-divider.types.js";
+import React from "react";
+
+//#region src/components/ds-divider/ds-divider.d.ts
+declare const DsDivider: React.FC<DsDividerProps>;
+//#endregion
+export { DsDivider };
+//# sourceMappingURL=ds-divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-divider.d.ts","names":[],"sources":["../../../src/components/ds-divider/ds-divider.tsx"],"sourcesContent":[],"mappings":";;;;cAKM,WAAW,KAAA,CAAM,GAAG"}

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

@@ -0,0 +1,46 @@
+import ds_divider_module_default from "./ds-divider.module.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-divider/ds-divider.tsx
+const DsDivider = (t0) => {
+	const $ = c(9);
+	const { orientation: t1, component, style, className } = t0;
+	const orientation = t1 === void 0 ? "horizontal" : t1;
+	const isVertical = orientation === "vertical";
+	const Component = component ?? (isVertical ? "div" : "hr");
+	const t2 = !isVertical;
+	let t3;
+	if ($[0] !== className || $[1] !== isVertical || $[2] !== t2) {
+		t3 = classNames(ds_divider_module_default.divider, {
+			[ds_divider_module_default.vertical]: isVertical,
+			[ds_divider_module_default.horizontal]: t2
+		}, className);
+		$[0] = className;
+		$[1] = isVertical;
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	const classes = t3;
+	let t4;
+	if ($[4] !== Component || $[5] !== classes || $[6] !== orientation || $[7] !== style) {
+		t4 = /* @__PURE__ */ jsx(Component, {
+			role: "separator",
+			"aria-orientation": orientation,
+			className: classes,
+			style
+		});
+		$[4] = Component;
+		$[5] = classes;
+		$[6] = orientation;
+		$[7] = style;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+};
+var ds_divider_default = DsDivider;
+
+//#endregion
+export { ds_divider_default as default };
+//# sourceMappingURL=ds-divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-divider.js","names":["React","classNames","styles","DsDividerProps","DsDivider","FC","t0","$","_c","orientation","t1","component","style","className","undefined","isVertical","Component","t2","t3","divider","vertical","horizontal","classes","t4"],"sources":["../../../src/components/ds-divider/ds-divider.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-divider.module.scss';\nimport { type DsDividerProps } from './ds-divider.types';\n\nconst DsDivider: React.FC<DsDividerProps> = ({ orientation = 'horizontal', component, style, className }) => {\n\tconst isVertical = orientation === 'vertical';\n\tconst Component = component ?? (isVertical ? 'div' : 'hr');\n\n\tconst classes = classNames(\n\t\tstyles.divider,\n\t\t{\n\t\t\t[styles.vertical]: isVertical,\n\t\t\t[styles.horizontal]: !isVertical,\n\t\t},\n\t\tclassName,\n\t);\n\n\treturn <Component role=\"separator\" aria-orientation={orientation} className={classes} style={style} />;\n};\n\nexport default DsDivider;\n"],"mappings":";;;;;;AAKA,MAAMI,aAAsCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,aAAAC,IAAAC,WAAAC,OAAAC,cAAAP;CAAE,MAAAG,cAAAC,OAAAI,SAAA,eAAAJ;CAC9C,MAAAK,aAAmBN,gBAAgB;CACnC,MAAAO,YAAkBL,cAAcI,aAAA,QAAA;CAMT,MAAAE,KAAA,CAACF;CAAU,IAAAG;AAAA,KAAAX,EAAA,OAAAM,aAAAN,EAAA,OAAAQ,cAAAR,EAAA,OAAAU,IAAA;AAJlBC,OAAAjB,WACfC,0BAAMiB,SACN;IACEjB,0BAAMkB,WAAYL;IAClBb,0BAAMmB,aAAcJ;GACrB,EACDJ,UACA;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAQ;AAAAR,IAAA,KAAAU;AAAAV,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAPD,MAAAe,UAAgBJ;CAOd,IAAAK;AAAA,KAAAhB,EAAA,OAAAS,aAAAT,EAAA,OAAAe,WAAAf,EAAA,OAAAE,eAAAF,EAAA,OAAAK,OAAA;AAEKW,OAAA,oBAAC;GAAe,MAAA;GAA8Bd,oBAAAA;GAAwBa,WAAAA;GAAgBV;IAAS;AAAAL,IAAA,KAAAS;AAAAT,IAAA,KAAAe;AAAAf,IAAA,KAAAE;AAAAF,IAAA,KAAAK;AAAAL,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;AAAA,QAA/FgB;;AAGR,yBAAenB"}

package/dist/components/ds-divider/ds-divider.module.cjs

@@ -0,0 +1,10 @@
+
+//#region src/components/ds-divider/ds-divider.module.scss
+var ds_divider_module_default = {
+	"divider": "_divider_s6hux_1",
+	"horizontal": "_horizontal_s6hux_1",
+	"vertical": "_vertical_s6hux_1"
+};
+
+//#endregion
+exports.default = ds_divider_module_default;

package/dist/components/ds-divider/ds-divider.module.js

@@ -0,0 +1,10 @@
+//#region src/components/ds-divider/ds-divider.module.scss
+var ds_divider_module_default = {
+	"divider": "_divider_s6hux_1",
+	"horizontal": "_horizontal_s6hux_1",
+	"vertical": "_vertical_s6hux_1"
+};
+
+//#endregion
+export { ds_divider_module_default as default };
+//# sourceMappingURL=ds-divider.module.js.map

package/dist/components/ds-divider/ds-divider.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-divider.module.js","names":[],"sources":["../../../src/components/ds-divider/ds-divider.module.scss"],"sourcesContent":[".divider {\n\tdisplay: block;\n\n\tborder: 0;\n\tpadding: 0;\n\tcolor: transparent;\n\n\tbackground-color: var(--color-border-secondary);\n\tflex-shrink: 0;\n}\n\n.horizontal {\n\twidth: 100%;\n\theight: 1px;\n}\n\n.vertical {\n\twidth: 1px;\n\theight: auto;\n\talign-self: stretch;\n}\n"],"mappings":""}

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

@@ -0,0 +1,25 @@
+import React from "react";
+
+//#region src/components/ds-divider/ds-divider.types.d.ts
+interface DsDividerProps {
+  /**
+   * Controls orientation of the divider. Horizontal by default.
+   */
+  orientation?: 'horizontal' | 'vertical';
+  /**
+   * Underlying element/component to render.
+   * Examples: "hr", "div", "span", Link, etc.
+   */
+  component?: React.ElementType;
+  /**
+   * Additional CSS styles.
+   */
+  style?: React.CSSProperties;
+  /**
+   * Additional CSS classes.
+   */
+  className?: string;
+}
+//#endregion
+export { DsDividerProps };
+//# sourceMappingURL=ds-divider.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-divider.types.d.cts","names":[],"sources":["../../../src/components/ds-divider/ds-divider.types.ts"],"sourcesContent":[],"mappings":";;;UAEiB,cAAA;;AAAjB;;;;;;;cASa,KAAA,CAAM;;;;UAIV,KAAA,CAAM"}

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

@@ -0,0 +1,25 @@
+import React from "react";
+
+//#region src/components/ds-divider/ds-divider.types.d.ts
+interface DsDividerProps {
+  /**
+   * Controls orientation of the divider. Horizontal by default.
+   */
+  orientation?: 'horizontal' | 'vertical';
+  /**
+   * Underlying element/component to render.
+   * Examples: "hr", "div", "span", Link, etc.
+   */
+  component?: React.ElementType;
+  /**
+   * Additional CSS styles.
+   */
+  style?: React.CSSProperties;
+  /**
+   * Additional CSS classes.
+   */
+  className?: string;
+}
+//#endregion
+export { DsDividerProps };
+//# sourceMappingURL=ds-divider.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-divider.types.d.ts","names":[],"sources":["../../../src/components/ds-divider/ds-divider.types.ts"],"sourcesContent":[],"mappings":";;;UAEiB,cAAA;;AAAjB;;;;;;;cASa,KAAA,CAAM;;;;UAIV,KAAA,CAAM"}

package/dist/components/ds-divider/index.cjs

@@ -0,0 +1 @@
+const require_ds_divider = require('./ds-divider.cjs');

package/dist/components/ds-divider/index.d.ts

@@ -0,0 +1,2 @@
+import { DsDividerProps } from "./ds-divider.types.js";
+import { DsDivider } from "./ds-divider.js";

package/dist/components/ds-divider/index.js

@@ -0,0 +1 @@
+import ds_divider_default from "./ds-divider.js";

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

@@ -1,5 +1,5 @@
 import { DsDrawerProps } from "./ds-drawer.types.cjs";
-import * as react_jsx_runtime10 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_runtime10.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_runtime10.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_runtime10.JSX.Element;
+  }) => react_jsx_runtime13.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime10.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_runtime10.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_runtime10.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_runtime10.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_runtime10.JSX.Element;
+  }) => react_jsx_runtime13.JSX.Element;
 };
 //#endregion
 export { DsDrawer };