@donotdev/components 0.0.11 → 0.0.13

package/dist/atomic/RadioGroup/index.js

@@ -9,10 +9,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import RadioGroupPrimitive, { RadioGroupRootPrimitive, RadioGroupItemPrimitive, RadioGroupIndicatorPrimitive, } from './RadioGroupPrimitive';
 import { cva } from 'class-variance-authority';
-import { cn, getVariantDataAttrs } from '../../utils/helpers';
+import RadioGroupPrimitive, { RadioGroupRootPrimitive, RadioGroupItemPrimitive, RadioGroupIndicatorPrimitive, } from './RadioGroupPrimitive';
 import { CONTROL_VARIANT } from '../../utils/constants';
+import { cn, getVariantDataAttrs } from '../../utils/helpers';
 import './RadioGroup.css';
 const radioGroupVariants = cva('dndev-radio-group dndev-control-group', {
     variants: {

package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts

@@ -7,7 +7,7 @@
  * @author AMBROISE PARK Consulting
  */
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { type ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 declare const ScrollAreaPrimitiveRoot: import("react").ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const ScrollAreaViewportPrimitive: import("react").ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const ScrollAreaCornerPrimitive: import("react").ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/ScrollArea/ScrollAreaPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,QAAA,MAAM,uBAAuB,gIAA2B,CAAC;AACzD,QAAA,MAAM,2BAA2B,wIAA+B,CAAC;AACjE,QAAA,MAAM,yBAAyB,sIAA6B,CAAC;AAE7D,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAC7D,OAAO,mBAAmB,CAAC,mBAAmB,CAC/C;CAAG;AAEJ,QAAA,MAAM,kBAAkB,GAAI,sCAIzB,uBAAuB,4CAYzB,CAAC;AAEF,eAAe,uBAAuB,CAAC;AACvC,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,EACzB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"ScrollAreaPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/ScrollArea/ScrollAreaPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,uBAAuB,gIAA2B,CAAC;AACzD,QAAA,MAAM,2BAA2B,wIAA+B,CAAC;AACjE,QAAA,MAAM,yBAAyB,sIAA6B,CAAC;AAE7D,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAC7D,OAAO,mBAAmB,CAAC,mBAAmB,CAC/C;CAAG;AAEJ,QAAA,MAAM,kBAAkB,GAAI,sCAIzB,uBAAuB,4CAYzB,CAAC;AAEF,eAAe,uBAAuB,CAAC;AACvC,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,EACzB,kBAAkB,GACnB,CAAC"}

package/dist/atomic/ScrollArea/ScrollAreaPrimitive.js

@@ -9,7 +9,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import {} from 'react';
 import { cn } from '../../utils/helpers';
 const ScrollAreaPrimitiveRoot = ScrollAreaPrimitive.Root;
 const ScrollAreaViewportPrimitive = ScrollAreaPrimitive.Viewport;

package/dist/atomic/Section/index.d.ts

@@ -1,35 +1,3 @@
-/**
- * @fileoverview Section component
- * @description Minimal layout section with title, optional separator, and tone backgrounds.
- * Content width is automatically constrained by PageContainer's --content-width variable.
- *
- * @example
- * ```tsx
- * // Fixed 3 columns
- * <Section title="Features" gridCols={3}>
- *   <Card />
- *   <Card />
- *   <Card />
- * </Section>
- *
- * // Responsive: [mobile, tablet, laptop, desktop]
- * <Section title="Features" gridCols={[1, 1, 2, 3]}>
- *   <Card />
- *   <Card />
- *   <Card />
- * </Section>
- *
- * // Collapsible section
- * <Section title="Details" collapsible defaultOpen={false}>
- *   <Card />
- *   <Card />
- * </Section>
- * ```
- *
- * @version 0.0.5
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
 import { type ElementType, type ComponentPropsWithRef, type ReactNode } from 'react';
 import { type ResponsiveCols } from '../Grid';
 import './Section.css';

package/dist/atomic/Section/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Section/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAa,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AASpD,OAAO,eAAe,CAAC;AAEvB;;GAEG;AACH,UAAU,eAAe;IACvB;;;OAGG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAEtD,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;IAEpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAE7D;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEnC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAEnC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEhD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,IAAI,eAAe,GAC3E,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC;AAExD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,OAAO,8HAuGZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Section/index.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAa,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAKpD,OAAO,eAAe,CAAC;AAEvB;;GAEG;AACH,UAAU,eAAe;IACvB;;;OAGG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAEtD,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;IAEpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAE7D;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEnC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAEnC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEhD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,IAAI,eAAe,GAC3E,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC;AAExD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,OAAO,8HAmGZ,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/dist/atomic/Section/index.js

@@ -32,15 +32,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
+import { CirclePlus, CircleMinus } from 'lucide-react';
 import { createElement, forwardRef, useState, } from 'react';
-import { Plus, Minus } from 'lucide-react';
 import { GAP_VARIANT } from '../../styles/componentConstants';
 import { cn } from '../../utils/helpers';
+import CollapsiblePrimitive, { CollapsibleTrigger, CollapsibleContent, } from '../Collapsible/CollapsiblePrimitive';
 import Grid, {} from '../Grid';
 import Separator, { SEPARATOR_VARIANT } from '../Separator';
-import Text from '../Text';
 import Stack from '../Stack';
-import CollapsiblePrimitive, { CollapsibleTrigger, CollapsibleContent, } from '../Collapsible/CollapsiblePrimitive';
+import Text from '../Text';
 import './Section.css';
 /**
  * Minimal layout section with title, optional separator, and tone backgrounds.
@@ -60,11 +60,10 @@ const Section = forwardRef(function Section({ as = 'section', children, title, s
     const [internalOpen, setInternalOpen] = useState(() => collapsible ? defaultOpen : false);
     const isControlled = collapsible && open !== undefined;
     const isOpen = isControlled ? open : internalOpen;
-    const handleOpenChange = isControlled
-        ? onOpenChange
-        : setInternalOpen;
+    const handleOpenChange = isControlled ? onOpenChange : setInternalOpen;
     const content = gridCols ? (_jsx(Grid, { cols: gridCols, gap: gridGap || GAP_VARIANT.MEDIUM, children: children })) : (children);
-    const titleElement = title && (collapsible ? (_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Stack, { as: "div", direction: "row", align: "center", justify: "between", className: "dndev-section-title-trigger", children: [_jsx(Text, { as: "div", level: "h2", className: "dndev-section-title", children: title }), isOpen ? (_jsx(Minus, { className: "dndev-section-icon", "aria-hidden": "true" })) : (_jsx(Plus, { className: "dndev-section-icon", "aria-hidden": "true" }))] }) })) : (_jsx(Text, { as: "div", level: "h2", className: "dndev-section-title", children: title })));
+    const titleElement = title &&
+        (collapsible ? (_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Stack, { as: "div", direction: "row", align: "center", justify: "between", className: "dndev-section-title-trigger", children: [_jsx(Text, { as: "div", level: "h2", className: "dndev-section-title", children: title }), isOpen ? (_jsx(CircleMinus, { className: "dndev-section-icon", "aria-hidden": "true" })) : (_jsx(CirclePlus, { className: "dndev-section-icon", "aria-hidden": "true" }))] }) })) : (_jsx(Text, { as: "div", level: "h2", className: "dndev-section-title", children: title })));
     const sectionContent = collapsible ? (_jsxs(CollapsiblePrimitive, { ...(isControlled
             ? { open: isOpen, onOpenChange: handleOpenChange }
             : { defaultOpen: defaultOpen, onOpenChange: handleOpenChange }), children: [titleElement, _jsx(CollapsibleContent, { className: "dndev-collapsible-content", children: content })] })) : (_jsxs(_Fragment, { children: [titleElement, content] }));

package/dist/atomic/Select/SelectPrimitive.d.ts

@@ -7,7 +7,7 @@
  * @author AMBROISE PARK Consulting
  */
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { type ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 declare const SelectRootPrimitive: import("react").FC<SelectPrimitive.SelectProps>;
 declare const SelectGroupPrimitive: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Group>) => import("react/jsx-runtime").JSX.Element;
 declare const SelectValuePrimitive: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Value>) => import("react/jsx-runtime").JSX.Element;

package/dist/atomic/Select/SelectPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/SelectPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,QAAA,MAAM,mBAAmB,iDAAuB,CAAC;AAEjD,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,yBAG7B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,yBAG7B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAE7C,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,4CAElD,CAAC;AAEF,eAAe,mBAAmB,CAAC;AACnC,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,wBAAwB,GACzB,CAAC"}
+{"version":3,"file":"SelectPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/SelectPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,mBAAmB,iDAAuB,CAAC;AAEjD,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,yBAG7B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,yBAG7B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAE7C,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,4CAElD,CAAC;AAEF,eAAe,mBAAmB,CAAC;AACnC,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,wBAAwB,GACzB,CAAC"}

package/dist/atomic/Select/SelectPrimitive.js

@@ -9,7 +9,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import * as SelectPrimitive from '@radix-ui/react-select';
-import {} from 'react';
 import { cn } from '../../utils/helpers';
 const SelectRootPrimitive = SelectPrimitive.Root;
 const SelectGroupPrimitive = ({ className, ...props }) => (_jsx(SelectPrimitive.Group, { className: cn(className), ...props }));

package/dist/atomic/Select/index.d.ts

@@ -25,6 +25,8 @@ export interface SelectProps extends Omit<ComponentProps<typeof SelectRootPrimit
     isLoading?: boolean;
     /** Label for floating label - automatically floats when both label and placeholder are provided */
     label?: string;
+    /** Whether the field is required - shows asterisk indicator */
+    required?: boolean;
 }
 /**
  * Accessible select component built on Radix UI primitives.
@@ -46,6 +48,6 @@ export interface SelectProps extends Omit<ComponentProps<typeof SelectRootPrimit
  * @param {SelectProps} props - The props for the select
  * @returns {JSX.Element} The rendered select
  */
-declare const Select: ({ value, onValueChange, placeholder, options, trigger, disabled, isLoading, defaultValue, label, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const Select: ({ value, onValueChange, placeholder, options, trigger, disabled, isLoading, defaultValue, label, required, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export default Select;
 //# sourceMappingURL=index.d.ts.map

package/dist/atomic/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,mBAON,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,OAAO,mBAAmB,CAAC,EAC1C,UAAU,CACX;IACC,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,MAAM,GAAI,6GAWb,WAAW,4CAiIb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,mBAON,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,OAAO,mBAAmB,CAAC,EAC1C,UAAU,CACX;IACC,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,MAAM,GAAI,uHAYb,WAAW,4CAwHb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/atomic/Select/index.js

@@ -12,7 +12,8 @@ import * as SelectRadix from '@radix-ui/react-select';
 import { Check, ChevronDown } from 'lucide-react';
 import { useState, useId } from 'react';
 import { cn } from '../../utils/helpers';
-import Label from '../Label';
+import { FloatingLabel } from '../Label';
+import ScrollArea from '../ScrollArea';
 import SelectRootPrimitive, { SelectTriggerPrimitive, SelectValuePrimitive, SelectContentPrimitive, SelectItemPrimitive, SelectLabelPrimitive, SelectSeparatorPrimitive, } from './SelectPrimitive';
 import './Select.css';
 /**
@@ -35,31 +36,20 @@ import './Select.css';
  * @param {SelectProps} props - The props for the select
  * @returns {JSX.Element} The rendered select
  */
-const Select = ({ value, onValueChange, placeholder = 'Select an option...', options = [], trigger, disabled, isLoading, defaultValue, label, ...props }) => {
+const Select = ({ value, onValueChange, placeholder = 'Select an option...', options = [], trigger, disabled, isLoading, defaultValue, label, required, ...props }) => {
     const id = useId();
     const [isOpen, setIsOpen] = useState(false);
     const hasLabel = !!label;
-    const customTrigger = trigger ? (_jsx(SelectTriggerPrimitive, { asChild: true, disabled: disabled, className: "dndev-input dndev-select-trigger", children: trigger })) : (_jsxs("div", { className: "dndev-relative", children: [hasLabel && (_jsx(Label, { htmlFor: id, style: {
-                    position: 'absolute',
-                    left: 'var(--gap-md)',
-                    top: 'calc(-1 * var(--font-size-xs) / 2 - 1px)',
-                    fontSize: 'var(--font-size-xs)',
-                    fontWeight: 500,
-                    color: disabled ? 'var(--muted-foreground)' : 'var(--foreground)',
-                    pointerEvents: 'none',
-                    zIndex: 1,
-                    backgroundColor: 'var(--background)',
-                    padding: '0 var(--gap-xs)',
-                    lineHeight: 1,
-                }, children: label })), _jsxs(SelectTriggerPrimitive, { id: id, className: "dndev-input dndev-select-trigger", disabled: disabled, children: [isLoading ? (_jsxs("div", { className: "dndev-select-loading-container", children: [_jsx("div", { className: "dndev-animate-spin dndev-select-loading-spinner" }), _jsx("span", { children: "Loading..." })] })) : (_jsx(SelectValuePrimitive, { placeholder: placeholder })), _jsx(SelectRadix.Icon, { asChild: true, children: _jsx(ChevronDown, {}) })] })] }));
-    return (_jsxs(SelectRootPrimitive, { value: value, onValueChange: onValueChange, defaultValue: defaultValue, disabled: disabled, onOpenChange: setIsOpen, ...props, children: [customTrigger, _jsx(SelectRadix.Portal, { children: _jsx(SelectContentPrimitive, { className: "dndev-floating dndev-menu-content dndev-z-tooltip dndev-select-content", position: "popper", side: "bottom", sideOffset: 4, align: "start", "data-glow": "blank", children: _jsx(SelectRadix.Viewport, { children: options.map((option) => {
-                            if (option.value === '__label__') {
-                                return (_jsx(SelectLabelPrimitive, { className: "dndev-menu-label", children: option.label }, option.label));
-                            }
-                            if (option.value === '__separator__') {
-                                return (_jsx(SelectSeparatorPrimitive, { className: "dndev-menu-separator" }, "separator"));
-                            }
-                            return (_jsxs(SelectItemPrimitive, { value: option.value, disabled: option.disabled, className: "dndev-interactive", "data-role": "menu-item", children: [option.content ? (option.content) : (_jsx(_Fragment, { children: _jsxs(SelectRadix.ItemText, { children: [_jsx("span", { children: option.label }), option.description && (_jsx("span", { className: "dndev-select-item-description", children: option.description }))] }) })), _jsx(SelectRadix.ItemIndicator, { className: "dndev-dropdown-menu-checkmark dndev-dropdown-menu-trailing", children: _jsx(Check, {}) })] }, option.value));
-                        }) }) }) })] }));
+    const triggerElement = (_jsxs(SelectTriggerPrimitive, { id: id, className: "dndev-input dndev-select-trigger", disabled: disabled, children: [isLoading ? (_jsxs("div", { className: "dndev-select-loading-container", children: [_jsx("div", { className: "dndev-animate-spin dndev-select-loading-spinner" }), _jsx("span", { children: "Loading..." })] })) : (_jsx(SelectValuePrimitive, { placeholder: placeholder })), _jsx(SelectRadix.Icon, { asChild: true, children: _jsx(ChevronDown, {}) })] }));
+    const customTrigger = trigger ? (_jsx(SelectTriggerPrimitive, { asChild: true, disabled: disabled, className: "dndev-input dndev-select-trigger", children: trigger })) : hasLabel ? (_jsx(FloatingLabel, { htmlFor: id, label: label, disabled: disabled, required: required, children: triggerElement })) : (triggerElement);
+    return (_jsxs(SelectRootPrimitive, { value: value, onValueChange: onValueChange, defaultValue: defaultValue, disabled: disabled, onOpenChange: setIsOpen, ...props, children: [customTrigger, _jsx(SelectRadix.Portal, { children: _jsx(SelectContentPrimitive, { className: "dndev-floating dndev-menu-content dndev-z-tooltip dndev-select-content", position: "popper", side: "bottom", sideOffset: 4, align: "start", "data-glow": "blank", children: _jsx(SelectRadix.Viewport, { children: _jsx(ScrollArea, { className: "dndev-menu-scroll-area", end: true, children: options.map((option) => {
+                                if (option.value === '__label__') {
+                                    return (_jsx(SelectLabelPrimitive, { className: "dndev-menu-label", children: option.label }, option.label));
+                                }
+                                if (option.value === '__separator__') {
+                                    return (_jsx(SelectSeparatorPrimitive, { className: "dndev-menu-separator" }, "separator"));
+                                }
+                                return (_jsxs(SelectItemPrimitive, { value: option.value, disabled: option.disabled, className: "dndev-interactive", "data-role": "menu-item", children: [option.content ? (option.content) : (_jsx(_Fragment, { children: _jsxs(SelectRadix.ItemText, { children: [_jsx("span", { children: option.label }), option.description && (_jsx("span", { className: "dndev-select-item-description", children: option.description }))] }) })), _jsx(SelectRadix.ItemIndicator, { className: "dndev-dropdown-menu-checkmark dndev-dropdown-menu-trailing", children: _jsx(Check, {}) })] }, option.value));
+                            }) }) }) }) })] }));
 };
 export default Select;

package/dist/atomic/Separator/SeparatorPrimitive.d.ts

@@ -6,7 +6,7 @@
  * @author AMBROISE PARK Consulting
  */
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import { type ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 export interface SeparatorPrimitiveProps extends ComponentProps<typeof SeparatorPrimitive.Root> {
 }
 declare const SeparatorPrimitiveComponent: ({ className, ...props }: SeparatorPrimitiveProps) => import("react/jsx-runtime").JSX.Element;

package/dist/atomic/Separator/SeparatorPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeparatorPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/SeparatorPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAC7D,OAAO,kBAAkB,CAAC,IAAI,CAC/B;CAAG;AAEJ,QAAA,MAAM,2BAA2B,GAAI,yBAGlC,uBAAuB,4CAOzB,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"SeparatorPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/SeparatorPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAIhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAC7D,OAAO,kBAAkB,CAAC,IAAI,CAC/B;CAAG;AAEJ,QAAA,MAAM,2BAA2B,GAAI,yBAGlC,uBAAuB,4CAOzB,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/atomic/Separator/SeparatorPrimitive.js

@@ -8,7 +8,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import {} from 'react';
 import { cn } from '../../utils/helpers';
 const SeparatorPrimitiveComponent = ({ className, ...props }) => {
     return (_jsx(SeparatorPrimitive.Root, { className: cn('dndev-separator', className), ...props }));

package/dist/atomic/Separator/index.d.ts

@@ -6,8 +6,8 @@
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import { type ComponentProps } from 'react';
 import SeparatorPrimitive from './SeparatorPrimitive';
+import type { ComponentProps } from 'react';
 import './Separator.css';
 /**
  * Separator variant constants - DRY single source of truth

package/dist/atomic/Separator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,OAAO,iBAAiB,CAAC;AAEzB;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;;;;;CAKpB,CAAC;AAEX,MAAM,WAAW,cAAe,SAAQ,cAAc,CACpD,OAAO,kBAAkB,CAC1B;IACC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;CACtE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,SAAS,GAAI,kEAOhB,cAAc,4CAahB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAGtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,iBAAiB,CAAC;AAEzB;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;;;;;CAKpB,CAAC;AAEX,MAAM,WAAW,cAAe,SAAQ,cAAc,CACpD,OAAO,kBAAkB,CAC1B;IACC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;CACtE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,SAAS,GAAI,kEAOhB,cAAc,4CAahB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/atomic/Separator/index.js

@@ -8,7 +8,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import {} from 'react';
 import SeparatorPrimitive from './SeparatorPrimitive';
 import { cn, getVariantDataAttrs } from '../../utils/helpers';
 import './Separator.css';

package/dist/atomic/Sheet/index.d.ts

@@ -29,6 +29,8 @@ export interface SheetProps extends Omit<ComponentProps<typeof DialogPrimitive.C
      * @default 'right'
      */
     side?: 'top' | 'bottom' | 'left' | 'right';
+    /** Footer content (pinned at bottom) */
+    footer?: ReactNode;
     /** Visual variant of the sheet (uses surface variants: default, muted, primary, secondary, accent, success, warning, destructive) */
     variant?: SurfaceVariant;
     /** Whether to disable swipe-to-close functionality */
@@ -53,7 +55,7 @@ export interface SheetProps extends Omit<ComponentProps<typeof DialogPrimitive.C
  * @param {SheetProps} props - The props for the sheet
  * @returns {JSX.Element} The rendered sheet
  */
-declare const Sheet: ({ trigger, title, description, children, open, onOpenChange, side, showOverlay, variant, className, noSwipe, ...contentProps }: SheetProps) => import("react/jsx-runtime").JSX.Element;
+declare const Sheet: ({ trigger, title, description, children, open, onOpenChange, side, showOverlay, footer, variant, className, noSwipe, ...contentProps }: SheetProps) => import("react/jsx-runtime").JSX.Element;
 export default Sheet;
 export { SURFACE_VARIANT as SHEET_VARIANT } from '../../utils/constants';
 export type { SurfaceVariant as SheetVariant } from '../../utils/constants';

package/dist/atomic/Sheet/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Sheet/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAK7E,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9C,OAAO,GAAG,UAAU,CACrB;IACC,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,qIAAqI;IACrI,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,KAAK,GAAI,gIAaZ,UAAU,4CA2FZ,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,eAAe,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACzE,YAAY,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Sheet/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAI7E,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9C,OAAO,GAAG,UAAU,CACrB;IACC,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,wCAAwC;IACxC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qIAAqI;IACrI,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,KAAK,GAAI,wIAcZ,UAAU,4CAsGZ,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,eAAe,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACzE,YAAY,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/atomic/Sheet/index.js

@@ -11,9 +11,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { X } from 'lucide-react';
 import { useRef, useId } from 'react';
+import { useSwipeToClose } from '../../hooks';
 import { SURFACE_VARIANT } from '../../utils/constants';
 import { cn, getVariantDataAttrs } from '../../utils/helpers';
-import { useSwipeToClose } from '../../hooks';
 import Button, { BUTTON_VARIANT } from '../Button';
 /**
  * Accessible sheet (slide-out) component built on Radix UI Dialog.
@@ -34,7 +34,7 @@ import Button, { BUTTON_VARIANT } from '../Button';
  * @param {SheetProps} props - The props for the sheet
  * @returns {JSX.Element} The rendered sheet
  */
-const Sheet = ({ trigger, title, description, children, open, onOpenChange, side = 'right', showOverlay = true, variant, className = '', noSwipe = false, ...contentProps }) => {
+const Sheet = ({ trigger, title, description, children, open, onOpenChange, side = 'right', showOverlay = true, footer, variant, className = '', noSwipe = false, ...contentProps }) => {
     const closeButtonRef = useRef(null);
     const getSwipeDirection = () => {
         switch (side) {
@@ -60,7 +60,7 @@ const Sheet = ({ trigger, title, description, children, open, onOpenChange, side
         side,
         variant: variant !== SURFACE_VARIANT.DEFAULT ? variant : undefined,
     });
-    return (_jsxs(DialogPrimitive.Root, { open: open, onOpenChange: onOpenChange, children: [trigger && (_jsx(DialogPrimitive.Trigger, { asChild: true, children: trigger })), _jsxs(DialogPrimitive.Portal, { children: [showOverlay && _jsx(DialogPrimitive.Overlay, { className: "dndev-overlay" }), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn('dndev-surface dndev-sheet-content', className), "data-side": side, onPointerDown: noSwipe ? undefined : onPointerDown, onPointerMove: noSwipe ? undefined : onPointerMove, onPointerUp: noSwipe ? undefined : onPointerUp, onPointerCancel: noSwipe ? undefined : onPointerCancel, ...variantAttrs, ...contentProps, children: [title ? (_jsxs("div", { className: "dndev-sheet-header", children: [_jsx(DialogPrimitive.Title, { className: "dndev-sheet-title", children: title }), _jsx(DialogPrimitive.Description, { className: "dndev-sr-only", children: description || 'Sheet content' }), _jsx(DialogPrimitive.Close, { ref: closeButtonRef, asChild: true, children: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: X, className: "dndev-sheet-close", "aria-label": "Close sheet" }) })] })) : (_jsxs(_Fragment, { children: [_jsx(DialogPrimitive.Title, { className: "dndev-sr-only", children: "Sheet" }), _jsx(DialogPrimitive.Description, { className: "dndev-sr-only", children: description || 'Sheet content' }), _jsx("div", { className: "dndev-sheet-header", children: _jsx(DialogPrimitive.Close, { ref: closeButtonRef, asChild: true, children: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: X, className: "dndev-sheet-close", "aria-label": "Close sheet" }) }) })] })), children] })] })] }));
+    return (_jsxs(DialogPrimitive.Root, { open: open, onOpenChange: onOpenChange, children: [trigger && (_jsx(DialogPrimitive.Trigger, { asChild: true, children: trigger })), _jsxs(DialogPrimitive.Portal, { children: [showOverlay && _jsx(DialogPrimitive.Overlay, { className: "dndev-overlay" }), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn('dndev-surface dndev-sheet-content', className), "data-side": side, onPointerDown: noSwipe ? undefined : onPointerDown, onPointerMove: noSwipe ? undefined : onPointerMove, onPointerUp: noSwipe ? undefined : onPointerUp, onPointerCancel: noSwipe ? undefined : onPointerCancel, ...variantAttrs, ...contentProps, children: [(side === 'bottom' || side === 'top') && !noSwipe && (_jsx("div", { className: "dndev-sheet-drag-handle", "aria-hidden": "true" })), title ? (_jsxs("div", { className: "dndev-sheet-header", children: [_jsx(DialogPrimitive.Title, { className: "dndev-sheet-title", children: title }), _jsx(DialogPrimitive.Description, { className: "dndev-sr-only", children: description || 'Sheet content' }), _jsx(DialogPrimitive.Close, { ref: closeButtonRef, asChild: true, children: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: X, className: "dndev-sheet-close", "aria-label": "Close sheet" }) })] })) : (_jsxs(_Fragment, { children: [_jsx(DialogPrimitive.Title, { className: "dndev-sr-only", children: "Sheet" }), _jsx(DialogPrimitive.Description, { className: "dndev-sr-only", children: description || 'Sheet content' }), _jsx("div", { className: "dndev-sheet-header", children: _jsx(DialogPrimitive.Close, { ref: closeButtonRef, asChild: true, children: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: X, className: "dndev-sheet-close", "aria-label": "Close sheet" }) }) })] })), _jsx("div", { className: "dndev-sheet-body", children: children }), footer && _jsx("div", { className: "dndev-sheet-footer", children: footer })] })] })] }));
 };
 export default Sheet;
 export { SURFACE_VARIANT as SHEET_VARIANT } from '../../utils/constants';

package/dist/atomic/Skeleton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Skeleton/index.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAChD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC9E,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAuBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,OAAiB,EACjB,IAAe,EACf,KAAK,EACL,MAAM,EACN,KAAS,EACT,YAAY,EAAE,SAA6B,EAC3C,GAAG,KAAK,EACT,EAAE,aAAa,2CA8Cf;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Skeleton/index.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAChD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC9E,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAuBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,OAAiB,EACjB,IAAe,EACf,KAAK,EACL,MAAM,EACN,KAAS,EACT,YAAY,EAAE,SAA6B,EAC3C,GAAG,KAAK,EACT,EAAE,aAAa,2CAiDf;AAED,eAAe,QAAQ,CAAC"}

package/dist/atomic/Skeleton/index.js

@@ -11,16 +11,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../utils/helpers';
 const sizePresets = {
     text: { height: 'var(--gap-md)', width: '100%' },
-    heading: { height: 'var(--icon-touch)', width: '75%' },
+    heading: { height: 'var(--icon-touch)', width: '100%' },
     avatar: {
         height: 'var(--icon-touch)',
         width: 'var(--icon-touch)',
         borderRadius: 'var(--radius-full)',
     },
-    button: { height: 'var(--icon-touch)', width: '6rem' },
+    button: { height: 'var(--icon-touch)', width: '100%' },
     card: { height: '8rem', width: '100%' },
     image: { height: '12rem', width: '100%' },
-    custom: {},
+    custom: { width: '100%' },
 };
 const animationClasses = {
     pulse: 'dndev-skeleton-pulse',
@@ -56,10 +56,13 @@ function Skeleton({ className, variant = 'pulse', size = 'custom', width, height
     const animationClass = animationClasses[variant];
     const style = {
         ...sizeStyles,
+        // Width: explicit width prop overrides preset, otherwise use preset (defaults to 100%)
         ...(width && { width: typeof width === 'number' ? `${width}px` : width }),
+        // Height: explicit height prop overrides preset
         ...(height && {
             height: typeof height === 'number' ? `${height}px` : height,
         }),
+        // User-provided style overrides everything
         ...props.style,
     };
     if (lines > 1) {

package/dist/atomic/Slider/SliderPrimitive.d.ts

@@ -7,7 +7,7 @@
  * @author AMBROISE PARK Consulting
  */
 import * as SliderPrimitive from '@radix-ui/react-slider';
-import { type ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 /**
  * Props for the Slider component.
  * Extends Radix UI Slider Root props.

package/dist/atomic/Slider/SliderPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/SliderPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAC1D,OAAO,eAAe,CAAC,IAAI,CAC5B;CAAG;AAEJ;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,oBAAoB,4CAStB,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"SliderPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/SliderPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAC1D,OAAO,eAAe,CAAC,IAAI,CAC5B;CAAG;AAEJ;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,oBAAoB,4CAStB,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/atomic/Slider/SliderPrimitive.js

@@ -9,7 +9,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import * as SliderPrimitive from '@radix-ui/react-slider';
-import {} from 'react';
 import { cn } from '../../utils/helpers';
 /**
  * Accessible slider component built on Radix UI Slider.

package/dist/atomic/Slider/index.d.ts

@@ -7,8 +7,9 @@
  * @author AMBROISE PARK Consulting
  */
 import * as SliderPrimitive from '@radix-ui/react-slider';
-import { type ComponentProps } from 'react';
-import { CONTROL_VARIANT, type ControlVariant } from '../../utils/constants';
+import { CONTROL_VARIANT } from '../../utils/constants';
+import type { ControlVariant } from '../../utils/constants';
+import type { ComponentProps } from 'react';
 import './Slider.css';
 export interface SliderProps extends ComponentProps<typeof SliderPrimitive.Root> {
     /** Semantic color variant */

package/dist/atomic/Slider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG7E,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,cAAc,CACjD,OAAO,eAAe,CAAC,IAAI,CAC5B;IACC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoBD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,MAAM,GAAI,kEAOb,WAAW,4CA2Bb,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC9D,YAAY,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,cAAc,CACjD,OAAO,eAAe,CAAC,IAAI,CAC5B;IACC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoBD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,MAAM,GAAI,kEAOb,WAAW,4CA2Bb,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC9D,YAAY,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}

package/dist/atomic/Slider/index.js

@@ -10,10 +10,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { cva } from 'class-variance-authority';
-import {} from 'react';
-import { cn, getVariantDataAttrs } from '../../utils/helpers';
-import { CONTROL_VARIANT } from '../../utils/constants';
 import SliderPrimitiveComponent from './SliderPrimitive';
+import { CONTROL_VARIANT } from '../../utils/constants';
+import { cn, getVariantDataAttrs } from '../../utils/helpers';
 import './Slider.css';
 const sliderVariants = cva('dndev-slider', {
     variants: {

package/dist/atomic/Slot/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slot/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAE7D;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,IAAI,GAAI,yBAAyB,SAAS,4CAE/C,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slot/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAE7D;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,IAAI,GAAI,yBAAyB,SAAS,4CAE/C,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/atomic/Stepper/index.js

@@ -11,8 +11,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { useState, useEffect, useCallback, useRef } from 'react';
-import { cn, getVariantDataAttrs } from '../../utils/helpers';
 import { THEME_VARIANT } from '../../utils/constants';
+import { cn, getVariantDataAttrs } from '../../utils/helpers';
 import Button, { BUTTON_VARIANT } from '../Button';
 import Card from '../Card';
 import Stack from '../Stack';

package/dist/atomic/Switch/SwitchPrimitive.d.ts

@@ -7,7 +7,7 @@
  * @author AMBROISE PARK Consulting
  */
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { type ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import './Switch.css';
 export interface SwitchPrimitiveProps extends ComponentProps<typeof SwitchPrimitives.Root> {
 }

package/dist/atomic/Switch/SwitchPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Switch/SwitchPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAC1D,OAAO,gBAAgB,CAAC,IAAI,CAC7B;CAAG;AAEJ;;;;;;;;;;GAUG;AACH,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,oBAAoB,4CAMtB,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"SwitchPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Switch/SwitchPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAI3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAC1D,OAAO,gBAAgB,CAAC,IAAI,CAC7B;CAAG;AAEJ;;;;;;;;;;GAUG;AACH,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,oBAAoB,4CAMtB,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/atomic/Switch/SwitchPrimitive.js

@@ -9,7 +9,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import {} from 'react';
 import { cn } from '../../utils/helpers';
 import './Switch.css';
 /**

package/dist/atomic/Switch/index.d.ts

@@ -1,34 +1,49 @@
 /**
  * @fileoverview Switch component
  * @description Accessible switch component built on Radix UI primitives with semantic color variants.
+ * Supports optional labels for binary choices (e.g., Manual/Automatic).
  *
- * @version 0.0.1
+ * @version 0.0.2
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { type ComponentProps } from 'react';
-import { CONTROL_VARIANT, type ControlVariant } from '../../utils/constants';
 import SwitchPrimitive from './SwitchPrimitive';
+import { CONTROL_VARIANT } from '../../utils/constants';
+import type { ControlVariant } from '../../utils/constants';
+import type { ComponentProps } from 'react';
 import './Switch.css';
 export interface SwitchProps extends ComponentProps<typeof SwitchPrimitives.Root> {
     /** Semantic color variant */
     variant?: ControlVariant;
+    /** Label for unchecked state (e.g., "Manual") */
+    uncheckedLabel?: string;
+    /** Label for checked state (e.g., "Automatic") */
+    checkedLabel?: string;
 }
 /**
  * Accessible switch control with semantic color variants.
- * Supports smooth animations and full state management.
+ * Supports optional labels for binary choices with automatic active/inactive styling.
  *
  * @component
  * @example
  * ```tsx
+ * // Simple switch without labels
  * <Switch checked={enabled} onCheckedChange={setEnabled} variant="success" />
- * <Switch checked={dangerous} variant="destructive" />
+ *
+ * // Switch with labels (Manual/Automatic)
+ * <Switch
+ *   checked={isAutomatic}
+ *   onCheckedChange={setIsAutomatic}
+ *   uncheckedLabel="Manual"
+ *   checkedLabel="Automatic"
+ *   variant="muted"
+ * />
  * ```
  * @param {SwitchProps} props - The props for the switch
  * @returns {JSX.Element} The rendered switch
  */
-declare const Switch: ({ className, variant, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+declare const Switch: ({ className, variant, uncheckedLabel, checkedLabel, checked, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
 export default Switch;
 export { SwitchPrimitive, CONTROL_VARIANT as SWITCH_VARIANT };
 export type { ControlVariant as SwitchVariant };

package/dist/atomic/Switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Switch/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,cAAc,CACjD,OAAO,gBAAgB,CAAC,IAAI,CAC7B;IACC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAoBD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,MAAM,GAAI,kCAAkC,WAAW,4CAY5D,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC9D,YAAY,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Switch/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAG3D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAEvD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,cAAc,CACjD,OAAO,gBAAgB,CAAC,IAAI,CAC7B;IACC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAoBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,MAAM,GAAI,yEAOb,WAAW,4CAyCb,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC9D,YAAY,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}