@drivenets/design-system 0.0.1 → 0.0.3

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

@@ -0,0 +1,70 @@
+import ds_icon_default from "../ds-icon/ds-icon.js";
+import "../ds-icon/index.js";
+import ds_number_input_module_default from "./ds-number-input.module.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NumberInput } from "@ark-ui/react";
+
+//#region src/components/ds-number-input/ds-number-input.tsx
+const DsNumberInput = ({ id, ref, name, size = "default", onBlur, onChange, onValueChange, className, style = {}, placeholder, disabled = false, min, max, step, value, defaultValue }) => {
+	const containerClass = classNames(ds_number_input_module_default.textInputContainer, {
+		[ds_number_input_module_default.small]: size === "small",
+		[ds_number_input_module_default.default]: size === "default"
+	}, className);
+	return /* @__PURE__ */ jsx(NumberInput.Root, {
+		id,
+		min,
+		max,
+		step,
+		disabled,
+		value: typeof value !== "undefined" ? String(value) : void 0,
+		defaultValue: typeof defaultValue !== "undefined" ? String(defaultValue) : void 0,
+		onValueChange: (details) => onValueChange?.(details.valueAsNumber),
+		children: /* @__PURE__ */ jsx(NumberInput.Control, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: containerClass,
+				style,
+				children: [
+					/* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: classNames(ds_number_input_module_default.iconButton),
+							"aria-label": "Decrease value",
+							children: /* @__PURE__ */ jsx(ds_icon_default, {
+								icon: "remove",
+								size: "tiny"
+							})
+						})
+					}),
+					/* @__PURE__ */ jsx(NumberInput.Input, {
+						ref,
+						name,
+						className: classNames(ds_number_input_module_default.input),
+						placeholder,
+						onBlur,
+						onChange
+					}),
+					/* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: classNames(ds_number_input_module_default.iconButton),
+							"aria-label": "Increase value",
+							children: /* @__PURE__ */ jsx(ds_icon_default, {
+								icon: "add",
+								size: "tiny"
+							})
+						})
+					})
+				]
+			})
+		})
+	});
+};
+var ds_number_input_default = DsNumberInput;
+
+//#endregion
+export { ds_number_input_default as default };
+//# sourceMappingURL=ds-number-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-number-input.js","names":["DsNumberInput: FC<DsNumberInputProps>","styles","DsIcon"],"sources":["../../../src/components/ds-number-input/ds-number-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport classNames from 'classnames';\nimport { NumberInput } from '@ark-ui/react';\nimport styles from './ds-number-input.module.scss';\nimport type { DsNumberInputProps } from './ds-number-input.types';\nimport { DsIcon } from '../ds-icon';\n\nconst DsNumberInput: FC<DsNumberInputProps> = ({\n\tid,\n\tref,\n\tname,\n\tsize = 'default',\n\tonBlur,\n\tonChange,\n\tonValueChange,\n\tclassName,\n\tstyle = {},\n\tplaceholder,\n\tdisabled = false,\n\tmin,\n\tmax,\n\tstep,\n\tvalue,\n\tdefaultValue,\n}) => {\n\tconst containerClass = classNames(\n\t\tstyles.textInputContainer,\n\t\t{\n\t\t\t[styles.small]: size === 'small',\n\t\t\t[styles.default]: size === 'default',\n\t\t},\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<NumberInput.Root\n\t\t\tid={id}\n\t\t\tmin={min}\n\t\t\tmax={max}\n\t\t\tstep={step}\n\t\t\tdisabled={disabled}\n\t\t\tvalue={typeof value !== 'undefined' ? String(value) : undefined}\n\t\t\tdefaultValue={typeof defaultValue !== 'undefined' ? String(defaultValue) : undefined}\n\t\t\tonValueChange={(details) => onValueChange?.(details.valueAsNumber)}\n\t\t>\n\t\t\t<NumberInput.Control asChild>\n\t\t\t\t<div className={containerClass} style={style}>\n\t\t\t\t\t<NumberInput.DecrementTrigger asChild>\n\t\t\t\t\t\t<button type=\"button\" className={classNames(styles.iconButton)} aria-label=\"Decrease value\">\n\t\t\t\t\t\t\t<DsIcon icon=\"remove\" size=\"tiny\" />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</NumberInput.DecrementTrigger>\n\n\t\t\t\t\t<NumberInput.Input\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tname={name}\n\t\t\t\t\t\tclassName={classNames(styles.input)}\n\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t></NumberInput.Input>\n\n\t\t\t\t\t<NumberInput.IncrementTrigger asChild>\n\t\t\t\t\t\t<button type=\"button\" className={classNames(styles.iconButton)} aria-label=\"Increase value\">\n\t\t\t\t\t\t\t<DsIcon icon=\"add\" size=\"tiny\" />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</NumberInput.IncrementTrigger>\n\t\t\t\t</div>\n\t\t\t</NumberInput.Control>\n\t\t</NumberInput.Root>\n\t);\n};\n\nexport default DsNumberInput;\n"],"mappings":";;;;;;;;AAOA,MAAMA,iBAAyC,EAC9C,IACA,KACA,MACA,OAAO,WACP,QACA,UACA,eACA,WACA,QAAQ,EAAE,EACV,aACA,WAAW,OACX,KACA,KACA,MACA,OACA,mBACK;CACL,MAAM,iBAAiB,WACtBC,+BAAO,oBACP;GACEA,+BAAO,QAAQ,SAAS;GACxBA,+BAAO,UAAU,SAAS;EAC3B,EACD,UACA;AAED,QACC,oBAAC,YAAY;EACR;EACC;EACA;EACC;EACI;EACV,OAAO,OAAO,UAAU,cAAc,OAAO,MAAM,GAAG;EACtD,cAAc,OAAO,iBAAiB,cAAc,OAAO,aAAa,GAAG;EAC3E,gBAAgB,YAAY,gBAAgB,QAAQ,cAAc;YAElE,oBAAC,YAAY;GAAQ;aACpB,qBAAC;IAAI,WAAW;IAAuB;;KACtC,oBAAC,YAAY;MAAiB;gBAC7B,oBAAC;OAAO,MAAK;OAAS,WAAW,WAAWA,+BAAO,WAAW;OAAE,cAAW;iBAC1E,oBAACC;QAAO,MAAK;QAAS,MAAK;SAAS;QAC5B;OACqB;KAE/B,oBAAC,YAAY;MACP;MACC;MACN,WAAW,WAAWD,+BAAO,MAAM;MACtB;MACL;MACE;OACU;KAErB,oBAAC,YAAY;MAAiB;gBAC7B,oBAAC;OAAO,MAAK;OAAS,WAAW,WAAWA,+BAAO,WAAW;OAAE,cAAW;iBAC1E,oBAACC;QAAO,MAAK;QAAM,MAAK;SAAS;QACzB;OACqB;;KAC1B;IACe;GACJ;;AAIrB,8BAAe"}

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

@@ -0,0 +1,14 @@
+
+//#region src/components/ds-number-input/ds-number-input.module.scss
+var ds_number_input_module_default = {
+	"textInputContainer": "_textInputContainer_16htx_1",
+	"input": "_input_16htx_1",
+	"iconButton": "_iconButton_16htx_1",
+	"small": "_small_16htx_1",
+	"default": "_default_16htx_1",
+	"trigger": "_trigger_16htx_1",
+	"indicator": "_indicator_16htx_1"
+};
+
+//#endregion
+exports.default = ds_number_input_module_default;

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

@@ -0,0 +1,14 @@
+//#region src/components/ds-number-input/ds-number-input.module.scss
+var ds_number_input_module_default = {
+	"textInputContainer": "_textInputContainer_16htx_1",
+	"input": "_input_16htx_1",
+	"iconButton": "_iconButton_16htx_1",
+	"small": "_small_16htx_1",
+	"default": "_default_16htx_1",
+	"trigger": "_trigger_16htx_1",
+	"indicator": "_indicator_16htx_1"
+};
+
+//#endregion
+export { ds_number_input_module_default as default };
+//# sourceMappingURL=ds-number-input.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-number-input.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-number-input/ds-number-input.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_input.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../styles/shared/input';\n\n.textInputContainer {\n\t@include input.inputContainer;\n}\n\n.input {\n\t@include input.input;\n\n\ttext-align: center;\n}\n\n.iconButton {\n\t@include input.iconButton;\n}\n"],"mappings":""}

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

@@ -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.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-number-input.types.d.cts","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/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,38 @@
+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 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({ open, onOpenChange, children, className, slotProps, variant = "docked", disablePadding = false, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_collapsible.Root, {
+		open,
+		onOpenChange,
+		className: (0, classnames.default)(require_ds_panel_module.default.root, className, {
+			[require_ds_panel_module.default.variantDocked]: variant === "docked",
+			[require_ds_panel_module.default.variantFloating]: variant === "floating",
+			[require_ds_panel_module.default.disablePadding]: disablePadding
+		}),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsPanelCollapseButton, { ...slotProps?.collapseButton }), children]
+	});
+}
+function DsPanelCollapseButton({ collapsed, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_collapsible.Trigger, {
+		className: (0, classnames.default)(require_ds_panel_module.default.trigger, { [require_ds_panel_module.default.triggerCollapsed]: collapsed }),
+		"aria-label": "Toggle panel",
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon: "arrow_circle_left",
+			variant: "outlined"
+		})
+	});
+}
+
+//#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_runtime6 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_runtime6.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,kBAAA,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,36 @@
+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 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({ open, onOpenChange, children, className, slotProps, variant = "docked", disablePadding = false, ...props }) {
+	return /* @__PURE__ */ jsxs(Collapsible.Root, {
+		open,
+		onOpenChange,
+		className: classNames(ds_panel_module_default.root, className, {
+			[ds_panel_module_default.variantDocked]: variant === "docked",
+			[ds_panel_module_default.variantFloating]: variant === "floating",
+			[ds_panel_module_default.disablePadding]: disablePadding
+		}),
+		...props,
+		children: [/* @__PURE__ */ jsx(DsPanelCollapseButton, { ...slotProps?.collapseButton }), children]
+	});
+}
+function DsPanelCollapseButton({ collapsed, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
+		className: classNames(ds_panel_module_default.trigger, { [ds_panel_module_default.triggerCollapsed]: collapsed }),
+		"aria-label": "Toggle panel",
+		...props,
+		children: /* @__PURE__ */ jsx(ds_icon_default, {
+			icon: "arrow_circle_left",
+			variant: "outlined"
+		})
+	});
+}
+
+//#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":["classnames","styles","DsIcon"],"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":";;;;;;;;AAMA,SAAgB,QAAQ,EACvB,MACA,cACA,UACA,WACA,WACA,UAAU,UACV,iBAAiB,OACjB,GAAG,SACa;AAChB,QACC,qBAAC,YAAY;EACN;EACQ;EACd,WAAWA,WAAWC,wBAAO,MAAM,WAAW;IAC5CA,wBAAO,gBAAgB,YAAY;IACnCA,wBAAO,kBAAkB,YAAY;IACrCA,wBAAO,iBAAiB;GACzB,CAAC;EACF,GAAI;aAEJ,oBAAC,yBAAsB,GAAI,WAAW,iBAAkB,EACvD;GACiB;;AAIrB,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAAqC;AACnF,QACC,oBAAC,YAAY;EACZ,WAAWD,WAAWC,wBAAO,SAAS,GACpCA,wBAAO,mBAAmB,WAC3B,CAAC;EACF,cAAW;EACX,GAAI;YAEJ,oBAACC;GAAO,MAAK;GAAoB,SAAQ;IAAa;GACjC"}

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,58 @@
+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 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 = ({ id, ref, name, size = "default", onBlur, onChange, onValueChange, className, style = {}, value, defaultValue, placeholder, disabled = false }) => {
+	const containerClass = (0, classnames.default)(require_ds_password_input_module.default.textInputContainer, {
+		[require_ds_password_input_module.default.small]: size === "small",
+		[require_ds_password_input_module.default.default]: size === "default"
+	}, className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Root, {
+		disabled,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Control, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: containerClass,
+			style,
+			children: [/* @__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: (0, classnames.default)(require_ds_password_input_module.default.input),
+					value,
+					defaultValue,
+					placeholder,
+					onBlur,
+					onChange: (event) => {
+						onChange?.(event);
+						onValueChange?.(event.target.value);
+					}
+				})
+			}), /* @__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"
+					})
+				})
+			})]
+		}) })
+	});
+};
+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"}