@etus/ui 0.4.0-beta.2 → 0.4.0-beta.20

package/dist/chunk-YMCKML6D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/advanced/MarkdownEditor/MarkdownEditor.variants.ts","../src/components/advanced/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"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","file":"chunk-YMCKML6D.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const markdownEditorVariants = cva(\n  \"bg-background text-foreground border rounded-md overflow-hidden\",\n  {\n    variants: {\n      disabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      disabled: false,\n    },\n  }\n)\n\nexport const markdownToolbarVariants = cva(\n  \"bg-muted flex flex-wrap items-center gap-1 border-b p-1\",\n  {\n    variants: {\n      position: {\n        top: \"rounded-t-md\",\n        bottom: \"rounded-b-md border-t border-b-0\",\n      },\n    },\n    defaultVariants: {\n      position: \"top\",\n    },\n  }\n)\n\nexport const markdownEditorAreaVariants = cva(\n  \"font-mono text-sm resize-none bg-background p-4 focus:outline-none w-full\",\n  {\n    variants: {\n      disabled: {\n        true: \"cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      disabled: false,\n    },\n  }\n)\n\nexport const markdownPreviewVariants = cva(\n  \"prose prose-sm dark:prose-invert max-w-none p-4 bg-muted/50 overflow-auto\",\n  {\n    variants: {\n      mode: {\n        split: \"flex-1\",\n        tabs: \"\",\n        preview: \"\",\n      },\n    },\n    defaultVariants: {\n      mode: \"tabs\",\n    },\n  }\n)\n","\"use client\"\n\nimport type {\n  MarkdownEditorProps,\n  MarkdownEditorRef,\n  MarkdownHelpProps,\n  MarkdownPreviewProps,\n  MarkdownToolbarProps,\n} from \"./MarkdownEditor.types\"\n\nimport {\n  BoldIcon,\n  CodeIcon,\n  Heading1Icon,\n  Heading2Icon,\n  Heading3Icon,\n  HelpCircleIcon,\n  ImageIcon,\n  ItalicIcon,\n  LinkIcon,\n  ListIcon,\n  ListOrderedIcon,\n  ListTodoIcon,\n  QuoteIcon,\n  StrikethroughIcon,\n} from \"lucide-react\"\nimport { marked } from \"marked\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../../feedback/Dialog\"\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"../../navigation/Tabs\"\nimport { Divider } from \"../../primitives/Divider\"\nimport { Toggle } from \"../../primitives/Toggle\"\nimport {\n  markdownEditorAreaVariants,\n  markdownEditorVariants,\n  markdownPreviewVariants,\n  markdownToolbarVariants,\n} from \"./MarkdownEditor.variants\"\n\n// Configure marked for security\nmarked.setOptions({\n  breaks: true,\n  gfm: true,\n})\n\n/**\n * MarkdownHelp - Modal with markdown syntax reference\n */\nfunction MarkdownHelp({ open, onOpenChange }: MarkdownHelpProps) {\n  const syntaxExamples = [\n    { syntax: \"**bold**\", description: \"Bold text\" },\n    { syntax: \"*italic*\", description: \"Italic text\" },\n    { syntax: \"~~strikethrough~~\", description: \"Strikethrough\" },\n    { syntax: \"# Heading 1\", description: \"Large heading\" },\n    { syntax: \"## Heading 2\", description: \"Medium heading\" },\n    { syntax: \"### Heading 3\", description: \"Small heading\" },\n    { syntax: \"[link](url)\", description: \"Hyperlink\" },\n    { syntax: \"![alt](url)\", description: \"Image\" },\n    { syntax: \"> quote\", description: \"Blockquote\" },\n    { syntax: \"`code`\", description: \"Inline code\" },\n    { syntax: \"```code block```\", description: \"Code block\" },\n    { syntax: \"- item\", description: \"Unordered list\" },\n    { syntax: \"1. item\", description: \"Ordered list\" },\n    { syntax: \"- [ ] task\", description: \"Task list\" },\n  ]\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Markdown Syntax</DialogTitle>\n          <DialogDescription>\n            Quick reference for markdown formatting\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"grid grid-cols-2 gap-2 text-sm\">\n          {syntaxExamples.map(({ syntax, description }) => (\n            <div key={syntax} className=\"flex items-center gap-2\">\n              <code className=\"bg-muted rounded px-1.5 py-0.5 font-mono text-xs\">\n                {syntax}\n              </code>\n              <span className=\"text-muted-foreground\">{description}</span>\n            </div>\n          ))}\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\n/**\n * MarkdownPreview - Renders markdown content as HTML\n */\nfunction MarkdownPreview({ content, className }: MarkdownPreviewProps) {\n  const html = React.useMemo(() => {\n    if (!content) return \"\"\n    return marked.parse(content) as string\n  }, [content])\n\n  return (\n    <div\n      className={cn(markdownPreviewVariants(), className)}\n      // eslint-disable-next-line @eslint-react/dom/no-dangerously-set-innerhtml -- required for markdown rendering\n      dangerouslySetInnerHTML={{ __html: html }}\n      data-slot=\"markdown-preview\"\n    />\n  )\n}\n\n/**\n * MarkdownToolbar - Formatting toolbar for the editor\n */\nfunction MarkdownToolbar({\n  className,\n  disabled = false,\n  editorRef,\n  showHelp = true,\n  onHelpClick,\n}: MarkdownToolbarProps) {\n  const handleAction = React.useCallback(\n    (before: string, after: string) => {\n      if (disabled || !editorRef.current) return\n      editorRef.current.wrapSelection(before, after)\n    },\n    [disabled, editorRef]\n  )\n\n  const handleInsert = React.useCallback(\n    (text: string) => {\n      if (disabled || !editorRef.current) return\n      editorRef.current.insertText(text)\n    },\n    [disabled, editorRef]\n  )\n\n  return (\n    <div\n      aria-label=\"Markdown formatting\"\n      className={cn(markdownToolbarVariants(), className)}\n      data-slot=\"markdown-toolbar\"\n      role=\"toolbar\"\n    >\n      {/* Text formatting */}\n      <Toggle\n        aria-label=\"Bold (Ctrl+B)\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleAction(\"**\", \"**\"); }}\n      >\n        <BoldIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Italic (Ctrl+I)\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleAction(\"*\", \"*\"); }}\n      >\n        <ItalicIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Strikethrough\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleAction(\"~~\", \"~~\"); }}\n      >\n        <StrikethroughIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Inline code (Ctrl+E)\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleAction(\"`\", \"`\"); }}\n      >\n        <CodeIcon className=\"size-4\" />\n      </Toggle>\n\n      <Divider className=\"mx-1 h-6\" orientation=\"vertical\" />\n\n      {/* Headings */}\n      <Toggle\n        aria-label=\"Heading 1\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"# \"); }}\n      >\n        <Heading1Icon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Heading 2\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"## \"); }}\n      >\n        <Heading2Icon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Heading 3\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"### \"); }}\n      >\n        <Heading3Icon className=\"size-4\" />\n      </Toggle>\n\n      <Divider className=\"mx-1 h-6\" orientation=\"vertical\" />\n\n      {/* Lists */}\n      <Toggle\n        aria-label=\"Bullet list\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"- \"); }}\n      >\n        <ListIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Numbered list\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"1. \"); }}\n      >\n        <ListOrderedIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Task list\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"- [ ] \"); }}\n      >\n        <ListTodoIcon className=\"size-4\" />\n      </Toggle>\n\n      <Divider className=\"mx-1 h-6\" orientation=\"vertical\" />\n\n      {/* Blocks */}\n      <Toggle\n        aria-label=\"Quote\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleInsert(\"> \"); }}\n      >\n        <QuoteIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Link (Ctrl+K)\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleAction(\"[\", \"](url)\"); }}\n      >\n        <LinkIcon className=\"size-4\" />\n      </Toggle>\n      <Toggle\n        aria-label=\"Image\"\n        disabled={disabled}\n        pressed={false}\n        size=\"sm\"\n        onPressedChange={() => { handleAction(\"![\", \"](url)\"); }}\n      >\n        <ImageIcon className=\"size-4\" />\n      </Toggle>\n\n      {showHelp && (\n        <>\n          <Divider className=\"mx-1 h-6\" orientation=\"vertical\" />\n          <Toggle\n            aria-label=\"Markdown help\"\n            disabled={disabled}\n            pressed={false}\n            size=\"sm\"\n            onPressedChange={onHelpClick}\n          >\n            <HelpCircleIcon className=\"size-4\" />\n          </Toggle>\n        </>\n      )}\n    </div>\n  )\n}\n\n/**\n * MarkdownEditor - A markdown editor with toolbar and preview.\n *\n * Supports tabs mode (switch between editor/preview), split mode (side by side),\n * or standalone editor/preview modes.\n *\n * @example\n * ```tsx\n * const [content, setContent] = useState(\"\")\n *\n * <MarkdownEditor\n *   value={content}\n *   onChange={setContent}\n *   placeholder=\"Write something...\"\n * />\n * ```\n */\nfunction MarkdownEditor({\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-label\": ariaLabel = \"Markdown editor\",\n  allowImages: _allowImages = true,\n  className,\n  defaultValue = \"\",\n  disabled = false,\n  maxHeight,\n  minHeight = \"200px\",\n  mode = \"tabs\",\n  onBlur,\n  onChange,\n  onFocus,\n  onImageUpload: _onImageUpload,\n  placeholder = \"Write markdown...\",\n  readOnly = false,\n  ref,\n  showHelp = true,\n  showToolbar = true,\n  toolbar: _toolbar,\n  value,\n}: MarkdownEditorProps & { ref?: React.Ref<MarkdownEditorRef> }) {\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null)\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n  const [showHelpModal, setShowHelpModal] = React.useState(false)\n\n  // Controlled vs uncontrolled value\n  const currentValue = value ?? internalValue\n\n  // Create stable ref for internal use (toolbar, etc.)\n  const editorRef = React.useRef<MarkdownEditorRef | null>(null)\n\n  // Expose ref methods - using useImperativeHandle directly for immediate availability\n  React.useImperativeHandle(\n    ref,\n    () => {\n      const methods: MarkdownEditorRef = {\n        blur: () => textareaRef.current?.blur(),\n        focus: () => textareaRef.current?.focus(),\n        getSelection: () => {\n          const textarea = textareaRef.current\n          if (!textarea) return { start: 0, end: 0, text: \"\" }\n          return {\n            end: textarea.selectionEnd,\n            start: textarea.selectionStart,\n            text: textarea.value.substring(\n              textarea.selectionStart,\n              textarea.selectionEnd\n            ),\n          }\n        },\n        getValue: () => textareaRef.current?.value ?? \"\",\n        insertText: (text: string) => {\n          const textarea = textareaRef.current\n          if (!textarea) return\n\n          const start = textarea.selectionStart\n          const end = textarea.selectionEnd\n          const newValue =\n            currentValue.slice(0, start) + text + currentValue.slice(end)\n\n          if (value === undefined) {\n            setInternalValue(newValue)\n          }\n          onChange?.(newValue)\n\n          // Restore cursor position\n          requestAnimationFrame(() => {\n            textarea.selectionStart = start + text.length\n            textarea.selectionEnd = start + text.length\n            textarea.focus()\n          })\n        },\n        setValue: (newValue: string) => {\n          if (value === undefined) {\n            setInternalValue(newValue)\n          }\n          onChange?.(newValue)\n        },\n        wrapSelection: (before: string, after: string) => {\n          const textarea = textareaRef.current\n          if (!textarea) return\n\n          const start = textarea.selectionStart\n          const end = textarea.selectionEnd\n          const selectedText = currentValue.substring(start, end)\n          const newText = before + selectedText + after\n          const newValue =\n            currentValue.slice(0, start) + newText + currentValue.slice(end)\n\n          if (value === undefined) {\n            setInternalValue(newValue)\n          }\n          onChange?.(newValue)\n\n          // Select the wrapped text\n          requestAnimationFrame(() => {\n            textarea.selectionStart = start + before.length\n            textarea.selectionEnd = start + before.length + selectedText.length\n            textarea.focus()\n          })\n        },\n      }\n      // Also update internal ref for toolbar use\n      editorRef.current = methods\n      return methods\n    },\n    [currentValue, onChange, value]\n  )\n\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      const newValue = e.target.value\n      if (value === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    },\n    [onChange, value]\n  )\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (disabled || readOnly) return\n\n      const isMod = e.metaKey || e.ctrlKey\n\n      if (isMod && e.key === \"b\") {\n        e.preventDefault()\n        editorRef.current?.wrapSelection(\"**\", \"**\")\n      } else if (isMod && e.key === \"i\") {\n        e.preventDefault()\n        editorRef.current?.wrapSelection(\"*\", \"*\")\n      } else if (isMod && e.key === \"k\") {\n        e.preventDefault()\n        editorRef.current?.wrapSelection(\"[\", \"](url)\")\n      } else if (isMod && e.key === \"e\") {\n        e.preventDefault()\n        editorRef.current?.wrapSelection(\"`\", \"`\")\n      }\n    },\n    [disabled, readOnly]\n  )\n\n  const isDisabled = disabled || readOnly\n\n  const editorStyle: React.CSSProperties = {\n    maxHeight,\n    minHeight,\n  }\n\n  const renderEditor = () => (\n    <textarea\n      ref={textareaRef}\n      aria-describedby={ariaDescribedBy}\n      aria-label={ariaLabel}\n      aria-multiline=\"true\"\n      className={cn(markdownEditorAreaVariants({ disabled: isDisabled }))}\n      disabled={disabled}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      role=\"textbox\"\n      style={editorStyle}\n      value={currentValue}\n      onBlur={onBlur}\n      onChange={handleChange}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n    />\n  )\n\n  const renderPreview = () => (\n    <MarkdownPreview\n      className={mode === \"split\" ? \"flex-1\" : undefined}\n      content={currentValue}\n    />\n  )\n\n  const renderContent = () => {\n    switch (mode) {\n      case \"editor\":\n        return renderEditor()\n\n      case \"preview\":\n        return renderPreview()\n\n      case \"split\":\n        return (\n          <div className=\"flex flex-1\">\n            <div className=\"flex-1 overflow-auto border-r\" style={editorStyle}>\n              {renderEditor()}\n            </div>\n            <div className=\"flex-1 overflow-auto\" style={editorStyle}>\n              {renderPreview()}\n            </div>\n          </div>\n        )\n\n      case \"tabs\":\n      default:\n        return (\n          <Tabs className=\"flex-1\" defaultValue=\"editor\">\n            <TabsList className=\"mx-2 mt-2\">\n              <TabsTrigger value=\"editor\">Editor</TabsTrigger>\n              <TabsTrigger value=\"preview\">Preview</TabsTrigger>\n            </TabsList>\n            <TabsContent className=\"mt-0\" value=\"editor\">\n              {renderEditor()}\n            </TabsContent>\n            <TabsContent className=\"mt-0\" value=\"preview\">\n              {renderPreview()}\n            </TabsContent>\n          </Tabs>\n        )\n    }\n  }\n\n  return (\n    <>\n      <div\n        className={cn(markdownEditorVariants({ disabled }), className)}\n        data-slot=\"markdown-editor\"\n      >\n        {showToolbar && mode !== \"preview\" && (\n          <MarkdownToolbar\n            disabled={isDisabled}\n            editorRef={editorRef as React.RefObject<MarkdownEditorRef>}\n            showHelp={showHelp}\n            onHelpClick={() => { setShowHelpModal(true); }}\n          />\n        )}\n        {renderContent()}\n      </div>\n\n      <MarkdownHelp open={showHelpModal} onOpenChange={setShowHelpModal} />\n    </>\n  )\n}\n\nexport { MarkdownEditor, MarkdownHelp, MarkdownPreview, MarkdownToolbar }\n"]}

package/dist/chunk-YMQDTTO7.js

@@ -0,0 +1,354 @@
+import { SkeletonLoader } from './chunk-NGX3ITG4.js';
+import { Avatar, AvatarImage, AvatarFallback } from './chunk-U7TPJMGY.js';
+import { Badge } from './chunk-HNQX6ZG7.js';
+import { cn } from './chunk-RVAYDRMA.js';
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var listVariants = cva(
+  "flex flex-col bg-background text-foreground transition-colors duration-150",
+  {
+    variants: {
+      variant: {
+        default: "border border-border rounded-md",
+        flat: "divide-y divide-border",
+        card: "gap-4 flex-col",
+        minimal: "divide-y divide-border border-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var listItemVariants = cva(
+  "group/list-item flex items-center text-sm transition-colors duration-150 outline-none",
+  {
+    variants: {
+      variant: {
+        default: "border-b border-border last:border-b-0",
+        flat: "",
+        card: "border border-border rounded-md bg-background",
+        minimal: ""
+      },
+      size: {
+        sm: "px-3 py-2 min-h-8 gap-2",
+        default: "px-4 py-3 min-h-10 gap-3",
+        lg: "px-5 py-4 min-h-12 gap-4"
+      },
+      selectable: {
+        true: "cursor-pointer hover:bg-muted/50 focus-visible:bg-muted/50 focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        false: ""
+      },
+      selected: {
+        true: "bg-muted",
+        false: ""
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed pointer-events-none",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      selectable: false,
+      selected: false,
+      disabled: false
+    }
+  }
+);
+function List({
+  className,
+  variant = "default",
+  items,
+  selectable = false,
+  multiple = false,
+  loading = false,
+  onSelect,
+  children,
+  ref,
+  ...props
+}) {
+  const [selectedIds, setSelectedIds] = React.useState(() => /* @__PURE__ */ new Set());
+  const [focusedIndex, setFocusedIndex] = React.useState(-1);
+  const itemRefsRef = React.useRef(/* @__PURE__ */ new Map());
+  const handleSelect = React.useCallback(
+    (item) => {
+      if (item.disabled) return;
+      if (multiple) {
+        setSelectedIds((prev) => {
+          const newSet = new Set(prev);
+          if (newSet.has(item.id)) {
+            newSet.delete(item.id);
+          } else {
+            newSet.add(item.id);
+          }
+          return newSet;
+        });
+      } else {
+        setSelectedIds(/* @__PURE__ */ new Set([item.id]));
+      }
+      onSelect?.(item);
+      item.onClick?.();
+    },
+    [multiple, onSelect]
+  );
+  const handleKeyDown = React.useCallback(
+    (e) => {
+      if (!items || items.length === 0) return;
+      const enabledIndices = items.map((item, index) => item.disabled ? -1 : index).filter((i) => i !== -1);
+      let newIndex = focusedIndex;
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault();
+          if (focusedIndex === -1) {
+            newIndex = enabledIndices[0] ?? -1;
+          } else {
+            const currentEnabledPos = enabledIndices.indexOf(focusedIndex);
+            const nextPos = Math.min(
+              currentEnabledPos + 1,
+              enabledIndices.length - 1
+            );
+            newIndex = enabledIndices[nextPos] ?? focusedIndex;
+          }
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          if (focusedIndex === -1) {
+            newIndex = enabledIndices[enabledIndices.length - 1] ?? -1;
+          } else {
+            const currentEnabledPos = enabledIndices.indexOf(focusedIndex);
+            const prevPos = Math.max(currentEnabledPos - 1, 0);
+            newIndex = enabledIndices[prevPos] ?? focusedIndex;
+          }
+          break;
+        case "Enter":
+        case " ":
+          e.preventDefault();
+          if (focusedIndex >= 0 && selectable && items[focusedIndex]) {
+            handleSelect(items[focusedIndex]);
+          }
+          break;
+        case "Home":
+          e.preventDefault();
+          newIndex = enabledIndices[0] ?? -1;
+          break;
+        case "End":
+          e.preventDefault();
+          newIndex = enabledIndices[enabledIndices.length - 1] ?? -1;
+          break;
+      }
+      if (newIndex !== focusedIndex) {
+        setFocusedIndex(newIndex);
+        itemRefsRef.current.get(newIndex)?.focus();
+      }
+    },
+    [items, focusedIndex, selectable, handleSelect]
+  );
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      "ul",
+      {
+        ref,
+        "data-loading": true,
+        "aria-busy": "true",
+        "aria-label": "Loading list",
+        className: cn(listVariants({ variant }), className),
+        "data-slot": "list",
+        "data-variant": variant,
+        role: "list",
+        ...props,
+        children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: cn(listItemVariants({ variant, size: "default" })),
+            "data-slot": "list-item",
+            children: [
+              /* @__PURE__ */ jsx(SkeletonLoader, { className: "size-10 rounded-full" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-1", children: [
+                /* @__PURE__ */ jsx(SkeletonLoader, { className: "h-4 w-32" }),
+                /* @__PURE__ */ jsx(SkeletonLoader, { className: "h-3 w-24" })
+              ] })
+            ]
+          },
+          i
+        ))
+      }
+    );
+  }
+  if (items && items.length > 0) {
+    return /* @__PURE__ */ jsx(
+      "ul",
+      {
+        ref,
+        "aria-label": props["aria-label"],
+        className: cn(listVariants({ variant }), className),
+        "data-slot": "list",
+        "data-variant": variant,
+        role: selectable ? "listbox" : "list",
+        tabIndex: selectable ? 0 : void 0,
+        onKeyDown: selectable ? handleKeyDown : void 0,
+        ...props,
+        children: items.map((item, index) => {
+          const isSelected = selectedIds.has(item.id);
+          const isFocused = focusedIndex === index;
+          return /* @__PURE__ */ jsx(
+            ListItemInternal,
+            {
+              ref: (el) => {
+                if (el) {
+                  itemRefsRef.current.set(index, el);
+                } else {
+                  itemRefsRef.current.delete(index);
+                }
+              },
+              tabIndex: selectable ? isFocused || focusedIndex === -1 && index === 0 ? 0 : -1 : void 0,
+              "aria-disabled": item.disabled ? true : void 0,
+              "aria-selected": selectable ? isSelected : void 0,
+              "data-focused": isFocused ? true : void 0,
+              "data-selected": isSelected ? true : void 0,
+              disabled: item.disabled,
+              isFocused,
+              item,
+              selectable,
+              selected: isSelected,
+              variant,
+              onClick: selectable && !item.disabled ? () => {
+                handleSelect(item);
+              } : void 0
+            },
+            item.id
+          );
+        })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      ref,
+      "aria-label": props["aria-label"],
+      className: cn(listVariants({ variant }), className),
+      "data-slot": "list",
+      "data-variant": variant,
+      role: "list",
+      ...props,
+      children
+    }
+  );
+}
+function ListItemInternal({
+  ref,
+  item,
+  variant = "default",
+  selectable = false,
+  selected = false,
+  disabled = false,
+  isFocused = false,
+  onClick,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ref,
+      className: cn(
+        listItemVariants({
+          variant,
+          size: "default",
+          selectable,
+          selected,
+          disabled
+        }),
+        isFocused && "ring-[3px] ring-ring/50",
+        className
+      ),
+      "data-slot": "list-item",
+      role: selectable ? "option" : void 0,
+      onClick,
+      ...props,
+      children: [
+        item.avatar && /* @__PURE__ */ jsxs(Avatar, { className: "size-10", "data-slot": "list-item-avatar", children: [
+          /* @__PURE__ */ jsx(AvatarImage, { alt: item.label, src: item.avatar }),
+          /* @__PURE__ */ jsx(AvatarFallback, { children: item.label.slice(0, 2).toUpperCase() })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-0.5", "data-slot": "list-item-content", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium leading-snug", children: item.label }),
+          item.description && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "text-muted-foreground text-xs leading-normal",
+              "data-slot": "list-item-description",
+              children: item.description
+            }
+          )
+        ] }),
+        item.badge && /* @__PURE__ */ jsx("div", { "data-slot": "list-item-actions", children: /* @__PURE__ */ jsx(Badge, { color: "muted", type: "pill-color", children: item.badge }) })
+      ]
+    }
+  );
+}
+function ListItem({
+  className,
+  variant = "default",
+  size = "default",
+  selectable = false,
+  selected = false,
+  disabled = false,
+  ref,
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      ref,
+      className: cn(
+        listItemVariants({ variant, size, selectable, selected, disabled }),
+        className
+      ),
+      "aria-disabled": disabled ? true : void 0,
+      "aria-selected": selectable ? selected : void 0,
+      "data-disabled": disabled ? true : void 0,
+      "data-selected": selected ? true : void 0,
+      "data-size": size,
+      "data-slot": "list-item",
+      "data-variant": variant,
+      role: selectable ? "option" : void 0,
+      tabIndex: selectable && !disabled ? 0 : void 0,
+      ...restProps
+    }
+  );
+}
+function ListItemContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex flex-1 flex-col gap-0.5", className),
+      "data-slot": "list-item-content",
+      ...props
+    }
+  );
+}
+function ListItemActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex items-center gap-2", className),
+      "data-slot": "list-item-actions",
+      ...props
+    }
+  );
+}
+
+export { List, ListItem, ListItemActions, ListItemContent, listItemVariants, listVariants };
+//# sourceMappingURL=chunk-YMQDTTO7.js.map
+//# sourceMappingURL=chunk-YMQDTTO7.js.map

package/dist/chunk-YMQDTTO7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/List/List.tsx"],"names":[],"mappings":"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","file":"chunk-YMQDTTO7.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../primitives/Avatar\"\nimport { Badge } from \"../../primitives/Badge\"\nimport { SkeletonLoader } from \"../../primitives/SkeletonLoader\"\n\n// ============================================\n// TYPES\n// ============================================\ninterface ListItem {\n  avatar?: string\n  badge?: string\n  description?: string\n  disabled?: boolean\n  id: string\n  label: string\n  onClick?: () => void\n}\n\n// ============================================\n// VARIANTS\n// ============================================\nconst listVariants = cva(\n  \"flex flex-col bg-background text-foreground transition-colors duration-150\",\n  {\n    variants: {\n      variant: {\n        default: \"border border-border rounded-md\",\n        flat: \"divide-y divide-border\",\n        card: \"gap-4 flex-col\",\n        minimal: \"divide-y divide-border border-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst listItemVariants = cva(\n  \"group/list-item flex items-center text-sm transition-colors duration-150 outline-none\",\n  {\n    variants: {\n      variant: {\n        default: \"border-b border-border last:border-b-0\",\n        flat: \"\",\n        card: \"border border-border rounded-md bg-background\",\n        minimal: \"\",\n      },\n      size: {\n        sm: \"px-3 py-2 min-h-8 gap-2\",\n        default: \"px-4 py-3 min-h-10 gap-3\",\n        lg: \"px-5 py-4 min-h-12 gap-4\",\n      },\n      selectable: {\n        true: \"cursor-pointer hover:bg-muted/50 focus-visible:bg-muted/50 focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n        false: \"\",\n      },\n      selected: {\n        true: \"bg-muted\",\n        false: \"\",\n      },\n      disabled: {\n        true: \"opacity-50 cursor-not-allowed pointer-events-none\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      selectable: false,\n      selected: false,\n      disabled: false,\n    },\n  }\n)\n\n// ============================================\n// LIST COMPONENT\n// ============================================\ntype ListProps = React.ComponentProps<\"ul\"> &\n  VariantProps<typeof listVariants> & {\n    items?: ListItem[]\n    loading?: boolean\n    multiple?: boolean\n    onSelect?: (item: ListItem) => void\n    selectable?: boolean\n  }\n\nfunction List({\n  className,\n  variant = \"default\",\n  items,\n  selectable = false,\n  multiple = false,\n  loading = false,\n  onSelect,\n  children,\n  ref,\n  ...props\n}: ListProps) {\n  const [selectedIds, setSelectedIds] = React.useState<Set<string>>(() => new Set())\n  const [focusedIndex, setFocusedIndex] = React.useState<number>(-1)\n  const itemRefsRef = React.useRef<Map<number, HTMLLIElement>>(new Map())\n\n  const handleSelect = React.useCallback(\n    (item: ListItem) => {\n      if (item.disabled) return\n\n      if (multiple) {\n        setSelectedIds((prev) => {\n          const newSet = new Set(prev)\n          if (newSet.has(item.id)) {\n            newSet.delete(item.id)\n          } else {\n            newSet.add(item.id)\n          }\n          return newSet\n        })\n      } else {\n        setSelectedIds(new Set([item.id]))\n      }\n\n      onSelect?.(item)\n      item.onClick?.()\n    },\n    [multiple, onSelect]\n  )\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLUListElement>) => {\n      if (!items || items.length === 0) return\n\n      const enabledIndices = items\n        .map((item, index) => (item.disabled ? -1 : index))\n        .filter((i) => i !== -1)\n\n      let newIndex = focusedIndex\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault()\n          if (focusedIndex === -1) {\n            newIndex = enabledIndices[0] ?? -1\n          } else {\n            const currentEnabledPos = enabledIndices.indexOf(focusedIndex)\n            const nextPos = Math.min(\n              currentEnabledPos + 1,\n              enabledIndices.length - 1\n            )\n            newIndex = enabledIndices[nextPos] ?? focusedIndex\n          }\n          break\n        case \"ArrowUp\":\n          e.preventDefault()\n          if (focusedIndex === -1) {\n            newIndex = enabledIndices[enabledIndices.length - 1] ?? -1\n          } else {\n            const currentEnabledPos = enabledIndices.indexOf(focusedIndex)\n            const prevPos = Math.max(currentEnabledPos - 1, 0)\n            newIndex = enabledIndices[prevPos] ?? focusedIndex\n          }\n          break\n        case \"Enter\":\n        case \" \":\n          e.preventDefault()\n          if (focusedIndex >= 0 && selectable && items[focusedIndex]) {\n            handleSelect(items[focusedIndex])\n          }\n          break\n        case \"Home\":\n          e.preventDefault()\n          newIndex = enabledIndices[0] ?? -1\n          break\n        case \"End\":\n          e.preventDefault()\n          newIndex = enabledIndices[enabledIndices.length - 1] ?? -1\n          break\n      }\n\n      if (newIndex !== focusedIndex) {\n        setFocusedIndex(newIndex)\n        itemRefsRef.current.get(newIndex)?.focus()\n      }\n    },\n    [items, focusedIndex, selectable, handleSelect]\n  )\n\n  // Loading skeleton\n  if (loading) {\n    return (\n      <ul\n        ref={ref}\n        data-loading\n        aria-busy=\"true\"\n        aria-label=\"Loading list\"\n        className={cn(listVariants({ variant }), className)}\n        data-slot=\"list\"\n        data-variant={variant}\n        role=\"list\"\n        {...props}\n      >\n        {[1, 2, 3].map((i) => (\n          <li\n            key={i}\n            className={cn(listItemVariants({ variant, size: \"default\" }))}\n            data-slot=\"list-item\"\n          >\n            <SkeletonLoader className=\"size-10 rounded-full\" />\n            <div className=\"flex flex-1 flex-col gap-1\">\n              <SkeletonLoader className=\"h-4 w-32\" />\n              <SkeletonLoader className=\"h-3 w-24\" />\n            </div>\n          </li>\n        ))}\n      </ul>\n    )\n  }\n\n  // Render with items prop\n  if (items && items.length > 0) {\n    return (\n      <ul\n        ref={ref}\n        aria-label={props[\"aria-label\"]}\n        className={cn(listVariants({ variant }), className)}\n        data-slot=\"list\"\n        data-variant={variant}\n        role={selectable ? \"listbox\" : \"list\"}\n        tabIndex={selectable ? 0 : undefined}\n        onKeyDown={selectable ? handleKeyDown : undefined}\n        {...props}\n      >\n        {items.map((item, index) => {\n          const isSelected = selectedIds.has(item.id)\n          const isFocused = focusedIndex === index\n\n          return (\n            <ListItemInternal\n              key={item.id}\n              ref={(el) => {\n                if (el) {\n                  itemRefsRef.current.set(index, el)\n                } else {\n                  itemRefsRef.current.delete(index)\n                }\n              }}\n              tabIndex={\n                selectable\n                  ? isFocused || (focusedIndex === -1 && index === 0)\n                    ? 0\n                    : -1\n                  : undefined\n              }\n              aria-disabled={item.disabled ? true : undefined}\n              aria-selected={selectable ? isSelected : undefined}\n              data-focused={isFocused ? true : undefined}\n              data-selected={isSelected ? true : undefined}\n              disabled={item.disabled}\n              isFocused={isFocused}\n              item={item}\n              selectable={selectable}\n              selected={isSelected}\n              variant={variant}\n              onClick={\n                selectable && !item.disabled\n                  ? () => { handleSelect(item); }\n                  : undefined\n              }\n            />\n          )\n        })}\n      </ul>\n    )\n  }\n\n  // Render with children\n  return (\n    <ul\n      ref={ref}\n      aria-label={props[\"aria-label\"]}\n      className={cn(listVariants({ variant }), className)}\n      data-slot=\"list\"\n      data-variant={variant}\n      role=\"list\"\n      {...props}\n    >\n      {children}\n    </ul>\n  )\n}\n\n// ============================================\n// INTERNAL LIST ITEM (for items prop rendering)\n// ============================================\ninterface ListItemInternalProps\n  extends Omit<React.ComponentProps<\"li\">, \"onClick\"> {\n  disabled?: boolean\n  isFocused?: boolean\n  item: ListItem\n  onClick?: () => void\n  selectable?: boolean\n  selected?: boolean\n  variant?: \"card\" | \"default\" | \"flat\" | \"minimal\" | null\n}\n\nfunction ListItemInternal({\n  ref,\n  item,\n  variant = \"default\",\n  selectable = false,\n  selected = false,\n  disabled = false,\n  isFocused = false,\n  onClick,\n  className,\n  ...props\n}: ListItemInternalProps & { ref?: React.Ref<HTMLLIElement | null> }) {\n    return (\n      <li\n        ref={ref}\n        className={cn(\n          listItemVariants({\n            variant,\n            size: \"default\",\n            selectable,\n            selected,\n            disabled,\n          }),\n          isFocused && \"ring-[3px] ring-ring/50\",\n          className\n        )}\n        data-slot=\"list-item\"\n        role={selectable ? \"option\" : undefined}\n        onClick={onClick}\n        {...props}\n      >\n        {item.avatar && (\n          <Avatar className=\"size-10\" data-slot=\"list-item-avatar\">\n            <AvatarImage alt={item.label} src={item.avatar} />\n            <AvatarFallback>\n              {item.label.slice(0, 2).toUpperCase()}\n            </AvatarFallback>\n          </Avatar>\n        )}\n\n        <div className=\"flex flex-1 flex-col gap-0.5\" data-slot=\"list-item-content\">\n          <span className=\"font-medium leading-snug\">{item.label}</span>\n          {item.description && (\n            <span\n              className=\"text-muted-foreground text-xs leading-normal\"\n              data-slot=\"list-item-description\"\n            >\n              {item.description}\n            </span>\n          )}\n        </div>\n\n        {item.badge && (\n          <div data-slot=\"list-item-actions\">\n            <Badge color=\"muted\" type=\"pill-color\">{item.badge}</Badge>\n          </div>\n        )}\n      </li>\n    )\n  }\n\n// ============================================\n// PUBLIC LIST ITEM COMPONENT\n// ============================================\ninterface ListItemProps extends Omit<React.ComponentProps<\"li\">, \"disabled\"> {\n  disabled?: boolean\n  selectable?: boolean\n  selected?: boolean\n  size?: \"default\" | \"lg\" | \"sm\"\n  variant?: \"card\" | \"default\" | \"flat\" | \"minimal\"\n}\n\nfunction ListItem({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  selectable = false,\n  selected = false,\n  disabled = false,\n  ref,\n  ...restProps\n}: ListItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\n        listItemVariants({ variant, size, selectable, selected, disabled }),\n        className\n      )}\n      aria-disabled={disabled ? true : undefined}\n      aria-selected={selectable ? selected : undefined}\n      data-disabled={disabled ? true : undefined}\n      data-selected={selected ? true : undefined}\n      data-size={size}\n      data-slot=\"list-item\"\n      data-variant={variant}\n      role={selectable ? \"option\" : undefined}\n      tabIndex={selectable && !disabled ? 0 : undefined}\n      {...restProps}\n    />\n  )\n}\n\n// ============================================\n// LIST ITEM CONTENT\n// ============================================\nfunction ListItemContent({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"flex flex-1 flex-col gap-0.5\", className)}\n      data-slot=\"list-item-content\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// LIST ITEM ACTIONS\n// ============================================\nfunction ListItemActions({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"flex items-center gap-2\", className)}\n      data-slot=\"list-item-actions\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// EXPORTS\n// ============================================\nexport {\n  List,\n  ListItem,\n  ListItemActions,\n  ListItemContent,\n  listItemVariants,\n  listVariants,\n}\nexport type { ListItemProps, ListItem as ListItemType, ListProps }\n"]}

package/dist/chunk-YNTS4GRT.js

@@ -0,0 +1,95 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function FloatLabel({
+  children,
+  label,
+  hasValue = false,
+  variant = "over",
+  className,
+  ...props
+}) {
+  const [isFocused, setIsFocused] = React.useState(false);
+  const [inputId, setInputId] = React.useState();
+  const generatedId = React.useId();
+  const wrapperRef = React.useRef(null);
+  React.useEffect(() => {
+    if (wrapperRef.current) {
+      const input = wrapperRef.current.querySelector("input, select, textarea");
+      if (input) {
+        const existingId = input.getAttribute("id");
+        if (existingId) {
+          setInputId(existingId);
+        } else {
+          const newId = `float-label-input-${generatedId.replaceAll(":", "")}`;
+          input.setAttribute("id", newId);
+          setInputId(newId);
+        }
+      }
+    }
+  }, [generatedId, children]);
+  const handleFocusIn = React.useCallback(() => {
+    setIsFocused(true);
+  }, []);
+  const handleFocusOut = React.useCallback((event) => {
+    if (!wrapperRef.current?.contains(event.relatedTarget)) {
+      setIsFocused(false);
+    }
+  }, []);
+  const isFloated = isFocused || hasValue;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: wrapperRef,
+      className: cn(
+        "group relative",
+        // No wrapper padding - label uses negative positioning to float above
+        className
+      ),
+      "data-focused": isFocused || void 0,
+      "data-has-value": hasValue || void 0,
+      "data-slot": "float-label",
+      "data-variant": variant,
+      onBlur: handleFocusOut,
+      onFocus: handleFocusIn,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            className: cn(
+              "pointer-events-none absolute text-muted-foreground transition-all duration-200 motion-reduce:transition-none",
+              // Error state: if input is invalid (aria-invalid="true"), label turns red
+              "group-has-[[aria-invalid=true]]:text-destructive",
+              // Unfocused: label centered in input
+              !isFloated && "left-3 top-1/2 -translate-y-1/2 text-sm",
+              // Focused: variant-specific positioning (aligned with PrimeVue metrics)
+              isFloated && [
+                "text-xs font-medium text-foreground",
+                // Error state color persistence when floated
+                "group-has-[[aria-invalid=true]]:text-destructive",
+                // "over": top: -20px (label floats above)
+                variant === "over" && "left-3 -top-5",
+                // "in": top: -2 (label at top inside input)
+                // PrimeVue 'in' actually floats to top inside. Input needs padding-top.
+                variant === "in" && "left-3 top-2",
+                // "on": top: -2 (label ON border with background)
+                // sits on the border line
+                variant === "on" && "left-2 -top-2 bg-background px-1"
+              ]
+            ),
+            "data-slot": "float-label-text",
+            htmlFor: inputId,
+            children: label
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+
+export { FloatLabel };
+//# sourceMappingURL=chunk-YNTS4GRT.js.map
+//# sourceMappingURL=chunk-YNTS4GRT.js.map

package/dist/chunk-YNTS4GRT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/FloatLabel/FloatLabel.tsx"],"names":[],"mappings":";;;;AAmBA,SAAS,UAAA,CAAW;AAAA,EAClB,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,MAAA;AAAA,EACV,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAU,eAAS,KAAK,CAAA;AACtD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAU,KAAA,CAAA,QAAA,EAA6B;AACjE,EAAA,MAAM,cAAoB,KAAA,CAAA,KAAA,EAAM;AAChC,EAAA,MAAM,UAAA,GAAmB,aAAuB,IAAI,CAAA;AAIpD,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,WAAW,OAAA,EAAS;AACtB,MAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,OAAA,CAAQ,aAAA,CAAc,yBAAyB,CAAA;AACxE,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,MAAM,UAAA,GAAa,KAAA,CAAM,YAAA,CAAa,IAAI,CAAA;AAC1C,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,UAAA,CAAW,UAAU,CAAA;AAAA,QACvB,CAAA,MAAO;AAEL,UAAA,MAAM,QAAQ,CAAA,kBAAA,EAAqB,WAAA,CAAY,UAAA,CAAW,GAAA,EAAK,EAAE,CAAC,CAAA,CAAA;AAClE,UAAA,KAAA,CAAM,YAAA,CAAa,MAAM,KAAK,CAAA;AAC9B,UAAA,UAAA,CAAW,KAAK,CAAA;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,QAAQ,CAAC,CAAA;AAI1B,EAAA,MAAM,aAAA,GAAsB,kBAAY,MAAM;AAC5C,IAAA,YAAA,CAAa,IAAI,CAAA;AAAA,EACnB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,cAAA,GAAuB,KAAA,CAAA,WAAA,CAAY,CAAC,KAAA,KAA4B;AAEpE,IAAA,IAAI,CAAC,UAAA,CAAW,OAAA,EAAS,QAAA,CAAS,KAAA,CAAM,aAAqB,CAAA,EAAG;AAC9D,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,MAAM,YAAY,SAAA,IAAa,QAAA;AAE/B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,UAAA;AAAA,MACL,SAAA,EAAW,EAAA;AAAA,QACT,gBAAA;AAAA;AAAA,QAEA;AAAA,OACF;AAAA,MACA,gBAAc,SAAA,IAAa,MAAA;AAAA,MAC3B,kBAAgB,QAAA,IAAY,MAAA;AAAA,MAC5B,WAAA,EAAU,aAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,MAAA,EAAQ,cAAA;AAAA,MACR,OAAA,EAAS,aAAA;AAAA,MACR,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,8GAAA;AAAA;AAAA,cAEA,kDAAA;AAAA;AAAA,cAGA,CAAC,SAAA,IAAa,yCAAA;AAAA;AAAA,cAGd,SAAA,IAAa;AAAA,gBACX,qCAAA;AAAA;AAAA,gBAEA,kDAAA;AAAA;AAAA,gBAGA,YAAY,MAAA,IAAU,eAAA;AAAA;AAAA;AAAA,gBAItB,YAAY,IAAA,IAAQ,cAAA;AAAA;AAAA;AAAA,gBAIpB,YAAY,IAAA,IAAQ;AAAA;AACtB,aACF;AAAA,YACA,WAAA,EAAU,kBAAA;AAAA,YACV,OAAA,EAAS,OAAA;AAAA,YAER,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-YNTS4GRT.js","sourcesContent":["import type { FloatLabelProps } from \"./FloatLabel.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * FloatLabel - A wrapper component that provides floating label behavior\n *\n * Wraps form inputs (TextInput, Autocomplete, Select, etc.) to provide\n * a label that floats up when the input is focused or has a value.\n *\n * @example\n * ```tsx\n * <FloatLabel label=\"Email\" hasValue={!!email}>\n *   <TextInput value={email} onChange={(e) => setEmail(e.target.value)} />\n * </FloatLabel>\n * ```\n */\nfunction FloatLabel({\n  children,\n  label,\n  hasValue = false,\n  variant = \"over\",\n  className,\n  ...props\n}: FloatLabelProps) {\n  const [isFocused, setIsFocused] = React.useState(false)\n  const [inputId, setInputId] = React.useState<string | undefined>()\n  const generatedId = React.useId()\n  const wrapperRef = React.useRef<HTMLDivElement>(null)\n\n  // Find the input element and get its id\n  /* eslint-disable react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect -- DOM discovery for label-input association */\n  React.useEffect(() => {\n    if (wrapperRef.current) {\n      const input = wrapperRef.current.querySelector(\"input, select, textarea\")\n      if (input) {\n        const existingId = input.getAttribute(\"id\")\n        if (existingId) {\n          setInputId(existingId)\n        } else {\n          // Generate and set an id if none exists\n          const newId = `float-label-input-${generatedId.replaceAll(':', \"\")}`\n          input.setAttribute(\"id\", newId)\n          setInputId(newId)\n        }\n      }\n    }\n  }, [generatedId, children])\n  /* eslint-enable react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */\n\n  // Handle focus/blur events on the wrapper\n  const handleFocusIn = React.useCallback(() => {\n    setIsFocused(true)\n  }, [])\n\n  const handleFocusOut = React.useCallback((event: React.FocusEvent) => {\n    // Check if focus is still within the wrapper\n    if (!wrapperRef.current?.contains(event.relatedTarget as Node)) {\n      setIsFocused(false)\n    }\n  }, [])\n\n  // Determine if label should be floated (focused or has value)\n  const isFloated = isFocused || hasValue\n\n  return (\n    <div\n      ref={wrapperRef}\n      className={cn(\n        \"group relative\",\n        // No wrapper padding - label uses negative positioning to float above\n        className\n      )}\n      data-focused={isFocused || undefined}\n      data-has-value={hasValue || undefined}\n      data-slot=\"float-label\"\n      data-variant={variant}\n      onBlur={handleFocusOut}\n      onFocus={handleFocusIn}\n      {...props}\n    >\n      <label\n        className={cn(\n          \"pointer-events-none absolute text-muted-foreground transition-all duration-200 motion-reduce:transition-none\",\n          // Error state: if input is invalid (aria-invalid=\"true\"), label turns red\n          \"group-has-[[aria-invalid=true]]:text-destructive\",\n          \n          // Unfocused: label centered in input\n          !isFloated && \"left-3 top-1/2 -translate-y-1/2 text-sm\",\n          \n          // Focused: variant-specific positioning (aligned with PrimeVue metrics)\n          isFloated && [\n            \"text-xs font-medium text-foreground\",\n             // Error state color persistence when floated\n            \"group-has-[[aria-invalid=true]]:text-destructive\",\n\n            // \"over\": top: -20px (label floats above)\n            variant === \"over\" && \"left-3 -top-5\",\n            \n            // \"in\": top: -2 (label at top inside input)\n            // PrimeVue 'in' actually floats to top inside. Input needs padding-top.\n            variant === \"in\" && \"left-3 top-2\",\n            \n            // \"on\": top: -2 (label ON border with background)\n            // sits on the border line\n            variant === \"on\" && \"left-2 -top-2 bg-background px-1\",\n          ]\n        )}\n        data-slot=\"float-label-text\"\n        htmlFor={inputId}\n      >\n        {label}\n      </label>\n      {children}\n    </div>\n  )\n}\n\nexport { FloatLabel }\n"]}

package/dist/chunk-ZOHLZ4YL.js

@@ -0,0 +1,67 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var topbarVariants = cva(
+  [
+    "flex w-full items-center justify-between",
+    "bg-[color:var(--topbar-root-background)]",
+    "px-[var(--topbar-root-padding-x)] py-[var(--topbar-root-padding-y)]",
+    "gap-[var(--topbar-root-gap)]"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "h-[var(--topbar-root-height-default)]",
+        filters: "h-[var(--topbar-root-height-filters)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var topbarLeadingVariants = cva(
+  "flex items-center gap-[var(--topbar-leading-gap)] min-w-0"
+);
+var topbarTrailingVariants = cva(
+  "flex items-center gap-[var(--topbar-trailing-gap)] shrink-0"
+);
+function Topbar({ className, variant = "default", children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(topbarVariants({ variant }), className),
+      "data-slot": "topbar",
+      "data-variant": variant,
+      ...props,
+      children
+    }
+  );
+}
+function TopbarLeading({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(topbarLeadingVariants(), className),
+      "data-slot": "topbar-leading",
+      ...props,
+      children
+    }
+  );
+}
+function TopbarTrailing({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(topbarTrailingVariants(), className),
+      "data-slot": "topbar-trailing",
+      ...props,
+      children
+    }
+  );
+}
+
+export { Topbar, TopbarLeading, TopbarTrailing, topbarLeadingVariants, topbarTrailingVariants, topbarVariants };
+//# sourceMappingURL=chunk-ZOHLZ4YL.js.map
+//# sourceMappingURL=chunk-ZOHLZ4YL.js.map