@donotdev/components 0.0.11 → 0.0.13

package/dist/atomic/Input/index.js

@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useId } from 'react';
 import { cn } from '../../utils/helpers';
 import Icon from '../Icons/Icon';
-import Label from '../Label';
+import { FloatingLabel } from '../Label';
 import './Input.css';
 /**
  * Accessible input component with mobile-friendly touch targets.
@@ -31,36 +31,27 @@ import './Input.css';
  * @param {InputProps} props - The props for the input
  * @returns {JSX.Element} The rendered input
  */
-const Input = ({ className, type, icon, iconEnd = false, label, value, onFocus, onBlur, ...props }) => {
+const Input = ({ className, type, icon, iconEnd = false, label, value, onFocus, onBlur, required, ...props }) => {
     const id = useId();
     const hasIcon = !!icon;
     const isLeading = !iconEnd;
     const isTrailing = iconEnd;
     const hasLabel = !!label;
     const inputClasses = cn('dndev-input', hasIcon && isLeading && 'dndev-input-with-leading-icon', hasIcon && isTrailing && 'dndev-input-with-trailing-icon', className);
-    const inputElement = (_jsx("input", { id: id, type: type, value: value, className: inputClasses, ...props }));
+    // Explicitly exclude children to prevent void element error (input is a void element)
+    const { children: _children, ...inputProps } = props;
+    const inputElement = (_jsx("input", { id: id, type: type, value: value, required: required, className: inputClasses, ...inputProps }));
     const needsWrapper = hasIcon || hasLabel;
+    // Build input with optional icon wrapper
+    const inputWithIcon = hasIcon ? (_jsxs("div", { className: "dndev-relative", children: [inputElement, _jsx("div", { className: cn('dndev-input-icon', isLeading && 'dndev-input-icon-leading', isTrailing && 'dndev-input-icon-trailing'), children: _jsx(Icon, { icon: icon, className: "dndev-size-md", ariaHidden: true }) })] })) : (inputElement);
     if (!needsWrapper) {
         return inputElement;
     }
-    return (_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: props.disabled
-                        ? 'var(--muted-foreground)'
-                        : 'var(--foreground)',
-                    pointerEvents: 'none',
-                    zIndex: 1,
-                    backgroundColor: 'var(--background)',
-                    padding: '0 var(--gap-xs)',
-                    lineHeight: 1,
-                    maxWidth: 'calc(100% - var(--gap-md) * 2)',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                }, children: label })), inputElement, hasIcon && (_jsx("div", { className: cn('dndev-input-icon', isLeading && 'dndev-input-icon-leading', isTrailing && 'dndev-input-icon-trailing'), children: _jsx(Icon, { icon: icon, className: "dndev-size-md", ariaHidden: true }) }))] }));
+    // With label: use FloatingLabel wrapper (fieldset/legend)
+    if (hasLabel) {
+        return (_jsx(FloatingLabel, { htmlFor: id, label: label, disabled: props.disabled, required: required, children: inputWithIcon }));
+    }
+    // Icon only, no label
+    return inputWithIcon;
 };
 export default Input;

package/dist/atomic/Label/FloatingLabel.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @fileoverview FloatingLabel component
+ * @description Fieldset/legend wrapper for native border-cutting floating labels.
+ * Uses semantic HTML - browser natively cuts border where legend sits.
+ * No background color hacks needed.
+ *
+ * @version 0.0.2
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import './Label.css';
+import type { ReactNode } from 'react';
+export interface FloatingLabelProps {
+    /** HTML id to associate legend with input (for accessibility) */
+    htmlFor?: string;
+    /** Label text - REQUIRED */
+    label: ReactNode;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Whether to truncate long labels with ellipsis */
+    truncate?: boolean;
+    /** Whether the field is required - shows asterisk indicator */
+    required?: boolean;
+    /** Children (the input element) - REQUIRED */
+    children: ReactNode;
+    /** Additional className for the fieldset */
+    className?: string;
+}
+/**
+ * FloatingLabel - Fieldset/legend wrapper for floating labels
+ *
+ * Uses semantic HTML to achieve the "label on border" effect without
+ * background color hacks. Works on any background color.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <FloatingLabel label="Email Address" htmlFor="email" required>
+ *   <input id="email" type="email" />
+ * </FloatingLabel>
+ * ```
+ */
+export declare function FloatingLabel({ htmlFor, label, disabled, truncate, required, children, className, }: FloatingLabelProps): import("react/jsx-runtime").JSX.Element;
+export default FloatingLabel;
+//# sourceMappingURL=FloatingLabel.d.ts.map

package/dist/atomic/Label/FloatingLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingLabel.d.ts","sourceRoot":"","sources":["../../../src/atomic/Label/FloatingLabel.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE,kBAAkB,2CA6BpB;AAED,eAAe,aAAa,CAAC"}

package/dist/atomic/Label/FloatingLabel.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// packages/components/src/atomic/Label/FloatingLabel.tsx
+/**
+ * @fileoverview FloatingLabel component
+ * @description Fieldset/legend wrapper for native border-cutting floating labels.
+ * Uses semantic HTML - browser natively cuts border where legend sits.
+ * No background color hacks needed.
+ *
+ * @version 0.0.2
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import './Label.css';
+/**
+ * FloatingLabel - Fieldset/legend wrapper for floating labels
+ *
+ * Uses semantic HTML to achieve the "label on border" effect without
+ * background color hacks. Works on any background color.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <FloatingLabel label="Email Address" htmlFor="email" required>
+ *   <input id="email" type="email" />
+ * </FloatingLabel>
+ * ```
+ */
+export function FloatingLabel({ htmlFor, label, disabled = false, truncate = false, required = false, children, className, }) {
+    return (_jsxs("fieldset", { className: `dndev-floating-fieldset ${className || ''}`, disabled: disabled, "data-disabled": disabled ? 'true' : undefined, children: [_jsx("legend", { className: "dndev-floating-legend", "data-truncate": truncate ? 'true' : undefined, children: _jsxs("label", { htmlFor: htmlFor, children: [label, required && (_jsx("span", { style: {
+                                color: 'var(--destructive-foreground)',
+                                marginInlineStart: 'var(--gap-tight)',
+                            }, "aria-hidden": "true", children: "*" }))] }) }), children] }));
+}
+export default FloatingLabel;

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

@@ -6,6 +6,7 @@
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
+import { FloatingLabel, type FloatingLabelProps } from './FloatingLabel';
 import { type LabelPrimitiveProps } from './LabelPrimitive';
 import type { ComponentType, ReactNode } from 'react';
 export interface LabelProps extends LabelPrimitiveProps {
@@ -24,6 +25,8 @@ export interface LabelProps extends LabelPrimitiveProps {
      * @default false
      */
     plain?: boolean;
+    /** Whether the field is required - shows asterisk indicator */
+    required?: boolean;
     children?: ReactNode;
 }
 /**
@@ -38,6 +41,7 @@ export interface LabelProps extends LabelPrimitiveProps {
  * @param {LabelProps} props - The props for the label
  * @returns {JSX.Element} The rendered label
  */
-declare const Label: ({ className, icon: Icon, iconEnd, plain, children, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+declare const Label: ({ className, icon: Icon, iconEnd, plain, required, children, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
 export default Label;
+export { FloatingLabel, type FloatingLabelProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Label/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5E,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD,8CAA8C;IAC9C,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,KAAK,GAAI,+DAOZ,UAAU,4CAmBZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Label/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5E,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD,8CAA8C;IAC9C,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,KAAK,GAAI,yEAQZ,UAAU,4CAgCZ,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,CAAC"}

package/dist/atomic/Label/index.js

@@ -8,6 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
+import { FloatingLabel } from './FloatingLabel';
 import LabelPrimitive, {} from './LabelPrimitive';
 import { cn } from '../../utils/helpers';
 /**
@@ -22,8 +23,13 @@ import { cn } from '../../utils/helpers';
  * @param {LabelProps} props - The props for the label
  * @returns {JSX.Element} The rendered label
  */
-const Label = ({ className, icon: Icon, iconEnd = false, plain = false, children, ...props }) => {
+const Label = ({ className, icon: Icon, iconEnd = false, plain = false, required = false, children, ...props }) => {
     const iconElement = Icon ? (_jsx(Icon, { className: "dndev-label-icon", "data-position": iconEnd ? 'trailing' : 'leading' })) : null;
-    return (_jsxs(LabelPrimitive, { className: cn('dndev-text-base dndev-label-base', className), "data-plain": plain ? 'true' : undefined, ...props, children: [!iconEnd && iconElement, children, iconEnd && iconElement] }));
+    const requiredIndicator = required ? (_jsx("span", { style: {
+            color: 'var(--destructive-foreground)',
+            marginInlineStart: 'var(--gap-tight)',
+        }, "aria-hidden": "true", children: "*" })) : null;
+    return (_jsxs(LabelPrimitive, { className: cn('dndev-text-base dndev-label-base', className), "data-plain": plain ? 'true' : undefined, ...props, children: [!iconEnd && iconElement, children, requiredIndicator, iconEnd && iconElement] }));
 };
 export default Label;
+export { FloatingLabel };

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

@@ -1,3 +1,11 @@
+/**
+ * @fileoverview List component
+ * @description Simple list component for bullet points, numbered lists, and feature lists
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
 import { GAP_VARIANT } from '../../styles/componentConstants';
 import type { ReactNode, HTMLAttributes } from 'react';
 import './List.css';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/List/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,QAAQ;IACvB,uCAAuC;IACvC,OAAO,EAAE,SAAS,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAC/C,gBAAgB,GAAG,gBAAgB,CACpC;IACC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC,EAAE,CAAC;IAC1C,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;IACxD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,IAAI,GAAI,6DAQX,SAAS,4CAoDX,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAExE,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/List/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,QAAQ;IACvB,uCAAuC;IACvC,OAAO,EAAE,SAAS,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAC/C,gBAAgB,GAAG,gBAAgB,CACpC;IACC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC,EAAE,CAAC;IAC1C,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;IACxD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,IAAI,GAAI,6DAQX,SAAS,4CAoDX,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAExE,eAAe,IAAI,CAAC"}

package/dist/atomic/List/index.js

@@ -8,8 +8,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import { cn } from '../../utils/helpers';
 import { GAP_VARIANT } from '../../styles/componentConstants';
+import { cn } from '../../utils/helpers';
 import './List.css';
 /**
  * List component for bullet points, numbered lists, and feature lists.

package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.d.ts

@@ -7,7 +7,7 @@
  * @author AMBROISE PARK Consulting
  */
 import * as RadixNavigationMenu from '@radix-ui/react-navigation-menu';
-import { type ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 interface NavigationMenuPrimitiveProps extends ComponentProps<typeof RadixNavigationMenu.Root> {
     vertical?: boolean;
 }

package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/NavigationMenu/NavigationMenuPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,mBAAmB,MAAM,iCAAiC,CAAC;AAGvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,UAAU,4BAA6B,SAAQ,cAAc,CAC3D,OAAO,mBAAmB,CAAC,IAAI,CAChC;IACC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,uBAAuB,GAAI,6CAK9B,4BAA4B,4CAc9B,CAAC;AAEF,UAAU,gCAAiC,SAAQ,cAAc,CAC/D,OAAO,mBAAmB,CAAC,IAAI,CAChC;IACC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,2BAA2B,GAAI,mCAIlC,gCAAgC,4CAMlC,CAAC;AAEF,QAAA,MAAM,2BAA2B,uIAA2B,CAAC;AAE7D,QAAA,MAAM,mCAAmC,oFAAU,CAAC;AAEpD,QAAA,MAAM,8BAA8B,GAAI,mCAIrC,cAAc,CAAC,OAAO,mBAAmB,CAAC,OAAO,CAAC,4CASpD,CAAC;AAEF,QAAA,MAAM,8BAA8B,GAAI,yBAGrC,cAAc,CAAC,OAAO,mBAAmB,CAAC,OAAO,CAAC,4CAKpD,CAAC;AAEF,QAAA,MAAM,2BAA2B,2IAA2B,CAAC;AAE7D,QAAA,MAAM,+BAA+B,GAAI,yBAGtC,cAAc,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,4CAOrD,CAAC;AAEF,QAAA,MAAM,gCAAgC,GAAI,yBAGvC,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,4CAOtD,CAAC;AAEF,eAAe,uBAAuB,CAAC;AACvC,OAAO,EACL,mCAAmC,EACnC,2BAA2B,EAC3B,2BAA2B,EAC3B,8BAA8B,EAC9B,8BAA8B,EAC9B,2BAA2B,EAC3B,gCAAgC,EAChC,+BAA+B,GAChC,CAAC"}
+{"version":3,"file":"NavigationMenuPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/NavigationMenu/NavigationMenuPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,mBAAmB,MAAM,iCAAiC,CAAC;AAMvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,UAAU,4BAA6B,SAAQ,cAAc,CAC3D,OAAO,mBAAmB,CAAC,IAAI,CAChC;IACC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,uBAAuB,GAAI,6CAK9B,4BAA4B,4CAc9B,CAAC;AAEF,UAAU,gCAAiC,SAAQ,cAAc,CAC/D,OAAO,mBAAmB,CAAC,IAAI,CAChC;IACC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,2BAA2B,GAAI,mCAIlC,gCAAgC,4CAMlC,CAAC;AAEF,QAAA,MAAM,2BAA2B,uIAA2B,CAAC;AAE7D,QAAA,MAAM,mCAAmC,oFAAU,CAAC;AAEpD,QAAA,MAAM,8BAA8B,GAAI,mCAIrC,cAAc,CAAC,OAAO,mBAAmB,CAAC,OAAO,CAAC,4CASpD,CAAC;AAEF,QAAA,MAAM,8BAA8B,GAAI,yBAGrC,cAAc,CAAC,OAAO,mBAAmB,CAAC,OAAO,CAAC,4CAKpD,CAAC;AAEF,QAAA,MAAM,2BAA2B,2IAA2B,CAAC;AAE7D,QAAA,MAAM,+BAA+B,GAAI,yBAGtC,cAAc,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,4CAOrD,CAAC;AAEF,QAAA,MAAM,gCAAgC,GAAI,yBAGvC,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,4CAOtD,CAAC;AAEF,eAAe,uBAAuB,CAAC;AACvC,OAAO,EACL,mCAAmC,EACnC,2BAA2B,EAC3B,2BAA2B,EAC3B,8BAA8B,EAC9B,8BAA8B,EAC9B,2BAA2B,EAC3B,gCAAgC,EAChC,+BAA+B,GAChC,CAAC"}

package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.js

@@ -11,7 +11,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as RadixNavigationMenu from '@radix-ui/react-navigation-menu';
 import { cva } from 'class-variance-authority';
 import { ChevronDown } from 'lucide-react';
-import {} from 'react';
 import { cn } from '../../utils/helpers';
 const NavigationMenuPrimitive = ({ className, children, vertical = false, ...props }) => {
     const orientation = vertical ? 'vertical' : 'horizontal';

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

@@ -6,9 +6,9 @@
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import type { ComponentProps, ComponentType, ReactNode } from 'react';
 import NavigationMenuPrimitive from './NavigationMenuPrimitive';
 import { DISPLAY } from '../../styles/componentConstants';
+import type { ComponentProps, ComponentType, ReactNode } from 'react';
 import './NavigationMenu.css';
 interface NavigationMenuItem {
     /** The display label for the item */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/NavigationMenu/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,uBAON,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE1D,OAAO,sBAAsB,CAAC;AAE9B,UAAU,kBAAkB;IAC1B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAChC,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,gDAAgD;IAChD,YAAY,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,UAAU,mBAAoB,SAAQ,IAAI,CACxC,cAAc,CAAC,OAAO,uBAAuB,CAAC,EAC9C,UAAU,CACX;IACC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,cAAc,GAAI,4EAQrB,mBAAmB,4CAqOrB,CAAC;AAEF,eAAe,cAAc,CAAC;AAC9B,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/NavigationMenu/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,uBAON,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAI1D,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,sBAAsB,CAAC;AAE9B,UAAU,kBAAkB;IAC1B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAChC,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,gDAAgD;IAChD,YAAY,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,UAAU,mBAAoB,SAAQ,IAAI,CACxC,cAAc,CAAC,OAAO,uBAAuB,CAAC,EAC9C,UAAU,CACX;IACC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,cAAc,GAAI,4EAQrB,mBAAmB,4CAqOrB,CAAC;AAEF,eAAe,cAAc,CAAC;AAC9B,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/atomic/NavigationMenu/index.js

@@ -1,7 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// packages/components/src/atomic/NavigationMenu/index.tsx
+/**
+ * @fileoverview NavigationMenu component
+ * @description Props-based navigation menu component built on Radix UI primitives
+ *
+ * @version 0.0.3
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
 import NavigationMenuPrimitive, { NavigationMenuListPrimitive, NavigationMenuItemPrimitive, NavigationMenuContentPrimitive, NavigationMenuTriggerPrimitive, NavigationMenuLinkPrimitive, NavigationMenuViewportPrimitive, } from './NavigationMenuPrimitive';
-import { cn } from '../../utils/helpers';
 import { DISPLAY } from '../../styles/componentConstants';
+import { cn } from '../../utils/helpers';
 import Tooltip from '../Tooltip';
 import './NavigationMenu.css';
 /**

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

@@ -1,4 +1,4 @@
-import { type ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import './Pagination.css';
 export interface PaginationProps extends Omit<ComponentProps<'nav'>, 'children'> {
     /** Current page (1-indexed) */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Pagination/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAW,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,CACX;IACC,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,UAAU,GAAI,sHAUjB,eAAe,4CAuGjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Pagination/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,CACX;IACC,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,UAAU,GAAI,sHAUjB,eAAe,4CAuGjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,31 +1,31 @@
-import { type InputHTMLAttributes, type ReactNode } from 'react';
+import type { InputHTMLAttributes } from 'react';
 import './PasswordInput.css';
 export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    /** Whether to show the password toggle button */
-    showToggle?: boolean;
-    /** Custom toggle button content */
-    toggleButton?: ReactNode;
     /** Whether the password is currently visible */
     visible?: boolean;
     /** Callback when visibility changes */
     onVisibilityChange?: (visible: boolean) => void;
     /** Label for floating label - always shown small at top-left when provided */
     label?: string;
+    /** Whether the field is required - shows asterisk indicator */
+    required?: boolean;
 }
 /**
  * PasswordInput Component
  *
  * A password input field with show/hide toggle functionality.
  * Features industry-standard UX patterns:
- * - Eye icon toggle (show/hide password)
- * - Keyboard accessibility (Enter to toggle)
+ * - Eye icon toggle (show/hide password) - ALWAYS at end, cannot be overridden
  * - Smooth icon transitions
  * - Mobile-friendly touch targets
  * - Screen reader support
  * - ARIA labels and descriptions
  *
+ * Opinionated: Eye icon is ALWAYS positioned at end with inline styles.
+ * If you need different behavior, create your own component.
+ *
  * @component
- * @version 0.0.1
+ * @version 0.0.2
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  * @example
@@ -34,12 +34,11 @@ export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputEl
  *   value={password}
  *   onChange={setPassword}
  *   placeholder="Enter password"
- *   showToggle={true}
  * />
  * ```
  * @param {PasswordInputProps} props - The props for the password input
  * @returns {JSX.Element} The rendered password input
  */
-declare const PasswordInput: ({ className, showToggle, toggleButton, visible: controlledVisible, onVisibilityChange, label, value, onFocus, onBlur, ...props }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const PasswordInput: ({ className, visible: controlledVisible, onVisibilityChange, label, value, onFocus, onBlur, required, ...props }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
 export default PasswordInput;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/PasswordInput/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mCAAmC;IACnC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,QAAA,MAAM,aAAa,GAAI,kIAWpB,kBAAkB,4CAyFpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/PasswordInput/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,aAAa,GAAI,kHAUpB,kBAAkB,4CAmEpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/atomic/PasswordInput/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // packages/components/src/atomic/PasswordInput/index.tsx
 /**
  * @fileoverview PasswordInput component
@@ -9,25 +9,26 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * @author AMBROISE PARK Consulting
  */
 import { Eye, EyeOff } from 'lucide-react';
-import { useState, useId, } from 'react';
+import { useState, useId } from 'react';
 import { cn } from '../../utils/helpers';
-import Button, { BUTTON_VARIANT } from '../Button';
-import Label from '../Label';
+import { FloatingLabel } from '../Label';
 import './PasswordInput.css';
 /**
  * PasswordInput Component
  *
  * A password input field with show/hide toggle functionality.
  * Features industry-standard UX patterns:
- * - Eye icon toggle (show/hide password)
- * - Keyboard accessibility (Enter to toggle)
+ * - Eye icon toggle (show/hide password) - ALWAYS at end, cannot be overridden
  * - Smooth icon transitions
  * - Mobile-friendly touch targets
  * - Screen reader support
  * - ARIA labels and descriptions
  *
+ * Opinionated: Eye icon is ALWAYS positioned at end with inline styles.
+ * If you need different behavior, create your own component.
+ *
  * @component
- * @version 0.0.1
+ * @version 0.0.2
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  * @example
@@ -36,13 +37,12 @@ import './PasswordInput.css';
  *   value={password}
  *   onChange={setPassword}
  *   placeholder="Enter password"
- *   showToggle={true}
  * />
  * ```
  * @param {PasswordInputProps} props - The props for the password input
  * @returns {JSX.Element} The rendered password input
  */
-const PasswordInput = ({ className, showToggle = true, toggleButton, visible: controlledVisible, onVisibilityChange, label, value, onFocus, onBlur, ...props }) => {
+const PasswordInput = ({ className, visible: controlledVisible, onVisibilityChange, label, value, onFocus, onBlur, required, ...props }) => {
     const id = useId();
     const [internalVisible, setInternalVisible] = useState(false);
     // Use controlled or internal state
@@ -55,26 +55,10 @@ const PasswordInput = ({ className, showToggle = true, toggleButton, visible: co
         }
         onVisibilityChange?.(newVisible);
     };
-    const handleKeyDown = (e) => {
-        if (e.key === 'Enter' && showToggle) {
-            e.preventDefault();
-            toggleVisibility();
-        }
-    };
-    return (_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: props.disabled
-                        ? 'var(--muted-foreground)'
-                        : 'var(--foreground)',
-                    pointerEvents: 'none',
-                    zIndex: 1,
-                    backgroundColor: 'var(--background)',
-                    padding: '0 var(--gap-xs)',
-                    lineHeight: 1,
-                }, children: label })), _jsx("input", { id: id, type: isVisible ? 'text' : 'password', value: value, className: cn('dndev-input', showToggle && 'dndev-password-input-with-toggle', className), onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, ...props }), showToggle && (_jsx(Button, { type: "button", variant: BUTTON_VARIANT.GHOST, className: "dndev-password-toggle-button", onClick: toggleVisibility, "aria-label": isVisible ? 'Hide password' : 'Show password', "aria-describedby": props['aria-describedby'], tabIndex: -1, children: toggleButton || (_jsx(_Fragment, { children: isVisible ? (_jsx(EyeOff, { className: "dndev-size-md dndev-password-toggle-icon" })) : (_jsx(Eye, { className: "dndev-size-md dndev-password-toggle-icon" })) })) }))] }));
+    const inputContent = (_jsxs("div", { className: "dndev-relative", children: [_jsx("input", { id: id, type: isVisible ? 'text' : 'password', value: value, className: cn('dndev-input', 'dndev-password-input-with-toggle', className), onFocus: onFocus, onBlur: onBlur, required: required, ...props }), _jsx("button", { type: "button", className: "dndev-password-toggle-button", onClick: toggleVisibility, "aria-label": isVisible ? 'Hide password' : 'Show password', "aria-describedby": props['aria-describedby'], tabIndex: -1, children: isVisible ? (_jsx(EyeOff, { className: "dndev-size-md dndev-password-toggle-icon" })) : (_jsx(Eye, { className: "dndev-size-md dndev-password-toggle-icon" })) })] }));
+    if (!hasLabel) {
+        return inputContent;
+    }
+    return (_jsx(FloatingLabel, { htmlFor: id, label: label, disabled: props.disabled, required: required, children: inputContent }));
 };
 export default PasswordInput;

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

@@ -1,11 +1,3 @@
-/**
- * @fileoverview Popover component
- * @description Accessible popover component built on Radix UI primitives
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
 import { type FloatingVariant } from '../../utils/constants';
 /**
  * Popover subcomponents for advanced usage

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Popover/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAO/E;;GAEG;AACH,QAAA,MAAM,WAAW,oEAAmB,CAAC;AACrC,QAAA,MAAM,uBAAuB,qJAAiB,CAAC;AAC/C,QAAA,MAAM,uBAAuB;oBAK1B,CAAA;qBAA6C,CAAC;6CALH,CAAC;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;CAAmB,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sBAAsB;IACtB,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,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,OAAO;wHAYV,YAAY;;;;wBAzDZ,CAAA;yBAA6C,CAAC;;CA2EhD,CAAC;wBAMwB,OAAO,OAAO,GAAG;IACzC,IAAI,EAAE,OAAO,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,uBAAuB,CAAC;IACxC,OAAO,EAAE,OAAO,uBAAuB,CAAC;CACzC;AAJD,wBAIE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Popover/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG/E;;GAEG;AACH,QAAA,MAAM,WAAW,oEAAmB,CAAC;AACrC,QAAA,MAAM,uBAAuB,qJAAiB,CAAC;AAC/C,QAAA,MAAM,uBAAuB;oBAK1B,CAAA;qBAA6C,CAAC;6CALH,CAAC;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;CAAmB,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sBAAsB;IACtB,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,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,OAAO;wHAYV,YAAY;;;;wBAzDZ,CAAA;yBAA6C,CAAC;;CA2EhD,CAAC;wBAMwB,OAAO,OAAO,GAAG;IACzC,IAAI,EAAE,OAAO,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,uBAAuB,CAAC;IACxC,OAAO,EAAE,OAAO,uBAAuB,CAAC;CACzC;AAJD,wBAIE"}

package/dist/atomic/Popover/index.js

@@ -8,9 +8,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
+import PopoverPrimitive, { PopoverTrigger, PopoverContent, } from './PopoverPrimitive';
 import { FLOATING_VARIANT } from '../../utils/constants';
 import { cn, getVariantDataAttrs } from '../../utils/helpers';
-import PopoverPrimitive, { PopoverTrigger, PopoverContent, } from './PopoverPrimitive';
 /**
  * Popover subcomponents for advanced usage
  */

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

@@ -1,3 +1,11 @@
+/**
+ * @fileoverview PortalButton component
+ * @description Button component that renders in a portal (document.body) to avoid transform issues
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
 import { type ButtonProps } from '../Button';
 export interface PortalButtonProps extends ButtonProps {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/PortalButton/index.tsx"],"names":[],"mappings":"AAYA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,WAAW;CAAG;AAEzD;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAM7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/PortalButton/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAGrD,MAAM,WAAW,iBAAkB,SAAQ,WAAW;CAAG;AAEzD;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAM7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/atomic/PortalButton/index.js

@@ -8,8 +8,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import Portal from '../Portal';
 import Button, {} from '../Button';
+import Portal from '../Portal';
 /**
  * PortalButton - Button component rendered in a portal
  *

package/dist/atomic/Progress/ProgressPrimitive.d.ts

@@ -7,7 +7,7 @@
  * @author AMBROISE PARK Consulting
  */
 import * as ProgressPrimitive from '@radix-ui/react-progress';
-import { type ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 export interface ProgressPrimitiveProps extends ComponentProps<typeof ProgressPrimitive.Root> {
     /**
      * Visual variant of the progress bar.

package/dist/atomic/Progress/ProgressPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Progress/ProgressPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAC5D,OAAO,iBAAiB,CAAC,IAAI,CAC9B;IACC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;CACxE;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,0BAA0B,GAAI,yCAKjC,sBAAsB,4CAkBxB,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"ProgressPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Progress/ProgressPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAI9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAC5D,OAAO,iBAAiB,CAAC,IAAI,CAC9B;IACC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;CACxE;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,0BAA0B,GAAI,yCAKjC,sBAAsB,4CAkBxB,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/atomic/Progress/ProgressPrimitive.js

@@ -9,7 +9,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import * as ProgressPrimitive from '@radix-ui/react-progress';
-import {} from 'react';
 import { cn, getVariantDataAttrs } from '../../utils/helpers';
 /**
  * Accessible progress bar component built on Radix UI Progress.

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

@@ -1,3 +1,11 @@
+/**
+ * @fileoverview Progress component
+ * @description Accessible progress component built on Radix UI primitives
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
 import ProgressPrimitive, { type ProgressPrimitiveProps } from './ProgressPrimitive';
 declare const Progress: ({ className, ...props }: ProgressPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
 export default Progress;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Progress/index.tsx"],"names":[],"mappings":"AAYA,OAAO,iBAAiB,EAAE,EACxB,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAE7B,QAAA,MAAM,QAAQ,GAAI,yBAAyB,sBAAsB,4CAEhE,CAAC;AAEF,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Progress/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,iBAAiB,EAAE,EACxB,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAG7B,QAAA,MAAM,QAAQ,GAAI,yBAAyB,sBAAsB,4CAEhE,CAAC;AAEF,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,IAAI,aAAa,EAAE,CAAC"}

package/dist/atomic/Progress/index.js

@@ -8,8 +8,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import { cn } from '../../utils/helpers';
 import ProgressPrimitive, {} from './ProgressPrimitive';
+import { cn } from '../../utils/helpers';
 const Progress = ({ className, ...props }) => (_jsx(ProgressPrimitive, { className: cn('dndev-progress', className), ...props }));
 export default Progress;
 export { ProgressPrimitive };

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

@@ -1,12 +1,3 @@
-/**
- * @fileoverview RadioGroup Component - Props-based API
- * @description Accessible radio group component built on Radix UI primitives with semantic color variants.
- * Provides props-based API for 90% use cases with items prop.
- *
- * @version 0.0.3
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
 import { type RadioOption, type RadioGroupRootProps } from './RadioGroupPrimitive';
 import { CONTROL_VARIANT, type ControlVariant } from '../../utils/constants';
 import type { ReactNode } from 'react';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/RadioGroup/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAA4B,EAI1B,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACzB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAoB1B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IAC5E,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,WAAW,CAAC;IACtE,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,UAAU,GAAI,6DAOjB,eAAe,4CAyBjB,CAAC;AAEF,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,cAAc,IAAI,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/RadioGroup/index.tsx"],"names":[],"mappings":"AAcA,OAA4B,EAI1B,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAoB1B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IAC5E,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,WAAW,CAAC;IACtE,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,UAAU,GAAI,6DAOjB,eAAe,4CAyBjB,CAAC;AAEF,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,cAAc,IAAI,iBAAiB,EAAE,CAAC"}