@drivenets/design-system 0.0.2 → 0.0.4

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

@@ -0,0 +1,124 @@
+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 { c } from "react/compiler-runtime";
+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 = (t0) => {
+	const $ = 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 = classNames(ds_password_input_module_default.textInputContainer, {
+			[ds_password_input_module_default.small]: t5,
+			[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 = classNames(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__ */ jsx(PasswordInput.Input, {
+			asChild: true,
+			children: /* @__PURE__ */ 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__ */ 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"
+				})
+			})
+		});
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== containerClass || $[21] !== style || $[22] !== t10) {
+		t12 = /* @__PURE__ */ jsx(PasswordInput.Control, { children: /* @__PURE__ */ 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__ */ jsx(PasswordInput.Root, {
+			disabled,
+			children: t12
+		});
+		$[24] = disabled;
+		$[25] = t12;
+		$[26] = t13;
+	} else t13 = $[26];
+	return t13;
+};
+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":["FC","classNames","PasswordInput","styles","DsPasswordInputProps","DsIcon","DsPasswordInput","t0","$","_c","id","ref","name","size","t1","onBlur","onChange","onValueChange","className","style","t2","value","defaultValue","placeholder","disabled","t3","undefined","t4","t5","t6","t7","textInputContainer","small","default","containerClass","t8","Symbol","for","input","t9","event","target","t10","t11","trigger","indicator","t12","t13"],"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":"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"}

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,64 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_popover_module = require('./ds-popover.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_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 = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(13);
+	const { trigger, children, className, align: t1, side: t2 } = t0;
+	const align = t1 === void 0 ? "center" : t1;
+	const side = t2 === void 0 ? "top" : t2;
+	let t3;
+	if ($[0] !== trigger) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Trigger, {
+			asChild: true,
+			children: trigger
+		});
+		$[0] = trigger;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== className) {
+		t4 = (0, classnames.default)(require_ds_popover_module.default.content, className);
+		$[2] = className;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Arrow, { className: require_ds_popover_module.default.arrow });
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== align || $[6] !== children || $[7] !== side || $[8] !== t4) {
+		t6 = /* @__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: t4,
+			children: [children, t5]
+		}) });
+		$[5] = align;
+		$[6] = children;
+		$[7] = side;
+		$[8] = t4;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== t3 || $[11] !== t6) {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_popover.Root, { children: [t3, t6] });
+		$[10] = t3;
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
+	return t7;
+};
+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,62 @@
+import ds_popover_module_default from "./ds-popover.module.js";
+import { c } from "react/compiler-runtime";
+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 = (t0) => {
+	const $ = c(13);
+	const { trigger, children, className, align: t1, side: t2 } = t0;
+	const align = t1 === void 0 ? "center" : t1;
+	const side = t2 === void 0 ? "top" : t2;
+	let t3;
+	if ($[0] !== trigger) {
+		t3 = /* @__PURE__ */ jsx(Popover.Trigger, {
+			asChild: true,
+			children: trigger
+		});
+		$[0] = trigger;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== className) {
+		t4 = classNames(ds_popover_module_default.content, className);
+		$[2] = className;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(Popover.Arrow, { className: ds_popover_module_default.arrow });
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== align || $[6] !== children || $[7] !== side || $[8] !== t4) {
+		t6 = /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(Popover.Content, {
+			side,
+			align,
+			sideOffset: 8,
+			collisionPadding: 16,
+			className: t4,
+			children: [children, t5]
+		}) });
+		$[5] = align;
+		$[6] = children;
+		$[7] = side;
+		$[8] = t4;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== t3 || $[11] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Popover.Root, { children: [t3, t6] });
+		$[10] = t3;
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
+	return t7;
+};
+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":["React","Popover","classNames","styles","DsPopoverProps","DsPopover","FC","t0","$","_c","trigger","children","className","align","t1","side","t2","undefined","t3","t4","content","t5","Symbol","for","arrow","t6","t7"],"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,MAAMK,aAAsCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,SAAAC,UAAAC,WAAAC,OAAAC,IAAAC,MAAAC,OAAAT;CAI5C,MAAAM,QAAAC,OAAAG,SAAA,WAAAH;CACA,MAAAC,OAAAC,OAAAC,SAAA,QAAAD;CAAY,IAAAE;AAAA,KAAAV,EAAA,OAAAE,SAAA;AAIVQ,OAAA,oBAAA,QAAA;GAAiB,SAAA;aAASR;IAA0B;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAI,WAAA;AAOvCO,OAAAjB,WAAWC,0BAAMiB,SAAUR,UAAU;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAc,OAAAC,IAAA,4BAAA,EAAA;AAGhDF,OAAA,oBAAA,QAAA,SAA0B,WAAAlB,0BAAMqB,QAAU;AAAAhB,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAK,SAAAL,EAAA,OAAAG,YAAAH,EAAA,OAAAO,QAAAP,EAAA,OAAAW,IAAA;AAT5CM,OAAA,oBAAA,QAAA,oBACC,qBAAA,QAAA;GACOV;GACCF;GACK,YAAA;GACM,kBAAA;GACP,WAAAM;cAEVR,UACDU;IAEF,GAAiB;AAAAb,IAAA,KAAAK;AAAAL,IAAA,KAAAG;AAAAH,IAAA,KAAAO;AAAAP,IAAA,KAAAW;AAAAX,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAU,MAAAV,EAAA,QAAAiB,IAAA;AAblBC,OAAA,qBAAA,QAAA,mBACCR,IACAO,MAYc;AAAAjB,IAAA,MAAAU;AAAAV,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QAdfkB;;AAkBF,yBAAerB"}

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";