@intlayer/design-system 8.1.2 → 8.1.3

package/dist/esm/components/ClickOutsideDiv/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/ClickOutsideDiv/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type HTMLAttributes,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\n\nexport type ClickOutsideDivProps = PropsWithChildren<{\n  /**\n   * Callback function called when a click occurs outside the component\n   */\n  onClickOutSide: () => void;\n  /**\n   * Whether to listen for Escape key presses\n   * @default false\n   */\n  listenForEscape?: boolean;\n  /**\n   * Whether the component is disabled (won't trigger onClickOutSide)\n   * @default false\n   */\n  disabled?: boolean;\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ClickOutsideDiv: FC<ClickOutsideDivProps> = ({\n  children,\n  onClickOutSide,\n  listenForEscape = false,\n  disabled = false,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (disabled) return;\n\n      // If clicking outside of the referenced element, call onClickOutSide\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        onClickOutSide();\n      }\n    },\n    [onClickOutSide, disabled]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (disabled || !listenForEscape) return;\n\n      if (event.key === 'Escape') {\n        onClickOutSide();\n      }\n    },\n    [onClickOutSide, disabled, listenForEscape]\n  );\n\n  useEffect(() => {\n    // Attach the event listeners\n    document.addEventListener('mousedown', handleClickOutside, {\n      passive: true,\n    });\n\n    if (listenForEscape) {\n      document.addEventListener('keydown', handleKeyDown);\n    }\n\n    // Clean up on unmount\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      if (listenForEscape) {\n        document.removeEventListener('keydown', handleKeyDown);\n      }\n    };\n  }, [handleClickOutside, handleKeyDown, listenForEscape]);\n\n  return (\n    <div\n      ref={divRef}\n      {...props}\n      // Add role for better accessibility when used as a container\n      role={props.role || 'region'}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AA6BA,MAAa,mBAA6C,EACxD,UACA,gBACA,kBAAkB,OAClB,WAAW,OACX,GAAG,YACC;CACJ,MAAM,SAAS,OAAuB,KAAK;CAE3C,MAAM,qBAAqB,aACxB,UAAsB;AACrB,MAAI,SAAU;AAGd,MAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,OAAe,CAClE,iBAAgB;IAGpB,CAAC,gBAAgB,SAAS,CAC3B;CAED,MAAM,gBAAgB,aACnB,UAAyB;AACxB,MAAI,YAAY,CAAC,gBAAiB;AAElC,MAAI,MAAM,QAAQ,SAChB,iBAAgB;IAGpB;EAAC;EAAgB;EAAU;EAAgB,CAC5C;AAED,iBAAgB;AAEd,WAAS,iBAAiB,aAAa,oBAAoB,EACzD,SAAS,MACV,CAAC;AAEF,MAAI,gBACF,UAAS,iBAAiB,WAAW,cAAc;AAIrD,eAAa;AACX,YAAS,oBAAoB,aAAa,mBAAmB;AAC7D,OAAI,gBACF,UAAS,oBAAoB,WAAW,cAAc;;IAGzD;EAAC;EAAoB;EAAe;EAAgB,CAAC;AAExD,QACE,oBAAC;EACC,KAAK;EACL,GAAI;EAEJ,MAAM,MAAM,QAAQ;EAEnB;GACG"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/ClickOutsideDiv/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type HTMLAttributes,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\n\nexport type ClickOutsideDivProps = PropsWithChildren<{\n  /**\n   * Callback function called when a click occurs outside the component\n   */\n  onClickOutSide: () => void;\n  /**\n   * Whether to listen for Escape key presses\n   * @default false\n   */\n  listenForEscape?: boolean;\n  /**\n   * Whether the component is disabled (won't trigger onClickOutSide)\n   * @default false\n   */\n  disabled?: boolean;\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ClickOutsideDiv: FC<ClickOutsideDivProps> = ({\n  children,\n  onClickOutSide,\n  listenForEscape = false,\n  disabled = false,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (disabled) return;\n\n      // If clicking outside of the referenced element, call onClickOutSide\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        onClickOutSide();\n      }\n    },\n    [onClickOutSide, disabled]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (disabled || !listenForEscape) return;\n\n      if (event.key === 'Escape') {\n        onClickOutSide();\n      }\n    },\n    [onClickOutSide, disabled, listenForEscape]\n  );\n\n  useEffect(() => {\n    // Attach the event listeners\n    document.addEventListener('mousedown', handleClickOutside, {\n      passive: true,\n    });\n\n    if (listenForEscape) {\n      document.addEventListener('keydown', handleKeyDown);\n    }\n\n    // Clean up on unmount\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      if (listenForEscape) {\n        document.removeEventListener('keydown', handleKeyDown);\n      }\n    };\n  }, [handleClickOutside, handleKeyDown, listenForEscape]);\n\n  return (\n    <div\n      ref={divRef}\n      {...props}\n      // Add role for better accessibility when used as a container\n      role={props.role || 'region'}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":"oHA6BA,MAAa,GAA6C,CACxD,WACA,iBACA,kBAAkB,GAClB,WAAW,GACX,GAAG,KACC,CACJ,IAAM,EAAS,EAAuB,KAAK,CAErC,EAAqB,EACxB,GAAsB,CACjB,GAGA,EAAO,SAAW,CAAC,EAAO,QAAQ,SAAS,EAAM,OAAe,EAClE,GAAgB,EAGpB,CAAC,EAAgB,EAAS,CAC3B,CAEK,EAAgB,EACnB,GAAyB,CACpB,GAAY,CAAC,GAEb,EAAM,MAAQ,UAChB,GAAgB,EAGpB,CAAC,EAAgB,EAAU,EAAgB,CAC5C,CAqBD,OAnBA,OAEE,SAAS,iBAAiB,YAAa,EAAoB,CACzD,QAAS,GACV,CAAC,CAEE,GACF,SAAS,iBAAiB,UAAW,EAAc,KAIxC,CACX,SAAS,oBAAoB,YAAa,EAAmB,CACzD,GACF,SAAS,oBAAoB,UAAW,EAAc,GAGzD,CAAC,EAAoB,EAAe,EAAgB,CAAC,CAGtD,EAAC,MAAA,CACC,IAAK,EACL,GAAI,EAEJ,KAAM,EAAM,MAAQ,SAEnB,YACG"}

package/dist/esm/components/CollapsibleTable/CollapsibleTable.mjs

@@ -1,247 +1,2 @@
-'use client';
-
-import { cn } from "../../utils/cn.mjs";
-import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
-import { ChevronRight } from "lucide-react";
-import { useState } from "react";
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/CollapsibleTable/CollapsibleTable.tsx
-const collapsibleTableVariants = cva("w-full max-w-full overflow-hidden rounded-lg border bg-card", {
-	variants: {
-		size: {
-			sm: "max-w-lg",
-			md: "max-w-2xl",
-			lg: "max-w-4xl",
-			xl: "max-w-6xl",
-			full: "w-full max-w-none"
-		},
-		variant: {
-			default: "border-neutral/20 bg-card",
-			dark: "border-[#B5B5B5] bg-[#242424]",
-			ghost: "border-transparent bg-transparent",
-			outlined: "border-2 border-primary/20 bg-background"
-		},
-		spacing: {
-			none: "",
-			sm: "m-2",
-			md: "m-4",
-			lg: "m-6",
-			auto: "m-auto"
-		}
-	},
-	defaultVariants: {
-		size: "md",
-		variant: "default",
-		spacing: "auto"
-	}
-});
-const headerVariants = cva("flex cursor-pointer items-center justify-between p-3 transition-colors duration-200", {
-	variants: {
-		variant: {
-			default: "hover:bg-neutral/5",
-			dark: "hover:bg-neutral/10",
-			ghost: "hover:bg-primary/5",
-			outlined: "hover:bg-primary/5"
-		},
-		borderStyle: {
-			none: "",
-			dashed: "border-neutral/20 border-b border-dashed",
-			solid: "border-neutral/20 border-b border-solid"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		borderStyle: "dashed"
-	}
-});
-const tableVariants = cva("w-full border-collapse", {
-	variants: {
-		spacing: {
-			none: "border-spacing-0",
-			sm: "border-spacing-1",
-			md: "border-spacing-2",
-			lg: "border-spacing-4"
-		},
-		layout: {
-			auto: "table-auto",
-			fixed: "table-fixed"
-		}
-	},
-	defaultVariants: {
-		spacing: "md",
-		layout: "auto"
-	}
-});
-/**
-* CollapsibleTable component that displays tabular data in an expandable/collapsible format.
-* It provides a clickable header that controls the visibility of the table content with smooth animations.
-*
-* Features:
-* - Supports both controlled and uncontrolled modes
-* - Customizable styling with CVA variants (size, variant, spacing)
-* - Multiple className props for granular styling control
-* - Custom column rendering and ordering
-* - Accessible with proper ARIA attributes and keyboard navigation
-* - Responsive design with overflow handling
-* - Empty state customization
-* - Flexible data structure support
-*
-* @example
-* // Basic usage
-* const userData = [
-*   { name: 'John Doe', role: 'Developer', experience: '5 years' },
-*   { name: 'Jane Smith', role: 'Designer', experience: '3 years' },
-* ];
-*
-* <CollapsibleTable
-*   title="Team Members"
-*   data={userData}
-*   defaultExpanded={true}
-* />
-*
-* @example
-* // Advanced usage with custom styling and renderers
-* const projectData = [
-*   { name: 'Project A', status: 'active', priority: 'high' },
-*   { name: 'Project B', status: 'completed', priority: 'medium' },
-* ];
-*
-* const columnRenderers = {
-*   status: (value) => (
-*     <Badge variant={value === 'active' ? 'success' : 'default'}>
-*       {value}
-*     </Badge>
-*   ),
-*   priority: (value) => (
-*     <span className={`font-semibold ${
-*       value === 'high' ? 'text-red-600' :
-*       value === 'medium' ? 'text-yellow-600' : 'text-green-600'
-*     }`}>
-*       {value}
-*     </span>
-*   ),
-* };
-*
-* <CollapsibleTable
-*   title="Project Dashboard"
-*   data={projectData}
-*   variant="dark"
-*   size="lg"
-*   borderStyle="solid"
-*   columnRenderers={columnRenderers}
-*   headerClassName="bg-slate-800 text-white"
-*   tableClassName="bg-slate-900"
-*   onExpandToggle={(expanded) => console.log('Table expanded:', expanded)}
-* />
-*
-* @param title - The text or React node displayed in the table header
-* @param data - Array of objects representing table rows. Keys become column headers, values become cell content
-* @param className - Additional CSS classes for the main container element
-* @param headerClassName - Additional CSS classes for the clickable header section
-* @param contentClassName - Additional CSS classes for the table content wrapper
-* @param tableClassName - Additional CSS classes for the HTML table element
-* @param thClassName - Additional CSS classes for table header cells (th elements)
-* @param tdClassName - Additional CSS classes for table body cells (td elements)
-* @param trClassName - Additional CSS classes for table rows (tr elements)
-* @param defaultExpanded - Initial expansion state when component is uncontrolled (default: false)
-* @param isExpanded - Controls expansion state when component is controlled. When provided, component becomes controlled
-* @param onExpandToggle - Callback function called when expansion state changes. Receives new expanded state as parameter
-* @param toggleIcon - Custom React node to display as toggle icon. Defaults to ChevronRight from lucide-react
-* @param size - Size variant affecting container max-width: 'sm' | 'md' | 'lg' | 'xl' | 'full'
-* @param variant - Visual style variant: 'default' | 'dark' | 'ghost' | 'outlined'
-* @param spacing - Container margin spacing: 'none' | 'sm' | 'md' | 'lg' | 'auto'
-* @param borderStyle - Header border style when expanded: 'none' | 'dashed' | 'solid'
-* @param tableSpacing - Table cell spacing: 'none' | 'sm' | 'md' | 'lg'
-* @param tableLayout - CSS table-layout property: 'auto' | 'fixed'
-* @param columnRenderers - Object mapping column names to custom render functions. Function receives (value, rowData) and returns ReactNode
-* @param disabled - When true, disables click interaction and shows disabled visual state
-* @param aria-label - Accessible label for screen readers describing the table purpose
-* @param contentId - Custom ID for the table content area. Used for aria-controls. Auto-generated if not provided
-*/
-const CollapsibleTable = ({ title, data, className, headerClassName, contentClassName, tableClassName, thClassName, tdClassName, trClassName, defaultExpanded = false, isExpanded: controlledExpanded, onExpandToggle, toggleIcon, size, variant, spacing, borderStyle, tableSpacing, tableLayout, columnRenderers, disabled = false, "aria-label": ariaLabel, contentId, ...props }) => {
-	const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
-	const isExpanded = controlledExpanded ?? internalExpanded;
-	const toggleExpanded = () => {
-		if (disabled) return;
-		const newState = !isExpanded;
-		if (onExpandToggle) onExpandToggle(newState);
-		else setInternalExpanded(newState);
-	};
-	const getColumns = (data) => {
-		if (Array.isArray(data) && data.length > 0) {
-			const allKeys = /* @__PURE__ */ new Set();
-			data.forEach((item) => {
-				if (item && typeof item === "object") Object.keys(item).forEach((key) => allKeys.add(key));
-			});
-			return Array.from(allKeys);
-		}
-		return [];
-	};
-	const tableColumns = getColumns(data);
-	const generatedContentId = contentId || `collapsible-table-${Math.random().toString(36).substr(2, 9)}`;
-	const renderCellContent = (column, value, row) => {
-		if (columnRenderers?.[column]) return columnRenderers[column](value, row);
-		return String(value ?? "—");
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn(collapsibleTableVariants({
-			size,
-			variant,
-			spacing
-		}), className),
-		"aria-label": ariaLabel,
-		...props,
-		children: [/* @__PURE__ */ jsxs("div", {
-			onClick: toggleExpanded,
-			className: cn(headerVariants({
-				variant,
-				borderStyle: isExpanded ? borderStyle : "none"
-			}), headerClassName, disabled && "cursor-not-allowed opacity-50"),
-			role: "button",
-			tabIndex: disabled ? -1 : 0,
-			"aria-expanded": isExpanded,
-			"aria-controls": generatedContentId,
-			"aria-disabled": disabled,
-			children: [/* @__PURE__ */ jsx("p", {
-				className: "font-semibold",
-				children: title
-			}), /* @__PURE__ */ jsx("div", {
-				className: cn("transition-transform duration-200", isExpanded && "rotate-90", disabled && "opacity-50"),
-				children: toggleIcon ?? /* @__PURE__ */ jsx(ChevronRight, { size: 16 })
-			})]
-		}), /* @__PURE__ */ jsx(MaxHeightSmoother, {
-			isHidden: !isExpanded,
-			children: /* @__PURE__ */ jsx("div", {
-				id: generatedContentId,
-				className: cn("overflow-x-auto p-3", contentClassName),
-				role: "region",
-				"aria-labelledby": `${generatedContentId}-header`,
-				children: /* @__PURE__ */ jsxs("table", {
-					className: cn(tableVariants({
-						spacing: tableSpacing,
-						layout: tableLayout
-					}), "border-separate", tableClassName),
-					children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", {
-						className: trClassName,
-						children: tableColumns.map((column) => /* @__PURE__ */ jsx("th", {
-							className: cn("pb-2 text-left font-medium text-sm text-text/70", thClassName),
-							children: column
-						}, column))
-					}) }), /* @__PURE__ */ jsx("tbody", { children: data.map((row, index) => /* @__PURE__ */ jsx("tr", {
-						className: cn("bg-neutral/5 transition-colors hover:bg-neutral/10", trClassName),
-						children: tableColumns.map((column) => /* @__PURE__ */ jsx("td", {
-							className: cn("rounded px-3 py-2 text-sm text-text", tdClassName),
-							children: renderCellContent(column, row[column], row)
-						}, column))
-					}, index)) })]
-				})
-			})
-		})]
-	});
-};
-
-//#endregion
-export { CollapsibleTable };
+"use client";import{cn as e}from"../../utils/cn.mjs";import{MaxHeightSmoother as t}from"../MaxHeightSmoother/index.mjs";import{ChevronRight as n}from"lucide-react";import{useState as r}from"react";import{cva as i}from"class-variance-authority";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=i(`w-full max-w-full overflow-hidden rounded-lg border bg-card`,{variants:{size:{sm:`max-w-lg`,md:`max-w-2xl`,lg:`max-w-4xl`,xl:`max-w-6xl`,full:`w-full max-w-none`},variant:{default:`border-neutral/20 bg-card`,dark:`border-[#B5B5B5] bg-[#242424]`,ghost:`border-transparent bg-transparent`,outlined:`border-2 border-primary/20 bg-background`},spacing:{none:``,sm:`m-2`,md:`m-4`,lg:`m-6`,auto:`m-auto`}},defaultVariants:{size:`md`,variant:`default`,spacing:`auto`}}),c=i(`flex w-full cursor-pointer items-center justify-between p-3 transition-colors duration-200`,{variants:{variant:{default:`hover:bg-neutral/5`,dark:`hover:bg-neutral/10`,ghost:`hover:bg-primary/5`,outlined:`hover:bg-primary/5`},borderStyle:{none:``,dashed:`border-neutral/20 border-b border-dashed`,solid:`border-neutral/20 border-b border-solid`}},defaultVariants:{variant:`default`,borderStyle:`dashed`}}),l=i(`w-full border-collapse`,{variants:{spacing:{none:`border-spacing-0`,sm:`border-spacing-1`,md:`border-spacing-2`,lg:`border-spacing-4`},layout:{auto:`table-auto`,fixed:`table-fixed`}},defaultVariants:{spacing:`md`,layout:`auto`}}),u=({title:i,data:u,className:d,headerClassName:f,contentClassName:p,tableClassName:m,thClassName:h,tdClassName:g,trClassName:_,defaultExpanded:v=!1,isExpanded:y,onExpandToggle:b,toggleIcon:x,size:S,variant:C,spacing:w,borderStyle:T,tableSpacing:E,tableLayout:D,columnRenderers:O,disabled:k=!1,"aria-label":A,contentId:j,...M})=>{let[N,P]=r(v),F=y??N,I=()=>{if(k)return;let e=!F;b?b(e):P(e)},L=(e=>{if(Array.isArray(e)&&e.length>0){let t=new Set;return e.forEach(e=>{e&&typeof e==`object`&&Object.keys(e).forEach(e=>{t.add(e)})}),Array.from(t)}return[]})(u),R=j||`collapsible-table-${Math.random().toString(36).substr(2,9)}`,z=(e,t,n)=>O?.[e]?O[e](t,n):String(t??`—`);return o(`section`,{className:e(s({size:S,variant:C,spacing:w}),d),"aria-label":A,...M,children:[o(`button`,{id:`${R}-header`,type:`button`,onClick:I,disabled:k,className:e(c({variant:C,borderStyle:F?T:`none`}),f,k&&`cursor-not-allowed opacity-50`),"aria-expanded":F,"aria-controls":R,children:[a(`p`,{className:`font-semibold`,children:i}),a(`div`,{className:e(`transition-transform duration-200`,F&&`rotate-90`,k&&`opacity-50`),children:x??a(n,{size:16})})]}),a(t,{isHidden:!F,children:a(`section`,{id:R,className:e(`overflow-x-auto p-3`,p),"aria-labelledby":`${R}-header`,children:o(`table`,{className:e(l({spacing:E,layout:D}),`border-separate`,m),children:[a(`thead`,{children:a(`tr`,{className:_,children:L.map(t=>a(`th`,{className:e(`pb-2 text-left font-medium text-sm text-text/70`,h),children:t},t))})}),a(`tbody`,{children:u.map((t,n)=>a(`tr`,{className:e(`bg-neutral/5 transition-colors hover:bg-neutral/10`,_),children:L.map(n=>a(`td`,{className:e(`rounded px-3 py-2 text-sm text-text`,g),children:z(n,t[n],t)},n))},n))})]})})})]})};export{u as CollapsibleTable};
 //# sourceMappingURL=CollapsibleTable.mjs.map

package/dist/esm/components/CollapsibleTable/CollapsibleTable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTable.mjs","names":[],"sources":["../../../../src/components/CollapsibleTable/CollapsibleTable.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronRight } from 'lucide-react';\nimport { type FC, type HTMLAttributes, type ReactNode, useState } from 'react';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\n// Container variants using CVA\nconst collapsibleTableVariants = cva(\n  'w-full max-w-full overflow-hidden rounded-lg border bg-card',\n  {\n    variants: {\n      size: {\n        sm: 'max-w-lg',\n        md: 'max-w-2xl',\n        lg: 'max-w-4xl',\n        xl: 'max-w-6xl',\n        full: 'w-full max-w-none',\n      },\n      variant: {\n        default: 'border-neutral/20 bg-card',\n        dark: 'border-[#B5B5B5] bg-[#242424]',\n        ghost: 'border-transparent bg-transparent',\n        outlined: 'border-2 border-primary/20 bg-background',\n      },\n      spacing: {\n        none: '',\n        sm: 'm-2',\n        md: 'm-4',\n        lg: 'm-6',\n        auto: 'm-auto',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n      spacing: 'auto',\n    },\n  }\n);\n\n// Header variants\nconst headerVariants = cva(\n  'flex cursor-pointer items-center justify-between p-3 transition-colors duration-200',\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-neutral/5',\n        dark: 'hover:bg-neutral/10',\n        ghost: 'hover:bg-primary/5',\n        outlined: 'hover:bg-primary/5',\n      },\n      borderStyle: {\n        none: '',\n        dashed: 'border-neutral/20 border-b border-dashed',\n        solid: 'border-neutral/20 border-b border-solid',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      borderStyle: 'dashed',\n    },\n  }\n);\n\n// Table variants\nconst tableVariants = cva('w-full border-collapse', {\n  variants: {\n    spacing: {\n      none: 'border-spacing-0',\n      sm: 'border-spacing-1',\n      md: 'border-spacing-2',\n      lg: 'border-spacing-4',\n    },\n    layout: {\n      auto: 'table-auto',\n      fixed: 'table-fixed',\n    },\n  },\n  defaultVariants: {\n    spacing: 'md',\n    layout: 'auto',\n  },\n});\n\nexport interface CollapsibleTableProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>,\n    VariantProps<typeof collapsibleTableVariants> {\n  /** Table title displayed in the header */\n  title: string;\n  /** Array of data objects to display in the table */\n  data: Record<string, unknown>[];\n  /** Custom class for the main container */\n  className?: string;\n  /** Custom class for the header section */\n  headerClassName?: string;\n  /** Custom class for the content wrapper */\n  contentClassName?: string;\n  /** Custom class for the table element */\n  tableClassName?: string;\n  /** Custom class for table header cells */\n  thClassName?: string;\n  /** Custom class for table body cells */\n  tdClassName?: string;\n  /** Custom class for table rows */\n  trClassName?: string;\n  /** Controls if the table is expanded by default */\n  defaultExpanded?: boolean;\n  /** Controlled expansion state */\n  isExpanded?: boolean;\n  /** Callback when expansion state changes */\n  onExpandToggle?: (expanded: boolean) => void;\n  /** Custom icon for the toggle (defaults to ChevronRight) */\n  toggleIcon?: ReactNode;\n  /** Header border style variant */\n  borderStyle?: 'none' | 'dashed' | 'solid';\n  /** Table spacing variant */\n  tableSpacing?: 'none' | 'sm' | 'md' | 'lg';\n  /** Table layout variant */\n  tableLayout?: 'auto' | 'fixed';\n  /** Custom column renderers */\n  columnRenderers?: Record<\n    string,\n    (value: unknown, row: Record<string, unknown>) => ReactNode\n  >;\n  /** Disable the collapse functionality */\n  disabled?: boolean;\n  /** Accessible label for screen readers */\n  'aria-label'?: string;\n  /** ID for the table content (for aria-controls) */\n  contentId?: string;\n}\n\n/**\n * CollapsibleTable component that displays tabular data in an expandable/collapsible format.\n * It provides a clickable header that controls the visibility of the table content with smooth animations.\n *\n * Features:\n * - Supports both controlled and uncontrolled modes\n * - Customizable styling with CVA variants (size, variant, spacing)\n * - Multiple className props for granular styling control\n * - Custom column rendering and ordering\n * - Accessible with proper ARIA attributes and keyboard navigation\n * - Responsive design with overflow handling\n * - Empty state customization\n * - Flexible data structure support\n *\n * @example\n * // Basic usage\n * const userData = [\n *   { name: 'John Doe', role: 'Developer', experience: '5 years' },\n *   { name: 'Jane Smith', role: 'Designer', experience: '3 years' },\n * ];\n *\n * <CollapsibleTable\n *   title=\"Team Members\"\n *   data={userData}\n *   defaultExpanded={true}\n * />\n *\n * @example\n * // Advanced usage with custom styling and renderers\n * const projectData = [\n *   { name: 'Project A', status: 'active', priority: 'high' },\n *   { name: 'Project B', status: 'completed', priority: 'medium' },\n * ];\n *\n * const columnRenderers = {\n *   status: (value) => (\n *     <Badge variant={value === 'active' ? 'success' : 'default'}>\n *       {value}\n *     </Badge>\n *   ),\n *   priority: (value) => (\n *     <span className={`font-semibold ${\n *       value === 'high' ? 'text-red-600' :\n *       value === 'medium' ? 'text-yellow-600' : 'text-green-600'\n *     }`}>\n *       {value}\n *     </span>\n *   ),\n * };\n *\n * <CollapsibleTable\n *   title=\"Project Dashboard\"\n *   data={projectData}\n *   variant=\"dark\"\n *   size=\"lg\"\n *   borderStyle=\"solid\"\n *   columnRenderers={columnRenderers}\n *   headerClassName=\"bg-slate-800 text-white\"\n *   tableClassName=\"bg-slate-900\"\n *   onExpandToggle={(expanded) => console.log('Table expanded:', expanded)}\n * />\n *\n * @param title - The text or React node displayed in the table header\n * @param data - Array of objects representing table rows. Keys become column headers, values become cell content\n * @param className - Additional CSS classes for the main container element\n * @param headerClassName - Additional CSS classes for the clickable header section\n * @param contentClassName - Additional CSS classes for the table content wrapper\n * @param tableClassName - Additional CSS classes for the HTML table element\n * @param thClassName - Additional CSS classes for table header cells (th elements)\n * @param tdClassName - Additional CSS classes for table body cells (td elements)\n * @param trClassName - Additional CSS classes for table rows (tr elements)\n * @param defaultExpanded - Initial expansion state when component is uncontrolled (default: false)\n * @param isExpanded - Controls expansion state when component is controlled. When provided, component becomes controlled\n * @param onExpandToggle - Callback function called when expansion state changes. Receives new expanded state as parameter\n * @param toggleIcon - Custom React node to display as toggle icon. Defaults to ChevronRight from lucide-react\n * @param size - Size variant affecting container max-width: 'sm' | 'md' | 'lg' | 'xl' | 'full'\n * @param variant - Visual style variant: 'default' | 'dark' | 'ghost' | 'outlined'\n * @param spacing - Container margin spacing: 'none' | 'sm' | 'md' | 'lg' | 'auto'\n * @param borderStyle - Header border style when expanded: 'none' | 'dashed' | 'solid'\n * @param tableSpacing - Table cell spacing: 'none' | 'sm' | 'md' | 'lg'\n * @param tableLayout - CSS table-layout property: 'auto' | 'fixed'\n * @param columnRenderers - Object mapping column names to custom render functions. Function receives (value, rowData) and returns ReactNode\n * @param disabled - When true, disables click interaction and shows disabled visual state\n * @param aria-label - Accessible label for screen readers describing the table purpose\n * @param contentId - Custom ID for the table content area. Used for aria-controls. Auto-generated if not provided\n */\nexport const CollapsibleTable: FC<CollapsibleTableProps> = ({\n  title,\n  data,\n  className,\n  headerClassName,\n  contentClassName,\n  tableClassName,\n  thClassName,\n  tdClassName,\n  trClassName,\n  defaultExpanded = false,\n  isExpanded: controlledExpanded,\n  onExpandToggle,\n  toggleIcon,\n  size,\n  variant,\n  spacing,\n  borderStyle,\n  tableSpacing,\n  tableLayout,\n  columnRenderers,\n  disabled = false,\n  'aria-label': ariaLabel,\n  contentId,\n  ...props\n}) => {\n  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n\n  const isExpanded = controlledExpanded ?? internalExpanded;\n\n  const toggleExpanded = () => {\n    if (disabled) return;\n    const newState = !isExpanded;\n    if (onExpandToggle) onExpandToggle(newState);\n    else setInternalExpanded(newState);\n  };\n\n  const getColumns = (data: Record<string, unknown>[]) => {\n    if (Array.isArray(data) && data.length > 0) {\n      const allKeys = new Set<string>();\n      data.forEach((item) => {\n        if (item && typeof item === 'object') {\n          Object.keys(item).forEach((key) => allKeys.add(key));\n        }\n      });\n      return Array.from(allKeys);\n    }\n    return [];\n  };\n\n  const tableColumns = getColumns(data);\n  const generatedContentId =\n    contentId || `collapsible-table-${Math.random().toString(36).substr(2, 9)}`;\n\n  const renderCellContent = (\n    column: string,\n    value: unknown,\n    row: Record<string, unknown>\n  ) => {\n    if (columnRenderers?.[column]) {\n      return columnRenderers[column](value, row);\n    }\n    return String(value ?? '—');\n  };\n\n  return (\n    <div\n      className={cn(\n        collapsibleTableVariants({ size, variant, spacing }),\n        className\n      )}\n      aria-label={ariaLabel}\n      {...props}\n    >\n      <div\n        onClick={toggleExpanded}\n        className={cn(\n          headerVariants({\n            variant,\n            borderStyle: isExpanded ? borderStyle : 'none',\n          }),\n          headerClassName,\n          disabled && 'cursor-not-allowed opacity-50'\n        )}\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-expanded={isExpanded}\n        aria-controls={generatedContentId}\n        aria-disabled={disabled}\n      >\n        <p className=\"font-semibold\">{title}</p>\n        <div\n          className={cn(\n            'transition-transform duration-200',\n            isExpanded && 'rotate-90',\n            disabled && 'opacity-50'\n          )}\n        >\n          {toggleIcon ?? <ChevronRight size={16} />}\n        </div>\n      </div>\n\n      <MaxHeightSmoother isHidden={!isExpanded}>\n        <div\n          id={generatedContentId}\n          className={cn('overflow-x-auto p-3', contentClassName)}\n          role=\"region\"\n          aria-labelledby={`${generatedContentId}-header`}\n        >\n          <table\n            className={cn(\n              tableVariants({ spacing: tableSpacing, layout: tableLayout }),\n              'border-separate',\n              tableClassName\n            )}\n          >\n            <thead>\n              <tr className={trClassName}>\n                {tableColumns.map((column) => (\n                  <th\n                    key={column}\n                    className={cn(\n                      'pb-2 text-left font-medium text-sm text-text/70',\n                      thClassName\n                    )}\n                  >\n                    {column}\n                  </th>\n                ))}\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((row, index) => (\n                <tr\n                  key={index}\n                  className={cn(\n                    'bg-neutral/5 transition-colors hover:bg-neutral/10',\n                    trClassName\n                  )}\n                >\n                  {tableColumns.map((column) => (\n                    <td\n                      key={column}\n                      className={cn(\n                        'rounded px-3 py-2 text-sm text-text',\n                        tdClassName\n                      )}\n                    >\n                      {renderCellContent(column, row[column], row)}\n                    </td>\n                  ))}\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </MaxHeightSmoother>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CollapsibleTable.mjs","names":[],"sources":["../../../../src/components/CollapsibleTable/CollapsibleTable.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronRight } from 'lucide-react';\nimport { type FC, type HTMLAttributes, type ReactNode, useState } from 'react';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\n// Container variants using CVA\nconst collapsibleTableVariants = cva(\n  'w-full max-w-full overflow-hidden rounded-lg border bg-card',\n  {\n    variants: {\n      size: {\n        sm: 'max-w-lg',\n        md: 'max-w-2xl',\n        lg: 'max-w-4xl',\n        xl: 'max-w-6xl',\n        full: 'w-full max-w-none',\n      },\n      variant: {\n        default: 'border-neutral/20 bg-card',\n        dark: 'border-[#B5B5B5] bg-[#242424]',\n        ghost: 'border-transparent bg-transparent',\n        outlined: 'border-2 border-primary/20 bg-background',\n      },\n      spacing: {\n        none: '',\n        sm: 'm-2',\n        md: 'm-4',\n        lg: 'm-6',\n        auto: 'm-auto',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n      spacing: 'auto',\n    },\n  }\n);\n\n// Header variants\nconst headerVariants = cva(\n  'flex w-full cursor-pointer items-center justify-between p-3 transition-colors duration-200',\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-neutral/5',\n        dark: 'hover:bg-neutral/10',\n        ghost: 'hover:bg-primary/5',\n        outlined: 'hover:bg-primary/5',\n      },\n      borderStyle: {\n        none: '',\n        dashed: 'border-neutral/20 border-b border-dashed',\n        solid: 'border-neutral/20 border-b border-solid',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      borderStyle: 'dashed',\n    },\n  }\n);\n\n// Table variants\nconst tableVariants = cva('w-full border-collapse', {\n  variants: {\n    spacing: {\n      none: 'border-spacing-0',\n      sm: 'border-spacing-1',\n      md: 'border-spacing-2',\n      lg: 'border-spacing-4',\n    },\n    layout: {\n      auto: 'table-auto',\n      fixed: 'table-fixed',\n    },\n  },\n  defaultVariants: {\n    spacing: 'md',\n    layout: 'auto',\n  },\n});\n\nexport interface CollapsibleTableProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'title'>,\n    VariantProps<typeof collapsibleTableVariants> {\n  /** Table title displayed in the header */\n  title: string;\n  /** Array of data objects to display in the table */\n  data: Record<string, unknown>[];\n  /** Custom class for the main container */\n  className?: string;\n  /** Custom class for the header section */\n  headerClassName?: string;\n  /** Custom class for the content wrapper */\n  contentClassName?: string;\n  /** Custom class for the table element */\n  tableClassName?: string;\n  /** Custom class for table header cells */\n  thClassName?: string;\n  /** Custom class for table body cells */\n  tdClassName?: string;\n  /** Custom class for table rows */\n  trClassName?: string;\n  /** Controls if the table is expanded by default */\n  defaultExpanded?: boolean;\n  /** Controlled expansion state */\n  isExpanded?: boolean;\n  /** Callback when expansion state changes */\n  onExpandToggle?: (expanded: boolean) => void;\n  /** Custom icon for the toggle (defaults to ChevronRight) */\n  toggleIcon?: ReactNode;\n  /** Header border style variant */\n  borderStyle?: 'none' | 'dashed' | 'solid';\n  /** Table spacing variant */\n  tableSpacing?: 'none' | 'sm' | 'md' | 'lg';\n  /** Table layout variant */\n  tableLayout?: 'auto' | 'fixed';\n  /** Custom column renderers */\n  columnRenderers?: Record<\n    string,\n    (value: unknown, row: Record<string, unknown>) => ReactNode\n  >;\n  /** Disable the collapse functionality */\n  disabled?: boolean;\n  /** Accessible label for screen readers */\n  'aria-label'?: string;\n  /** ID for the table content (for aria-controls) */\n  contentId?: string;\n}\n\n/**\n * CollapsibleTable component that displays tabular data in an expandable/collapsible format.\n * It provides a clickable header that controls the visibility of the table content with smooth animations.\n */\nexport const CollapsibleTable: FC<CollapsibleTableProps> = ({\n  title,\n  data,\n  className,\n  headerClassName,\n  contentClassName,\n  tableClassName,\n  thClassName,\n  tdClassName,\n  trClassName,\n  defaultExpanded = false,\n  isExpanded: controlledExpanded,\n  onExpandToggle,\n  toggleIcon,\n  size,\n  variant,\n  spacing,\n  borderStyle,\n  tableSpacing,\n  tableLayout,\n  columnRenderers,\n  disabled = false,\n  'aria-label': ariaLabel,\n  contentId,\n  ...props\n}) => {\n  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n\n  const isExpanded = controlledExpanded ?? internalExpanded;\n\n  const toggleExpanded = () => {\n    if (disabled) return;\n    const newState = !isExpanded;\n    if (onExpandToggle) onExpandToggle(newState);\n    else setInternalExpanded(newState);\n  };\n\n  const getColumns = (data: Record<string, unknown>[]) => {\n    if (Array.isArray(data) && data.length > 0) {\n      const allKeys = new Set<string>();\n      data.forEach((item) => {\n        if (item && typeof item === 'object') {\n          Object.keys(item).forEach((key) => {\n            allKeys.add(key);\n          });\n        }\n      });\n      return Array.from(allKeys);\n    }\n    return [];\n  };\n\n  const tableColumns = getColumns(data);\n  const generatedContentId =\n    contentId || `collapsible-table-${Math.random().toString(36).substr(2, 9)}`;\n\n  const renderCellContent = (\n    column: string,\n    value: unknown,\n    row: Record<string, unknown>\n  ) => {\n    if (columnRenderers?.[column]) {\n      return columnRenderers[column](value, row);\n    }\n    return String(value ?? '—');\n  };\n\n  return (\n    <section\n      className={cn(\n        collapsibleTableVariants({ size, variant, spacing }),\n        className\n      )}\n      aria-label={ariaLabel}\n      {...props}\n    >\n      <button\n        id={`${generatedContentId}-header`}\n        type=\"button\"\n        onClick={toggleExpanded}\n        disabled={disabled}\n        className={cn(\n          headerVariants({\n            variant,\n            borderStyle: isExpanded ? borderStyle : 'none',\n          }),\n          headerClassName,\n          disabled && 'cursor-not-allowed opacity-50'\n        )}\n        aria-expanded={isExpanded}\n        aria-controls={generatedContentId}\n      >\n        <p className=\"font-semibold\">{title}</p>\n        <div\n          className={cn(\n            'transition-transform duration-200',\n            isExpanded && 'rotate-90',\n            disabled && 'opacity-50'\n          )}\n        >\n          {toggleIcon ?? <ChevronRight size={16} />}\n        </div>\n      </button>\n\n      <MaxHeightSmoother isHidden={!isExpanded}>\n        <section\n          id={generatedContentId}\n          className={cn('overflow-x-auto p-3', contentClassName)}\n          aria-labelledby={`${generatedContentId}-header`}\n        >\n          <table\n            className={cn(\n              tableVariants({ spacing: tableSpacing, layout: tableLayout }),\n              'border-separate',\n              tableClassName\n            )}\n          >\n            <thead>\n              <tr className={trClassName}>\n                {tableColumns.map((column) => (\n                  <th\n                    key={column}\n                    className={cn(\n                      'pb-2 text-left font-medium text-sm text-text/70',\n                      thClassName\n                    )}\n                  >\n                    {column}\n                  </th>\n                ))}\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((row, index) => (\n                <tr\n                  key={index}\n                  className={cn(\n                    'bg-neutral/5 transition-colors hover:bg-neutral/10',\n                    trClassName\n                  )}\n                >\n                  {tableColumns.map((column) => (\n                    <td\n                      key={column}\n                      className={cn(\n                        'rounded px-3 py-2 text-sm text-text',\n                        tdClassName\n                      )}\n                    >\n                      {renderCellContent(column, row[column], row)}\n                    </td>\n                  ))}\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </section>\n      </MaxHeightSmoother>\n    </section>\n  );\n};\n"],"mappings":"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"}

package/dist/esm/components/CollapsibleTable/index.mjs

@@ -1,3 +1 @@
-import { CollapsibleTable } from "./CollapsibleTable.mjs";
-
-export { CollapsibleTable };
+import{CollapsibleTable as e}from"./CollapsibleTable.mjs";export{e as CollapsibleTable};

package/dist/esm/components/Command/index.mjs

@@ -1,89 +1,2 @@
-'use client';
-
-import { cn } from "../../utils/cn.mjs";
-import { Search } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Dialog, DialogContent } from "@radix-ui/react-dialog";
-import { Command as Command$1 } from "cmdk";
-
-//#region src/components/Command/index.tsx
-const CommandRoot = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1, {
-	className: cn("flex flex-col overflow-hidden rounded-md", className),
-	...props
-});
-const CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx(Dialog, {
-	...props,
-	children: /* @__PURE__ */ jsx(DialogContent, {
-		className: "overflow-hidden p-0",
-		children: /* @__PURE__ */ jsx(CommandRoot, {
-			className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]_svg]:size-5",
-			children
-		})
-	})
-});
-const CommandInput = ({ className, ...props }) => /* @__PURE__ */ jsxs("div", {
-	className: "flex w-full items-center",
-	"cmdk-input-wrapper": "",
-	children: [/* @__PURE__ */ jsx(Search, { className: "mr-2 size-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command$1.Input, {
-		className: cn("flex w-full rounded-md bg-transparent text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
-		...props
-	})]
-});
-const CommandList = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1.List, {
-	className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
-	...props
-});
-const CommandEmpty = (props) => /* @__PURE__ */ jsx(Command$1.Empty, {
-	className: "py-6 text-center text-sm",
-	...props
-});
-const CommandGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1.Group, {
-	className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs", className),
-	...props
-});
-const CommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1.Separator, {
-	className: cn("-mx-1 h-px bg-border", className),
-	...props
-});
-const CommandItem = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1.Item, {
-	className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50", className),
-	...props
-});
-const CommandShortcut = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ml-auto text-muted-foreground text-xs tracking-widest", className),
-		...props
-	});
-};
-/**
-* Usage example:
-* ```jsx
-* <Command>
-*   <Command.Trigger>
-*     <Command.Input placeholder="Search..." />
-*   </Command.Trigger>
-*   <Command.Dialog>
-*     <Command.List>
-*       <Command.Item>Item 1</Command.Item>
-*       <Command.Item>Item 2</Command.Item>
-*       <Command.Item>Item 3</Command.Item>
-*     </Command.List>
-*   </Command.Dialog>
-* </Command>
-* ```
-*/
-const Command = {
-	...CommandRoot,
-	Dialog: CommandDialog,
-	Input: CommandInput,
-	List: CommandList,
-	Empty: CommandEmpty,
-	Group: CommandGroup,
-	Separator: CommandSeparator,
-	Item: CommandItem,
-	Shortcut: CommandShortcut
-};
-
-//#endregion
-export { Command, CommandRoot };
+"use client";import{cn as e}from"../../utils/cn.mjs";import{Search as t}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Dialog as i,DialogContent as a}from"@radix-ui/react-dialog";import{Command as o}from"cmdk";const s=({className:t,...r})=>n(o,{className:e(`flex flex-col overflow-hidden rounded-md`,t),...r}),c=({children:e,...t})=>n(i,{...t,children:n(a,{className:`overflow-hidden p-0`,children:n(s,{className:`[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]_svg]:size-5`,children:e})})}),l=({className:i,...a})=>r(`div`,{className:`flex w-full items-center`,"cmdk-input-wrapper":``,children:[n(t,{className:`mr-2 size-4 shrink-0 opacity-50`}),n(o.Input,{className:e(`flex w-full rounded-md bg-transparent text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`,i),...a})]}),u=({className:t,...r})=>n(o.List,{className:e(`max-h-[300px] overflow-y-auto overflow-x-hidden`,t),...r}),d=e=>n(o.Empty,{className:`py-6 text-center text-sm`,...e}),f=({className:t,...r})=>n(o.Group,{className:e(`overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs`,t),...r}),p=({className:t,...r})=>n(o.Separator,{className:e(`-mx-1 h-px bg-border`,t),...r}),m=({className:t,...r})=>n(o.Item,{className:e(`relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50`,t),...r}),h=({className:t,...r})=>n(`span`,{className:e(`ml-auto text-muted-foreground text-xs tracking-widest`,t),...r}),g={...s,Dialog:c,Input:l,List:u,Empty:d,Group:f,Separator:p,Item:m,Shortcut:h};export{g as Command,s as CommandRoot};
 //# sourceMappingURL=index.mjs.map

package/dist/esm/components/Command/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["CommandPrimitive"],"sources":["../../../../src/components/Command/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\n'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  type DialogProps,\n} from '@radix-ui/react-dialog';\nimport { cn } from '@utils/cn';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport type { ComponentProps, FC, HTMLAttributes } from 'react';\n\nexport const CommandRoot: FC<ComponentProps<typeof CommandPrimitive>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive\n    className={cn('flex flex-col overflow-hidden rounded-md', className)}\n    {...props}\n  />\n);\n\ntype CommandDialogProps = DialogProps;\n\nconst CommandDialog: FC<CommandDialogProps> = ({ children, ...props }) => (\n  <Dialog {...props}>\n    <DialogContent className=\"overflow-hidden p-0\">\n      <CommandRoot className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]_svg]:size-5\">\n        {children}\n      </CommandRoot>\n    </DialogContent>\n  </Dialog>\n);\n\nconst CommandInput: FC<ComponentProps<typeof CommandPrimitive.Input>> = ({\n  className,\n  ...props\n}) => (\n  <div className=\"flex w-full items-center\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 size-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      className={cn(\n        'flex w-full rounded-md bg-transparent text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  </div>\n);\n\nconst CommandList: FC<ComponentProps<typeof CommandPrimitive.List>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.List\n    className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n);\n\nconst CommandEmpty: FC<ComponentProps<typeof CommandPrimitive.Empty>> = (\n  props\n) => <CommandPrimitive.Empty className=\"py-6 text-center text-sm\" {...props} />;\n\nconst CommandGroup: FC<ComponentProps<typeof CommandPrimitive.Group>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.Group\n    className={cn(\n      'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst CommandSeparator: FC<\n  ComponentProps<typeof CommandPrimitive.Separator>\n> = ({ className, ...props }) => (\n  <CommandPrimitive.Separator\n    className={cn('-mx-1 h-px bg-border', className)}\n    {...props}\n  />\n);\n\nconst CommandItem: FC<ComponentProps<typeof CommandPrimitive.Item>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.Item\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        'ml-auto text-muted-foreground text-xs tracking-widest',\n        className\n      )}\n      {...props}\n    />\n  );\n};\n\n/**\n * Usage example:\n * ```jsx\n * <Command>\n *   <Command.Trigger>\n *     <Command.Input placeholder=\"Search...\" />\n *   </Command.Trigger>\n *   <Command.Dialog>\n *     <Command.List>\n *       <Command.Item>Item 1</Command.Item>\n *       <Command.Item>Item 2</Command.Item>\n *       <Command.Item>Item 3</Command.Item>\n *     </Command.List>\n *   </Command.Dialog>\n * </Command>\n * ```\n */\nexport const Command = {\n  ...CommandRoot,\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Separator: CommandSeparator,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n};\n"],"mappings":";;;;;;;;;AAaA,MAAa,eAA4D,EACvE,WACA,GAAG,YAEH,oBAACA;CACC,WAAW,GAAG,4CAA4C,UAAU;CACpE,GAAI;EACJ;AAKJ,MAAM,iBAAyC,EAAE,UAAU,GAAG,YAC5D,oBAAC;CAAO,GAAI;WACV,oBAAC;EAAc,WAAU;YACvB,oBAAC;GAAY,WAAU;GACpB;IACW;GACA;EACT;AAGX,MAAM,gBAAmE,EACvE,WACA,GAAG,YAEH,qBAAC;CAAI,WAAU;CAA2B,sBAAmB;YAC3D,oBAAC,UAAO,WAAU,oCAAoC,EACtD,oBAACA,UAAiB;EAChB,WAAW,GACT,kJACA,UACD;EACD,GAAI;GACJ;EACE;AAGR,MAAM,eAAiE,EACrE,WACA,GAAG,YAEH,oBAACA,UAAiB;CAChB,WAAW,GAAG,mDAAmD,UAAU;CAC3E,GAAI;EACJ;AAGJ,MAAM,gBACJ,UACG,oBAACA,UAAiB;CAAM,WAAU;CAA2B,GAAI;EAAS;AAE/E,MAAM,gBAAmE,EACvE,WACA,GAAG,YAEH,oBAACA,UAAiB;CAChB,WAAW,GACT,0NACA,UACD;CACD,GAAI;EACJ;AAGJ,MAAM,oBAED,EAAE,WAAW,GAAG,YACnB,oBAACA,UAAiB;CAChB,WAAW,GAAG,wBAAwB,UAAU;CAChD,GAAI;EACJ;AAGJ,MAAM,eAAiE,EACrE,WACA,GAAG,YAEH,oBAACA,UAAiB;CAChB,WAAW,GACT,2PACA,UACD;CACD,GAAI;EACJ;AAGJ,MAAM,mBAAmB,EACvB,WACA,GAAG,YACkC;AACrC,QACE,oBAAC;EACC,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ;;;;;;;;;;;;;;;;;;;AAqBN,MAAa,UAAU;CACrB,GAAG;CACH,QAAQ;CACR,OAAO;CACP,MAAM;CACN,OAAO;CACP,OAAO;CACP,WAAW;CACX,MAAM;CACN,UAAU;CACX"}
+{"version":3,"file":"index.mjs","names":["CommandPrimitive"],"sources":["../../../../src/components/Command/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\n'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  type DialogProps,\n} from '@radix-ui/react-dialog';\nimport { cn } from '@utils/cn';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport type { ComponentProps, FC, HTMLAttributes } from 'react';\n\nexport const CommandRoot: FC<ComponentProps<typeof CommandPrimitive>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive\n    className={cn('flex flex-col overflow-hidden rounded-md', className)}\n    {...props}\n  />\n);\n\ntype CommandDialogProps = DialogProps;\n\nconst CommandDialog: FC<CommandDialogProps> = ({ children, ...props }) => (\n  <Dialog {...props}>\n    <DialogContent className=\"overflow-hidden p-0\">\n      <CommandRoot className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]_svg]:size-5\">\n        {children}\n      </CommandRoot>\n    </DialogContent>\n  </Dialog>\n);\n\nconst CommandInput: FC<ComponentProps<typeof CommandPrimitive.Input>> = ({\n  className,\n  ...props\n}) => (\n  <div className=\"flex w-full items-center\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 size-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      className={cn(\n        'flex w-full rounded-md bg-transparent text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  </div>\n);\n\nconst CommandList: FC<ComponentProps<typeof CommandPrimitive.List>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.List\n    className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n);\n\nconst CommandEmpty: FC<ComponentProps<typeof CommandPrimitive.Empty>> = (\n  props\n) => <CommandPrimitive.Empty className=\"py-6 text-center text-sm\" {...props} />;\n\nconst CommandGroup: FC<ComponentProps<typeof CommandPrimitive.Group>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.Group\n    className={cn(\n      'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst CommandSeparator: FC<\n  ComponentProps<typeof CommandPrimitive.Separator>\n> = ({ className, ...props }) => (\n  <CommandPrimitive.Separator\n    className={cn('-mx-1 h-px bg-border', className)}\n    {...props}\n  />\n);\n\nconst CommandItem: FC<ComponentProps<typeof CommandPrimitive.Item>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.Item\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        'ml-auto text-muted-foreground text-xs tracking-widest',\n        className\n      )}\n      {...props}\n    />\n  );\n};\n\n/**\n * Usage example:\n * ```jsx\n * <Command>\n *   <Command.Trigger>\n *     <Command.Input placeholder=\"Search...\" />\n *   </Command.Trigger>\n *   <Command.Dialog>\n *     <Command.List>\n *       <Command.Item>Item 1</Command.Item>\n *       <Command.Item>Item 2</Command.Item>\n *       <Command.Item>Item 3</Command.Item>\n *     </Command.List>\n *   </Command.Dialog>\n * </Command>\n * ```\n */\nexport const Command = {\n  ...CommandRoot,\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Separator: CommandSeparator,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n};\n"],"mappings":"+OAaA,MAAa,GAA4D,CACvE,YACA,GAAG,KAEH,EAACA,EAAAA,CACC,UAAW,EAAG,2CAA4C,EAAU,CACpE,GAAI,GACJ,CAKE,GAAyC,CAAE,WAAU,GAAG,KAC5D,EAAC,EAAA,CAAO,GAAI,WACV,EAAC,EAAA,CAAc,UAAU,+BACvB,EAAC,EAAA,CAAY,UAAU,sSACpB,YACW,EACA,EACT,CAGL,GAAmE,CACvE,YACA,GAAG,KAEH,EAAC,MAAA,CAAI,UAAU,2BAA2B,qBAAmB,aAC3D,EAAC,EAAA,CAAO,UAAU,kCAAA,CAAoC,CACtD,EAACA,EAAiB,MAAA,CAChB,UAAW,EACT,iJACA,EACD,CACD,GAAI,GACJ,CAAA,EACE,CAGF,GAAiE,CACrE,YACA,GAAG,KAEH,EAACA,EAAiB,KAAA,CAChB,UAAW,EAAG,kDAAmD,EAAU,CAC3E,GAAI,GACJ,CAGE,EACJ,GACG,EAACA,EAAiB,MAAA,CAAM,UAAU,2BAA2B,GAAI,GAAS,CAEzE,GAAmE,CACvE,YACA,GAAG,KAEH,EAACA,EAAiB,MAAA,CAChB,UAAW,EACT,yNACA,EACD,CACD,GAAI,GACJ,CAGE,GAED,CAAE,YAAW,GAAG,KACnB,EAACA,EAAiB,UAAA,CAChB,UAAW,EAAG,uBAAwB,EAAU,CAChD,GAAI,GACJ,CAGE,GAAiE,CACrE,YACA,GAAG,KAEH,EAACA,EAAiB,KAAA,CAChB,UAAW,EACT,0PACA,EACD,CACD,GAAI,GACJ,CAGE,GAAmB,CACvB,YACA,GAAG,KAGD,EAAC,OAAA,CACC,UAAW,EACT,wDACA,EACD,CACD,GAAI,GACJ,CAqBO,EAAU,CACrB,GAAG,EACH,OAAQ,EACR,MAAO,EACP,KAAM,EACN,MAAO,EACP,MAAO,EACP,UAAW,EACX,KAAM,EACN,SAAU,EACX"}