@alkimi.org/ui-kit 0.11.3 → 0.11.5

package/dist/chunk-LQMOWEA7.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-LQMOWEA7.js","../src/components/tree-select.tsx"],"names":["getAllDescendantValues","node","values","child","getCheckState","selectedSet","descendants","selectedCount","v","filterTree","nodes","searchTerm","term","result","labelMatches","filteredChildren","getValuesOfMatchingNodes","walk","nodeList","hasMatch","childHasMatch","findNodeByValue","value","found","collectAllBranchValues","renderHighlightedLabel","label","index","jsxs","Fragment","jsx","TreeNodeItem","depth","multiple","expandedValues","focusedValue","onToggleExpand","onSelect","onFocus","hasChildren","isExpanded","checkState","indentPx","cn"],"mappings":"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","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-LQMOWEA7.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { Check, ChevronDown, ChevronRight, Search, X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Checkbox } from \"@/components/checkbox\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\"\n\n// --- Public types ---\n\nexport interface TreeSelectNode {\n  value: string\n  label: string\n  children?: TreeSelectNode[]\n}\n\nexport interface TreeSelectProps {\n  nodes: TreeSelectNode[]\n  value?: string\n  onValueChange?: (value: string) => void\n  multiple?: boolean\n  values?: string[]\n  onValuesChange?: (values: string[]) => void\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  disabled?: boolean\n  className?: string\n  error?: boolean\n  defaultExpandedValues?: string[]\n  expandAll?: boolean\n}\n\n// --- Internal types ---\n\ntype CheckState = \"checked\" | \"indeterminate\" | \"unchecked\"\n\n// --- Utility functions ---\n\nfunction getAllDescendantValues(node: TreeSelectNode): string[] {\n  const values: string[] = [node.value]\n  if (node.children) {\n    for (const child of node.children) {\n      values.push(...getAllDescendantValues(child))\n    }\n  }\n  return values\n}\n\nfunction getCheckState(\n  node: TreeSelectNode,\n  selectedSet: Set<string>\n): CheckState {\n  if (!node.children || node.children.length === 0) {\n    return selectedSet.has(node.value) ? \"checked\" : \"unchecked\"\n  }\n\n  const descendants = getAllDescendantValues(node)\n  const selectedCount = descendants.filter((v) => selectedSet.has(v)).length\n\n  if (selectedCount === 0) return \"unchecked\"\n  if (selectedCount === descendants.length) return \"checked\"\n  return \"indeterminate\"\n}\n\nfunction filterTree(\n  nodes: TreeSelectNode[],\n  searchTerm: string\n): TreeSelectNode[] | null {\n  const term = searchTerm.toLowerCase().trim()\n  if (!term) return nodes\n\n  const result: TreeSelectNode[] = []\n\n  for (const node of nodes) {\n    const labelMatches = node.label.toLowerCase().includes(term)\n\n    if (node.children && node.children.length > 0) {\n      const filteredChildren = filterTree(node.children, searchTerm)\n\n      if (labelMatches) {\n        result.push(node)\n      } else if (filteredChildren && filteredChildren.length > 0) {\n        result.push({ ...node, children: filteredChildren })\n      }\n    } else if (labelMatches) {\n      result.push(node)\n    }\n  }\n\n  return result.length > 0 ? result : null\n}\n\nfunction getValuesOfMatchingNodes(\n  nodes: TreeSelectNode[],\n  searchTerm: string\n): Set<string> {\n  const term = searchTerm.toLowerCase().trim()\n  const result = new Set<string>()\n\n  function walk(nodeList: TreeSelectNode[]): boolean {\n    let hasMatch = false\n    for (const node of nodeList) {\n      const labelMatches = node.label.toLowerCase().includes(term)\n      let childHasMatch = false\n\n      if (node.children) {\n        childHasMatch = walk(node.children)\n      }\n\n      if (labelMatches || childHasMatch) {\n        result.add(node.value)\n        hasMatch = true\n      }\n    }\n    return hasMatch\n  }\n\n  walk(nodes)\n  return result\n}\n\nfunction findNodeByValue(\n  nodes: TreeSelectNode[],\n  value: string\n): TreeSelectNode | undefined {\n  for (const node of nodes) {\n    if (node.value === value) return node\n    if (node.children) {\n      const found = findNodeByValue(node.children, value)\n      if (found) return found\n    }\n  }\n  return undefined\n}\n\nfunction collectAllBranchValues(nodes: TreeSelectNode[]): Set<string> {\n  const result = new Set<string>()\n  for (const node of nodes) {\n    if (node.children && node.children.length > 0) {\n      result.add(node.value)\n      for (const v of collectAllBranchValues(node.children)) {\n        result.add(v)\n      }\n    }\n  }\n  return result\n}\n\nfunction renderHighlightedLabel(\n  label: string,\n  searchTerm: string\n): React.ReactNode {\n  if (!searchTerm) return label\n\n  const term = searchTerm.toLowerCase().trim()\n  if (!term) return label\n\n  const index = label.toLowerCase().indexOf(term)\n  if (index === -1) return label\n\n  return (\n    <>\n      {label.slice(0, index)}\n      <span className=\"font-semibold underline\">\n        {label.slice(index, index + term.length)}\n      </span>\n      {label.slice(index + term.length)}\n    </>\n  )\n}\n\n// --- TreeNodeItem (internal) ---\n\ninterface TreeNodeItemProps {\n  node: TreeSelectNode\n  depth: number\n  multiple: boolean\n  selectedSet: Set<string>\n  expandedValues: Set<string>\n  focusedValue: string | null\n  onToggleExpand: (value: string) => void\n  onSelect: (node: TreeSelectNode) => void\n  onFocus: (value: string) => void\n  searchTerm: string\n}\n\nfunction TreeNodeItem({\n  node,\n  depth,\n  multiple,\n  selectedSet,\n  expandedValues,\n  focusedValue,\n  onToggleExpand,\n  onSelect,\n  onFocus,\n  searchTerm,\n}: TreeNodeItemProps) {\n  const hasChildren = node.children && node.children.length > 0\n  const isExpanded = expandedValues.has(node.value)\n  const checkState = multiple\n    ? getCheckState(node, selectedSet)\n    : selectedSet.has(node.value)\n      ? \"checked\"\n      : \"unchecked\"\n\n  const indentPx = depth * 20\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-expanded={hasChildren ? isExpanded : undefined}\n      aria-selected={checkState === \"checked\"}\n    >\n      <div\n        className={cn(\n          \"relative flex items-center gap-2 rounded-sm px-2 py-1.5 my-0.5 text-sm cursor-pointer select-none outline-none active:opacity-50\",\n          \"hover:bg-muted\",\n          checkState === \"checked\" && !multiple && \"bg-muted\"\n          // This adds a focus ring when the node is focused, but it's not needed for the tree-select component.\n          // focusedValue === node.value && \"z-10 ring-2 ring-ring\"\n        )}\n        style={{ paddingLeft: `${8 + indentPx}px` }}\n        onClick={() => onSelect(node)}\n        onFocus={() => onFocus(node.value)}\n        data-tree-value={node.value}\n        tabIndex={focusedValue === node.value ? 0 : -1}\n      >\n        {hasChildren ? (\n          <button\n            type=\"button\"\n            className=\"h-4 w-4 shrink-0 flex items-center justify-center rounded-sm hover:bg-secondary active:opacity-50\"\n            onClick={(e) => {\n              e.stopPropagation()\n              onToggleExpand(node.value)\n            }}\n            aria-label={\n              isExpanded ? `Collapse ${node.label}` : `Expand ${node.label}`\n            }\n            tabIndex={-1}\n          >\n            {isExpanded ? (\n              <ChevronDown className=\"h-3.5 w-3.5\" />\n            ) : (\n              <ChevronRight className=\"h-3.5 w-3.5\" />\n            )}\n          </button>\n        ) : (\n          <span className=\"h-4 w-4 shrink-0\" />\n        )}\n\n        {multiple ? (\n          <Checkbox\n            checked={\n              checkState === \"checked\"\n                ? true\n                : checkState === \"indeterminate\"\n                  ? \"indeterminate\"\n                  : false\n            }\n            onCheckedChange={() => onSelect(node)}\n            onClick={(e) => e.stopPropagation()}\n            className=\"shrink-0\"\n            aria-label={node.label}\n          />\n        ) : (\n          <Check\n            className={cn(\n              \"h-4 w-4 shrink-0\",\n              checkState === \"checked\" ? \"opacity-100\" : \"opacity-0\"\n            )}\n          />\n        )}\n\n        <span className=\"truncate\">\n          {renderHighlightedLabel(node.label, searchTerm)}\n        </span>\n      </div>\n\n      {hasChildren && isExpanded && (\n        <div role=\"group\">\n          {node.children!.map((child) => (\n            <TreeNodeItem\n              key={child.value}\n              node={child}\n              depth={depth + 1}\n              multiple={multiple}\n              selectedSet={selectedSet}\n              expandedValues={expandedValues}\n              focusedValue={focusedValue}\n              onToggleExpand={onToggleExpand}\n              onSelect={onSelect}\n              onFocus={onFocus}\n              searchTerm={searchTerm}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\n// --- TreeSelect (main component) ---\n\nexport function TreeSelect({\n  nodes,\n  value,\n  onValueChange,\n  multiple = false,\n  values = [],\n  onValuesChange,\n  placeholder = \"Select...\",\n  searchPlaceholder = \"Search...\",\n  emptyMessage = \"No results found.\",\n  disabled = false,\n  className,\n  error = false,\n  defaultExpandedValues,\n  expandAll = false,\n}: TreeSelectProps) {\n  const [open, setOpen] = React.useState(false)\n  const [searchTerm, setSearchTerm] = React.useState(\"\")\n  const [focusedValue, setFocusedValue] = React.useState<string | null>(null)\n  const [expandedValues, setExpandedValues] = React.useState<Set<string>>(\n    () => {\n      if (expandAll) return collectAllBranchValues(nodes)\n      if (defaultExpandedValues) return new Set(defaultExpandedValues)\n      return new Set<string>()\n    }\n  )\n\n  const preSearchExpandedRef = React.useRef<Set<string> | null>(null)\n  const treeRef = React.useRef<HTMLDivElement>(null)\n\n  const selectedSet = React.useMemo(\n    () => new Set(multiple ? values : value ? [value] : []),\n    [multiple, values, value]\n  )\n\n  const filteredNodes = React.useMemo(\n    () => (searchTerm ? filterTree(nodes, searchTerm) : nodes),\n    [nodes, searchTerm]\n  )\n\n  // Auto-expand matching ancestors during search\n  React.useEffect(() => {\n    if (searchTerm) {\n      if (!preSearchExpandedRef.current) {\n        preSearchExpandedRef.current = new Set(expandedValues)\n      }\n      const matchingAncestors = getValuesOfMatchingNodes(nodes, searchTerm)\n      setExpandedValues(matchingAncestors)\n    } else if (preSearchExpandedRef.current) {\n      setExpandedValues(preSearchExpandedRef.current)\n      preSearchExpandedRef.current = null\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchTerm, nodes])\n\n  const handleOpenChange = React.useCallback((isOpen: boolean) => {\n    setOpen(isOpen)\n    if (!isOpen) {\n      setSearchTerm(\"\")\n      setFocusedValue(null)\n    }\n  }, [])\n\n  const handleToggleExpand = React.useCallback((nodeValue: string) => {\n    setExpandedValues((prev) => {\n      const next = new Set(prev)\n      if (next.has(nodeValue)) {\n        next.delete(nodeValue)\n      } else {\n        next.add(nodeValue)\n      }\n      return next\n    })\n  }, [])\n\n  const handleSelect = React.useCallback(\n    (node: TreeSelectNode) => {\n      if (multiple) {\n        const allDescendants = getAllDescendantValues(node)\n        const currentState = getCheckState(node, selectedSet)\n\n        let newValues: string[]\n        if (currentState === \"checked\") {\n          const toRemove = new Set(allDescendants)\n          newValues = values.filter((v) => !toRemove.has(v))\n        } else {\n          const toAdd = allDescendants.filter((v) => !selectedSet.has(v))\n          newValues = [...values, ...toAdd]\n        }\n        onValuesChange?.(newValues)\n      } else {\n        // Single-select: clicking a parent toggles expand instead of selecting\n        const hasChildren = node.children && node.children.length > 0\n        if (hasChildren) {\n          handleToggleExpand(node.value)\n          return\n        }\n        const newValue = node.value === value ? \"\" : node.value\n        onValueChange?.(newValue)\n        setOpen(false)\n      }\n    },\n    [\n      multiple,\n      values,\n      value,\n      selectedSet,\n      onValuesChange,\n      onValueChange,\n      handleToggleExpand,\n    ]\n  )\n\n  const handleRemoveChip = React.useCallback(\n    (chipValue: string, e: React.MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      const node = findNodeByValue(nodes, chipValue)\n      if (node) {\n        const toRemove = new Set(getAllDescendantValues(node))\n        const newValues = values.filter((v) => !toRemove.has(v))\n        onValuesChange?.(newValues)\n      }\n    },\n    [nodes, values, onValuesChange]\n  )\n\n  // Smart chips: minimal set representing the selection\n  const chipValues = React.useMemo(() => {\n    if (!multiple) return []\n\n    const chips: string[] = []\n\n    function walk(nodeList: TreeSelectNode[]) {\n      for (const node of nodeList) {\n        const state = getCheckState(node, selectedSet)\n        if (state === \"checked\") {\n          chips.push(node.value)\n        } else if (state === \"indeterminate\" && node.children) {\n          walk(node.children)\n        }\n      }\n    }\n\n    walk(nodes)\n    return chips\n  }, [nodes, selectedSet, multiple])\n\n  // Keyboard navigation\n  const getVisibleNodes = React.useCallback((): HTMLElement[] => {\n    if (!treeRef.current) return []\n    return Array.from(treeRef.current.querySelectorAll(\"[data-tree-value]\"))\n  }, [])\n\n  const handleTreeKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      const visibleNodes = getVisibleNodes()\n      const currentIndex = visibleNodes.findIndex(\n        (el) => el.dataset.treeValue === focusedValue\n      )\n\n      switch (e.key) {\n        case \"ArrowDown\": {\n          e.preventDefault()\n          const nextIndex = Math.min(currentIndex + 1, visibleNodes.length - 1)\n          const nextValue = visibleNodes[nextIndex]?.dataset.treeValue\n          if (nextValue) {\n            setFocusedValue(nextValue)\n            visibleNodes[nextIndex]?.focus()\n          }\n          break\n        }\n        case \"ArrowUp\": {\n          e.preventDefault()\n          const prevIndex = Math.max(currentIndex - 1, 0)\n          const prevValue = visibleNodes[prevIndex]?.dataset.treeValue\n          if (prevValue) {\n            setFocusedValue(prevValue)\n            visibleNodes[prevIndex]?.focus()\n          }\n          break\n        }\n        case \"ArrowRight\": {\n          e.preventDefault()\n          if (focusedValue) {\n            const node = findNodeByValue(nodes, focusedValue)\n            if (node?.children?.length) {\n              if (!expandedValues.has(focusedValue)) {\n                handleToggleExpand(focusedValue)\n              } else {\n                const firstChildValue = node.children[0].value\n                setFocusedValue(firstChildValue)\n                requestAnimationFrame(() => {\n                  const els = getVisibleNodes()\n                  const el = els.find(\n                    (n) => n.dataset.treeValue === firstChildValue\n                  )\n                  el?.focus()\n                })\n              }\n            }\n          }\n          break\n        }\n        case \"ArrowLeft\": {\n          e.preventDefault()\n          if (focusedValue && expandedValues.has(focusedValue)) {\n            handleToggleExpand(focusedValue)\n          }\n          break\n        }\n        case \"Enter\":\n        case \" \": {\n          e.preventDefault()\n          if (focusedValue) {\n            const node = findNodeByValue(nodes, focusedValue)\n            if (node) handleSelect(node)\n          }\n          break\n        }\n        case \"Home\": {\n          e.preventDefault()\n          const firstValue = visibleNodes[0]?.dataset.treeValue\n          if (firstValue) {\n            setFocusedValue(firstValue)\n            visibleNodes[0]?.focus()\n          }\n          break\n        }\n        case \"End\": {\n          e.preventDefault()\n          const lastValue =\n            visibleNodes[visibleNodes.length - 1]?.dataset.treeValue\n          if (lastValue) {\n            setFocusedValue(lastValue)\n            visibleNodes[visibleNodes.length - 1]?.focus()\n          }\n          break\n        }\n      }\n    },\n    [\n      focusedValue,\n      nodes,\n      expandedValues,\n      getVisibleNodes,\n      handleToggleExpand,\n      handleSelect,\n    ]\n  )\n\n  const getDisplayText = () => {\n    if (multiple) {\n      if (values.length === 0) return placeholder\n      if (values.length === 1) {\n        const node = findNodeByValue(nodes, values[0])\n        return node?.label ?? values[0]\n      }\n      return `${values.length} selected`\n    }\n    if (value) {\n      const node = findNodeByValue(nodes, value)\n      return node?.label ?? value\n    }\n    return placeholder\n  }\n\n  const renderSelectedChips = () => {\n    if (!multiple || chipValues.length === 0) return null\n\n    const chipNodes = chipValues\n      .map((v) => findNodeByValue(nodes, v))\n      .filter(Boolean) as TreeSelectNode[]\n\n    return (\n      <div className=\"max-h-[100px] overflow-y-auto px-2 py-1.5 border-b border-border\">\n        <div className=\"flex flex-wrap gap-1\">\n          {chipNodes.map((node) => (\n            <div\n              key={node.value}\n              className=\"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs\"\n            >\n              <span className=\"truncate max-w-[120px]\">{node.label}</span>\n              <X\n                className=\"h-3 w-3 cursor-pointer shrink-0\"\n                onClick={(e) => handleRemoveChip(node.value, e)}\n                aria-label={`Remove ${node.label}`}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          role=\"combobox\"\n          aria-expanded={open}\n          aria-haspopup=\"tree\"\n          disabled={disabled}\n          className={cn(\n            \"cursor-pointer flex my-2 h-9 w-full items-center justify-between rounded-3xl border border-border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 active:opacity-50 disabled:cursor-not-allowed disabled:opacity-50\",\n            !value && !values.length && \"text-secondary-text\",\n            error &&\n              \"border-destructive-foreground focus-visible:ring-destructive-foreground\",\n            className\n          )}\n        >\n          <span className=\"truncate\">{getDisplayText()}</span>\n          <ChevronDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"p-0\"\n        align=\"start\"\n        style={{ width: \"var(--radix-popover-trigger-width)\" }}\n      >\n        <div className=\"flex items-center border-b px-3\">\n          <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n          <input\n            value={searchTerm}\n            onChange={(e) => setSearchTerm(e.target.value)}\n            placeholder={searchPlaceholder}\n            className=\"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n            aria-label=\"Search tree\"\n          />\n        </div>\n\n        {renderSelectedChips()}\n\n        <div className=\"max-h-[300px] overflow-y-auto\">\n          {filteredNodes && filteredNodes.length > 0 ? (\n            <div\n              ref={treeRef}\n              role=\"tree\"\n              aria-label=\"Options\"\n              className=\"p-1\"\n              onKeyDown={handleTreeKeyDown}\n            >\n              {filteredNodes.map((node) => (\n                <TreeNodeItem\n                  key={node.value}\n                  node={node}\n                  depth={0}\n                  multiple={multiple}\n                  selectedSet={selectedSet}\n                  expandedValues={expandedValues}\n                  focusedValue={focusedValue}\n                  onToggleExpand={handleToggleExpand}\n                  onSelect={handleSelect}\n                  onFocus={setFocusedValue}\n                  searchTerm={searchTerm}\n                />\n              ))}\n            </div>\n          ) : (\n            <div className=\"py-6 text-center text-sm text-muted-foreground\">\n              {emptyMessage}\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-LQMOWEA7.js","../src/components/tree-select.tsx"],"names":["getAllDescendantValues","node","values","child","getCheckState","selectedSet","descendants","selectedCount","v","filterTree","nodes","searchTerm","term","result","labelMatches","filteredChildren","getValuesOfMatchingNodes","walk","nodeList","hasMatch","childHasMatch","findNodeByValue","value","found","collectAllBranchValues","renderHighlightedLabel","label","index","jsxs","Fragment","jsx","TreeNodeItem","depth","multiple","expandedValues","focusedValue","onToggleExpand","onSelect","onFocus","hasChildren","isExpanded","checkState","indentPx","cn"],"mappings":"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","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-LQMOWEA7.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { Check, ChevronDown, ChevronRight, Search, X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Checkbox } from \"@/components/checkbox\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\"\n\n// --- Public types ---\n\nexport interface TreeSelectNode {\n  value: string\n  label: string\n  children?: TreeSelectNode[]\n}\n\nexport interface TreeSelectProps {\n  nodes: TreeSelectNode[]\n  value?: string\n  onValueChange?: (value: string) => void\n  multiple?: boolean\n  values?: string[]\n  onValuesChange?: (values: string[]) => void\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  disabled?: boolean\n  className?: string\n  error?: boolean\n  defaultExpandedValues?: string[]\n  expandAll?: boolean\n}\n\n// --- Internal types ---\n\ntype CheckState = \"checked\" | \"indeterminate\" | \"unchecked\"\n\n// --- Utility functions ---\n\nfunction getAllDescendantValues(node: TreeSelectNode): string[] {\n  const values: string[] = [node.value]\n  if (node.children) {\n    for (const child of node.children) {\n      values.push(...getAllDescendantValues(child))\n    }\n  }\n  return values\n}\n\nfunction getCheckState(\n  node: TreeSelectNode,\n  selectedSet: Set<string>\n): CheckState {\n  if (!node.children || node.children.length === 0) {\n    return selectedSet.has(node.value) ? \"checked\" : \"unchecked\"\n  }\n\n  const descendants = getAllDescendantValues(node)\n  const selectedCount = descendants.filter((v) => selectedSet.has(v)).length\n\n  if (selectedCount === 0) return \"unchecked\"\n  if (selectedCount === descendants.length) return \"checked\"\n  return \"indeterminate\"\n}\n\nfunction filterTree(\n  nodes: TreeSelectNode[],\n  searchTerm: string\n): TreeSelectNode[] | null {\n  const term = searchTerm.toLowerCase().trim()\n  if (!term) return nodes\n\n  const result: TreeSelectNode[] = []\n\n  for (const node of nodes) {\n    const labelMatches = node.label.toLowerCase().includes(term)\n\n    if (node.children && node.children.length > 0) {\n      const filteredChildren = filterTree(node.children, searchTerm)\n\n      if (labelMatches) {\n        result.push(node)\n      } else if (filteredChildren && filteredChildren.length > 0) {\n        result.push({ ...node, children: filteredChildren })\n      }\n    } else if (labelMatches) {\n      result.push(node)\n    }\n  }\n\n  return result.length > 0 ? result : null\n}\n\nfunction getValuesOfMatchingNodes(\n  nodes: TreeSelectNode[],\n  searchTerm: string\n): Set<string> {\n  const term = searchTerm.toLowerCase().trim()\n  const result = new Set<string>()\n\n  function walk(nodeList: TreeSelectNode[]): boolean {\n    let hasMatch = false\n    for (const node of nodeList) {\n      const labelMatches = node.label.toLowerCase().includes(term)\n      let childHasMatch = false\n\n      if (node.children) {\n        childHasMatch = walk(node.children)\n      }\n\n      if (labelMatches || childHasMatch) {\n        result.add(node.value)\n        hasMatch = true\n      }\n    }\n    return hasMatch\n  }\n\n  walk(nodes)\n  return result\n}\n\nfunction findNodeByValue(\n  nodes: TreeSelectNode[],\n  value: string\n): TreeSelectNode | undefined {\n  for (const node of nodes) {\n    if (node.value === value) return node\n    if (node.children) {\n      const found = findNodeByValue(node.children, value)\n      if (found) return found\n    }\n  }\n  return undefined\n}\n\nfunction collectAllBranchValues(nodes: TreeSelectNode[]): Set<string> {\n  const result = new Set<string>()\n  for (const node of nodes) {\n    if (node.children && node.children.length > 0) {\n      result.add(node.value)\n      for (const v of collectAllBranchValues(node.children)) {\n        result.add(v)\n      }\n    }\n  }\n  return result\n}\n\nfunction renderHighlightedLabel(\n  label: string,\n  searchTerm: string\n): React.ReactNode {\n  if (!searchTerm) return label\n\n  const term = searchTerm.toLowerCase().trim()\n  if (!term) return label\n\n  const index = label.toLowerCase().indexOf(term)\n  if (index === -1) return label\n\n  return (\n    <>\n      {label.slice(0, index)}\n      <span className=\"font-semibold underline\">\n        {label.slice(index, index + term.length)}\n      </span>\n      {label.slice(index + term.length)}\n    </>\n  )\n}\n\n// --- TreeNodeItem (internal) ---\n\ninterface TreeNodeItemProps {\n  node: TreeSelectNode\n  depth: number\n  multiple: boolean\n  selectedSet: Set<string>\n  expandedValues: Set<string>\n  focusedValue: string | null\n  onToggleExpand: (value: string) => void\n  onSelect: (node: TreeSelectNode) => void\n  onFocus: (value: string) => void\n  searchTerm: string\n}\n\nfunction TreeNodeItem({\n  node,\n  depth,\n  multiple,\n  selectedSet,\n  expandedValues,\n  focusedValue,\n  onToggleExpand,\n  onSelect,\n  onFocus,\n  searchTerm,\n}: TreeNodeItemProps) {\n  const hasChildren = node.children && node.children.length > 0\n  const isExpanded = expandedValues.has(node.value)\n  const checkState = multiple\n    ? getCheckState(node, selectedSet)\n    : selectedSet.has(node.value)\n      ? \"checked\"\n      : \"unchecked\"\n\n  const indentPx = depth * 20\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-expanded={hasChildren ? isExpanded : undefined}\n      aria-selected={checkState === \"checked\"}\n    >\n      <div\n        className={cn(\n          \"relative flex items-center gap-2 rounded-sm px-2 py-1.5 my-0.5 text-sm cursor-pointer select-none outline-none active:opacity-50\",\n          \"hover:bg-muted\",\n          checkState === \"checked\" && !multiple && \"bg-muted\"\n          // This adds a focus ring when the node is focused, but it's not needed for the tree-select component.\n          // focusedValue === node.value && \"z-10 ring-2 ring-ring\"\n        )}\n        style={{ paddingLeft: `${8 + indentPx}px` }}\n        onClick={() => onSelect(node)}\n        onFocus={() => onFocus(node.value)}\n        data-tree-value={node.value}\n        tabIndex={focusedValue === node.value ? 0 : -1}\n      >\n        {hasChildren ? (\n          <button\n            type=\"button\"\n            className=\"h-4 w-4 shrink-0 flex items-center justify-center rounded-sm hover:bg-secondary active:opacity-50\"\n            onClick={(e) => {\n              e.stopPropagation()\n              onToggleExpand(node.value)\n            }}\n            aria-label={\n              isExpanded ? `Collapse ${node.label}` : `Expand ${node.label}`\n            }\n            tabIndex={-1}\n          >\n            {isExpanded ? (\n              <ChevronDown className=\"h-3.5 w-3.5\" />\n            ) : (\n              <ChevronRight className=\"h-3.5 w-3.5\" />\n            )}\n          </button>\n        ) : (\n          <span className=\"h-4 w-4 shrink-0\" />\n        )}\n\n        {multiple ? (\n          <Checkbox\n            checked={\n              checkState === \"checked\"\n                ? true\n                : checkState === \"indeterminate\"\n                  ? \"indeterminate\"\n                  : false\n            }\n            onCheckedChange={() => onSelect(node)}\n            onClick={(e) => e.stopPropagation()}\n            className=\"shrink-0\"\n            aria-label={node.label}\n          />\n        ) : (\n          <Check\n            className={cn(\n              \"h-4 w-4 shrink-0\",\n              checkState === \"checked\" ? \"opacity-100\" : \"opacity-0\"\n            )}\n          />\n        )}\n\n        <span className=\"truncate\">\n          {renderHighlightedLabel(node.label, searchTerm)}\n        </span>\n      </div>\n\n      {hasChildren && isExpanded && (\n        <div role=\"group\">\n          {node.children!.map((child) => (\n            <TreeNodeItem\n              key={child.value}\n              node={child}\n              depth={depth + 1}\n              multiple={multiple}\n              selectedSet={selectedSet}\n              expandedValues={expandedValues}\n              focusedValue={focusedValue}\n              onToggleExpand={onToggleExpand}\n              onSelect={onSelect}\n              onFocus={onFocus}\n              searchTerm={searchTerm}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\n// --- TreeSelect (main component) ---\n\nexport function TreeSelect({\n  nodes,\n  value,\n  onValueChange,\n  multiple = false,\n  values = [],\n  onValuesChange,\n  placeholder = \"Select...\",\n  searchPlaceholder = \"Search...\",\n  emptyMessage = \"No results found.\",\n  disabled = false,\n  className,\n  error = false,\n  defaultExpandedValues,\n  expandAll = false,\n}: TreeSelectProps) {\n  const [open, setOpen] = React.useState(false)\n  const [searchTerm, setSearchTerm] = React.useState(\"\")\n  const [focusedValue, setFocusedValue] = React.useState<string | null>(null)\n  const [expandedValues, setExpandedValues] = React.useState<Set<string>>(\n    () => {\n      if (expandAll) return collectAllBranchValues(nodes)\n      if (defaultExpandedValues) return new Set(defaultExpandedValues)\n      return new Set<string>()\n    }\n  )\n\n  const preSearchExpandedRef = React.useRef<Set<string> | null>(null)\n  const treeRef = React.useRef<HTMLDivElement>(null)\n\n  const selectedSet = React.useMemo(\n    () => new Set(multiple ? values : value ? [value] : []),\n    [multiple, values, value]\n  )\n\n  const filteredNodes = React.useMemo(\n    () => (searchTerm ? filterTree(nodes, searchTerm) : nodes),\n    [nodes, searchTerm]\n  )\n\n  // Auto-expand matching ancestors during search\n  React.useEffect(() => {\n    if (searchTerm) {\n      if (!preSearchExpandedRef.current) {\n        preSearchExpandedRef.current = new Set(expandedValues)\n      }\n      const matchingAncestors = getValuesOfMatchingNodes(nodes, searchTerm)\n      setExpandedValues(matchingAncestors)\n    } else if (preSearchExpandedRef.current) {\n      setExpandedValues(preSearchExpandedRef.current)\n      preSearchExpandedRef.current = null\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchTerm, nodes])\n\n  const handleOpenChange = React.useCallback((isOpen: boolean) => {\n    setOpen(isOpen)\n    if (!isOpen) {\n      setSearchTerm(\"\")\n      setFocusedValue(null)\n    }\n  }, [])\n\n  const handleToggleExpand = React.useCallback((nodeValue: string) => {\n    setExpandedValues((prev) => {\n      const next = new Set(prev)\n      if (next.has(nodeValue)) {\n        next.delete(nodeValue)\n      } else {\n        next.add(nodeValue)\n      }\n      return next\n    })\n  }, [])\n\n  const handleSelect = React.useCallback(\n    (node: TreeSelectNode) => {\n      if (multiple) {\n        const allDescendants = getAllDescendantValues(node)\n        const currentState = getCheckState(node, selectedSet)\n\n        let newValues: string[]\n        if (currentState === \"checked\") {\n          const toRemove = new Set(allDescendants)\n          newValues = values.filter((v) => !toRemove.has(v))\n        } else {\n          const toAdd = allDescendants.filter((v) => !selectedSet.has(v))\n          newValues = [...values, ...toAdd]\n        }\n        onValuesChange?.(newValues)\n      } else {\n        // Single-select: clicking a parent toggles expand instead of selecting\n        const hasChildren = node.children && node.children.length > 0\n        if (hasChildren) {\n          handleToggleExpand(node.value)\n          return\n        }\n        const newValue = node.value === value ? \"\" : node.value\n        onValueChange?.(newValue)\n        setOpen(false)\n      }\n    },\n    [\n      multiple,\n      values,\n      value,\n      selectedSet,\n      onValuesChange,\n      onValueChange,\n      handleToggleExpand,\n    ]\n  )\n\n  const handleRemoveChip = React.useCallback(\n    (chipValue: string, e: React.MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      const node = findNodeByValue(nodes, chipValue)\n      if (node) {\n        const toRemove = new Set(getAllDescendantValues(node))\n        const newValues = values.filter((v) => !toRemove.has(v))\n        onValuesChange?.(newValues)\n      }\n    },\n    [nodes, values, onValuesChange]\n  )\n\n  // Smart chips: minimal set representing the selection\n  const chipValues = React.useMemo(() => {\n    if (!multiple) return []\n\n    const chips: string[] = []\n\n    function walk(nodeList: TreeSelectNode[]) {\n      for (const node of nodeList) {\n        const state = getCheckState(node, selectedSet)\n        if (state === \"checked\") {\n          chips.push(node.value)\n        } else if (state === \"indeterminate\" && node.children) {\n          walk(node.children)\n        }\n      }\n    }\n\n    walk(nodes)\n    return chips\n  }, [nodes, selectedSet, multiple])\n\n  // Keyboard navigation\n  const getVisibleNodes = React.useCallback((): HTMLElement[] => {\n    if (!treeRef.current) return []\n    return Array.from(treeRef.current.querySelectorAll(\"[data-tree-value]\"))\n  }, [])\n\n  const handleTreeKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      const visibleNodes = getVisibleNodes()\n      const currentIndex = visibleNodes.findIndex(\n        (el) => el.dataset.treeValue === focusedValue\n      )\n\n      switch (e.key) {\n        case \"ArrowDown\": {\n          e.preventDefault()\n          const nextIndex = Math.min(currentIndex + 1, visibleNodes.length - 1)\n          const nextValue = visibleNodes[nextIndex]?.dataset.treeValue\n          if (nextValue) {\n            setFocusedValue(nextValue)\n            visibleNodes[nextIndex]?.focus()\n          }\n          break\n        }\n        case \"ArrowUp\": {\n          e.preventDefault()\n          const prevIndex = Math.max(currentIndex - 1, 0)\n          const prevValue = visibleNodes[prevIndex]?.dataset.treeValue\n          if (prevValue) {\n            setFocusedValue(prevValue)\n            visibleNodes[prevIndex]?.focus()\n          }\n          break\n        }\n        case \"ArrowRight\": {\n          e.preventDefault()\n          if (focusedValue) {\n            const node = findNodeByValue(nodes, focusedValue)\n            if (node?.children?.length) {\n              if (!expandedValues.has(focusedValue)) {\n                handleToggleExpand(focusedValue)\n              } else {\n                const firstChildValue = node.children[0].value\n                setFocusedValue(firstChildValue)\n                requestAnimationFrame(() => {\n                  const els = getVisibleNodes()\n                  const el = els.find(\n                    (n) => n.dataset.treeValue === firstChildValue\n                  )\n                  el?.focus()\n                })\n              }\n            }\n          }\n          break\n        }\n        case \"ArrowLeft\": {\n          e.preventDefault()\n          if (focusedValue && expandedValues.has(focusedValue)) {\n            handleToggleExpand(focusedValue)\n          }\n          break\n        }\n        case \"Enter\":\n        case \" \": {\n          e.preventDefault()\n          if (focusedValue) {\n            const node = findNodeByValue(nodes, focusedValue)\n            if (node) handleSelect(node)\n          }\n          break\n        }\n        case \"Home\": {\n          e.preventDefault()\n          const firstValue = visibleNodes[0]?.dataset.treeValue\n          if (firstValue) {\n            setFocusedValue(firstValue)\n            visibleNodes[0]?.focus()\n          }\n          break\n        }\n        case \"End\": {\n          e.preventDefault()\n          const lastValue =\n            visibleNodes[visibleNodes.length - 1]?.dataset.treeValue\n          if (lastValue) {\n            setFocusedValue(lastValue)\n            visibleNodes[visibleNodes.length - 1]?.focus()\n          }\n          break\n        }\n      }\n    },\n    [\n      focusedValue,\n      nodes,\n      expandedValues,\n      getVisibleNodes,\n      handleToggleExpand,\n      handleSelect,\n    ]\n  )\n\n  const getDisplayText = () => {\n    if (multiple) {\n      if (values.length === 0) return placeholder\n      if (values.length === 1) {\n        const node = findNodeByValue(nodes, values[0])\n        return node?.label ?? values[0]\n      }\n      return `${values.length} selected`\n    }\n    if (value) {\n      const node = findNodeByValue(nodes, value)\n      return node?.label ?? value\n    }\n    return placeholder\n  }\n\n  const renderSelectedChips = () => {\n    if (!multiple || chipValues.length === 0) return null\n\n    const chipNodes = chipValues\n      .map((v) => findNodeByValue(nodes, v))\n      .filter(Boolean) as TreeSelectNode[]\n\n    return (\n      <div className=\"max-h-[100px] overflow-y-auto px-2 py-1.5 border-b border-border\">\n        <div className=\"flex flex-wrap gap-1\">\n          {chipNodes.map((node) => (\n            <div\n              key={node.value}\n              className=\"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs\"\n            >\n              <span className=\"truncate max-w-[120px]\">{node.label}</span>\n              <X\n                className=\"h-3 w-3 cursor-pointer shrink-0\"\n                onClick={(e) => handleRemoveChip(node.value, e)}\n                aria-label={`Remove ${node.label}`}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          role=\"combobox\"\n          aria-expanded={open}\n          aria-haspopup=\"tree\"\n          disabled={disabled}\n          className={cn(\n            \"cursor-pointer flex my-2 h-9 w-full items-center justify-between rounded-3xl border border-border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 active:opacity-50 disabled:cursor-not-allowed disabled:opacity-50\",\n            !value && !values.length && \"text-secondary-text\",\n            error &&\n              \"border-destructive-foreground focus-visible:ring-destructive-foreground\",\n            className\n          )}\n        >\n          <span className=\"truncate\">{getDisplayText()}</span>\n          <ChevronDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"p-0\"\n        align=\"start\"\n        style={{ width: \"var(--radix-popover-trigger-width)\" }}\n      >\n        <div className=\"flex items-center border-b px-3\">\n          <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n          <input\n            value={searchTerm}\n            onChange={(e) => setSearchTerm(e.target.value)}\n            placeholder={searchPlaceholder}\n            className=\"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n            aria-label=\"Search tree\"\n          />\n        </div>\n\n        {renderSelectedChips()}\n\n        <div className=\"max-h-[300px] overflow-y-auto\">\n          {filteredNodes && filteredNodes.length > 0 ? (\n            <div\n              ref={treeRef}\n              role=\"tree\"\n              aria-label=\"Options\"\n              className=\"p-1\"\n              onKeyDown={handleTreeKeyDown}\n            >\n              {filteredNodes.map((node) => (\n                <TreeNodeItem\n                  key={node.value}\n                  node={node}\n                  depth={0}\n                  multiple={multiple}\n                  selectedSet={selectedSet}\n                  expandedValues={expandedValues}\n                  focusedValue={focusedValue}\n                  onToggleExpand={handleToggleExpand}\n                  onSelect={handleSelect}\n                  onFocus={setFocusedValue}\n                  searchTerm={searchTerm}\n                />\n              ))}\n            </div>\n          ) : (\n            <div className=\"py-6 text-center text-sm text-muted-foreground\">\n              {emptyMessage}\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"]}

package/dist/chunk-RJMIOBXZ.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-RJMIOBXZ.js","../src/components/scroll-area.tsx"],"names":["ScrollArea","className","children","props","ref","jsxs","cn","jsx","ScrollBar","orientation"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECChB,iHACc,+CAQnC,IAJIA,CAAAA,CAAmB,CAAA,CAAA,UAAA,CAGvB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACpCC,8BAAAA,CAAqB,CAAA,IAAA,CAApB,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,gCAAAA,0BAAG,CAA4BL,CAAS,CAAA,CAClD,GAAGE,CAAAA,CAEJ,QAAA,CAAA,CAAAI,6BAAAA,CAAqB,CAAA,QAAA,CAApB,CAA6B,SAAA,CAAU,iCAAA,CACrC,QAAA,CAAAL,CAAAA,CACH,CAAA,CACAK,6BAAAA,CAACC,CAAA,CAAA,CAAU,CAAA,CACXD,6BAAAA,CAAqB,CAAA,MAAA,CAApB,CAAA,CAA2B,CAAA,CAAA,CAC9B,CACD,CAAA,CACDP,CAAAA,CAAW,WAAA,CAAkC,CAAA,CAAA,IAAA,CAAK,WAAA,CAElD,IAAMQ,CAAAA,CAAkB,CAAA,CAAA,UAAA,CAGtB,CAAC,CAAE,SAAA,CAAAP,CAAAA,CAAW,WAAA,CAAAQ,CAAAA,CAAc,UAAA,CAAY,GAAGN,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACpDG,6BAAAA,CAAqB,CAAA,mBAAA,CAApB,CACC,GAAA,CAAKH,CAAAA,CACL,WAAA,CAAaK,CAAAA,CACb,SAAA,CAAWH,gCAAAA,+CACT,CACAG,CAAAA,GAAgB,UAAA,EACd,oDAAA,CACFA,CAAAA,GAAgB,YAAA,EACd,sDAAA,CACFR,CACF,CAAA,CACC,GAAGE,CAAAA,CAEJ,QAAA,CAAAI,6BAAAA,CAAqB,CAAA,eAAA,CAApB,CAAoC,SAAA,CAAU,0CAAA,CAA2C,CAAA,CAC5F,CACD,CAAA,CACDC,CAAAA,CAAU,WAAA,CAAkC,CAAA,CAAA,mBAAA,CAAoB,WAAA,CAAA,6BAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-RJMIOBXZ.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst ScrollArea = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName\n\nconst ScrollBar = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none transition-colors\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n      className\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-muted/40\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n))\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName\n\nexport { ScrollArea, ScrollBar }\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-RJMIOBXZ.js","../src/components/scroll-area.tsx"],"names":["ScrollArea","className","children","props","ref","jsxs","cn","jsx","ScrollBar","orientation"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECChB,iHACc,+CAQnC,IAJIA,CAAAA,CAAmB,CAAA,CAAA,UAAA,CAGvB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACpCC,8BAAAA,CAAqB,CAAA,IAAA,CAApB,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,gCAAAA,0BAAG,CAA4BL,CAAS,CAAA,CAClD,GAAGE,CAAAA,CAEJ,QAAA,CAAA,CAAAI,6BAAAA,CAAqB,CAAA,QAAA,CAApB,CAA6B,SAAA,CAAU,iCAAA,CACrC,QAAA,CAAAL,CAAAA,CACH,CAAA,CACAK,6BAAAA,CAACC,CAAA,CAAA,CAAU,CAAA,CACXD,6BAAAA,CAAqB,CAAA,MAAA,CAApB,CAAA,CAA2B,CAAA,CAAA,CAC9B,CACD,CAAA,CACDP,CAAAA,CAAW,WAAA,CAAkC,CAAA,CAAA,IAAA,CAAK,WAAA,CAElD,IAAMQ,CAAAA,CAAkB,CAAA,CAAA,UAAA,CAGtB,CAAC,CAAE,SAAA,CAAAP,CAAAA,CAAW,WAAA,CAAAQ,CAAAA,CAAc,UAAA,CAAY,GAAGN,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACpDG,6BAAAA,CAAqB,CAAA,mBAAA,CAApB,CACC,GAAA,CAAKH,CAAAA,CACL,WAAA,CAAaK,CAAAA,CACb,SAAA,CAAWH,gCAAAA,+CACT,CACAG,CAAAA,GAAgB,UAAA,EACd,oDAAA,CACFA,CAAAA,GAAgB,YAAA,EACd,sDAAA,CACFR,CACF,CAAA,CACC,GAAGE,CAAAA,CAEJ,QAAA,CAAAI,6BAAAA,CAAqB,CAAA,eAAA,CAApB,CAAoC,SAAA,CAAU,0CAAA,CAA2C,CAAA,CAC5F,CACD,CAAA,CACDC,CAAAA,CAAU,WAAA,CAAkC,CAAA,CAAA,mBAAA,CAAoB,WAAA,CAAA,6BAAA","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-RJMIOBXZ.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst ScrollArea = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName\n\nconst ScrollBar = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none transition-colors\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n      className\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-muted/40\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n))\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName\n\nexport { ScrollArea, ScrollBar }\n"]}

package/dist/chunk-RKRTEMMZ.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-RKRTEMMZ.js","../src/components/drawer.tsx"],"names":["DRAWER_WIDTH","DrawerContext","useDrawer","context","Drawer","isOpen","onClose","width","children","props","ref","drawerRef","isDesktop","useMediaQuery","contextValue","jsxs","jsx","DrawerPrimitive","open","cn","DrawerHeader","className","showCloseButton","Button","X","DrawerTitle","DrawerBody","ScrollArea","DrawerFooter"],"mappings":"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","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-RKRTEMMZ.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { X } from \"lucide-react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/button\"\nimport { ScrollArea } from \"@/components/scroll-area\"\nimport { useMediaQuery } from \"@/lib/use-media-query\"\n\nconst DRAWER_WIDTH = \"24rem\"\n\n// Drawer Context\ntype DrawerContextProps = {\n  isOpen: boolean\n  onClose: () => void\n  width?: string\n}\n\nconst DrawerContext = React.createContext<DrawerContextProps | null>(null)\n\nfunction useDrawer() {\n  const context = React.useContext(DrawerContext)\n  if (!context) {\n    throw new Error(\"useDrawer must be used within a Drawer component.\")\n  }\n  return context\n}\n\n// Main Unified Drawer Component (Responsive)\nconst Drawer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    isOpen: boolean\n    onClose: () => void\n    width?: string\n  }\n>(({ isOpen, onClose, width = DRAWER_WIDTH, children, ...props }, ref) => {\n  const drawerRef = React.useRef<HTMLDivElement>(null)\n  const isDesktop = useMediaQuery(\"lg\")\n\n  const contextValue = React.useMemo<DrawerContextProps>(\n    () => ({\n      isOpen,\n      onClose,\n      width,\n    }),\n    [isOpen, onClose, width]\n  )\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      {/* Mobile Drawer: visible < md breakpoint */}\n      {!isDesktop && (\n        <DrawerPrimitive.Root\n          open={isOpen}\n          onOpenChange={(open) => {\n            if (!open) onClose()\n          }}\n          direction=\"left\"\n        >\n          <DrawerPrimitive.Portal>\n            <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm\" />\n            <DrawerPrimitive.Content\n              className=\"fixed inset-y-0 left-0 z-50 flex h-full w-[85vw] max-w-md flex-col bg-sidebar border-r border-sidebar-border text-primary-accent shadow-lg outline-none\"\n              aria-describedby={undefined}\n            >\n              <DrawerPrimitive.Title className=\"sr-only\">\n                Drawer\n              </DrawerPrimitive.Title>\n              {children}\n            </DrawerPrimitive.Content>\n          </DrawerPrimitive.Portal>\n        </DrawerPrimitive.Root>\n      )}\n\n      {/* Desktop Drawer: visible >= md breakpoint */}\n      {isDesktop && (\n        <div\n          ref={ref}\n          className=\"group/drawer peer\"\n          data-state={isOpen ? \"open\" : \"closed\"}\n          {...props}\n        >\n          {/* Spacer to push content */}\n          <div\n            className={cn(\n              \"relative bg-sidebar transition-[width] duration-200 ease-linear\",\n              isOpen ? \"\" : \"w-0\"\n            )}\n            style={\n              {\n                width: isOpen ? width : \"0\",\n              } as React.CSSProperties\n            }\n          />\n\n          {/* Fixed drawer panel */}\n          <div\n            ref={drawerRef}\n            className={cn(\n              \"fixed right-0 z-40 transition-[right,width,top,height] duration-200 ease-linear flex\",\n              \"top-(--sidebar-top,0px) h-[calc(100svh-var(--sidebar-top,0px))]\",\n              isOpen ? \"right-0\" : \"right-[calc(var(--drawer-width)*-1)]\"\n            )}\n            style={\n              {\n                \"--drawer-width\": width,\n                width: width,\n              } as React.CSSProperties\n            }\n          >\n            <div data-drawer=\"drawer\" className=\"flex h-full w-full flex-col\">\n              <div className=\"flex flex-col my-2.5 mr-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-[calc(100%-1.25rem)] shadow\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </DrawerContext.Provider>\n  )\n})\nDrawer.displayName = \"Drawer\"\n\n// Drawer Header\nconst DrawerHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showCloseButton?: boolean\n  }\n>(({ className, showCloseButton = true, children, ...props }, ref) => {\n  const { onClose } = useDrawer()\n\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"header\"\n      className={cn(\n        \"flex w-full items-start justify-between gap-2 p-4 border-b border-sidebar-border\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex-1\">{children}</div>\n      {showCloseButton && (\n        <Button\n          variant=\"secondary\"\n          size=\"icon\"\n          onClick={onClose}\n          className=\"h-8 w-8 shrink-0 rounded-full\"\n        >\n          <X size={16} />\n          <span className=\"sr-only\">Close drawer</span>\n        </Button>\n      )}\n    </div>\n  )\n})\nDrawerHeader.displayName = \"DrawerHeader\"\n\n// Drawer Title\nconst DrawerTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<\"h2\">\n>(({ className, ...props }, ref) => {\n  return (\n    <h2\n      ref={ref}\n      className={cn(\"text-lg font-semibold text-primary-accent\", className)}\n      {...props}\n    />\n  )\n})\nDrawerTitle.displayName = \"DrawerTitle\"\n\n// Drawer Body/Content\nconst DrawerBody = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, children, ...props }, ref) => {\n  return (\n    <ScrollArea className=\"flex-1\" ref={ref}>\n      <div\n        data-drawer=\"body\"\n        className={cn(\"p-4\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </ScrollArea>\n  )\n})\nDrawerBody.displayName = \"DrawerBody\"\n\n// Drawer Footer\nconst DrawerFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"footer\"\n      className={cn(\n        \"flex flex-col gap-2 p-4 border-t border-sidebar-border\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDrawerFooter.displayName = \"DrawerFooter\"\n\nexport {\n  Drawer,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerBody,\n  DrawerFooter,\n  useDrawer,\n}\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-RKRTEMMZ.js","../src/components/drawer.tsx"],"names":["DRAWER_WIDTH","DrawerContext","useDrawer","context","Drawer","isOpen","onClose","width","children","props","ref","drawerRef","isDesktop","useMediaQuery","contextValue","jsxs","jsx","DrawerPrimitive","open","cn","DrawerHeader","className","showCloseButton","Button","X","DrawerTitle","DrawerBody","ScrollArea","DrawerFooter"],"mappings":"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","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-RKRTEMMZ.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { X } from \"lucide-react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/button\"\nimport { ScrollArea } from \"@/components/scroll-area\"\nimport { useMediaQuery } from \"@/lib/use-media-query\"\n\nconst DRAWER_WIDTH = \"24rem\"\n\n// Drawer Context\ntype DrawerContextProps = {\n  isOpen: boolean\n  onClose: () => void\n  width?: string\n}\n\nconst DrawerContext = React.createContext<DrawerContextProps | null>(null)\n\nfunction useDrawer() {\n  const context = React.useContext(DrawerContext)\n  if (!context) {\n    throw new Error(\"useDrawer must be used within a Drawer component.\")\n  }\n  return context\n}\n\n// Main Unified Drawer Component (Responsive)\nconst Drawer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    isOpen: boolean\n    onClose: () => void\n    width?: string\n  }\n>(({ isOpen, onClose, width = DRAWER_WIDTH, children, ...props }, ref) => {\n  const drawerRef = React.useRef<HTMLDivElement>(null)\n  const isDesktop = useMediaQuery(\"lg\")\n\n  const contextValue = React.useMemo<DrawerContextProps>(\n    () => ({\n      isOpen,\n      onClose,\n      width,\n    }),\n    [isOpen, onClose, width]\n  )\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      {/* Mobile Drawer: visible < md breakpoint */}\n      {!isDesktop && (\n        <DrawerPrimitive.Root\n          open={isOpen}\n          onOpenChange={(open) => {\n            if (!open) onClose()\n          }}\n          direction=\"left\"\n        >\n          <DrawerPrimitive.Portal>\n            <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm\" />\n            <DrawerPrimitive.Content\n              className=\"fixed inset-y-0 left-0 z-50 flex h-full w-[85vw] max-w-md flex-col bg-sidebar border-r border-sidebar-border text-primary-accent shadow-lg outline-none\"\n              aria-describedby={undefined}\n            >\n              <DrawerPrimitive.Title className=\"sr-only\">\n                Drawer\n              </DrawerPrimitive.Title>\n              {children}\n            </DrawerPrimitive.Content>\n          </DrawerPrimitive.Portal>\n        </DrawerPrimitive.Root>\n      )}\n\n      {/* Desktop Drawer: visible >= md breakpoint */}\n      {isDesktop && (\n        <div\n          ref={ref}\n          className=\"group/drawer peer\"\n          data-state={isOpen ? \"open\" : \"closed\"}\n          {...props}\n        >\n          {/* Spacer to push content */}\n          <div\n            className={cn(\n              \"relative bg-sidebar transition-[width] duration-200 ease-linear\",\n              isOpen ? \"\" : \"w-0\"\n            )}\n            style={\n              {\n                width: isOpen ? width : \"0\",\n              } as React.CSSProperties\n            }\n          />\n\n          {/* Fixed drawer panel */}\n          <div\n            ref={drawerRef}\n            className={cn(\n              \"fixed right-0 z-40 transition-[right,width,top,height] duration-200 ease-linear flex\",\n              \"top-(--sidebar-top,0px) h-[calc(100svh-var(--sidebar-top,0px))]\",\n              isOpen ? \"right-0\" : \"right-[calc(var(--drawer-width)*-1)]\"\n            )}\n            style={\n              {\n                \"--drawer-width\": width,\n                width: width,\n              } as React.CSSProperties\n            }\n          >\n            <div data-drawer=\"drawer\" className=\"flex h-full w-full flex-col\">\n              <div className=\"flex flex-col my-2.5 mr-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-[calc(100%-1.25rem)] shadow\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </DrawerContext.Provider>\n  )\n})\nDrawer.displayName = \"Drawer\"\n\n// Drawer Header\nconst DrawerHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showCloseButton?: boolean\n  }\n>(({ className, showCloseButton = true, children, ...props }, ref) => {\n  const { onClose } = useDrawer()\n\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"header\"\n      className={cn(\n        \"flex w-full items-start justify-between gap-2 p-4 border-b border-sidebar-border\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex-1\">{children}</div>\n      {showCloseButton && (\n        <Button\n          variant=\"secondary\"\n          size=\"icon\"\n          onClick={onClose}\n          className=\"h-8 w-8 shrink-0 rounded-full\"\n        >\n          <X size={16} />\n          <span className=\"sr-only\">Close drawer</span>\n        </Button>\n      )}\n    </div>\n  )\n})\nDrawerHeader.displayName = \"DrawerHeader\"\n\n// Drawer Title\nconst DrawerTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<\"h2\">\n>(({ className, ...props }, ref) => {\n  return (\n    <h2\n      ref={ref}\n      className={cn(\"text-lg font-semibold text-primary-accent\", className)}\n      {...props}\n    />\n  )\n})\nDrawerTitle.displayName = \"DrawerTitle\"\n\n// Drawer Body/Content\nconst DrawerBody = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, children, ...props }, ref) => {\n  return (\n    <ScrollArea className=\"flex-1\" ref={ref}>\n      <div\n        data-drawer=\"body\"\n        className={cn(\"p-4\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </ScrollArea>\n  )\n})\nDrawerBody.displayName = \"DrawerBody\"\n\n// Drawer Footer\nconst DrawerFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"footer\"\n      className={cn(\n        \"flex flex-col gap-2 p-4 border-t border-sidebar-border\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDrawerFooter.displayName = \"DrawerFooter\"\n\nexport {\n  Drawer,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerBody,\n  DrawerFooter,\n  useDrawer,\n}\n"]}

package/dist/chunk-RRAIGAHU.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-RRAIGAHU.js","../src/components/tooltip.tsx"],"names":["TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","asChild","props","ref","jsx","cn"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECChB,uGACW,+CAmB1B,IAfFA,CAAAA,CAAmC,CAAA,CAAA,QAAA,CAEnCC,CAAAA,aAA2B,CAAA,CAAA,IAAA,CAE3BC,CAAAA,aAAkC,CAAA,CAAA,OAAA,CAElCC,CAAAA,aAAuB,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAG,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAG/CF,CAAAA,CAEAG,6BAAAA,CAAkB,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAA,6BAAAA,CAAkB,CAAA,OAAA,CAAjB,CACC,GAAA,CAAKD,CAAAA,CACL,UAAA,CAAYH,CAAAA,CACZ,OAAA,CAASC,CAAAA,CACT,SAAA,CAAWF,CAAAA,CACV,GAAGG,CAAAA,CACN,CAAA,CACF,CAAA,CAMFE,6BAAAA,CAAkB,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAA,6BAAAA,CAAkB,CAAA,OAAA,CAAjB,CACC,GAAA,CAAKD,CAAAA,CACL,UAAA,CAAYH,CAAAA,CACZ,SAAA,CAAWK,gCAAAA,4YACT,CACAN,CACF,CAAA,CACC,GAAGG,CAAAA,CACN,CAAA,CACF,CAEH,CAAA,CACDJ,CAAAA,CAAe,WAAA,CAA+B,CAAA,CAAA,OAAA,CAAQ,WAAA,CAAA,2DAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-RRAIGAHU.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, asChild, ...props }, ref) => {\n  // When asChild is used, pass props through without default styling\n  // The child component (e.g., Button) will receive the tooltip props directly\n  if (asChild) {\n    return (\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n          ref={ref}\n          sideOffset={sideOffset}\n          asChild={asChild}\n          className={className}\n          {...props}\n        />\n      </TooltipPrimitive.Portal>\n    )\n  }\n\n  // Default tooltip styling when not using asChild\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 overflow-hidden rounded-xl border border-border bg-tooltip px-4 py-2 text-sm text-primary-accent shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n          className\n        )}\n        {...props}\n      />\n    </TooltipPrimitive.Portal>\n  )\n})\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-RRAIGAHU.js","../src/components/tooltip.tsx"],"names":["TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","asChild","props","ref","jsx","cn"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECChB,uGACW,+CAmB1B,IAfFA,CAAAA,CAAmC,CAAA,CAAA,QAAA,CAEnCC,CAAAA,aAA2B,CAAA,CAAA,IAAA,CAE3BC,CAAAA,aAAkC,CAAA,CAAA,OAAA,CAElCC,CAAAA,aAAuB,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAG,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAG/CF,CAAAA,CAEAG,6BAAAA,CAAkB,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAA,6BAAAA,CAAkB,CAAA,OAAA,CAAjB,CACC,GAAA,CAAKD,CAAAA,CACL,UAAA,CAAYH,CAAAA,CACZ,OAAA,CAASC,CAAAA,CACT,SAAA,CAAWF,CAAAA,CACV,GAAGG,CAAAA,CACN,CAAA,CACF,CAAA,CAMFE,6BAAAA,CAAkB,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAA,6BAAAA,CAAkB,CAAA,OAAA,CAAjB,CACC,GAAA,CAAKD,CAAAA,CACL,UAAA,CAAYH,CAAAA,CACZ,SAAA,CAAWK,gCAAAA,4YACT,CACAN,CACF,CAAA,CACC,GAAGG,CAAAA,CACN,CAAA,CACF,CAEH,CAAA,CACDJ,CAAAA,CAAe,WAAA,CAA+B,CAAA,CAAA,OAAA,CAAQ,WAAA,CAAA,2DAAA","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-RRAIGAHU.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, asChild, ...props }, ref) => {\n  // When asChild is used, pass props through without default styling\n  // The child component (e.g., Button) will receive the tooltip props directly\n  if (asChild) {\n    return (\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n          ref={ref}\n          sideOffset={sideOffset}\n          asChild={asChild}\n          className={className}\n          {...props}\n        />\n      </TooltipPrimitive.Portal>\n    )\n  }\n\n  // Default tooltip styling when not using asChild\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 overflow-hidden rounded-xl border border-border bg-tooltip px-4 py-2 text-sm text-primary-accent shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n          className\n        )}\n        {...props}\n      />\n    </TooltipPrimitive.Portal>\n  )\n})\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"]}

package/dist/chunk-TDMRUCR6.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-TDMRUCR6.js","../src/components/textarea.tsx"],"names":["Textarea","className","error","props","ref","jsx","cn"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECDhB,+CAWjB,IAHAA,CAAAA,CAAiB,CAAA,CAAA,UAAA,CACrB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAO,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAE7BC,6BAAAA,UAAC,CAAA,CACC,SAAA,CAAWC,gCAAAA,oUACT,CACAJ,CAAAA,CACI,yEAAA,CACA,eAAA,CACJD,CACF,CAAA,CACA,GAAA,CAAKG,CAAAA,CACJ,GAAGD,CAAAA,CACN,CAGN,CAAA,CACAH,CAAAA,CAAS,WAAA,CAAc,UAAA,CAAA,cAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-TDMRUCR6.js","sourcesContent":[null,"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  error?: boolean\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, error, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          \"flex my-2 min-h-[74px] w-full rounded-3xl border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background placeholder:text-secondary-text focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n          error\n            ? \"border-destructive-foreground focus-visible:ring-destructive-foreground\"\n            : \"border-border\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-TDMRUCR6.js","../src/components/textarea.tsx"],"names":["Textarea","className","error","props","ref","jsx","cn"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECDhB,+CAWjB,IAHAA,CAAAA,CAAiB,CAAA,CAAA,UAAA,CACrB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAO,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAE7BC,6BAAAA,UAAC,CAAA,CACC,SAAA,CAAWC,gCAAAA,oUACT,CACAJ,CAAAA,CACI,yEAAA,CACA,eAAA,CACJD,CACF,CAAA,CACA,GAAA,CAAKG,CAAAA,CACJ,GAAGD,CAAAA,CACN,CAGN,CAAA,CACAH,CAAAA,CAAS,WAAA,CAAc,UAAA,CAAA,cAAA","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-TDMRUCR6.js","sourcesContent":[null,"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  error?: boolean\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, error, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          \"flex my-2 min-h-[74px] w-full rounded-3xl border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background placeholder:text-secondary-text focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n          error\n            ? \"border-destructive-foreground focus-visible:ring-destructive-foreground\"\n            : \"border-border\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"]}

package/dist/chunk-TYRJ7CQV.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as Y,b as J,c as Q,d as Z}from"./chunk-QC5MA4WL.mjs";import{a as j}from"./chunk-YBV4CPVD.mjs";import{a as $,f as W,g as U,i as q,j as X}from"./chunk-QVMQ55JW.mjs";import{a as _}from"./chunk-CNRZOMR4.mjs";import{a as K}from"./chunk-NEOUFWZN.mjs";import{a as z,b as D}from"./chunk-BLHKJHNV.mjs";import{a as o}from"./chunk-S5TKCF6T.mjs";import*as e from"react";import{Slot as w}from"@radix-ui/react-slot";import{cva as ie}from"class-variance-authority";import{PanelLeft as se,X as de,Menu as le}from"lucide-react";import{Fragment as k,jsx as r,jsxs as u}from"react/jsx-runtime";var ce="sidebar_state",pe=3600*24*7,be="16.75rem",ee="23rem",ue="calc(3rem + 0.75rem)",fe="b",me="55px",ae=e.createContext(null),te=e.createContext(!1);function y(){let a=e.useContext(ae);if(!a)throw new Error("useSidebar must be used within a SidebarProvider.");return a}var ge=e.forwardRef(({defaultOpen:a=!0,open:t,onOpenChange:n,bannerHeight:i=me,className:s,style:c,children:p,...d},R)=>{let[v,b]=e.useState(!1),[g,C]=e.useState(a),[x,S]=e.useState(!1),[m,N]=e.useState(!1),[M,h]=e.useState(a),I=t??M,E=e.useCallback(l=>{let f=typeof l=="function"?l(I):l;n?n(f):h(f),document.cookie=`${ce}=${f}; path=/; max-age=${pe}`},[n,I]),T=e.useCallback(()=>{E(l=>!l)},[E]),A=e.useCallback(()=>{let l=getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-md").trim();l&&window.matchMedia(`(min-width: ${l})`).matches||b(f=>!f)},[b]);e.useEffect(()=>{let l=f=>{f.key===fe&&(f.metaKey||f.ctrlKey)&&(f.preventDefault(),T())};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[T]);let O=I?"expanded":"collapsed",L=e.useRef([]),V=e.Children.toArray(p),B=V.filter(l=>e.isValidElement(l)&&l.type?.displayName==="SidebarBanner"),ne=V.filter(l=>!e.isValidElement(l)||l.type?.displayName!=="SidebarBanner");B.length>0&&m&&(L.current=B);let G=B.length>0,P=G&&m,H=!P&&L.current.length>0,F=G,oe=e.useMemo(()=>({state:O,isOpen:g,setOpen:E,openMobile:v,setOpenMobile:b,toggleSidebar:T,toggleMobileSidebar:A,setIsFullyOpen:C,isAnimating:x,setIsAnimating:S,isBannerClosing:H,bannerVisible:m,setBannerVisible:N}),[O,g,E,v,b,T,A,C,x,S,H,m]);return r(ae.Provider,{value:oe,children:r(Y,{delayDuration:0,children:r("div",{style:{"--sidebar-width":be,"--sidebar-width-icon":ue,"--sidebar-top":P?i:"0px",...c},className:o("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",F&&"flex-col",s),ref:R,...d,children:F?u(k,{children:[r("div",{className:"relative overflow-hidden transition-[height] duration-200 ease-linear",style:{height:P?i:"0px"},children:r("div",{className:"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full",style:{height:i},"data-state":P?"open":"closed",onTransitionEnd:()=>{H&&(L.current=[])},children:B})}),r("div",{className:"flex flex-1",children:ne})]}):p})})})});ge.displayName="SidebarProvider";var ve=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"banner",className:o("w-full",a),...t}));ve.displayName="SidebarBanner";var he=e.forwardRef(({side:a="left",variant:t="sidebar",collapsible:n="offcanvas",className:i,children:s,...c},p)=>{let{state:d,openMobile:R,setOpenMobile:v,setIsFullyOpen:b,setIsAnimating:g,isBannerClosing:C}=y(),x=e.useRef(null),S=e.useRef(!0);return e.useEffect(()=>{let m=x.current;if(!m)return;if(S.current){S.current=!1,b(d==="expanded"),g(!1);return}g(!0);let N=setTimeout(()=>{b(d==="expanded"),g(!1)},300),M=h=>{h.target===m&&(h.propertyName==="left"||h.propertyName==="right"||h.propertyName==="width")&&(clearTimeout(N),b(d==="expanded"),g(!1))};return m.addEventListener("transitionend",M),()=>{m.removeEventListener("transitionend",M),clearTimeout(N)}},[d,b,g]),n==="none"?r("aside",{className:o("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",i),ref:p,...c,children:s}):u(k,{children:[r($,{open:R,onOpenChange:v,children:u(W,{"data-sidebar":"sidebar","data-mobile":"true",className:"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",style:{width:ee,maxWidth:ee},side:a,children:[u(U,{className:"sr-only",children:[r(q,{children:"Sidebar"}),r(X,{children:"Displays the mobile sidebar."})]}),r(te.Provider,{value:!0,children:r("div",{className:"flex h-full w-full flex-col",children:s})})]})}),u("aside",{ref:p,className:"group peer hidden text-sidebar-foreground md:block","data-state":d,"data-collapsible":d==="collapsed"?n:"","data-variant":t,"data-side":a,children:[r("div",{className:o("w-(--sidebar-width) transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0",t==="floating"||t==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),r("div",{ref:x,"data-banner-closing":C,className:o("fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width,top,height] duration-200 ease-linear md:flex","top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]",a==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",t==="floating"||t==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)",i),...c,children:r("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",children:r("div",{className:"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0",children:s})})})]})]})});he.displayName="Sidebar";var re=e.forwardRef(({className:a,onClick:t,...n},i)=>{let{toggleSidebar:s,toggleMobileSidebar:c,openMobile:p}=y();return u(k,{children:[u(D,{"data-sidebar":"trigger",variant:"ghost",size:"icon",className:o("md:hidden bg-transparent hover:bg-transparent",a),onClick:d=>{t?.(d),c()},...n,children:[p?r("span",{className:o(z({variant:"secondary",size:"icon"})),children:r(de,{size:16})}):r("span",{className:o(z({variant:"outline",size:"icon"})),children:r(le,{size:16})}),r("span",{className:"sr-only",children:"Toggle Sidebar"})]}),u(D,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:o("hidden md:inline-flex h-7 w-7",a),onClick:d=>{t?.(d),s()},...n,children:[r("span",{className:"rounded-full p-2",children:r(se,{size:16})}),r("span",{className:"sr-only",children:"Toggle Sidebar"})]})]})});re.displayName="SidebarTrigger";var Re=e.forwardRef(({className:a,...t},n)=>{let{toggleSidebar:i}=y();return r("button",{ref:n,"data-sidebar":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:i,title:"Toggle Sidebar",className:o("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex","in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",a),...t})});Re.displayName="SidebarRail";var xe=e.memo(e.forwardRef(({className:a,...t},n)=>r("main",{ref:n,className:o("relative flex min-w-0 w-full flex-1 flex-col","md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",a),...t})));xe.displayName="SidebarInset";var Se=e.forwardRef(({className:a,...t},n)=>r(K,{ref:n,"data-sidebar":"input",className:o("h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",a),...t}));Se.displayName="SidebarInput";var we=e.forwardRef(({className:a,showTrigger:t=!1,children:n,...i},s)=>{let{state:c}=y(),p=e.useContext(te),d=c==="collapsed"&&!p;return u("div",{ref:s,"data-sidebar":"header",className:o("flex w-full gap-2 p-2 items-center",d?"justify-center items-center":"justify-between items-start",a),...i,children:[!d&&r("div",{className:"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden",children:r("div",{className:"whitespace-nowrap",children:n})}),t&&r(re,{})]})});we.displayName="SidebarHeader";var ye=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"footer",className:o("flex flex-col gap-2 p-2",a),...t}));ye.displayName="SidebarFooter";var Ce=e.forwardRef(({className:a,...t},n)=>r(j,{ref:n,"data-sidebar":"separator",className:o("mx-2 w-auto bg-border",a),...t}));Ce.displayName="SidebarSeparator";var Ne=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"content",className:o("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2",a),...t}));Ne.displayName="SidebarContent";var Me=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"group",className:o("relative flex w-full min-w-0 flex-col","group-data-[collapsible=icon]:p-0",a),...t}));Me.displayName="SidebarGroup";var Ee=e.forwardRef(({className:a,asChild:t=!1,...n},i)=>r(t?w:"div",{ref:i,"data-sidebar":"group-label",className:o("flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",a),...n}));Ee.displayName="SidebarGroupLabel";var Te=e.forwardRef(({className:a,asChild:t=!1,...n},i)=>r(t?w:"button",{ref:i,"data-sidebar":"group-action",className:o("absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",a),...n}));Te.displayName="SidebarGroupAction";var Be=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"group-content",className:o("w-full text-sm",a),...t}));Be.displayName="SidebarGroupContent";var Pe=e.forwardRef(({className:a,...t},n)=>r("ul",{ref:n,"data-sidebar":"menu",className:o("flex w-full min-w-0 flex-col gap-1",a),...t}));Pe.displayName="SidebarMenu";var Ie=e.forwardRef(({className:a,...t},n)=>r("li",{ref:n,"data-sidebar":"menu-item",className:o("group/menu-item relative",a),...t}));Ie.displayName="SidebarMenuItem";var Le=ie("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",{variants:{variant:{default:"",outline:"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"},size:{default:"h-8 text-sm",sm:"h-7 text-xs",lg:"h-12 text-sm group-data-[collapsible=icon]:!p-0"}},defaultVariants:{variant:"default",size:"default"}}),He=e.forwardRef(({asChild:a=!1,isActive:t=!1,variant:n="default",size:i="default",tooltip:s,className:c,...p},d)=>{let R=a?w:"button",{state:v}=y(),b=r(R,{ref:d,"data-sidebar":"menu-button","data-size":i,"data-active":t,className:o(Le({variant:n,size:i}),c),...p});return s?(typeof s=="string"&&(s={children:s}),u(J,{children:[r(Q,{asChild:!0,children:b}),r(Z,{side:"right",align:"center",hidden:v!=="collapsed",...s})]})):b});He.displayName="SidebarMenuButton";var ze=e.forwardRef(({className:a,asChild:t=!1,showOnHover:n=!1,...i},s)=>r(t?w:"button",{ref:s,"data-sidebar":"menu-action",className:o("absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",n&&"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0",a),...i}));ze.displayName="SidebarMenuAction";var De=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"menu-badge",className:o("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground","peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",a),...t}));De.displayName="SidebarMenuBadge";var _e=e.forwardRef(({className:a,showIcon:t=!1,...n},i)=>{let s=e.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return u("div",{ref:i,"data-sidebar":"menu-skeleton",className:o("flex h-8 items-center gap-2 rounded-md px-2",a),...n,children:[t&&r(_,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),r(_,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":s}})]})});_e.displayName="SidebarMenuSkeleton";var ke=e.forwardRef(({className:a,...t},n)=>r("ul",{ref:n,"data-sidebar":"menu-sub",className:o("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5","group-data-[collapsible=icon]:hidden",a),...t}));ke.displayName="SidebarMenuSub";var Ae=e.forwardRef(({...a},t)=>r("li",{ref:t,...a}));Ae.displayName="SidebarMenuSubItem";var Oe=e.forwardRef(({asChild:a=!1,size:t="md",isActive:n,className:i,...s},c)=>r(a?w:"a",{ref:c,"data-sidebar":"menu-sub-button","data-size":t,"data-active":n,className:o("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",t==="sm"&&"text-xs",t==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",i),...s}));Oe.displayName="SidebarMenuSubButton";export{y as a,ge as b,ve as c,he as d,re as e,Re as f,xe as g,Se as h,we as i,ye as j,Ce as k,Ne as l,Me as m,Ee as n,Te as o,Be as p,Pe as q,Ie as r,He as s,ze as t,De as u,_e as v,ke as w,Ae as x,Oe as y};
+//# sourceMappingURL=chunk-TYRJ7CQV.mjs.map

package/dist/chunk-TYRJ7CQV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sidebar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { PanelLeft, X, Menu } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/button\"\nimport { Input } from \"@/components/input\"\nimport { Separator } from \"@/components/separator\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/tooltip\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16.75rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"calc(3rem + 0.75rem)\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\nconst SIDEBAR_BANNER_HEIGHT = \"55px\"\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\"\n  isOpen: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  toggleSidebar: () => void\n  toggleMobileSidebar: () => void\n  setIsFullyOpen: (open: boolean) => void\n  isAnimating: boolean\n  setIsAnimating: (animating: boolean) => void\n  isBannerClosing: boolean\n  bannerVisible: boolean\n  setBannerVisible: (visible: boolean) => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\nconst SidebarMobileContext = React.createContext(false)\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n  }\n\n  return context\n}\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    defaultOpen?: boolean\n    open?: boolean\n    onOpenChange?: (open: boolean) => void\n    bannerHeight?: string\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      bannerHeight: bannerHeightProp = SIDEBAR_BANNER_HEIGHT,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [openMobile, setOpenMobile] = React.useState(false)\n    const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n    const [isAnimating, setIsAnimating] = React.useState(false)\n    const [bannerVisible, setBannerVisible] = React.useState(false)\n\n    const [_open, _setOpen] = React.useState(defaultOpen)\n    const open = openProp ?? _open\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === \"function\" ? value(open) : value\n        if (setOpenProp) {\n          setOpenProp(openState)\n        } else {\n          _setOpen(openState)\n        }\n\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      },\n      [setOpenProp, open]\n    )\n\n    const toggleSidebar = React.useCallback(() => {\n      setOpen((open) => !open)\n    }, [setOpen])\n\n    const toggleMobileSidebar = React.useCallback(() => {\n      const mdBreakpoint = getComputedStyle(document.documentElement)\n        .getPropertyValue(\"--breakpoint-md\")\n        .trim()\n      if (\n        mdBreakpoint &&\n        window.matchMedia(`(min-width: ${mdBreakpoint})`).matches\n      ) {\n        return\n      }\n      setOpenMobile((open) => !open)\n    }, [setOpenMobile])\n\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n          (event.metaKey || event.ctrlKey)\n        ) {\n          event.preventDefault()\n          toggleSidebar()\n        }\n      }\n\n      window.addEventListener(\"keydown\", handleKeyDown)\n      return () => window.removeEventListener(\"keydown\", handleKeyDown)\n    }, [toggleSidebar])\n\n    const state = open ? \"expanded\" : \"collapsed\"\n\n    const previousBannerChildrenRef = React.useRef<React.ReactNode[]>([])\n\n    // Separate banner children (SidebarBanner) from layout children (Sidebar, SidebarInset)\n    const childArray = React.Children.toArray(children)\n    const bannerChildren = childArray.filter(\n      (child) =>\n        React.isValidElement(child) &&\n        (child.type as React.FC & { displayName?: string })?.displayName ===\n          \"SidebarBanner\"\n    )\n    const layoutChildren = childArray.filter(\n      (child) =>\n        !React.isValidElement(child) ||\n        (child.type as React.FC & { displayName?: string })?.displayName !==\n          \"SidebarBanner\"\n    )\n\n    // Store previous banner children for closing animation\n    if (bannerChildren.length > 0 && bannerVisible) {\n      previousBannerChildrenRef.current = bannerChildren\n    }\n\n    const hasBannerSlot = bannerChildren.length > 0\n    const hasBanner = hasBannerSlot && bannerVisible\n    const isClosing =\n      !hasBanner && previousBannerChildrenRef.current.length > 0\n    const displayBanner = hasBannerSlot\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n      () => ({\n        state,\n        isOpen: isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n        isBannerClosing: isClosing,\n        bannerVisible,\n        setBannerVisible,\n      }),\n      [\n        state,\n        isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n        isClosing,\n        bannerVisible,\n      ]\n    )\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delayDuration={0}>\n          <div\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH,\n                \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n                \"--sidebar-top\": hasBanner ? bannerHeightProp : \"0px\",\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n              displayBanner && \"flex-col\",\n              className\n            )}\n            ref={ref}\n            {...props}\n          >\n            {displayBanner ? (\n              <>\n                <div\n                  className=\"relative overflow-hidden transition-[height] duration-200 ease-linear\"\n                  style={\n                    {\n                      height: hasBanner ? bannerHeightProp : \"0px\",\n                    } as React.CSSProperties\n                  }\n                >\n                  <div\n                    className=\"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full\"\n                    style={{ height: bannerHeightProp }}\n                    data-state={hasBanner ? \"open\" : \"closed\"}\n                    onTransitionEnd={() => {\n                      if (isClosing) {\n                        previousBannerChildrenRef.current = []\n                      }\n                    }}\n                  >\n                    {bannerChildren}\n                  </div>\n                </div>\n                <div className=\"flex flex-1\">{layoutChildren}</div>\n              </>\n            ) : (\n              children\n            )}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    )\n  }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\nconst SidebarBanner = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"banner\"\n      className={cn(\"w-full\", className)}\n      {...props}\n    />\n  )\n})\nSidebarBanner.displayName = \"SidebarBanner\"\n\nconst Sidebar = React.forwardRef<\n  HTMLElement,\n  React.ComponentProps<\"aside\"> & {\n    side?: \"left\" | \"right\"\n    variant?: \"sidebar\" | \"floating\" | \"inset\"\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n  }\n>(\n  (\n    {\n      side = \"left\",\n      variant = \"sidebar\",\n      collapsible = \"offcanvas\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const {\n      state,\n      openMobile,\n      setOpenMobile,\n      setIsFullyOpen,\n      setIsAnimating,\n      isBannerClosing,\n    } = useSidebar()\n    const sidebarRef = React.useRef<HTMLDivElement>(null)\n    const isFirstRenderRef = React.useRef(true)\n\n    // Track when the sidebar animation completes\n    React.useEffect(() => {\n      const sidebar = sidebarRef.current\n      if (!sidebar) return\n\n      // On first render, set isFullyOpen immediately without waiting for animation\n      if (isFirstRenderRef.current) {\n        isFirstRenderRef.current = false\n        setIsFullyOpen(state === \"expanded\")\n        setIsAnimating(false)\n        return\n      }\n\n      // Mark as animating when state changes\n      setIsAnimating(true)\n\n      // Fallback timeout in case transitionend doesn't fire\n      const fallbackTimeout = setTimeout(() => {\n        setIsFullyOpen(state === \"expanded\")\n        setIsAnimating(false)\n      }, 300) // Slightly longer than the 200ms transition duration\n\n      const handleTransitionEnd = (event: TransitionEvent) => {\n        // Only respond to transitions on the sidebar itself, not children\n        if (event.target !== sidebar) return\n\n        // Check if we're transitioning width, left, or right properties\n        if (\n          event.propertyName === \"left\" ||\n          event.propertyName === \"right\" ||\n          event.propertyName === \"width\"\n        ) {\n          clearTimeout(fallbackTimeout)\n          setIsFullyOpen(state === \"expanded\")\n          setIsAnimating(false)\n        }\n      }\n\n      sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n      return () => {\n        sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n        clearTimeout(fallbackTimeout)\n      }\n    }, [state, setIsFullyOpen, setIsAnimating])\n\n    if (collapsible === \"none\") {\n      return (\n        <aside\n          className={cn(\n            \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n            className\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </aside>\n      )\n    }\n\n    return (\n      <>\n        {/* Mobile Sheet - visible only on mobile (< md) */}\n        <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                width: SIDEBAR_WIDTH_MOBILE,\n                maxWidth: SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>Sidebar</SheetTitle>\n              <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n            </SheetHeader>\n            <SidebarMobileContext.Provider value={true}>\n              <div className=\"flex h-full w-full flex-col\">{children}</div>\n            </SidebarMobileContext.Provider>\n          </SheetContent>\n        </Sheet>\n\n        {/* Desktop Sidebar - visible only on desktop (md+) */}\n        <aside\n          ref={ref}\n          className=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state}\n          data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n          data-variant={variant}\n          data-side={side}\n        >\n          {/* Spacer to reserve horizontal space */}\n          <div\n            className={cn(\n              \"w-(--sidebar-width) transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n            )}\n          />\n          {/* Fixed sidebar */}\n          <div\n            ref={sidebarRef}\n            data-banner-closing={isBannerClosing}\n            className={cn(\n              \"fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width,top,height] duration-200 ease-linear md:flex\",\n              \"top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]\",\n              side === \"left\"\n                ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n                : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n              className\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              className=\"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n            >\n              <div className=\"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </aside>\n      </>\n    )\n  }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n  return (\n    <>\n      {/* Mobile trigger - visible below md */}\n      <Button\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"md:hidden bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleMobileSidebar()\n        }}\n        {...props}\n      >\n        {openMobile ? (\n          <span\n            className={cn(\n              buttonVariants({ variant: \"secondary\", size: \"icon\" })\n            )}\n          >\n            <X size={16} />\n          </span>\n        ) : (\n          <span\n            className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n          >\n            <Menu size={16} />\n          </span>\n        )}\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n\n      {/* Desktop trigger - visible at md+ */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\"hidden md:inline-flex h-7 w-7\", className)}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleSidebar()\n        }}\n        {...props}\n      >\n        <span className=\"rounded-full p-2\">\n          <PanelLeft size={16} />\n        </span>\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n    </>\n  )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <button\n      ref={ref}\n      data-sidebar=\"rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.memo(\n  React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n    ({ className, ...props }, ref) => {\n      return (\n        <main\n          ref={ref}\n          className={cn(\n            \"relative flex min-w-0 w-full flex-1 flex-col\",\n            \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n            className\n          )}\n          {...props}\n        />\n      )\n    }\n  )\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n  return (\n    <Input\n      ref={ref}\n      data-sidebar=\"input\"\n      className={cn(\n        \"h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showTrigger?: boolean\n  }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n  const { state } = useSidebar()\n  const isMobile = React.useContext(SidebarMobileContext)\n\n  const isCollapsed = state === \"collapsed\" && !isMobile\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn(\n        \"flex w-full gap-2 p-2 items-center\",\n        isCollapsed\n          ? \"justify-center items-center\"\n          : \"justify-between items-start\",\n        className\n      )}\n      {...props}\n    >\n      {!isCollapsed && (\n        <div className=\"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden\">\n          <div className=\"whitespace-nowrap\">{children}</div>\n        </div>\n      )}\n\n      {showTrigger && <SidebarTrigger />}\n    </div>\n  )\n})\nSidebarHeader.displayName = \"SidebarHeader\"\n\nconst SidebarFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"footer\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  )\n})\nSidebarFooter.displayName = \"SidebarFooter\"\n\nconst SidebarSeparator = React.forwardRef<\n  React.ElementRef<typeof Separator>,\n  React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n  return (\n    <Separator\n      ref={ref}\n      data-sidebar=\"separator\"\n      className={cn(\"mx-2 w-auto bg-border\", className)}\n      {...props}\n    />\n  )\n})\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\nconst SidebarContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"content\"\n      className={cn(\n        \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarContent.displayName = \"SidebarContent\"\n\nconst SidebarGroup = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"group\"\n      className={cn(\n        \"relative flex w-full min-w-0 flex-col\",\n        \"group-data-[collapsible=icon]:p-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroup.displayName = \"SidebarGroup\"\n\nconst SidebarGroupLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"div\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nconst SidebarGroupAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nconst SidebarGroupContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"group-content\"\n    className={cn(\"w-full text-sm\", className)}\n    {...props}\n  />\n))\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\nconst SidebarMenu = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu\"\n    className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n    {...props}\n  />\n))\nSidebarMenu.displayName = \"SidebarMenu\"\n\nconst SidebarMenuItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-sidebar=\"menu-item\"\n    className={cn(\"group/menu-item relative\", className)}\n    {...props}\n  />\n))\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nconst sidebarMenuButtonVariants = cva(\n  \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        outline:\n          \"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    isActive?: boolean\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>\n  } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = \"default\",\n      size = \"default\",\n      tooltip,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    const { state } = useSidebar()\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    )\n\n    if (!tooltip) {\n      return button\n    }\n\n    if (typeof tooltip === \"string\") {\n      tooltip = {\n        children: tooltip,\n      }\n    }\n\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== \"collapsed\"}\n          {...tooltip}\n        />\n      </Tooltip>\n    )\n  }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    showOnHover?: boolean\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"menu-badge\"\n    className={cn(\n      \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n      \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n      \"peer-data-[size=sm]/menu-button:top-1\",\n      \"peer-data-[size=default]/menu-button:top-1.5\",\n      \"peer-data-[size=lg]/menu-button:top-2.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showIcon?: boolean\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-[--skeleton-width] flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu-sub\"\n    className={cn(\n      \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & {\n    asChild?: boolean\n    size?: \"sm\" | \"md\"\n    isActive?: boolean\n  }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n  Sidebar,\n  SidebarBanner,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n}\n"],"mappings":"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","names":["React","Slot","cva","PanelLeft","X","Menu","Fragment","jsx","jsxs","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SIDEBAR_BANNER_HEIGHT","SidebarContext","SidebarMobileContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","bannerHeightProp","className","style","children","props","ref","openMobile","setOpenMobile","isFullyOpen","setIsFullyOpen","isAnimating","setIsAnimating","bannerVisible","setBannerVisible","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","toggleMobileSidebar","mdBreakpoint","handleKeyDown","event","state","previousBannerChildrenRef","childArray","bannerChildren","child","layoutChildren","hasBannerSlot","hasBanner","isClosing","displayBanner","contextValue","TooltipProvider","cn","SidebarBanner","Sidebar","side","variant","collapsible","isBannerClosing","sidebarRef","isFirstRenderRef","sidebar","fallbackTimeout","handleTransitionEnd","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","buttonVariants","X","Menu","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","showTrigger","isMobile","isCollapsed","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"]}

package/dist/chunk-UJZP6L4S.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-UJZP6L4S.js","../src/components/accordion.tsx"],"names":["accordionItemVariants","cva","Accordion","className","props","ref","jsx","cn","AccordionItem","variant","AccordionTrigger","children","aside","jsxs","ChevronRight","AccordionContent","description","Fragment"],"mappings":"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","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-UJZP6L4S.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronRight } from \"lucide-react\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst accordionItemVariants = cva(\"rounded-3xl\", {\n  variants: {\n    variant: {\n      default: \"border border-border bg-background\",\n      ghost: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n})\n\nconst Accordion = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Root\n    ref={ref}\n    className={cn(\"flex flex-col gap-4\", className)}\n    {...props}\n  />\n))\nAccordion.displayName = \"Accordion\"\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> &\n    VariantProps<typeof accordionItemVariants>\n>(({ className, variant, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn(accordionItemVariants({ variant }), className)}\n    {...props}\n  />\n))\nAccordionItem.displayName = \"AccordionItem\"\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {\n    aside?: React.ReactNode\n  }\n>(({ className, children, aside, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        \"flex flex-1 cursor-pointer items-center gap-4 px-4.5 py-3.5 text-sm transition-all text-left [&[data-state=open]>svg]:rotate-90 active:opacity-50 data-disabled:cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronRight className=\"h-4 w-4 shrink-0 transition-transform duration-200 in-data-disabled:opacity-40\" />\n      <span className=\"in-data-disabled:opacity-40\">{children}</span>\n      {aside && <span className=\"ml-auto\">{aside}</span>}\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {\n    description?: React.ReactNode\n  }\n>(({ className, children, description, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n    {...props}\n  >\n    {description && (\n      <>\n        <div className=\"pl-12.5 pr-4.5 pb-3 text-sm text-secondary-text\">\n          {description}\n        </div>\n        <div className=\"border-t border-border\" />\n      </>\n    )}\n\n    <div className={cn(\"px-4.5 pb-4 pt-3\", className)}>{children}</div>\n  </AccordionPrimitive.Content>\n))\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-UJZP6L4S.js","../src/components/accordion.tsx"],"names":["accordionItemVariants","cva","Accordion","className","props","ref","jsx","cn","AccordionItem","variant","AccordionTrigger","children","aside","jsxs","ChevronRight","AccordionContent","description","Fragment"],"mappings":"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","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-UJZP6L4S.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronRight } from \"lucide-react\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst accordionItemVariants = cva(\"rounded-3xl\", {\n  variants: {\n    variant: {\n      default: \"border border-border bg-background\",\n      ghost: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n})\n\nconst Accordion = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Root\n    ref={ref}\n    className={cn(\"flex flex-col gap-4\", className)}\n    {...props}\n  />\n))\nAccordion.displayName = \"Accordion\"\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> &\n    VariantProps<typeof accordionItemVariants>\n>(({ className, variant, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn(accordionItemVariants({ variant }), className)}\n    {...props}\n  />\n))\nAccordionItem.displayName = \"AccordionItem\"\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {\n    aside?: React.ReactNode\n  }\n>(({ className, children, aside, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        \"flex flex-1 cursor-pointer items-center gap-4 px-4.5 py-3.5 text-sm transition-all text-left [&[data-state=open]>svg]:rotate-90 active:opacity-50 data-disabled:cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronRight className=\"h-4 w-4 shrink-0 transition-transform duration-200 in-data-disabled:opacity-40\" />\n      <span className=\"in-data-disabled:opacity-40\">{children}</span>\n      {aside && <span className=\"ml-auto\">{aside}</span>}\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {\n    description?: React.ReactNode\n  }\n>(({ className, children, description, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n    {...props}\n  >\n    {description && (\n      <>\n        <div className=\"pl-12.5 pr-4.5 pb-3 text-sm text-secondary-text\">\n          {description}\n        </div>\n        <div className=\"border-t border-border\" />\n      </>\n    )}\n\n    <div className={cn(\"px-4.5 pb-4 pt-3\", className)}>{children}</div>\n  </AccordionPrimitive.Content>\n))\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"]}

package/dist/chunk-ULIOO55I.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-ULIOO55I.js","../src/components/popover.tsx"],"names":["Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","jsx","cn"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECDhB,uGACW,+CAa9B,IATEA,CAAAA,CAA2B,CAAA,CAAA,IAAA,CAE3BC,CAAAA,aAAkC,CAAA,CAAA,OAAA,CAElCC,CAAAA,aAAuB,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAQ,QAAA,CAAU,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAG,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC5DC,6BAAAA,CAAkB,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAA,6BAAAA,CAAkB,CAAA,OAAA,CAAjB,CACC,GAAA,CAAKD,CAAAA,CACL,KAAA,CAAOH,CAAAA,CACP,UAAA,CAAYC,CAAAA,CACZ,SAAA,CAAWI,gCAAAA,8dACT,CACAN,CACF,CAAA,CACC,GAAGG,CAAAA,CACN,CAAA,CACF,CACD,CAAA,CACDJ,CAAAA,CAAe,WAAA,CAA+B,CAAA,CAAA,OAAA,CAAQ,WAAA,CAAA,4CAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-ULIOO55I.js","sourcesContent":[null,"import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-ULIOO55I.js","../src/components/popover.tsx"],"names":["Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","jsx","cn"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECDhB,uGACW,+CAa9B,IATEA,CAAAA,CAA2B,CAAA,CAAA,IAAA,CAE3BC,CAAAA,aAAkC,CAAA,CAAA,OAAA,CAElCC,CAAAA,aAAuB,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAQ,QAAA,CAAU,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAG,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC5DC,6BAAAA,CAAkB,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAA,6BAAAA,CAAkB,CAAA,OAAA,CAAjB,CACC,GAAA,CAAKD,CAAAA,CACL,KAAA,CAAOH,CAAAA,CACP,UAAA,CAAYC,CAAAA,CACZ,SAAA,CAAWI,gCAAAA,8dACT,CACAN,CACF,CAAA,CACC,GAAGG,CAAAA,CACN,CAAA,CACF,CACD,CAAA,CACDJ,CAAAA,CAAe,WAAA,CAA+B,CAAA,CAAA,OAAA,CAAQ,WAAA,CAAA,4CAAA","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-ULIOO55I.js","sourcesContent":[null,"import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"]}

package/dist/chunk-UNR6ATUH.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-UNR6ATUH.js","../src/components/sheet.tsx"],"names":["Sheet","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","props","ref","jsx","cn","sheetVariants","cva","SheetContent","side","children","jsxs","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"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","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-UNR6ATUH.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\n    className={cn(\n      \"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n  \"fixed z-50 gap-4 bg-sheet p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-200 data-[state=open]:duration-500\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  }\n)\n\ninterface SheetContentProps\n  extends\n    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <SheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}\n    >\n      {children}\n      <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n    </SheetPrimitive.Content>\n  </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-2 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  />\n)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold text-primary-accent\", className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-UNR6ATUH.js","../src/components/sheet.tsx"],"names":["Sheet","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","props","ref","jsx","cn","sheetVariants","cva","SheetContent","side","children","jsxs","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"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","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-UNR6ATUH.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\n    className={cn(\n      \"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n  \"fixed z-50 gap-4 bg-sheet p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-200 data-[state=open]:duration-500\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  }\n)\n\ninterface SheetContentProps\n  extends\n    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <SheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}\n    >\n      {children}\n      <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n    </SheetPrimitive.Content>\n  </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-2 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  />\n)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold text-primary-accent\", className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"]}

package/dist/chunk-USPGZYMV.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-USPGZYMV.js","../src/components/file-upload.tsx"],"names":["FileUpload","accept","maxSize","multiple","onFilesChange","error","disabled","className","description","ref","isDragging","setIsDragging","files","setFiles","inputRef","handleDragEnter","handleDragLeave","handleDragOver","validateFile","file","handleFiles","newFiles","validFiles","updatedFiles","handleDrop","handleClick","handleInputChange","removeFile","index","_","i","formatFileSize","bytes"],"mappings":"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","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-USPGZYMV.js","sourcesContent":[null,"import * as React from \"react\"\nimport { Upload, X, File } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants } from \"./button\"\n\nexport interface FileUploadProps {\n  /** Accepted file formats (e.g., \".png,.jpg,.pdf\" or \"image/*\") */\n  accept?: string\n  /** Maximum file size in bytes */\n  maxSize?: number\n  /** Allow multiple files */\n  multiple?: boolean\n  /** Callback when files are selected */\n  onFilesChange?: (files: File[]) => void\n  /** Error state */\n  error?: boolean\n  /** Disabled state */\n  disabled?: boolean\n  /** Custom class name */\n  className?: string\n  /** Placeholder text */\n  placeholder?: string\n  /** Description text (e.g., \"PNG, JPG up to 10MB\") */\n  description?: string\n}\n\nconst FileUpload = React.forwardRef<HTMLDivElement, FileUploadProps>(\n  (\n    {\n      accept,\n      maxSize,\n      multiple = false,\n      onFilesChange,\n      error,\n      disabled,\n      className,\n      description,\n    },\n    ref\n  ) => {\n    const [isDragging, setIsDragging] = React.useState(false)\n    const [files, setFiles] = React.useState<File[]>([])\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const handleDragEnter = (e: React.DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      if (!disabled) setIsDragging(true)\n    }\n\n    const handleDragLeave = (e: React.DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setIsDragging(false)\n    }\n\n    const handleDragOver = (e: React.DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    const validateFile = (file: File): boolean => {\n      if (maxSize && file.size > maxSize) {\n        return false\n      }\n      return true\n    }\n\n    const handleFiles = (newFiles: FileList | null) => {\n      if (!newFiles) return\n\n      const validFiles = Array.from(newFiles).filter(validateFile)\n      const updatedFiles = multiple\n        ? [...files, ...validFiles]\n        : validFiles.slice(0, 1)\n\n      setFiles(updatedFiles)\n      onFilesChange?.(updatedFiles)\n    }\n\n    const handleDrop = (e: React.DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setIsDragging(false)\n\n      if (disabled) return\n      handleFiles(e.dataTransfer.files)\n    }\n\n    const handleClick = () => {\n      if (!disabled) inputRef.current?.click()\n    }\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      handleFiles(e.target.files)\n      if (inputRef.current) inputRef.current.value = \"\"\n    }\n\n    const removeFile = (index: number) => {\n      const updatedFiles = files.filter((_, i) => i !== index)\n      setFiles(updatedFiles)\n      onFilesChange?.(updatedFiles)\n    }\n\n    const formatFileSize = (bytes: number): string => {\n      if (bytes < 1024) return `${bytes} B`\n      if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`\n      return `${Math.round(bytes / (1024 * 1024))} MB`\n    }\n\n    const formatAcceptedTypes = (acceptStr: string): string[] => {\n      return acceptStr\n        .split(\",\")\n        .map((type) => type.trim())\n        .map((type) => {\n          // Handle wildcards like \"image/*\"\n          if (type.includes(\"/*\")) {\n            return type.replace(\"/*\", \"\").toUpperCase()\n          }\n          // Handle extensions like \".png\"\n          if (type.startsWith(\".\")) {\n            return type.slice(1).toUpperCase()\n          }\n          // Handle MIME types like \"image/png\"\n          if (type.includes(\"/\")) {\n            return type.split(\"/\")[1].toUpperCase()\n          }\n          return type.toUpperCase()\n        })\n    }\n\n    return (\n      <div ref={ref} className={cn(\"w-full\", className)}>\n        <div\n          onClick={handleClick}\n          onDragEnter={handleDragEnter}\n          onDragLeave={handleDragLeave}\n          onDragOver={handleDragOver}\n          onDrop={handleDrop}\n          className={cn(\n            \"flex my-2 flex-col items-center justify-center gap-3 rounded-lg border border-border bg-background px-6 py-4 text-center transition-all cursor-pointer active:opacity-50\",\n            isDragging && \"bg-secondary\",\n            error\n              ? \"border-destructive-foreground\"\n              : \"border-border hover:bg-secondary\",\n            disabled && \"cursor-not-allowed opacity-50\"\n          )}\n        >\n          <span\n            className={buttonVariants({\n              variant: \"outline\",\n              size: \"icon\",\n            })}\n          >\n            <Upload size={16} className={cn(\"text-primary-accent\")} />\n          </span>\n\n          <div className=\"flex flex-col gap-1\">\n            <p className=\"text-sm text-secondary-text\">\n              <span className=\"text-primary-accent\">Click to upload</span> or\n              drag and drop\n            </p>\n            {(accept || maxSize) && (\n              <p className=\"text-xs text-secondary-text\">\n                {accept && formatAcceptedTypes(accept).join(\", \")}\n                {accept && maxSize && \" \"}\n                {maxSize && `up to ${formatFileSize(maxSize)}`}\n              </p>\n            )}\n            {description && (\n              <p className=\"text-xs text-secondary-text\">{description}</p>\n            )}\n          </div>\n        </div>\n\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          onChange={handleInputChange}\n          disabled={disabled}\n          className=\"hidden\"\n        />\n\n        {files.length > 0 && (\n          <div className=\"mt-3 space-y-2\">\n            {files.map((file, index) => (\n              <div\n                key={`${file.name}-${index}`}\n                className=\"flex items-center justify-between rounded-2xl border border-border bg-background px-4 py-2\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <File className=\"h-5 w-5 text-secondary-text\" />\n                  <div className=\"flex flex-col\">\n                    <span className=\"text-sm text-primary-accent truncate max-w-[200px]\">\n                      {file.name}\n                    </span>\n                    <span className=\"text-xs text-secondary-text\">\n                      {formatFileSize(file.size)}\n                    </span>\n                  </div>\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => removeFile(index)}\n                  className=\"rounded-full p-1 hover:bg-secondary active:opacity-50 transition-colors\"\n                >\n                  <X className=\"h-4 w-4 text-secondary-text\" />\n                </button>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nFileUpload.displayName = \"FileUpload\"\n\nexport { FileUpload }\n"]}
+{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-USPGZYMV.js","../src/components/file-upload.tsx"],"names":["FileUpload","accept","maxSize","multiple","onFilesChange","error","disabled","className","description","ref","isDragging","setIsDragging","files","setFiles","inputRef","handleDragEnter","handleDragLeave","handleDragOver","validateFile","file","handleFiles","newFiles","validFiles","updatedFiles","handleDrop","handleClick","handleInputChange","removeFile","index","_","i","formatFileSize","bytes"],"mappings":"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","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-USPGZYMV.js","sourcesContent":[null,"import * as React from \"react\"\nimport { Upload, X, File } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants } from \"./button\"\n\nexport interface FileUploadProps {\n  /** Accepted file formats (e.g., \".png,.jpg,.pdf\" or \"image/*\") */\n  accept?: string\n  /** Maximum file size in bytes */\n  maxSize?: number\n  /** Allow multiple files */\n  multiple?: boolean\n  /** Callback when files are selected */\n  onFilesChange?: (files: File[]) => void\n  /** Error state */\n  error?: boolean\n  /** Disabled state */\n  disabled?: boolean\n  /** Custom class name */\n  className?: string\n  /** Placeholder text */\n  placeholder?: string\n  /** Description text (e.g., \"PNG, JPG up to 10MB\") */\n  description?: string\n}\n\nconst FileUpload = React.forwardRef<HTMLDivElement, FileUploadProps>(\n  (\n    {\n      accept,\n      maxSize,\n      multiple = false,\n      onFilesChange,\n      error,\n      disabled,\n      className,\n      description,\n    },\n    ref\n  ) => {\n    const [isDragging, setIsDragging] = React.useState(false)\n    const [files, setFiles] = React.useState<File[]>([])\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const handleDragEnter = (e: React.DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      if (!disabled) setIsDragging(true)\n    }\n\n    const handleDragLeave = (e: React.DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setIsDragging(false)\n    }\n\n    const handleDragOver = (e: React.DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    const validateFile = (file: File): boolean => {\n      if (maxSize && file.size > maxSize) {\n        return false\n      }\n      return true\n    }\n\n    const handleFiles = (newFiles: FileList | null) => {\n      if (!newFiles) return\n\n      const validFiles = Array.from(newFiles).filter(validateFile)\n      const updatedFiles = multiple\n        ? [...files, ...validFiles]\n        : validFiles.slice(0, 1)\n\n      setFiles(updatedFiles)\n      onFilesChange?.(updatedFiles)\n    }\n\n    const handleDrop = (e: React.DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setIsDragging(false)\n\n      if (disabled) return\n      handleFiles(e.dataTransfer.files)\n    }\n\n    const handleClick = () => {\n      if (!disabled) inputRef.current?.click()\n    }\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      handleFiles(e.target.files)\n      if (inputRef.current) inputRef.current.value = \"\"\n    }\n\n    const removeFile = (index: number) => {\n      const updatedFiles = files.filter((_, i) => i !== index)\n      setFiles(updatedFiles)\n      onFilesChange?.(updatedFiles)\n    }\n\n    const formatFileSize = (bytes: number): string => {\n      if (bytes < 1024) return `${bytes} B`\n      if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`\n      return `${Math.round(bytes / (1024 * 1024))} MB`\n    }\n\n    const formatAcceptedTypes = (acceptStr: string): string[] => {\n      return acceptStr\n        .split(\",\")\n        .map((type) => type.trim())\n        .map((type) => {\n          // Handle wildcards like \"image/*\"\n          if (type.includes(\"/*\")) {\n            return type.replace(\"/*\", \"\").toUpperCase()\n          }\n          // Handle extensions like \".png\"\n          if (type.startsWith(\".\")) {\n            return type.slice(1).toUpperCase()\n          }\n          // Handle MIME types like \"image/png\"\n          if (type.includes(\"/\")) {\n            return type.split(\"/\")[1].toUpperCase()\n          }\n          return type.toUpperCase()\n        })\n    }\n\n    return (\n      <div ref={ref} className={cn(\"w-full\", className)}>\n        <div\n          onClick={handleClick}\n          onDragEnter={handleDragEnter}\n          onDragLeave={handleDragLeave}\n          onDragOver={handleDragOver}\n          onDrop={handleDrop}\n          className={cn(\n            \"flex my-2 flex-col items-center justify-center gap-3 rounded-lg border border-border bg-background px-6 py-4 text-center transition-all cursor-pointer active:opacity-50\",\n            isDragging && \"bg-secondary\",\n            error\n              ? \"border-destructive-foreground\"\n              : \"border-border hover:bg-secondary\",\n            disabled && \"cursor-not-allowed opacity-50\"\n          )}\n        >\n          <span\n            className={buttonVariants({\n              variant: \"outline\",\n              size: \"icon\",\n            })}\n          >\n            <Upload size={16} className={cn(\"text-primary-accent\")} />\n          </span>\n\n          <div className=\"flex flex-col gap-1\">\n            <p className=\"text-sm text-secondary-text\">\n              <span className=\"text-primary-accent\">Click to upload</span> or\n              drag and drop\n            </p>\n            {(accept || maxSize) && (\n              <p className=\"text-xs text-secondary-text\">\n                {accept && formatAcceptedTypes(accept).join(\", \")}\n                {accept && maxSize && \" \"}\n                {maxSize && `up to ${formatFileSize(maxSize)}`}\n              </p>\n            )}\n            {description && (\n              <p className=\"text-xs text-secondary-text\">{description}</p>\n            )}\n          </div>\n        </div>\n\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          onChange={handleInputChange}\n          disabled={disabled}\n          className=\"hidden\"\n        />\n\n        {files.length > 0 && (\n          <div className=\"mt-3 space-y-2\">\n            {files.map((file, index) => (\n              <div\n                key={`${file.name}-${index}`}\n                className=\"flex items-center justify-between rounded-2xl border border-border bg-background px-4 py-2\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <File className=\"h-5 w-5 text-secondary-text\" />\n                  <div className=\"flex flex-col\">\n                    <span className=\"text-sm text-primary-accent truncate max-w-[200px]\">\n                      {file.name}\n                    </span>\n                    <span className=\"text-xs text-secondary-text\">\n                      {formatFileSize(file.size)}\n                    </span>\n                  </div>\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => removeFile(index)}\n                  className=\"rounded-full p-1 hover:bg-secondary active:opacity-50 transition-colors\"\n                >\n                  <X className=\"h-4 w-4 text-secondary-text\" />\n                </button>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nFileUpload.displayName = \"FileUpload\"\n\nexport { FileUpload }\n"]}