@drivenets/design-system 0.0.2 → 0.0.4

package/dist/components/ds-number-input/ds-number-input.types.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+
+//#region src/components/ds-number-input/ds-number-input.types.d.ts
+interface DsNumberInputProps {
+  /**
+   * Unique identifier for the input field
+   */
+  id?: string;
+  /**
+   * The ref to the input field
+   */
+  ref?: React.Ref<HTMLInputElement>;
+  /**
+   * The name of the input field
+   */
+  name?: string;
+  /**
+   * The size of the input field
+   * @default default
+   */
+  size?: 'small' | 'default';
+  /**
+   * Event handler called when the input field loses focus
+   *
+   * @param event
+   */
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  /**
+   * Callback when the value changes (native input onChange event)
+   * This is provided for compatibility but onValueChange is preferred
+   */
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  /**
+   * Value change event handler (provides just the number value)
+   * This is the preferred way to handle value changes
+   */
+  onValueChange?: (value: number) => void;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+  /**
+   * The placeholder text
+   */
+  placeholder?: string;
+  /**
+   * Whether the number input is disabled
+   */
+  disabled?: boolean;
+  /**
+   * The minimum value of the number input
+   */
+  min?: number | undefined;
+  /**
+   * The maximum value of the number input
+   * @default Number.MAX_SAFE_INTEGER
+   */
+  max?: number | undefined;
+  /**
+   * The amount to increment or decrement the value by
+   * @default 1
+   */
+  step?: number | undefined;
+  /**
+   * The controlled value of the input
+   */
+  value?: number | undefined;
+  /**
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
+   */
+  defaultValue?: number | undefined;
+}
+//#endregion
+export { DsNumberInputProps };
+//# sourceMappingURL=ds-number-input.types.d.ts.map

package/dist/components/ds-number-input/ds-number-input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-number-input.types.d.ts","names":[],"sources":["../../../src/components/ds-number-input/ds-number-input.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,kBAAA;;AAAjB;;EAQO,EAAA,CAAM,EAAA,MAAA;EAesB;;;EAKf,GAAM,CAAA,EApBnB,KAAA,CAAM,GAoBa,CApBT,gBAoBS,CAAA;EAajB;;;;;;;;;;;;;;mBAlBS,KAAA,CAAM,WAAW;;;;;qBAKf,KAAA,CAAM,YAAY;;;;;;;;;;;;;UAa7B,KAAA,CAAM"}

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

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

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

@@ -0,0 +1,2 @@
+import { DsNumberInputProps } from "./ds-number-input.types.js";
+import { DsNumberInput } from "./ds-number-input.js";

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

@@ -0,0 +1 @@
+import ds_number_input_default from "./ds-number-input.js";

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

@@ -0,0 +1,130 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon = require('../ds-icon/ds-icon.cjs');
+require('../ds-icon/index.cjs');
+const require_ds_panel_module = require('./ds-panel.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");
+let __radix_ui_react_collapsible = require("@radix-ui/react-collapsible");
+__radix_ui_react_collapsible = require_rolldown_runtime.__toESM(__radix_ui_react_collapsible);
+
+//#region src/components/ds-panel/ds-panel.tsx
+function DsPanel(t0) {
+	const $ = (0, react_compiler_runtime.c)(23);
+	let children;
+	let className;
+	let onOpenChange;
+	let open;
+	let props;
+	let slotProps;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({open, onOpenChange, children, className, slotProps, variant: t1, disablePadding: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = onOpenChange;
+		$[4] = open;
+		$[5] = props;
+		$[6] = slotProps;
+		$[7] = t1;
+		$[8] = t2;
+	} else {
+		children = $[1];
+		className = $[2];
+		onOpenChange = $[3];
+		open = $[4];
+		props = $[5];
+		slotProps = $[6];
+		t1 = $[7];
+		t2 = $[8];
+	}
+	const variant = t1 === void 0 ? "docked" : t1;
+	const disablePadding = t2 === void 0 ? false : t2;
+	const t3 = variant === "docked";
+	const t4 = variant === "floating";
+	let t5;
+	if ($[9] !== className || $[10] !== disablePadding || $[11] !== t3 || $[12] !== t4) {
+		t5 = (0, classnames.default)(require_ds_panel_module.default.root, className, {
+			[require_ds_panel_module.default.variantDocked]: t3,
+			[require_ds_panel_module.default.variantFloating]: t4,
+			[require_ds_panel_module.default.disablePadding]: disablePadding
+		});
+		$[9] = className;
+		$[10] = disablePadding;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	const t6 = slotProps?.collapseButton;
+	let t7;
+	if ($[14] !== t6) {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsPanelCollapseButton, { ...t6 });
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== children || $[17] !== onOpenChange || $[18] !== open || $[19] !== props || $[20] !== t5 || $[21] !== t7) {
+		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_collapsible.Root, {
+			open,
+			onOpenChange,
+			className: t5,
+			...props,
+			children: [t7, children]
+		});
+		$[16] = children;
+		$[17] = onOpenChange;
+		$[18] = open;
+		$[19] = props;
+		$[20] = t5;
+		$[21] = t7;
+		$[22] = t8;
+	} else t8 = $[22];
+	return t8;
+}
+function DsPanelCollapseButton(t0) {
+	const $ = (0, react_compiler_runtime.c)(9);
+	let collapsed;
+	let props;
+	if ($[0] !== t0) {
+		({collapsed, ...props} = t0);
+		$[0] = t0;
+		$[1] = collapsed;
+		$[2] = props;
+	} else {
+		collapsed = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== collapsed) {
+		t1 = (0, classnames.default)(require_ds_panel_module.default.trigger, { [require_ds_panel_module.default.triggerCollapsed]: collapsed });
+		$[3] = collapsed;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon: "arrow_circle_left",
+			variant: "outlined"
+		});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props || $[7] !== t1) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_collapsible.Trigger, {
+			className: t1,
+			"aria-label": "Toggle panel",
+			...props,
+			children: t2
+		});
+		$[6] = props;
+		$[7] = t1;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+
+//#endregion
+exports.DsPanel = DsPanel;

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

@@ -0,0 +1,17 @@
+import { DsPanelProps } from "./ds-panel.types.cjs";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
+
+//#region src/components/ds-panel/ds-panel.d.ts
+declare function DsPanel({
+  open,
+  onOpenChange,
+  children,
+  className,
+  slotProps,
+  variant,
+  disablePadding,
+  ...props
+}: DsPanelProps): react_jsx_runtime33.JSX.Element;
+//#endregion
+export { DsPanel };
+//# sourceMappingURL=ds-panel.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-panel.d.cts","names":[],"sources":["../../../src/components/ds-panel/ds-panel.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,OAAA;;;;;;;;;GASb,eAAY,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,17 @@
+import { DsPanelProps } from "./ds-panel.types.js";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
+
+//#region src/components/ds-panel/ds-panel.d.ts
+declare function DsPanel({
+  open,
+  onOpenChange,
+  children,
+  className,
+  slotProps,
+  variant,
+  disablePadding,
+  ...props
+}: DsPanelProps): react_jsx_runtime38.JSX.Element;
+//#endregion
+export { DsPanel };
+//# sourceMappingURL=ds-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-panel.d.ts","names":[],"sources":["../../../src/components/ds-panel/ds-panel.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,OAAA;;;;;;;;;GASb,eAAY,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,128 @@
+import ds_icon_default from "../ds-icon/ds-icon.js";
+import "../ds-icon/index.js";
+import ds_panel_module_default from "./ds-panel.module.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Collapsible from "@radix-ui/react-collapsible";
+
+//#region src/components/ds-panel/ds-panel.tsx
+function DsPanel(t0) {
+	const $ = c(23);
+	let children;
+	let className;
+	let onOpenChange;
+	let open;
+	let props;
+	let slotProps;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({open, onOpenChange, children, className, slotProps, variant: t1, disablePadding: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = onOpenChange;
+		$[4] = open;
+		$[5] = props;
+		$[6] = slotProps;
+		$[7] = t1;
+		$[8] = t2;
+	} else {
+		children = $[1];
+		className = $[2];
+		onOpenChange = $[3];
+		open = $[4];
+		props = $[5];
+		slotProps = $[6];
+		t1 = $[7];
+		t2 = $[8];
+	}
+	const variant = t1 === void 0 ? "docked" : t1;
+	const disablePadding = t2 === void 0 ? false : t2;
+	const t3 = variant === "docked";
+	const t4 = variant === "floating";
+	let t5;
+	if ($[9] !== className || $[10] !== disablePadding || $[11] !== t3 || $[12] !== t4) {
+		t5 = classNames(ds_panel_module_default.root, className, {
+			[ds_panel_module_default.variantDocked]: t3,
+			[ds_panel_module_default.variantFloating]: t4,
+			[ds_panel_module_default.disablePadding]: disablePadding
+		});
+		$[9] = className;
+		$[10] = disablePadding;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	const t6 = slotProps?.collapseButton;
+	let t7;
+	if ($[14] !== t6) {
+		t7 = /* @__PURE__ */ jsx(DsPanelCollapseButton, { ...t6 });
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== children || $[17] !== onOpenChange || $[18] !== open || $[19] !== props || $[20] !== t5 || $[21] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(Collapsible.Root, {
+			open,
+			onOpenChange,
+			className: t5,
+			...props,
+			children: [t7, children]
+		});
+		$[16] = children;
+		$[17] = onOpenChange;
+		$[18] = open;
+		$[19] = props;
+		$[20] = t5;
+		$[21] = t7;
+		$[22] = t8;
+	} else t8 = $[22];
+	return t8;
+}
+function DsPanelCollapseButton(t0) {
+	const $ = c(9);
+	let collapsed;
+	let props;
+	if ($[0] !== t0) {
+		({collapsed, ...props} = t0);
+		$[0] = t0;
+		$[1] = collapsed;
+		$[2] = props;
+	} else {
+		collapsed = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== collapsed) {
+		t1 = classNames(ds_panel_module_default.trigger, { [ds_panel_module_default.triggerCollapsed]: collapsed });
+		$[3] = collapsed;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(ds_icon_default, {
+			icon: "arrow_circle_left",
+			variant: "outlined"
+		});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props || $[7] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Collapsible.Trigger, {
+			className: t1,
+			"aria-label": "Toggle panel",
+			...props,
+			children: t2
+		});
+		$[6] = props;
+		$[7] = t1;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+
+//#endregion
+export { DsPanel };
+//# sourceMappingURL=ds-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-panel.js","names":["Collapsible","classnames","styles","DsIcon","DsPanelCollapseButtonProps","DsPanelProps","DsPanel","t0","$","_c","children","className","onOpenChange","open","props","slotProps","t1","t2","variant","disablePadding","undefined","t3","t4","t5","root","variantDocked","variantFloating","t6","collapseButton","t7","t8","DsPanelCollapseButton","collapsed","trigger","triggerCollapsed","Symbol","for"],"sources":["../../../src/components/ds-panel/ds-panel.tsx"],"sourcesContent":["import * as Collapsible from '@radix-ui/react-collapsible';\nimport classnames from 'classnames';\nimport styles from './ds-panel.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport type { DsPanelCollapseButtonProps, DsPanelProps } from './ds-panel.types';\n\nexport function DsPanel({\n\topen,\n\tonOpenChange,\n\tchildren,\n\tclassName,\n\tslotProps,\n\tvariant = 'docked',\n\tdisablePadding = false,\n\t...props\n}: DsPanelProps) {\n\treturn (\n\t\t<Collapsible.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\tclassName={classnames(styles.root, className, {\n\t\t\t\t[styles.variantDocked]: variant === 'docked',\n\t\t\t\t[styles.variantFloating]: variant === 'floating',\n\t\t\t\t[styles.disablePadding]: disablePadding,\n\t\t\t})}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DsPanelCollapseButton {...slotProps?.collapseButton} />\n\t\t\t{children}\n\t\t</Collapsible.Root>\n\t);\n}\n\nfunction DsPanelCollapseButton({ collapsed, ...props }: DsPanelCollapseButtonProps) {\n\treturn (\n\t\t<Collapsible.Trigger\n\t\t\tclassName={classnames(styles.trigger, {\n\t\t\t\t[styles.triggerCollapsed]: collapsed,\n\t\t\t})}\n\t\t\taria-label=\"Toggle panel\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<DsIcon icon=\"arrow_circle_left\" variant=\"outlined\" />\n\t\t</Collapsible.Trigger>\n\t);\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+
+//#region src/components/ds-panel/ds-panel.module.scss
+var ds_panel_module_default = {
+	"root": "_root_17q29_1",
+	"variantFloating": "_variantFloating_17q29_1",
+	"disablePadding": "_disablePadding_17q29_1",
+	"trigger": "_trigger_17q29_1",
+	"triggerCollapsed": "_triggerCollapsed_17q29_1",
+	"variantDocked": "_variantDocked_17q29_1"
+};
+
+//#endregion
+exports.default = ds_panel_module_default;

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

@@ -0,0 +1,13 @@
+//#region src/components/ds-panel/ds-panel.module.scss
+var ds_panel_module_default = {
+	"root": "_root_17q29_1",
+	"variantFloating": "_variantFloating_17q29_1",
+	"disablePadding": "_disablePadding_17q29_1",
+	"trigger": "_trigger_17q29_1",
+	"triggerCollapsed": "_triggerCollapsed_17q29_1",
+	"variantDocked": "_variantDocked_17q29_1"
+};
+
+//#endregion
+export { ds_panel_module_default as default };
+//# sourceMappingURL=ds-panel.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-panel.module.js","names":[],"sources":["../../../src/components/ds-panel/ds-panel.module.scss"],"sourcesContent":[".root {\n\tposition: relative;\n\tbackground: var(--white);\n\tpadding: var(--spacing-6);\n\twidth: 340px;\n\tborder-inline-end: 1px solid transparent;\n\n\t&[data-state='open']:hover,\n\t&[data-state='open']:focus-within {\n\t\tborder-color: var(--color-border);\n\t}\n\n\t&[data-state='closed'] {\n\t\tdisplay: none;\n\t}\n\n\t&.variantFloating {\n\t\tposition: absolute;\n\t\tinset-inline-start: var(--spacing-3);\n\t\ttop: var(--spacing-3);\n\t\tborder: none;\n\t\tborder-radius: var(--spacing-2);\n\t\tfilter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.22));\n\t}\n\n\t&.disablePadding {\n\t\tpadding: 0;\n\t}\n}\n\n.trigger {\n\t--size: 28px;\n\n\tposition: absolute;\n\tcursor: pointer;\n\tuser-select: none;\n\tdisplay: none;\n\theight: var(--size);\n\twidth: var(--size);\n\tpadding: 1px;\n\tborder: 1px solid var(--color-border-secondary);\n\tborder-radius: 100%;\n\tbackground: var(--white);\n\tcolor: var(--color-icon-secondary);\n\ttop: var(--spacing-6);\n\tinset-inline-start: 100%;\n\tmargin-inline-start: calc(var(--size) / -2);\n\n\t&[data-state='closed'],\n\t&.triggerCollapsed {\n\t\trotate: y 180deg;\n\t}\n\n\t.root:hover &,\n\t.root:focus-within & {\n\t\tdisplay: flex;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: var(--color-icon-primary);\n\t\tborder-color: var(--color-border-action-primary);\n\t\toutline: none;\n\t\tbackground: var(--color-background-action-tertiary);\n\n\t\t.root:has(&) {\n\t\t\tborder-color: var(--color-border-action-primary);\n\n\t\t\t// Add an inset single-sided border on hover without affecting the layout.\n\t\t\t&.variantDocked[data-state='open']::before {\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t\tbackground: var(--color-border-action-primary);\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Increase surface size for better clickability.\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: calc(-1 * var(--spacing-1));\n\t}\n\n\t.root.variantFloating & {\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t}\n}\n"],"mappings":""}

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

@@ -0,0 +1,19 @@
+import * as Collapsible from "@radix-ui/react-collapsible";
+
+//#region src/components/ds-panel/ds-panel.types.d.ts
+type DsPanelVariant = 'docked' | 'floating';
+type DsPanelProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
+  variant?: DsPanelVariant;
+  disablePadding?: boolean;
+  slotProps?: {
+    collapseButton?: DsPanelCollapseButtonProps;
+  };
+  onOpenChange?: (open: boolean) => void;
+};
+type DsPanelCollapseButtonProps = {
+  onClick?: () => void;
+  collapsed?: boolean;
+};
+//#endregion
+export { DsPanelCollapseButtonProps, DsPanelProps, DsPanelVariant };
+//# sourceMappingURL=ds-panel.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-panel.types.d.cts","names":[],"sources":["../../../src/components/ds-panel/ds-panel.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,cAAA;KAEA,YAAA,GAAe,KAAK,WAAA,CAAY;EAFhC,OAAA,CAAA,EAGD,cAHe;EAEd,cAAA,CAAY,EAAA,OAAA;EAAQ,SAAY,CAAA,EAAA;IAAjB,cAAA,CAAA,EAIR,0BAJQ;EAChB,CAAA;EAGQ,YAAA,CAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;CAA0B;AAKjC,KAAA,0BAAA,GAA0B"}

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

@@ -0,0 +1,19 @@
+import * as Collapsible from "@radix-ui/react-collapsible";
+
+//#region src/components/ds-panel/ds-panel.types.d.ts
+type DsPanelVariant = 'docked' | 'floating';
+type DsPanelProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
+  variant?: DsPanelVariant;
+  disablePadding?: boolean;
+  slotProps?: {
+    collapseButton?: DsPanelCollapseButtonProps;
+  };
+  onOpenChange?: (open: boolean) => void;
+};
+type DsPanelCollapseButtonProps = {
+  onClick?: () => void;
+  collapsed?: boolean;
+};
+//#endregion
+export { DsPanelCollapseButtonProps, DsPanelProps, DsPanelVariant };
+//# sourceMappingURL=ds-panel.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-panel.types.d.ts","names":[],"sources":["../../../src/components/ds-panel/ds-panel.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,cAAA;KAEA,YAAA,GAAe,KAAK,WAAA,CAAY;EAFhC,OAAA,CAAA,EAGD,cAHe;EAEd,cAAA,CAAY,EAAA,OAAA;EAAQ,SAAY,CAAA,EAAA;IAAjB,cAAA,CAAA,EAIR,0BAJQ;EAChB,CAAA;EAGQ,YAAA,CAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;CAA0B;AAKjC,KAAA,0BAAA,GAA0B"}

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

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

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

@@ -0,0 +1,2 @@
+import { DsPanelCollapseButtonProps, DsPanelProps, DsPanelVariant } from "./ds-panel.types.js";
+import { DsPanel } from "./ds-panel.js";

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

@@ -0,0 +1 @@
+import { DsPanel } from "./ds-panel.js";

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

@@ -0,0 +1,125 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon = require('../ds-icon/ds-icon.cjs');
+require('../ds-icon/index.cjs');
+const require_ds_password_input_module = require('./ds-password-input.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");
+let __ark_ui_react = require("@ark-ui/react");
+
+//#region src/components/ds-password-input/ds-password-input.tsx
+const DsPasswordInput = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(27);
+	const { id, ref, name, size: t1, onBlur, onChange, onValueChange, className, style: t2, value, defaultValue, placeholder, disabled: t3 } = t0;
+	const size = t1 === void 0 ? "default" : t1;
+	let t4;
+	if ($[0] !== t2) {
+		t4 = t2 === void 0 ? {} : t2;
+		$[0] = t2;
+		$[1] = t4;
+	} else t4 = $[1];
+	const style = t4;
+	const disabled = t3 === void 0 ? false : t3;
+	const t5 = size === "small";
+	const t6 = size === "default";
+	let t7;
+	if ($[2] !== className || $[3] !== t5 || $[4] !== t6) {
+		t7 = (0, classnames.default)(require_ds_password_input_module.default.textInputContainer, {
+			[require_ds_password_input_module.default.small]: t5,
+			[require_ds_password_input_module.default.default]: t6
+		}, className);
+		$[2] = className;
+		$[3] = t5;
+		$[4] = t6;
+		$[5] = t7;
+	} else t7 = $[5];
+	const containerClass = t7;
+	let t8;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = (0, classnames.default)(require_ds_password_input_module.default.input);
+		$[6] = t8;
+	} else t8 = $[6];
+	let t9;
+	if ($[7] !== onChange || $[8] !== onValueChange) {
+		t9 = (event) => {
+			onChange?.(event);
+			onValueChange?.(event.target.value);
+		};
+		$[7] = onChange;
+		$[8] = onValueChange;
+		$[9] = t9;
+	} else t9 = $[9];
+	let t10;
+	if ($[10] !== defaultValue || $[11] !== id || $[12] !== name || $[13] !== onBlur || $[14] !== placeholder || $[15] !== ref || $[16] !== t9 || $[17] !== value) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Input, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				id,
+				ref,
+				name,
+				className: t8,
+				value,
+				defaultValue,
+				placeholder,
+				onBlur,
+				onChange: t9
+			})
+		});
+		$[10] = defaultValue;
+		$[11] = id;
+		$[12] = name;
+		$[13] = onBlur;
+		$[14] = placeholder;
+		$[15] = ref;
+		$[16] = t9;
+		$[17] = value;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.VisibilityTrigger, {
+			className: require_ds_password_input_module.default.trigger,
+			"aria-label": "Toggle password visibility",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Indicator, {
+				className: require_ds_password_input_module.default.indicator,
+				fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+					icon: "visibility_off",
+					size: "tiny"
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+					icon: "visibility",
+					size: "tiny"
+				})
+			})
+		});
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== containerClass || $[21] !== style || $[22] !== t10) {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Control, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: containerClass,
+			style,
+			children: [t10, t11]
+		}) });
+		$[20] = containerClass;
+		$[21] = style;
+		$[22] = t10;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== disabled || $[25] !== t12) {
+		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Root, {
+			disabled,
+			children: t12
+		});
+		$[24] = disabled;
+		$[25] = t12;
+		$[26] = t13;
+	} else t13 = $[26];
+	return t13;
+};
+var ds_password_input_default = DsPasswordInput;
+
+//#endregion
+exports.default = ds_password_input_default;

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

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

package/dist/components/ds-password-input/ds-password-input.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-password-input.d.cts","names":[],"sources":["../../../src/components/ds-password-input/ds-password-input.tsx"],"sourcesContent":[],"mappings":";;;;cAOM,iBAAiB,GAAG"}

package/dist/components/ds-password-input/ds-password-input.d.ts

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

package/dist/components/ds-password-input/ds-password-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-password-input.d.ts","names":[],"sources":["../../../src/components/ds-password-input/ds-password-input.tsx"],"sourcesContent":[],"mappings":";;;;cAOM,iBAAiB,GAAG"}