@drivenets/design-system 0.0.2 → 0.0.3

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

@@ -0,0 +1,57 @@
+import ds_icon_default from "../ds-icon/ds-icon.js";
+import "../ds-icon/index.js";
+import ds_password_input_module_default from "./ds-password-input.module.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PasswordInput } from "@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 = classNames(ds_password_input_module_default.textInputContainer, {
+		[ds_password_input_module_default.small]: size === "small",
+		[ds_password_input_module_default.default]: size === "default"
+	}, className);
+	return /* @__PURE__ */ jsx(PasswordInput.Root, {
+		disabled,
+		children: /* @__PURE__ */ jsx(PasswordInput.Control, { children: /* @__PURE__ */ jsxs("div", {
+			className: containerClass,
+			style,
+			children: [/* @__PURE__ */ jsx(PasswordInput.Input, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx("input", {
+					id,
+					ref,
+					name,
+					className: classNames(ds_password_input_module_default.input),
+					value,
+					defaultValue,
+					placeholder,
+					onBlur,
+					onChange: (event) => {
+						onChange?.(event);
+						onValueChange?.(event.target.value);
+					}
+				})
+			}), /* @__PURE__ */ jsx(PasswordInput.VisibilityTrigger, {
+				className: ds_password_input_module_default.trigger,
+				"aria-label": "Toggle password visibility",
+				children: /* @__PURE__ */ jsx(PasswordInput.Indicator, {
+					className: ds_password_input_module_default.indicator,
+					fallback: /* @__PURE__ */ jsx(ds_icon_default, {
+						icon: "visibility_off",
+						size: "tiny"
+					}),
+					children: /* @__PURE__ */ jsx(ds_icon_default, {
+						icon: "visibility",
+						size: "tiny"
+					})
+				})
+			})]
+		}) })
+	});
+};
+var ds_password_input_default = DsPasswordInput;
+
+//#endregion
+export { ds_password_input_default as default };
+//# sourceMappingURL=ds-password-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-password-input.js","names":["DsPasswordInput: FC<DsPasswordInputProps>","styles","DsIcon"],"sources":["../../../src/components/ds-password-input/ds-password-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport classNames from 'classnames';\nimport { PasswordInput } from '@ark-ui/react';\nimport styles from './ds-password-input.module.scss';\nimport type { DsPasswordInputProps } from './ds-password-input.types';\nimport { DsIcon } from '../ds-icon';\n\nconst DsPasswordInput: FC<DsPasswordInputProps> = ({\n\tid,\n\tref,\n\tname,\n\tsize = 'default',\n\tonBlur,\n\tonChange,\n\tonValueChange,\n\tclassName,\n\tstyle = {},\n\tvalue,\n\tdefaultValue,\n\tplaceholder,\n\tdisabled = false,\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<PasswordInput.Root disabled={disabled}>\n\t\t\t<PasswordInput.Control>\n\t\t\t\t<div className={containerClass} style={style}>\n\t\t\t\t\t<PasswordInput.Input asChild>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\tclassName={classNames(styles.input)}\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\t\t\tonChange={(event) => {\n\t\t\t\t\t\t\t\tonChange?.(event);\n\t\t\t\t\t\t\t\tonValueChange?.(event.target.value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PasswordInput.Input>\n\n\t\t\t\t\t<PasswordInput.VisibilityTrigger className={styles.trigger} aria-label=\"Toggle password visibility\">\n\t\t\t\t\t\t<PasswordInput.Indicator\n\t\t\t\t\t\t\tclassName={styles.indicator}\n\t\t\t\t\t\t\tfallback={<DsIcon icon=\"visibility_off\" size=\"tiny\" />}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"visibility\" size=\"tiny\" />\n\t\t\t\t\t\t</PasswordInput.Indicator>\n\t\t\t\t\t</PasswordInput.VisibilityTrigger>\n\t\t\t\t</div>\n\t\t\t</PasswordInput.Control>\n\t\t</PasswordInput.Root>\n\t);\n};\n\nexport default DsPasswordInput;\n"],"mappings":";;;;;;;;AAOA,MAAMA,mBAA6C,EAClD,IACA,KACA,MACA,OAAO,WACP,QACA,UACA,eACA,WACA,QAAQ,EAAE,EACV,OACA,cACA,aACA,WAAW,YACN;CACL,MAAM,iBAAiB,WACtBC,iCAAO,oBACP;GACEA,iCAAO,QAAQ,SAAS;GACxBA,iCAAO,UAAU,SAAS;EAC3B,EACD,UACA;AAED,QACC,oBAAC,cAAc;EAAe;YAC7B,oBAAC,cAAc,qBACd,qBAAC;GAAI,WAAW;GAAuB;cACtC,oBAAC,cAAc;IAAM;cACpB,oBAAC;KACI;KACC;KACC;KACN,WAAW,WAAWA,iCAAO,MAAM;KAC5B;KACO;KACD;KACL;KACR,WAAW,UAAU;AACpB,iBAAW,MAAM;AACjB,sBAAgB,MAAM,OAAO,MAAM;;MAEnC;KACmB,EAEtB,oBAAC,cAAc;IAAkB,WAAWA,iCAAO;IAAS,cAAW;cACtE,oBAAC,cAAc;KACd,WAAWA,iCAAO;KAClB,UAAU,oBAACC;MAAO,MAAK;MAAiB,MAAK;OAAS;eAEtD,oBAACA;MAAO,MAAK;MAAa,MAAK;OAAS;MACf;KACO;IAC7B,GACiB;GACJ;;AAIvB,gCAAe"}

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

@@ -0,0 +1,14 @@
+
+//#region src/components/ds-password-input/ds-password-input.module.scss
+var ds_password_input_module_default = {
+	"textInputContainer": "_textInputContainer_25jao_1",
+	"input": "_input_25jao_1",
+	"iconButton": "_iconButton_25jao_1",
+	"small": "_small_25jao_1",
+	"default": "_default_25jao_1",
+	"trigger": "_trigger_25jao_1",
+	"indicator": "_indicator_25jao_1"
+};
+
+//#endregion
+exports.default = ds_password_input_module_default;

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

@@ -0,0 +1,14 @@
+//#region src/components/ds-password-input/ds-password-input.module.scss
+var ds_password_input_module_default = {
+	"textInputContainer": "_textInputContainer_25jao_1",
+	"input": "_input_25jao_1",
+	"iconButton": "_iconButton_25jao_1",
+	"small": "_small_25jao_1",
+	"default": "_default_25jao_1",
+	"trigger": "_trigger_25jao_1",
+	"indicator": "_indicator_25jao_1"
+};
+
+//#endregion
+export { ds_password_input_module_default as default };
+//# sourceMappingURL=ds-password-input.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-password-input.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-password-input/ds-password-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/typography';\n@use '../../styles/shared/input';\n\n.textInputContainer {\n\t@include input.inputContainer;\n}\n\n.input {\n\t@include input.input;\n}\n"],"mappings":""}

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

@@ -0,0 +1,66 @@
+import React from "react";
+
+//#region src/components/ds-password-input/ds-password-input.types.d.ts
+interface DsPasswordInputProps {
+  /**
+   * 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 string value)
+   * This is the preferred way to handle value changes
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+  /**
+   * The placeholder text
+   */
+  placeholder?: string;
+  /**
+   * The current value (for controlled usage)
+   */
+  value?: string;
+  /**
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
+   */
+  defaultValue?: string;
+  /**
+   * Whether the password input is disabled
+   */
+  disabled?: boolean;
+}
+//#endregion
+export { DsPasswordInputProps };
+//# sourceMappingURL=ds-password-input.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-password-input.types.d.cts","names":[],"sources":["../../../src/components/ds-password-input/ds-password-input.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,oBAAA;;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-password-input/ds-password-input.types.d.ts

@@ -0,0 +1,66 @@
+import React from "react";
+
+//#region src/components/ds-password-input/ds-password-input.types.d.ts
+interface DsPasswordInputProps {
+  /**
+   * 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 string value)
+   * This is the preferred way to handle value changes
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+  /**
+   * The placeholder text
+   */
+  placeholder?: string;
+  /**
+   * The current value (for controlled usage)
+   */
+  value?: string;
+  /**
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
+   */
+  defaultValue?: string;
+  /**
+   * Whether the password input is disabled
+   */
+  disabled?: boolean;
+}
+//#endregion
+export { DsPasswordInputProps };
+//# sourceMappingURL=ds-password-input.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-password-input.types.d.ts","names":[],"sources":["../../../src/components/ds-password-input/ds-password-input.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,oBAAA;;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-password-input/index.cjs

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

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

@@ -0,0 +1,2 @@
+import { DsPasswordInputProps } from "./ds-password-input.types.js";
+import { DsPasswordInput } from "./ds-password-input.js";

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

@@ -0,0 +1 @@
+import ds_password_input_default from "./ds-password-input.js";

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

@@ -0,0 +1,26 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_popover_module = require('./ds-popover.module.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __radix_ui_react_popover = require("@radix-ui/react-popover");
+__radix_ui_react_popover = require_rolldown_runtime.__toESM(__radix_ui_react_popover);
+
+//#region src/components/ds-popover/ds-popover.tsx
+const DsPopover = ({ trigger, children, className, align = "center", side = "top" }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_popover.Root, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Trigger, {
+		asChild: true,
+		children: trigger
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_popover.Content, {
+		side,
+		align,
+		sideOffset: 8,
+		collisionPadding: 16,
+		className: (0, classnames.default)(require_ds_popover_module.default.content, className),
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Arrow, { className: require_ds_popover_module.default.arrow })]
+	}) })] });
+};
+var ds_popover_default = DsPopover;
+
+//#endregion
+exports.default = ds_popover_default;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+import ds_popover_module_default from "./ds-popover.module.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Popover from "@radix-ui/react-popover";
+
+//#region src/components/ds-popover/ds-popover.tsx
+const DsPopover = ({ trigger, children, className, align = "center", side = "top" }) => {
+	return /* @__PURE__ */ jsxs(Popover.Root, { children: [/* @__PURE__ */ jsx(Popover.Trigger, {
+		asChild: true,
+		children: trigger
+	}), /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(Popover.Content, {
+		side,
+		align,
+		sideOffset: 8,
+		collisionPadding: 16,
+		className: classNames(ds_popover_module_default.content, className),
+		children: [children, /* @__PURE__ */ jsx(Popover.Arrow, { className: ds_popover_module_default.arrow })]
+	}) })] });
+};
+var ds_popover_default = DsPopover;
+
+//#endregion
+export { ds_popover_default as default };
+//# sourceMappingURL=ds-popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-popover.js","names":["DsPopover: React.FC<DsPopoverProps>","styles"],"sources":["../../../src/components/ds-popover/ds-popover.tsx"],"sourcesContent":["import type React from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport classNames from 'classnames';\nimport styles from './ds-popover.module.scss';\nimport type { DsPopoverProps } from './ds-popover.types';\n\nconst DsPopover: React.FC<DsPopoverProps> = ({\n\ttrigger,\n\tchildren,\n\tclassName,\n\talign = 'center',\n\tside = 'top',\n}) => {\n\treturn (\n\t\t<Popover.Root>\n\t\t\t<Popover.Trigger asChild>{trigger}</Popover.Trigger>\n\t\t\t<Popover.Portal>\n\t\t\t\t<Popover.Content\n\t\t\t\t\tside={side}\n\t\t\t\t\talign={align}\n\t\t\t\t\tsideOffset={8}\n\t\t\t\t\tcollisionPadding={16}\n\t\t\t\t\tclassName={classNames(styles.content, className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t\t<Popover.Arrow className={styles.arrow} />\n\t\t\t\t</Popover.Content>\n\t\t\t</Popover.Portal>\n\t\t</Popover.Root>\n\t);\n};\n\nexport default DsPopover;\n"],"mappings":";;;;;;AAMA,MAAMA,aAAuC,EAC5C,SACA,UACA,WACA,QAAQ,UACR,OAAO,YACF;AACL,QACC,qBAAC,QAAQ,mBACR,oBAAC,QAAQ;EAAQ;YAAS;GAA0B,EACpD,oBAAC,QAAQ,oBACR,qBAAC,QAAQ;EACF;EACC;EACP,YAAY;EACZ,kBAAkB;EAClB,WAAW,WAAWC,0BAAO,SAAS,UAAU;aAE/C,UACD,oBAAC,QAAQ,SAAM,WAAWA,0BAAO,QAAS;GACzB,GACF,IACH;;AAIjB,yBAAe"}

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

@@ -0,0 +1,9 @@
+
+//#region src/components/ds-popover/ds-popover.module.scss
+var ds_popover_module_default = {
+	"content": "_content_1g8y0_1",
+	"arrow": "_arrow_1g8y0_1"
+};
+
+//#endregion
+exports.default = ds_popover_module_default;

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

@@ -0,0 +1,9 @@
+//#region src/components/ds-popover/ds-popover.module.scss
+var ds_popover_module_default = {
+	"content": "_content_1g8y0_1",
+	"arrow": "_arrow_1g8y0_1"
+};
+
+//#endregion
+export { ds_popover_module_default as default };
+//# sourceMappingURL=ds-popover.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-popover.module.js","names":[],"sources":["../../../src/components/ds-popover/ds-popover.module.scss"],"sourcesContent":["@use '../../styles/typography';\n\n.content {\n\twidth: max-content;\n\t// approx. 2 columns (64 * 2)\n\tmin-width: 128px;\n\t// approx. 6 columns (64 * 6)\n\tmax-width: 384px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\tbox-shadow: 0 1.25px 4px 0 rgba(0, 0, 0, 0.25);\n\tborder-radius: 2px;\n\tbackground: var(--white);\n\tpadding: 12px;\n}\n\n.arrow {\n\tfill: var(--white);\n\tfilter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.1));\n\twidth: 18px;\n\theight: 10px;\n}\n"],"mappings":""}

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

@@ -0,0 +1,28 @@
+import React from "react";
+
+//#region src/components/ds-popover/ds-popover.types.d.ts
+interface DsPopoverProps {
+  /**
+   * The element that triggers the popover
+   */
+  trigger: React.ReactNode;
+  /**
+   * The content to be rendered inside the popover
+   */
+  children: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * The alignment of the popover content
+   */
+  align?: 'start' | 'center' | 'end';
+  /**
+   * The position of the popover relative to the trigger element
+   */
+  side?: 'top' | 'right' | 'bottom' | 'left';
+}
+//#endregion
+export { DsPopoverProps };
+//# sourceMappingURL=ds-popover.types.d.cts.map

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

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

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

@@ -0,0 +1,28 @@
+import React from "react";
+
+//#region src/components/ds-popover/ds-popover.types.d.ts
+interface DsPopoverProps {
+  /**
+   * The element that triggers the popover
+   */
+  trigger: React.ReactNode;
+  /**
+   * The content to be rendered inside the popover
+   */
+  children: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * The alignment of the popover content
+   */
+  align?: 'start' | 'center' | 'end';
+  /**
+   * The position of the popover relative to the trigger element
+   */
+  side?: 'top' | 'right' | 'bottom' | 'left';
+}
+//#endregion
+export { DsPopoverProps };
+//# sourceMappingURL=ds-popover.types.d.ts.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { DsPopoverProps } from "./ds-popover.types.js";
+import { DsPopover } from "./ds-popover.js";

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

@@ -0,0 +1 @@
+import ds_popover_default from "./ds-popover.js";

package/dist/components/ds-radio-group/ds-radio-group.cjs

@@ -0,0 +1,99 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_radio_group_module = require('./ds-radio-group.module.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __radix_ui_react_radio_group = require("@radix-ui/react-radio-group");
+__radix_ui_react_radio_group = require_rolldown_runtime.__toESM(__radix_ui_react_radio_group);
+let __ark_ui_react_radio_group = require("@ark-ui/react/radio-group");
+
+//#region src/components/ds-radio-group/ds-radio-group.tsx
+/**
+* Root component - provides radio group context
+*/
+const Root = ({ className, children, onValueChange, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_radio_group.RadioGroup.Root, {
+	className: (0, classnames.default)(require_ds_radio_group_module.default.radioGroupRoot, className),
+	onValueChange: (details) => onValueChange?.(details.value),
+	...props,
+	children
+});
+/**
+* Item component - renders a single radio button with optional label
+*/
+const Item = ({ value, label, labelInfo, className, style, children, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_radio_group.RadioGroup.Item, {
+		value,
+		className: (0, classnames.default)(require_ds_radio_group_module.default.radioItemContainer, className),
+		style,
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_radio_group.RadioGroup.ItemControl, {
+				className: require_ds_radio_group_module.default.radioItem,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_ds_radio_group_module.default.radioItemWrapper,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: require_ds_radio_group_module.default.radioIndicator,
+						"data-part": "indicator"
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_radio_group.RadioGroup.ItemHiddenInput, {}),
+			label ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_radio_group.RadioGroup.ItemText, {
+				className: require_ds_radio_group_module.default.radioLabel,
+				children: [label, labelInfo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_ds_radio_group_module.default.labelInfo,
+					children: labelInfo
+				})]
+			}) : children
+		]
+	});
+};
+/**
+* DEPRECATED: Legacy DsRadioGroup component with options array
+* Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
+* @deprecated
+*/
+const DsRadioGroupLegacy = ({ options, value, defaultValue, onValueChange, className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Root, {
+	className: (0, classnames.default)(require_ds_radio_group_module.default.radioGroupRoot, className),
+	value,
+	defaultValue,
+	onValueChange,
+	...props,
+	children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_ds_radio_group_module.default.radioItemContainer,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Item, {
+			className: require_ds_radio_group_module.default.radioItem,
+			value: option.value,
+			disabled: option.disabled,
+			id: option.value,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_ds_radio_group_module.default.radioItemWrapper,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Indicator, { className: require_ds_radio_group_module.default.radioIndicator })
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+			className: require_ds_radio_group_module.default.radioLabel,
+			htmlFor: option.value,
+			children: [option.label, option.labelInfo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_ds_radio_group_module.default.labelInfo,
+				children: option.labelInfo
+			})]
+		})]
+	}, option.value))
+});
+/**
+* Design system RadioGroup component
+*
+* @example
+* <DsRadioGroup.Root value={value} onValueChange={setValue}>
+*   <DsRadioGroup.Item value="option1" label="Option 1" />
+*   <DsRadioGroup.Item value="option2" label="Option 2" />
+* </DsRadioGroup.Root>
+*/
+const DsRadioGroup = {
+	Root,
+	Item
+};
+
+//#endregion
+exports.DsRadioGroup = DsRadioGroup;
+exports.DsRadioGroupLegacy = DsRadioGroupLegacy;

package/dist/components/ds-radio-group/ds-radio-group.d.cts

@@ -0,0 +1,27 @@
+import { DsRadioGroupItemProps, DsRadioGroupLegacyProps, DsRadioGroupRootProps } from "./ds-radio-group.types.cjs";
+import React from "react";
+
+//#region src/components/ds-radio-group/ds-radio-group.d.ts
+
+/**
+ * DEPRECATED: Legacy DsRadioGroup component with options array
+ * Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
+ * @deprecated
+ */
+declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
+/**
+ * Design system RadioGroup component
+ *
+ * @example
+ * <DsRadioGroup.Root value={value} onValueChange={setValue}>
+ *   <DsRadioGroup.Item value="option1" label="Option 1" />
+ *   <DsRadioGroup.Item value="option2" label="Option 2" />
+ * </DsRadioGroup.Root>
+ */
+declare const DsRadioGroup: {
+  Root: React.FC<DsRadioGroupRootProps>;
+  Item: React.FC<DsRadioGroupItemProps>;
+};
+//#endregion
+export { DsRadioGroup, DsRadioGroupLegacy };
+//# sourceMappingURL=ds-radio-group.d.cts.map

package/dist/components/ds-radio-group/ds-radio-group.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-radio-group.d.cts","names":[],"sources":["../../../src/components/ds-radio-group/ds-radio-group.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAkEA;AA6CA;;cA7Ca,oBAAoB,KAAA,CAAM,GAAG;;;;;;;;;;cA6C7B"}

package/dist/components/ds-radio-group/ds-radio-group.d.ts

@@ -0,0 +1,27 @@
+import { DsRadioGroupItemProps, DsRadioGroupLegacyProps, DsRadioGroupRootProps } from "./ds-radio-group.types.js";
+import React from "react";
+
+//#region src/components/ds-radio-group/ds-radio-group.d.ts
+
+/**
+ * DEPRECATED: Legacy DsRadioGroup component with options array
+ * Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
+ * @deprecated
+ */
+declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
+/**
+ * Design system RadioGroup component
+ *
+ * @example
+ * <DsRadioGroup.Root value={value} onValueChange={setValue}>
+ *   <DsRadioGroup.Item value="option1" label="Option 1" />
+ *   <DsRadioGroup.Item value="option2" label="Option 2" />
+ * </DsRadioGroup.Root>
+ */
+declare const DsRadioGroup: {
+  Root: React.FC<DsRadioGroupRootProps>;
+  Item: React.FC<DsRadioGroupItemProps>;
+};
+//#endregion
+export { DsRadioGroup, DsRadioGroupLegacy };
+//# sourceMappingURL=ds-radio-group.d.ts.map

package/dist/components/ds-radio-group/ds-radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-radio-group.d.ts","names":[],"sources":["../../../src/components/ds-radio-group/ds-radio-group.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAkEA;AA6CA;;cA7Ca,oBAAoB,KAAA,CAAM,GAAG;;;;;;;;;;cA6C7B"}