mautourco-components 0.2.5 → 0.2.7

package/dist/components/molecules/RatingTab/RatingTab.js

@@ -1,41 +1,41 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Check from '../../atoms/Icon/icons/Check';
-import { Text } from '../../atoms/Typography/Typography';
-import RatingStar from '../../atoms/RatingStar/RatingStar';
-/**
- * RatingTab molecule
- *
- * Combines a checkbox-like selector, a label and the RatingStar atom.
- * Used for filters like "5 stars", "4 stars", etc.
- */
-var RatingTab = function (_a) {
-    var label = _a.label, ratingValue = _a.ratingValue, _b = _a.maxStars, maxStars = _b === void 0 ? 5 : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e;
-    var handleToggle = function () {
-        if (disabled || !onChange)
-            return;
-        onChange(!checked);
-    };
-    var handleKeyDown = function (event) {
-        if (disabled || !onChange)
-            return;
-        if (event.key === ' ' || event.key === 'Enter') {
-            event.preventDefault();
-            onChange(!checked);
-        }
-    };
-    var stateClass = disabled ? 'rating-tab--disabled' : checked ? 'rating-tab--active' : 'rating-tab--default';
-    var containerClasses = ['rating-tab', stateClass, className].filter(Boolean).join(' ');
-    return (_jsxs("div", __assign({ className: containerClasses, role: "checkbox", "aria-checked": checked, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onClick: handleToggle, onKeyDown: handleKeyDown }, { children: [_jsxs("div", __assign({ className: "rating-tab__left" }, { children: [_jsx("div", __assign({ className: "rating-tab__checkbox" }, { children: checked && _jsx(Check, { size: "sm", className: "rating-tab__checkbox-icon" }) })), _jsx(Text, __assign({ size: "sm", className: "rating-tab__label" }, { children: label }))] })), _jsx(RatingStar, { value: ratingValue, max: maxStars })] })));
-};
-export default RatingTab;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Check from '../../atoms/Icon/icons/Check';
+import { Text } from '../../atoms/Typography/Typography';
+import RatingStar from '../../atoms/RatingStar/RatingStar';
+/**
+ * RatingTab molecule
+ *
+ * Combines a checkbox-like selector, a label and the RatingStar atom.
+ * Used for filters like "5 stars", "4 stars", etc.
+ */
+var RatingTab = function (_a) {
+    var label = _a.label, ratingValue = _a.ratingValue, _b = _a.maxStars, maxStars = _b === void 0 ? 5 : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e;
+    var handleToggle = function () {
+        if (disabled || !onChange)
+            return;
+        onChange(!checked);
+    };
+    var handleKeyDown = function (event) {
+        if (disabled || !onChange)
+            return;
+        if (event.key === ' ' || event.key === 'Enter') {
+            event.preventDefault();
+            onChange(!checked);
+        }
+    };
+    var stateClass = disabled ? 'rating-tab--disabled' : checked ? 'rating-tab--active' : 'rating-tab--default';
+    var containerClasses = ['rating-tab', stateClass, className].filter(Boolean).join(' ');
+    return (_jsxs("div", __assign({ className: containerClasses, role: "checkbox", "aria-checked": checked, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onClick: handleToggle, onKeyDown: handleKeyDown }, { children: [_jsxs("div", __assign({ className: "rating-tab__left" }, { children: [_jsx("div", __assign({ className: "rating-tab__checkbox" }, { children: checked && _jsx(Check, { size: "sm", className: "rating-tab__checkbox-icon" }) })), _jsx(Text, __assign({ size: "sm", className: "rating-tab__label" }, { children: label }))] })), _jsx(RatingStar, { value: ratingValue, max: maxStars })] })));
+};
+export default RatingTab;

package/dist/components/molecules/TabGroup/TabGroup.d.ts

@@ -1,17 +1,17 @@
-import { TabProps } from '../../atoms/Tab/Tab';
-export type TabItem<T = string> = {
-    label: string;
-    value: T;
-    disabled?: boolean;
-};
-export interface TabGroupProps<T = string> {
-    items: TabItem<T>[];
-    size?: TabProps['size'];
-    variant?: TabProps['variant'];
-    active?: T;
-    defaultActive?: T;
-    onChange?: (value: T) => void;
-    className?: string;
-}
-export declare function TabGroup<T = string>({ items, size, variant, active, defaultActive, onChange, className, }: TabGroupProps<T>): import("react/jsx-runtime").JSX.Element;
-export default TabGroup;
+import { TabProps } from '../../atoms/Tab/Tab';
+export type TabItem<T = string> = {
+    label: string;
+    value: T;
+    disabled?: boolean;
+};
+export interface TabGroupProps<T = string> {
+    items: TabItem<T>[];
+    size?: TabProps['size'];
+    variant?: TabProps['variant'];
+    active?: T;
+    defaultActive?: T;
+    onChange?: (value: T) => void;
+    className?: string;
+}
+export declare function TabGroup<T = string>({ items, size, variant, active, defaultActive, onChange, className, }: TabGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export default TabGroup;

package/dist/components/molecules/TabGroup/TabGroup.js

@@ -1,30 +1,30 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import Tab from '../../atoms/Tab/Tab';
-export function TabGroup(_a) {
-    var _b;
-    var items = _a.items, _c = _a.size, size = _c === void 0 ? 'lg' : _c, _d = _a.variant, variant = _d === void 0 ? 'inline' : _d, active = _a.active, defaultActive = _a.defaultActive, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e;
-    var _f = React.useState(defaultActive !== null && defaultActive !== void 0 ? defaultActive : (_b = items[0]) === null || _b === void 0 ? void 0 : _b.value), internalActive = _f[0], setInternalActive = _f[1];
-    var isControlled = active !== undefined;
-    var current = (isControlled ? active : internalActive);
-    var handleClick = function (item) {
-        if (item.disabled)
-            return;
-        if (!isControlled)
-            setInternalActive(item.value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(item.value);
-    };
-    return (_jsx("div", __assign({ className: "tab-group flex ".concat(className), role: "tablist" }, { children: items.map(function (it) { return (_jsx(Tab, __assign({ isActive: current === it.value, size: size, variant: variant, disabled: it.disabled, onClick: function () { return handleClick(it); } }, { children: it.label }), String(it.value))); }) })));
-}
-export default TabGroup;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import Tab from '../../atoms/Tab/Tab';
+export function TabGroup(_a) {
+    var _b;
+    var items = _a.items, _c = _a.size, size = _c === void 0 ? 'lg' : _c, _d = _a.variant, variant = _d === void 0 ? 'inline' : _d, active = _a.active, defaultActive = _a.defaultActive, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e;
+    var _f = React.useState(defaultActive !== null && defaultActive !== void 0 ? defaultActive : (_b = items[0]) === null || _b === void 0 ? void 0 : _b.value), internalActive = _f[0], setInternalActive = _f[1];
+    var isControlled = active !== undefined;
+    var current = (isControlled ? active : internalActive);
+    var handleClick = function (item) {
+        if (item.disabled)
+            return;
+        if (!isControlled)
+            setInternalActive(item.value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(item.value);
+    };
+    return (_jsx("div", __assign({ className: "tab-group flex ".concat(className), role: "tablist" }, { children: items.map(function (it) { return (_jsx(Tab, __assign({ isActive: current === it.value, size: size, variant: variant, disabled: it.disabled, onClick: function () { return handleClick(it); } }, { children: it.label }), String(it.value))); }) })));
+}
+export default TabGroup;

package/dist/components/molecules/UserCard/UserCard.d.ts

@@ -1,20 +1,20 @@
-import React from "react";
-type User = {
-    name: string;
-    agency: string;
-    isAdmin: boolean;
-};
-type Agency = {
-    id: number;
-    name: string;
-    localisation: string;
-};
-export interface UserCardProps {
-    user: User;
-    agencies: Agency[];
-    onSelectAgency?: (agency: Agency) => void;
-    selectedAgency?: Agency;
-    className?: string;
-}
-export declare const UserCard: React.FC<UserCardProps>;
-export {};
+import React from "react";
+type User = {
+    name: string;
+    agency: string;
+    isAdmin: boolean;
+};
+type Agency = {
+    id: number;
+    name: string;
+    localisation: string;
+};
+export interface UserCardProps {
+    user: User;
+    agencies: Agency[];
+    onSelectAgency?: (agency: Agency) => void;
+    selectedAgency?: Agency;
+    className?: string;
+}
+export declare const UserCard: React.FC<UserCardProps>;
+export {};

package/dist/components/molecules/UserCard/UserCard.js

@@ -1,57 +1,57 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { Avatar } from "../../atoms/Avatar/Avatar";
-export var UserCard = function (_a) {
-    var user = _a.user, agencies = _a.agencies, onSelectAgency = _a.onSelectAgency, selectedAgency = _a.selectedAgency, _b = _a.className, className = _b === void 0 ? "" : _b;
-    var _c = useState(false), open = _c[0], setOpen = _c[1];
-    var _d = useState(""), query = _d[0], setQuery = _d[1];
-    var rootRef = useRef(null);
-    var searchRef = useRef(null);
-    // Close dropdown on outside click
-    useEffect(function () {
-        if (!user.isAdmin || !open)
-            return;
-        var handleClickOutside = function (e) {
-            var _a;
-            if (!((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)))
-                setOpen(false);
-        };
-        document.addEventListener("mousedown", handleClickOutside);
-        return function () { return document.removeEventListener("mousedown", handleClickOutside); };
-    }, [open, user.isAdmin]);
-    // Auto-focus search input when dropdown opens
-    useEffect(function () {
-        if (user.isAdmin && open)
-            setTimeout(function () { var _a; return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 0);
-    }, [open, user.isAdmin]);
-    // Filter agencies based on query
-    var filteredAgencies = useMemo(function () {
-        var q = query.trim().toLowerCase();
-        if (!q)
-            return agencies;
-        return agencies.filter(function (a) {
-            return a.name.toLowerCase().includes(q) ||
-                a.localisation.toLowerCase().includes(q);
-        });
-    }, [agencies, query]);
-    var handleSelect = function (a) {
-        onSelectAgency === null || onSelectAgency === void 0 ? void 0 : onSelectAgency(a);
-        setOpen(false);
-        setQuery("");
-    };
-    return (_jsxs("div", __assign({ ref: rootRef, className: "relative inline-flex items-center gap-3 ".concat(className, " ").concat(user.isAdmin ? "cursor-pointer rounded-[11px] border border-[#D9D9D9] bg-white px-[13px] py-2" : "") }, { children: [_jsxs("div", __assign({ className: "flex items-center gap-3" }, { children: [_jsx(Avatar, { name: user.name, size: "md", shape: "circle" }), _jsxs("div", __assign({ className: "flex flex-col leading-tight" }, { children: [_jsxs("div", __assign({ className: "text-[13px] text-muted-foreground" }, { children: ["Welcome back,", " ", _jsx("span", __assign({ className: "font-medium text-foreground" }, { children: user.name })), " ", _jsx("span", __assign({ "aria-hidden": true }, { children: "\uD83D\uDC4B" }))] })), _jsx("div", __assign({ className: "text-[13px] font-semibold text-foreground" }, { children: selectedAgency ? selectedAgency.name : user.agency }))] }))] })), user.isAdmin && (_jsxs(_Fragment, { children: [_jsx("button", __assign({ type: "button", "aria-expanded": open, "aria-haspopup": "listbox", onClick: function () { return setOpen(function (v) { return !v; }); }, className: "inline-flex h-8 w-8 items-center justify-center rounded-lg bg-teal-600 text-white shadow-[0_2px_6px_rgba(0,0,0,0.15)] outline-none focus-visible:ring-2 focus-visible:ring-teal-300", title: "Open agency selector" }, { children: _jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 24 24", "aria-hidden": "true", className: "transition-transform ".concat(open ? "rotate-180" : "") }, { children: _jsx("path", { d: "M6 9l6 6 6-6", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) })), open && (_jsxs("div", __assign({ className: "absolute right-0 top-12 z-50 w-[340px] rounded-2xl border border-black/5 bg-white p-3 shadow-[0_12px_30px_rgba(0,0,0,0.15)]" }, { children: [_jsxs("div", __assign({ className: "relative mb-3" }, { children: [_jsx("input", { ref: searchRef, value: query, onChange: function (e) { return setQuery(e.target.value); }, placeholder: "Search", className: "w-full rounded-xl border border-black/10 bg-white px-10 py-2 text-sm outline-none focus:border-black/20 shadow-[inset_0_1px_2px_rgba(0,0,0,0.06)]" }), _jsx("div", __assign({ className: "absolute -translate-y-1/2 pointer-events-none left-3 top-1/2" }, { children: _jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 24 24" }, { children: _jsx("path", { d: "M21 21l-4.3-4.3M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15z", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }) })) }))] })), _jsxs("ul", __assign({ role: "listbox", className: "pr-1 overflow-auto max-h-64" }, { children: [filteredAgencies.map(function (a) {
-                                        var isActive = (selectedAgency === null || selectedAgency === void 0 ? void 0 : selectedAgency.id) === a.id;
-                                        return (_jsx("li", { children: _jsxs("button", __assign({ type: "button", onClick: function () { return handleSelect(a); }, className: "flex w-full items-center justify-between gap-3 rounded-lg px-2 py-2 text-left hover:bg-black/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-teal-300 ".concat(isActive ? "bg-black/[0.04]" : ""), "aria-selected": isActive, role: "option" }, { children: [_jsx("span", __assign({ className: "text-[14px]" }, { children: a.name })), _jsx("span", __assign({ className: "text-[13px] font-semibold" }, { children: a.localisation }))] })) }, a.id));
-                                    }), filteredAgencies.length === 0 && (_jsx("li", __assign({ className: "px-2 py-6 text-sm text-center text-muted-foreground" }, { children: "No results" })))] }))] })))] }))] })));
-};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Avatar } from "../../atoms/Avatar/Avatar";
+export var UserCard = function (_a) {
+    var user = _a.user, agencies = _a.agencies, onSelectAgency = _a.onSelectAgency, selectedAgency = _a.selectedAgency, _b = _a.className, className = _b === void 0 ? "" : _b;
+    var _c = useState(false), open = _c[0], setOpen = _c[1];
+    var _d = useState(""), query = _d[0], setQuery = _d[1];
+    var rootRef = useRef(null);
+    var searchRef = useRef(null);
+    // Close dropdown on outside click
+    useEffect(function () {
+        if (!user.isAdmin || !open)
+            return;
+        var handleClickOutside = function (e) {
+            var _a;
+            if (!((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)))
+                setOpen(false);
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return function () { return document.removeEventListener("mousedown", handleClickOutside); };
+    }, [open, user.isAdmin]);
+    // Auto-focus search input when dropdown opens
+    useEffect(function () {
+        if (user.isAdmin && open)
+            setTimeout(function () { var _a; return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 0);
+    }, [open, user.isAdmin]);
+    // Filter agencies based on query
+    var filteredAgencies = useMemo(function () {
+        var q = query.trim().toLowerCase();
+        if (!q)
+            return agencies;
+        return agencies.filter(function (a) {
+            return a.name.toLowerCase().includes(q) ||
+                a.localisation.toLowerCase().includes(q);
+        });
+    }, [agencies, query]);
+    var handleSelect = function (a) {
+        onSelectAgency === null || onSelectAgency === void 0 ? void 0 : onSelectAgency(a);
+        setOpen(false);
+        setQuery("");
+    };
+    return (_jsxs("div", __assign({ ref: rootRef, className: "relative inline-flex items-center gap-3 ".concat(className, " ").concat(user.isAdmin ? "cursor-pointer rounded-[11px] border border-[#D9D9D9] bg-white px-[13px] py-2" : "") }, { children: [_jsxs("div", __assign({ className: "flex items-center gap-3" }, { children: [_jsx(Avatar, { name: user.name, size: "md", shape: "circle" }), _jsxs("div", __assign({ className: "flex flex-col leading-tight" }, { children: [_jsxs("div", __assign({ className: "text-[13px] text-muted-foreground" }, { children: ["Welcome back,", " ", _jsx("span", __assign({ className: "font-medium text-foreground" }, { children: user.name })), " ", _jsx("span", __assign({ "aria-hidden": true }, { children: "\uD83D\uDC4B" }))] })), _jsx("div", __assign({ className: "text-[13px] font-semibold text-foreground" }, { children: selectedAgency ? selectedAgency.name : user.agency }))] }))] })), user.isAdmin && (_jsxs(_Fragment, { children: [_jsx("button", __assign({ type: "button", "aria-expanded": open, "aria-haspopup": "listbox", onClick: function () { return setOpen(function (v) { return !v; }); }, className: "inline-flex h-8 w-8 items-center justify-center rounded-lg bg-teal-600 text-white shadow-[0_2px_6px_rgba(0,0,0,0.15)] outline-none focus-visible:ring-2 focus-visible:ring-teal-300", title: "Open agency selector" }, { children: _jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 24 24", "aria-hidden": "true", className: "transition-transform ".concat(open ? "rotate-180" : "") }, { children: _jsx("path", { d: "M6 9l6 6 6-6", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) })), open && (_jsxs("div", __assign({ className: "absolute right-0 top-12 z-50 w-[340px] rounded-2xl border border-black/5 bg-white p-3 shadow-[0_12px_30px_rgba(0,0,0,0.15)]" }, { children: [_jsxs("div", __assign({ className: "relative mb-3" }, { children: [_jsx("input", { ref: searchRef, value: query, onChange: function (e) { return setQuery(e.target.value); }, placeholder: "Search", className: "w-full rounded-xl border border-black/10 bg-white px-10 py-2 text-sm outline-none focus:border-black/20 shadow-[inset_0_1px_2px_rgba(0,0,0,0.06)]" }), _jsx("div", __assign({ className: "absolute -translate-y-1/2 pointer-events-none left-3 top-1/2" }, { children: _jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 24 24" }, { children: _jsx("path", { d: "M21 21l-4.3-4.3M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15z", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }) })) }))] })), _jsxs("ul", __assign({ role: "listbox", className: "pr-1 overflow-auto max-h-64" }, { children: [filteredAgencies.map(function (a) {
+                                        var isActive = (selectedAgency === null || selectedAgency === void 0 ? void 0 : selectedAgency.id) === a.id;
+                                        return (_jsx("li", { children: _jsxs("button", __assign({ type: "button", onClick: function () { return handleSelect(a); }, className: "flex w-full items-center justify-between gap-3 rounded-lg px-2 py-2 text-left hover:bg-black/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-teal-300 ".concat(isActive ? "bg-black/[0.04]" : ""), "aria-selected": isActive, role: "option" }, { children: [_jsx("span", __assign({ className: "text-[14px]" }, { children: a.name })), _jsx("span", __assign({ className: "text-[13px] font-semibold" }, { children: a.localisation }))] })) }, a.id));
+                                    }), filteredAgencies.length === 0 && (_jsx("li", __assign({ className: "px-2 py-6 text-sm text-center text-muted-foreground" }, { children: "No results" })))] }))] })))] }))] })));
+};

package/dist/components/organisms/CardContainer/CardContainer.d.ts

@@ -1,37 +1,37 @@
-import React from 'react';
-export type CardContainerSpacing = 'compact' | 'normal' | 'relaxed' | 'chill';
-export interface CardContainerProps {
-    /**
-     * The content to be displayed inside the card container
-     */
-    children: React.ReactNode;
-    /**
-     * Spacing variant for the card container padding
-     * - compact: 8px padding
-     * - normal: 12px padding
-     * - relaxed: 16px padding
-     * - chill: 24px padding
-     */
-    spacing?: CardContainerSpacing;
-    /**
-     * Additional CSS classes to apply to the card container
-     */
-    className?: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Optional data attributes for testing or tracking
-     */
-    'data-testid'?: string;
-}
-/**
- * CardContainer is a versatile UI element that groups related content,
- * such as text, images, buttons, or interactive elements.
- *
- * It supports different spacing variants to control the visual density
- * and padding of the container.
- */
-export declare const CardContainer: React.FC<CardContainerProps>;
-export default CardContainer;
+import React from 'react';
+export type CardContainerSpacing = 'compact' | 'normal' | 'relaxed' | 'chill';
+export interface CardContainerProps {
+    /**
+     * The content to be displayed inside the card container
+     */
+    children: React.ReactNode;
+    /**
+     * Spacing variant for the card container padding
+     * - compact: 8px padding
+     * - normal: 12px padding
+     * - relaxed: 16px padding
+     * - chill: 24px padding
+     */
+    spacing?: CardContainerSpacing;
+    /**
+     * Additional CSS classes to apply to the card container
+     */
+    className?: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Optional data attributes for testing or tracking
+     */
+    'data-testid'?: string;
+}
+/**
+ * CardContainer is a versatile UI element that groups related content,
+ * such as text, images, buttons, or interactive elements.
+ *
+ * It supports different spacing variants to control the visual density
+ * and padding of the container.
+ */
+export declare const CardContainer: React.FC<CardContainerProps>;
+export default CardContainer;

package/dist/components/organisms/CardContainer/CardContainer.js

@@ -1,27 +1,27 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * CardContainer is a versatile UI element that groups related content,
- * such as text, images, buttons, or interactive elements.
- *
- * It supports different spacing variants to control the visual density
- * and padding of the container.
- */
-export var CardContainer = function (_a) {
-    var children = _a.children, _b = _a.spacing, spacing = _b === void 0 ? 'normal' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, onClick = _a.onClick, testId = _a["data-testid"];
-    var baseClass = 'card-container';
-    var spacingClass = "card-container--spacing-".concat(spacing);
-    var classes = [baseClass, spacingClass, className].filter(Boolean).join(' ');
-    return (_jsx("div", __assign({ className: classes, onClick: onClick, "data-testid": testId }, { children: children })));
-};
-export default CardContainer;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * CardContainer is a versatile UI element that groups related content,
+ * such as text, images, buttons, or interactive elements.
+ *
+ * It supports different spacing variants to control the visual density
+ * and padding of the container.
+ */
+export var CardContainer = function (_a) {
+    var children = _a.children, _b = _a.spacing, spacing = _b === void 0 ? 'normal' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, onClick = _a.onClick, testId = _a["data-testid"];
+    var baseClass = 'card-container';
+    var spacingClass = "card-container--spacing-".concat(spacing);
+    var classes = [baseClass, spacingClass, className].filter(Boolean).join(' ');
+    return (_jsx("div", __assign({ className: classes, onClick: onClick, "data-testid": testId }, { children: children })));
+};
+export default CardContainer;

package/dist/components/organisms/DateTimePicker/DateTimePicker.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-import { DateTimeProps } from "../../molecules/Calendar/DateTime";
-export interface DateTimePickerProps extends Partial<DateTimeProps> {
-    placeholder?: string;
-    disabled?: boolean;
-    onValueChange?: (value: string | string[]) => void;
-    /** Whether the calendar icon has full bg*/
-    iconBGFull?: boolean;
-    /** Position of the calendar icon: left or right */
-    iconPosition?: "left" | "right";
-    /** Show chevron on the right when icon is on the left */
-    showChevron?: boolean;
-}
-declare const DateTimePicker: React.FC<DateTimePickerProps>;
-export default DateTimePicker;
+import React from "react";
+import { DateTimeProps } from "../../molecules/Calendar/DateTime";
+export interface DateTimePickerProps extends Partial<DateTimeProps> {
+    placeholder?: string;
+    disabled?: boolean;
+    onValueChange?: (value: string | string[]) => void;
+    /** Whether the calendar icon has full bg*/
+    iconBGFull?: boolean;
+    /** Position of the calendar icon: left or right */
+    iconPosition?: "left" | "right";
+    /** Show chevron on the right when icon is on the left */
+    showChevron?: boolean;
+}
+declare const DateTimePicker: React.FC<DateTimePickerProps>;
+export default DateTimePicker;