@etus/ui 0.4.0-beta.1 → 0.4.0-beta.3

package/dist/chunk-NWFRMVI2.js

@@ -0,0 +1,147 @@
+import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './chunk-N3I6GA4I.js';
+import { Field, FieldLabel, FieldError, FieldDescription } from './chunk-CUWQUGGB.js';
+import * as React from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+
+function InputOTPField({
+  label,
+  description,
+  errorMessage,
+  required,
+  digits = 6,
+  placeholder,
+  size = "md",
+  slotSize,
+  onChange,
+  onComplete,
+  value,
+  defaultValue,
+  disabled,
+  pattern,
+  className,
+  containerClassName
+}) {
+  const id = React.useId();
+  const inputId = `${id}-input`;
+  const descriptionId = `${id}-description`;
+  const errorId = `${id}-error`;
+  const hasError = !!errorMessage;
+  const resolvedSlotSize = slotSize ?? size;
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = React.useState(defaultValue ?? "");
+  const currentValue = isControlled ? value : internalValue;
+  const handleChange = React.useCallback(
+    (nextValue) => {
+      if (!isControlled) {
+        setInternalValue(nextValue);
+      }
+      onChange?.(nextValue);
+    },
+    [isControlled, onChange]
+  );
+  const renderSlots = () => {
+    const slotProps = {
+      size: resolvedSlotSize,
+      ...placeholder ? { placeholder } : {}
+    };
+    if (digits === 4) {
+      return /* @__PURE__ */ jsx(InputOTPGroup, { children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx(InputOTPSlot, { index: i, ...slotProps }, i)) });
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(InputOTPGroup, { children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx(InputOTPSlot, { index: i, ...slotProps }, i)) }),
+      /* @__PURE__ */ jsx(InputOTPSeparator, {}),
+      /* @__PURE__ */ jsx(InputOTPGroup, { children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx(InputOTPSlot, { index: i + 3, ...slotProps }, i + 3)) })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(Field, { children: [
+    label && /* @__PURE__ */ jsxs(FieldLabel, { htmlFor: inputId, children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      InputOTP,
+      {
+        id: inputId,
+        maxLength: digits,
+        slotSize: resolvedSlotSize,
+        onChange: handleChange,
+        ...onComplete ? { onComplete } : {},
+        disabled,
+        value: currentValue,
+        ...pattern ? { pattern } : {},
+        ...className ? { className } : {},
+        ...containerClassName ? { containerClassName } : {},
+        "aria-describedby": hasError ? errorId : description ? descriptionId : void 0,
+        "aria-invalid": hasError || void 0,
+        "aria-required": required || void 0,
+        children: renderSlots()
+      }
+    ),
+    hasError ? /* @__PURE__ */ jsx(FieldError, { id: errorId, children: errorMessage }) : description ? /* @__PURE__ */ jsx(FieldDescription, { id: descriptionId, children: description }) : null
+  ] });
+}
+var inputOTPFieldVariants = cva(
+  "flex flex-col gap-2",
+  {
+    variants: {
+      size: {
+        sm: "gap-1.5",
+        md: "gap-2",
+        lg: "gap-2.5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var inputOTPFieldLabelVariants = cva(
+  "font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var inputOTPFieldDescriptionVariants = cva(
+  "text-muted-foreground",
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var inputOTPFieldErrorVariants = cva(
+  "text-destructive font-medium",
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+
+export { InputOTPField, inputOTPFieldDescriptionVariants, inputOTPFieldErrorVariants, inputOTPFieldLabelVariants, inputOTPFieldVariants };
+//# sourceMappingURL=chunk-NWFRMVI2.js.map
+//# sourceMappingURL=chunk-NWFRMVI2.js.map

package/dist/chunk-NWFRMVI2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/InputOTPField/InputOTPField.tsx","../src/components/forms/InputOTPField/InputOTPField.variants.ts"],"names":[],"mappings":"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","file":"chunk-NWFRMVI2.js","sourcesContent":["\"use client\"\n\nimport type { InputOTPFieldProps } from \"./InputOTPField.types\"\n\nimport * as React from \"react\"\n\nimport { Field, FieldDescription, FieldError, FieldLabel } from \"../Field\"\nimport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSeparator,\n  InputOTPSlot,\n} from \"../InputOTP\"\n\n/**\n * InputOTPField - A complete OTP input field with label, description, and error handling\n *\n * @example\n * ```tsx\n * // 6-digit OTP with two groups\n * <InputOTPField\n *   label=\"Verification Code\"\n *   description=\"Enter the 6-digit code sent to your phone\"\n *   digits={6}\n * />\n *\n * // 4-digit OTP with placeholder\n * <InputOTPField\n *   label=\"PIN\"\n *   digits={4}\n *   placeholder=\"0\"\n * />\n *\n * // With error state\n * <InputOTPField\n *   label=\"Code\"\n *   errorMessage=\"Invalid verification code\"\n *   digits={6}\n * />\n * ```\n */\nfunction InputOTPField({\n  label,\n  description,\n  errorMessage,\n  required,\n  digits = 6,\n  placeholder,\n  size = \"md\",\n  slotSize,\n  onChange,\n  onComplete,\n  value,\n  defaultValue,\n  disabled,\n  pattern,\n  className,\n  containerClassName,\n}: InputOTPFieldProps) {\n  const id = React.useId()\n  const inputId = `${id}-input`\n  const descriptionId = `${id}-description`\n  const errorId = `${id}-error`\n\n  const hasError = !!errorMessage\n  const resolvedSlotSize = slotSize ?? size\n  const isControlled = value !== undefined\n  const [internalValue, setInternalValue] = React.useState(defaultValue ?? \"\")\n\n  const currentValue = isControlled ? value : internalValue\n\n  const handleChange = React.useCallback(\n    (nextValue: string) => {\n      if (!isControlled) {\n        setInternalValue(nextValue)\n      }\n      onChange?.(nextValue)\n    },\n    [isControlled, onChange]\n  )\n\n  // Generate slot elements based on digit count\n  // Index keys are safe here: OTP slots are static, fixed-length, never reordered\n  /* eslint-disable @eslint-react/no-array-index-key */\n  const renderSlots = () => {\n    const slotProps = {\n      size: resolvedSlotSize,\n      ...(placeholder ? { placeholder } : {}),\n    }\n\n    if (digits === 4) {\n      return (\n        <InputOTPGroup>\n          {Array.from({ length: 4 }).map((_, i) => (\n            <InputOTPSlot key={i} index={i} {...slotProps} />\n          ))}\n        </InputOTPGroup>\n      )\n    }\n\n    // 6 digits: two groups of 3 with separator\n    return (\n      <>\n        <InputOTPGroup>\n          {Array.from({ length: 3 }).map((_, i) => (\n            <InputOTPSlot key={i} index={i} {...slotProps} />\n          ))}\n        </InputOTPGroup>\n        <InputOTPSeparator />\n        <InputOTPGroup>\n          {Array.from({ length: 3 }).map((_, i) => (\n            <InputOTPSlot key={i + 3} index={i + 3} {...slotProps} />\n          ))}\n        </InputOTPGroup>\n      </>\n    )\n  }\n  /* eslint-enable @eslint-react/no-array-index-key */\n\n  return (\n    <Field>\n      {label && (\n        <FieldLabel htmlFor={inputId}>\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"text-destructive ml-1\">\n              *\n            </span>\n          )}\n        </FieldLabel>\n      )}\n      <InputOTP\n        id={inputId}\n        maxLength={digits}\n        slotSize={resolvedSlotSize}\n        onChange={handleChange}\n        {...(onComplete ? { onComplete } : {})}\n        disabled={disabled}\n        value={currentValue}\n        {...(pattern ? { pattern } : {})}\n        {...(className ? { className } : {})}\n        {...(containerClassName ? { containerClassName } : {})}\n        aria-describedby={\n          hasError ? errorId : (description ? descriptionId : undefined)\n        }\n        aria-invalid={hasError || undefined}\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- Using || intentionally: false || undefined = undefined, false ?? undefined = false\n        aria-required={required || undefined}\n      >\n        {renderSlots()}\n      </InputOTP>\n      {hasError ? (\n        <FieldError id={errorId}>{errorMessage}</FieldError>\n      ) : description ? (\n        <FieldDescription id={descriptionId}>{description}</FieldDescription>\n      ) : null}\n    </Field>\n  )\n}\n\nexport { InputOTPField }\n","import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * InputOTPField container variant styles using CVA\n * Wraps the Field + InputOTP combination with consistent spacing\n */\nexport const inputOTPFieldVariants = cva(\n  \"flex flex-col gap-2\",\n  {\n    variants: {\n      size: {\n        sm: \"gap-1.5\",\n        md: \"gap-2\",\n        lg: \"gap-2.5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * InputOTPField label variant styles using CVA\n */\nexport const inputOTPFieldLabelVariants = cva(\n  \"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * InputOTPField description variant styles using CVA\n */\nexport const inputOTPFieldDescriptionVariants = cva(\n  \"text-muted-foreground\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * InputOTPField error variant styles using CVA\n */\nexport const inputOTPFieldErrorVariants = cva(\n  \"text-destructive font-medium\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type InputOTPFieldVariantProps = VariantProps<typeof inputOTPFieldVariants>\nexport type InputOTPFieldLabelVariantProps = VariantProps<typeof inputOTPFieldLabelVariants>\nexport type InputOTPFieldDescriptionVariantProps = VariantProps<typeof inputOTPFieldDescriptionVariants>\nexport type InputOTPFieldErrorVariantProps = VariantProps<typeof inputOTPFieldErrorVariants>\n"]}

package/dist/chunk-NWVYQYKK.js

@@ -0,0 +1,75 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var collapsibleVariants = cva([
+  // Base styles - intentionally minimal as this is primarily a behavior component
+]);
+var collapsibleTriggerVariants = cva([
+  // Base styles for trigger
+  "cursor-pointer",
+  "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
+]);
+var collapsibleContentVariants = cva(
+  [
+    "overflow-hidden"
+  ],
+  {
+    variants: {
+      /**
+       * Animation variant for content transition
+       * - animated: Smooth height and opacity animation
+       * - none: No animation, instant show/hide
+       */
+      animation: {
+        animated: [
+          "data-[state=open]:animate-collapsible-down",
+          "data-[state=closed]:animate-collapsible-up"
+        ],
+        none: []
+      }
+    },
+    defaultVariants: {
+      animation: "animated"
+    }
+  }
+);
+function Collapsible({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Root,
+    {
+      className: cn(collapsibleVariants(), className),
+      "data-slot": "collapsible",
+      ...props
+    }
+  );
+}
+function CollapsibleTrigger2({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleTrigger,
+    {
+      className: cn(collapsibleTriggerVariants(), className),
+      "data-slot": "collapsible-trigger",
+      ...props
+    }
+  );
+}
+function CollapsibleContent2({
+  className,
+  animation,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleContent,
+    {
+      className: cn(collapsibleContentVariants({ animation }), className),
+      "data-slot": "collapsible-content",
+      ...props
+    }
+  );
+}
+
+export { Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, collapsibleContentVariants, collapsibleTriggerVariants, collapsibleVariants };
+//# sourceMappingURL=chunk-NWVYQYKK.js.map
+//# sourceMappingURL=chunk-NWVYQYKK.js.map

package/dist/chunk-NWVYQYKK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Collapsible/Collapsible.variants.ts","../src/components/layout/Collapsible/Collapsible.tsx"],"names":["CollapsibleTrigger","CollapsibleContent"],"mappings":";;;;;AAMO,IAAM,sBAAsB,GAAA,CAAI;AAAA;AAEvC,CAAC;AAMM,IAAM,6BAA6B,GAAA,CAAI;AAAA;AAAA,EAE5C,gBAAA;AAAA,EACA;AACF,CAAC;AAMM,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC;AAAA,IACE;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMR,SAAA,EAAW;AAAA,QACT,QAAA,EAAU;AAAA,UACR,4CAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,MAAM;AAAC;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW;AAAA;AACb;AAEJ;AChCA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqB;AAC9D,EAAA,uBACE,GAAA;AAAA,IAAsB,oBAAA,CAAA,IAAA;AAAA,IAArB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAoB,EAAG,SAAS,CAAA;AAAA,MAC9C,WAAA,EAAU,aAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAASA,mBAAAA,CAAmB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA4B;AAC5E,EAAA,uBACE,GAAA;AAAA,IAAsB,oBAAA,CAAA,kBAAA;AAAA,IAArB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA2B,EAAG,SAAS,CAAA;AAAA,MACrD,WAAA,EAAU,qBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAASC,mBAAAA,CAAmB;AAAA,EAC1B,SAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,uBACE,GAAA;AAAA,IAAsB,oBAAA,CAAA,kBAAA;AAAA,IAArB;AAAA,MACC,WAAW,EAAA,CAAG,0BAAA,CAA2B,EAAE,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,MAClE,WAAA,EAAU,qBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-NWVYQYKK.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Collapsible root variant styles\n * Container component for expandable/collapsible content\n */\nexport const collapsibleVariants = cva([\n  // Base styles - intentionally minimal as this is primarily a behavior component\n])\n\n/**\n * CollapsibleTrigger variant styles\n * Element that toggles the collapsible state\n */\nexport const collapsibleTriggerVariants = cva([\n  // Base styles for trigger\n  \"cursor-pointer\",\n  \"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n])\n\n/**\n * CollapsibleContent variant styles\n * Content that expands/collapses with animation support\n */\nexport const collapsibleContentVariants = cva(\n  [\n    \"overflow-hidden\",\n  ],\n  {\n    variants: {\n      /**\n       * Animation variant for content transition\n       * - animated: Smooth height and opacity animation\n       * - none: No animation, instant show/hide\n       */\n      animation: {\n        animated: [\n          \"data-[state=open]:animate-collapsible-down\",\n          \"data-[state=closed]:animate-collapsible-up\",\n        ],\n        none: [],\n      },\n    },\n    defaultVariants: {\n      animation: \"animated\",\n    },\n  }\n)\n\nexport type CollapsibleVariantProps = VariantProps<typeof collapsibleVariants>\nexport type CollapsibleTriggerVariantProps = VariantProps<typeof collapsibleTriggerVariants>\nexport type CollapsibleContentVariantProps = VariantProps<typeof collapsibleContentVariants>\n","import type {\n  CollapsibleContentProps,\n  CollapsibleProps,\n  CollapsibleTriggerProps,\n} from \"./Collapsible.types\"\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  collapsibleContentVariants,\n  collapsibleTriggerVariants,\n  collapsibleVariants,\n} from \"./Collapsible.variants\"\n\nfunction Collapsible({ className, ...props }: CollapsibleProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      className={cn(collapsibleVariants(), className)}\n      data-slot=\"collapsible\"\n      {...props}\n    />\n  )\n}\n\nfunction CollapsibleTrigger({ className, ...props }: CollapsibleTriggerProps) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      className={cn(collapsibleTriggerVariants(), className)}\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction CollapsibleContent({\n  className,\n  animation,\n  ...props\n}: CollapsibleContentProps) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      className={cn(collapsibleContentVariants({ animation }), className)}\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  )\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger }\n"]}

package/dist/chunk-NXQ25PKF.js

@@ -0,0 +1,318 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var navbarVariants = cva(
+  [
+    // Base styles
+    "flex w-full items-center",
+    "px-4 md:px-6",
+    // Transition
+    "transition-all"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-background",
+        transparent: "bg-transparent",
+        bordered: "bg-background border-b border-border",
+        floating: "bg-background/95 backdrop-blur-sm shadow-sm mx-4 mt-4 rounded-lg border border-border"
+      },
+      size: {
+        sm: "h-12",
+        md: "h-14",
+        lg: "h-16"
+      },
+      sticky: {
+        true: "sticky top-0 z-50",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      sticky: false
+    }
+  }
+);
+var navbarContainerVariants = cva(
+  [
+    "flex w-full items-center justify-between gap-4"
+  ],
+  {
+    variants: {
+      contained: {
+        true: "mx-auto max-w-7xl",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      contained: false
+    }
+  }
+);
+var navbarBrandVariants = cva([
+  "flex shrink-0 items-center gap-2",
+  "text-lg font-bold"
+]);
+var navbarContentVariants = cva(
+  [
+    "flex items-center gap-4 md:gap-6"
+  ],
+  {
+    variants: {
+      justify: {
+        start: "justify-start",
+        center: "justify-center flex-1",
+        end: "justify-end ml-auto"
+      }
+    },
+    defaultVariants: {
+      justify: "start"
+    }
+  }
+);
+var navbarItemVariants = cva(
+  [
+    "flex items-center"
+  ],
+  {
+    variants: {
+      isActive: {
+        true: "",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      isActive: false
+    }
+  }
+);
+var navbarLinkVariants = cva(
+  [
+    "text-sm font-medium transition-colors",
+    "text-muted-foreground hover:text-foreground",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "rounded-sm"
+  ],
+  {
+    variants: {
+      isActive: {
+        true: "text-foreground font-semibold",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      isActive: false
+    }
+  }
+);
+var navbarMenuToggleVariants = cva(
+  [
+    "inline-flex items-center justify-center",
+    "h-10 w-10 rounded-md",
+    "text-muted-foreground hover:text-foreground hover:bg-accent",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+    "transition-colors"
+  ],
+  {
+    variants: {
+      isOpen: {
+        true: "bg-accent",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      isOpen: false
+    }
+  }
+);
+var navbarMenuVariants = cva(
+  [
+    "absolute left-0 right-0 top-full",
+    "bg-background border-b border-border shadow-lg",
+    "overflow-hidden transition-all duration-200"
+  ],
+  {
+    variants: {
+      isOpen: {
+        true: "max-h-[80vh] opacity-100",
+        false: "max-h-0 opacity-0 pointer-events-none"
+      }
+    },
+    defaultVariants: {
+      isOpen: false
+    }
+  }
+);
+function Navbar({
+  className,
+  variant = "default",
+  size = "md",
+  sticky = false,
+  contained = false,
+  containerClassName,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "Main navigation",
+      className: cn(navbarVariants({ variant, size, sticky }), className),
+      "data-slot": "navbar",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(navbarContainerVariants({ contained }), containerClassName),
+          "data-slot": "navbar-container",
+          children
+        }
+      )
+    }
+  );
+}
+function NavbarBrand({
+  className,
+  href,
+  children,
+  ...props
+}) {
+  if (href) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        className: cn(navbarBrandVariants(), className),
+        "data-slot": "navbar-brand",
+        href,
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(navbarBrandVariants(), className),
+      "data-slot": "navbar-brand",
+      ...props,
+      children
+    }
+  );
+}
+function NavbarContent({
+  className,
+  justify = "start",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(navbarContentVariants({ justify }), className),
+      "data-slot": "navbar-content",
+      ...props,
+      children
+    }
+  );
+}
+function NavbarItem({
+  className,
+  isActive = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(navbarItemVariants({ isActive }), className),
+      "data-active": isActive || void 0,
+      "data-slot": "navbar-item",
+      ...props,
+      children
+    }
+  );
+}
+function NavbarLink({
+  className,
+  isActive = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(navbarLinkVariants({ isActive }), className),
+      "data-slot": "navbar-link",
+      ...props,
+      children
+    }
+  );
+}
+function NavbarMenuToggle({
+  className,
+  isOpen = false,
+  srLabel = "Toggle menu",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-expanded": isOpen,
+      "aria-label": srLabel,
+      className: cn(navbarMenuToggleVariants({ isOpen }), className),
+      "data-slot": "navbar-menu-toggle",
+      type: "button",
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "h-6 w-6",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: 2,
+          viewBox: "0 0 24 24",
+          children: isOpen ? /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M6 18L18 6M6 6l12 12",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) : /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M4 6h16M4 12h16M4 18h16",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function NavbarMenu({
+  className,
+  isOpen = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(navbarMenuVariants({ isOpen }), className),
+      "data-slot": "navbar-menu",
+      "data-state": isOpen ? "open" : "closed",
+      ...props,
+      children
+    }
+  );
+}
+
+export { Navbar, NavbarBrand, NavbarContent, NavbarItem, NavbarLink, NavbarMenu, NavbarMenuToggle, navbarBrandVariants, navbarContainerVariants, navbarContentVariants, navbarItemVariants, navbarLinkVariants, navbarMenuToggleVariants, navbarMenuVariants, navbarVariants };
+//# sourceMappingURL=chunk-NXQ25PKF.js.map
+//# sourceMappingURL=chunk-NXQ25PKF.js.map

package/dist/chunk-NXQ25PKF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Navbar/Navbar.variants.ts","../src/components/navigation/Navbar/Navbar.tsx"],"names":[],"mappings":"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","file":"chunk-NXQ25PKF.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Navbar root variant styles\n */\nexport const navbarVariants = cva(\n  [\n    // Base styles\n    \"flex w-full items-center\",\n    \"px-4 md:px-6\",\n    // Transition\n    \"transition-all\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"bg-background\",\n        transparent: \"bg-transparent\",\n        bordered: \"bg-background border-b border-border\",\n        floating: \"bg-background/95 backdrop-blur-sm shadow-sm mx-4 mt-4 rounded-lg border border-border\",\n      },\n      size: {\n        sm: \"h-12\",\n        md: \"h-14\",\n        lg: \"h-16\",\n      },\n      sticky: {\n        true: \"sticky top-0 z-50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n      sticky: false,\n    },\n  }\n)\n\n/**\n * Navbar container variant styles (inner wrapper)\n */\nexport const navbarContainerVariants = cva(\n  [\n    \"flex w-full items-center justify-between gap-4\",\n  ],\n  {\n    variants: {\n      contained: {\n        true: \"mx-auto max-w-7xl\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      contained: false,\n    },\n  }\n)\n\n/**\n * NavbarBrand variant styles\n */\nexport const navbarBrandVariants = cva([\n  \"flex shrink-0 items-center gap-2\",\n  \"text-lg font-bold\",\n])\n\n/**\n * NavbarContent variant styles\n */\nexport const navbarContentVariants = cva(\n  [\n    \"flex items-center gap-4 md:gap-6\",\n  ],\n  {\n    variants: {\n      justify: {\n        start: \"justify-start\",\n        center: \"justify-center flex-1\",\n        end: \"justify-end ml-auto\",\n      },\n    },\n    defaultVariants: {\n      justify: \"start\",\n    },\n  }\n)\n\n/**\n * NavbarItem variant styles\n */\nexport const navbarItemVariants = cva(\n  [\n    \"flex items-center\",\n  ],\n  {\n    variants: {\n      isActive: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      isActive: false,\n    },\n  }\n)\n\n/**\n * NavbarLink variant styles\n */\nexport const navbarLinkVariants = cva(\n  [\n    \"text-sm font-medium transition-colors\",\n    \"text-muted-foreground hover:text-foreground\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n    \"rounded-sm\",\n  ],\n  {\n    variants: {\n      isActive: {\n        true: \"text-foreground font-semibold\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      isActive: false,\n    },\n  }\n)\n\n/**\n * NavbarMenuToggle variant styles\n */\nexport const navbarMenuToggleVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"h-10 w-10 rounded-md\",\n    \"text-muted-foreground hover:text-foreground hover:bg-accent\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n    \"transition-colors\",\n  ],\n  {\n    variants: {\n      isOpen: {\n        true: \"bg-accent\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      isOpen: false,\n    },\n  }\n)\n\n/**\n * NavbarMenu variant styles\n */\nexport const navbarMenuVariants = cva(\n  [\n    \"absolute left-0 right-0 top-full\",\n    \"bg-background border-b border-border shadow-lg\",\n    \"overflow-hidden transition-all duration-200\",\n  ],\n  {\n    variants: {\n      isOpen: {\n        true: \"max-h-[80vh] opacity-100\",\n        false: \"max-h-0 opacity-0 pointer-events-none\",\n      },\n    },\n    defaultVariants: {\n      isOpen: false,\n    },\n  }\n)\n","\"use client\"\n\nimport type {\n  NavbarBrandProps,\n  NavbarContentProps,\n  NavbarItemProps,\n  NavbarLinkProps,\n  NavbarMenuProps,\n  NavbarMenuToggleProps,\n  NavbarProps,\n} from \"./Navbar.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  navbarBrandVariants,\n  navbarContainerVariants,\n  navbarContentVariants,\n  navbarItemVariants,\n  navbarLinkVariants,\n  navbarMenuToggleVariants,\n  navbarMenuVariants,\n  navbarVariants,\n} from \"./Navbar.variants\"\n\n/**\n * Navbar - A responsive horizontal navigation component.\n *\n * Combines branding, navigation links, and user actions in a cohesive header.\n *\n * @example\n * <Navbar sticky>\n *   <NavbarBrand href=\"/\">Logo</NavbarBrand>\n *   <NavbarContent>\n *     <NavbarLink href=\"/about\">About</NavbarLink>\n *     <NavbarLink href=\"/contact\">Contact</NavbarLink>\n *   </NavbarContent>\n * </Navbar>\n */\nfunction Navbar({\n  className,\n  variant = \"default\",\n  size = \"md\",\n  sticky = false,\n  contained = false,\n  containerClassName,\n  children,\n  ...props\n}: NavbarProps) {\n  return (\n    <nav\n      aria-label=\"Main navigation\"\n      className={cn(navbarVariants({ variant, size, sticky }), className)}\n      data-slot=\"navbar\"\n      {...props}\n    >\n      <div\n        className={cn(navbarContainerVariants({ contained }), containerClassName)}\n        data-slot=\"navbar-container\"\n      >\n        {children}\n      </div>\n    </nav>\n  )\n}\n\n/**\n * NavbarBrand - Logo/brand area of the navbar.\n *\n * Renders as a link when href is provided.\n */\nfunction NavbarBrand({\n  className,\n  href,\n  children,\n  ...props\n}: NavbarBrandProps) {\n  if (href) {\n    return (\n      <a\n        className={cn(navbarBrandVariants(), className)}\n        data-slot=\"navbar-brand\"\n        href={href}\n        {...(props as React.ComponentProps<\"a\">)}\n      >\n        {children}\n      </a>\n    )\n  }\n\n  return (\n    <div\n      className={cn(navbarBrandVariants(), className)}\n      data-slot=\"navbar-brand\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * NavbarContent - Container for navbar content groups.\n */\nfunction NavbarContent({\n  className,\n  justify = \"start\",\n  children,\n  ...props\n}: NavbarContentProps) {\n  return (\n    <div\n      className={cn(navbarContentVariants({ justify }), className)}\n      data-slot=\"navbar-content\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * NavbarItem - Wrapper for individual navbar items.\n */\nfunction NavbarItem({\n  className,\n  isActive = false,\n  children,\n  ...props\n}: NavbarItemProps) {\n  return (\n    <div\n      className={cn(navbarItemVariants({ isActive }), className)}\n      data-active={isActive || undefined}\n      data-slot=\"navbar-item\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * NavbarLink - Navigation link for the navbar.\n */\nfunction NavbarLink({\n  className,\n  isActive = false,\n  children,\n  ...props\n}: NavbarLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      className={cn(navbarLinkVariants({ isActive }), className)}\n      data-slot=\"navbar-link\"\n      {...props}\n    >\n      {children}\n    </a>\n  )\n}\n\n/**\n * NavbarMenuToggle - Toggle button for mobile menu.\n */\nfunction NavbarMenuToggle({\n  className,\n  isOpen = false,\n  srLabel = \"Toggle menu\",\n  children,\n  ...props\n}: NavbarMenuToggleProps) {\n  return (\n    <button\n      aria-expanded={isOpen}\n      aria-label={srLabel}\n      className={cn(navbarMenuToggleVariants({ isOpen }), className)}\n      data-slot=\"navbar-menu-toggle\"\n      type=\"button\"\n      {...props}\n    >\n      {children ?? (\n        <svg\n          className=\"h-6 w-6\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n          viewBox=\"0 0 24 24\"\n        >\n          {isOpen ? (\n            <path\n              d=\"M6 18L18 6M6 6l12 12\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          ) : (\n            <path\n              d=\"M4 6h16M4 12h16M4 18h16\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          )}\n        </svg>\n      )}\n    </button>\n  )\n}\n\n/**\n * NavbarMenu - Mobile menu container.\n */\nfunction NavbarMenu({\n  className,\n  isOpen = false,\n  children,\n  ...props\n}: NavbarMenuProps) {\n  return (\n    <div\n      className={cn(navbarMenuVariants({ isOpen }), className)}\n      data-slot=\"navbar-menu\"\n      data-state={isOpen ? \"open\" : \"closed\"}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport {\n  Navbar,\n  NavbarBrand,\n  NavbarContent,\n  NavbarItem,\n  NavbarLink,\n  NavbarMenu,\n  NavbarMenuToggle,\n}\n"]}