asterui 0.12.30 → 0.12.32

package/dist/components/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sources":["../../src/components/Layout.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useEffect } from 'react'\n\nexport interface LayoutProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutHeaderProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutFooterProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutContentProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutSiderProps {\n  children: React.ReactNode\n  width?: number | string\n  collapsedWidth?: number | string\n  collapsed?: boolean\n  defaultCollapsed?: boolean\n  collapsible?: boolean\n  onCollapse?: (collapsed: boolean) => void\n  trigger?: React.ReactNode | null\n  breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n  onBreakpoint?: (broken: boolean) => void\n  className?: string\n  style?: React.CSSProperties\n}\n\ninterface SiderContextValue {\n  collapsed: boolean\n  collapsedWidth: number | string\n  width: number | string\n}\n\nconst SiderContext = createContext<SiderContextValue | null>(null)\n\nexport function useSiderContext() {\n  return useContext(SiderContext)\n}\n\nfunction LayoutRoot({ children, className = '', style }: LayoutProps) {\n  // Check if any child is a Sider to determine flex direction\n  const childArray = React.Children.toArray(children)\n  const hasSider = childArray.some(\n    (child) => React.isValidElement(child) && (child.type as any).displayName === 'LayoutSider'\n  )\n\n  const layoutClasses = [\n    'flex',\n    'min-h-0',\n    hasSider ? 'flex-row' : 'flex-col',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // If we have a Sider, auto-add flex-1 to non-Sider Layout children\n  const processedChildren = hasSider\n    ? childArray.map((child) => {\n        if (\n          React.isValidElement(child) &&\n          (child.type === LayoutRoot || (child.type as any).displayName === 'LayoutRoot') &&\n          (child.type as any).displayName !== 'LayoutSider'\n        ) {\n          // Clone the Layout child and add flex-1 if not already present\n          const existingClassName = (child.props as any).className || ''\n          if (!existingClassName.includes('flex-1')) {\n            return React.cloneElement(child as React.ReactElement<any>, {\n              className: `flex-1 ${existingClassName}`.trim(),\n            })\n          }\n        }\n        return child\n      })\n    : children\n\n  return (\n    <div className={layoutClasses} style={style}>\n      {processedChildren}\n    </div>\n  )\n}\n\nLayoutRoot.displayName = 'LayoutRoot'\n\nfunction LayoutHeader({ children, className = '', style }: LayoutHeaderProps) {\n  const headerClasses = [\n    'flex',\n    'items-center',\n    'px-6',\n    'h-16',\n    'bg-base-300',\n    'flex-shrink-0',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <header className={headerClasses} style={style}>\n      {children}\n    </header>\n  )\n}\n\nfunction LayoutFooter({ children, className = '', style }: LayoutFooterProps) {\n  const footerClasses = [\n    'px-6',\n    'py-4',\n    'text-center',\n    'bg-base-300',\n    'flex-shrink-0',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <footer className={footerClasses} style={style}>\n      {children}\n    </footer>\n  )\n}\n\nfunction LayoutContent({ children, className = '', style }: LayoutContentProps) {\n  // flex-1 by default so Content fills available space\n  const contentClasses = ['flex-1', 'min-h-0', 'overflow-auto', className].filter(Boolean).join(' ')\n\n  return (\n    <main className={contentClasses} style={style}>\n      {children}\n    </main>\n  )\n}\n\nconst BREAKPOINT_MAP: Record<string, string> = {\n  sm: '(max-width: 639px)',\n  md: '(max-width: 767px)',\n  lg: '(max-width: 1023px)',\n  xl: '(max-width: 1279px)',\n  '2xl': '(max-width: 1535px)',\n}\n\nfunction LayoutSider({\n  children,\n  width = 200,\n  collapsedWidth = 80,\n  collapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  collapsible = false,\n  onCollapse,\n  trigger,\n  breakpoint,\n  onBreakpoint,\n  className = '',\n  style,\n}: LayoutSiderProps) {\n  const [internalCollapsed, setInternalCollapsed] = useState(defaultCollapsed)\n  const [broken, setBroken] = useState(false)\n\n  const collapsed = controlledCollapsed ?? internalCollapsed\n\n  // Handle responsive breakpoint\n  useEffect(() => {\n    if (!breakpoint) return\n\n    const mediaQuery = window.matchMedia(BREAKPOINT_MAP[breakpoint])\n\n    const handleChange = (e: MediaQueryListEvent | MediaQueryList) => {\n      const isBroken = e.matches\n      setBroken(isBroken)\n      onBreakpoint?.(isBroken)\n\n      // Auto-collapse when breakpoint is crossed\n      if (controlledCollapsed === undefined) {\n        setInternalCollapsed(isBroken)\n      }\n      if (isBroken !== broken) {\n        onCollapse?.(isBroken)\n      }\n    }\n\n    // Check initial state\n    handleChange(mediaQuery)\n\n    // Listen for changes\n    mediaQuery.addEventListener('change', handleChange)\n    return () => mediaQuery.removeEventListener('change', handleChange)\n  }, [breakpoint, onBreakpoint, controlledCollapsed, onCollapse, broken])\n\n  const handleCollapse = useCallback(() => {\n    const newCollapsed = !collapsed\n    if (controlledCollapsed === undefined) {\n      setInternalCollapsed(newCollapsed)\n    }\n    onCollapse?.(newCollapsed)\n  }, [collapsed, controlledCollapsed, onCollapse])\n\n  const currentWidth = collapsed ? collapsedWidth : width\n\n  const siderClasses = [\n    'flex',\n    'flex-col',\n    'bg-base-200',\n    'flex-shrink-0',\n    'transition-all',\n    'duration-200',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const defaultTrigger = collapsible && trigger !== null && (\n    <button\n      onClick={handleCollapse}\n      className=\"flex items-center justify-center h-10 w-full bg-base-300 hover:bg-base-content/10 transition-colors\"\n      aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n    >\n      <svg\n        className={`w-4 h-4 transition-transform ${collapsed ? 'rotate-180' : ''}`}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n      </svg>\n    </button>\n  )\n\n  return (\n    <SiderContext.Provider value={{ collapsed, collapsedWidth, width }}>\n      <aside\n        className={siderClasses}\n        style={{\n          width: typeof currentWidth === 'number' ? `${currentWidth}px` : currentWidth,\n          ...style,\n        }}\n      >\n        <div className=\"flex-1 overflow-auto\">{children}</div>\n        {trigger !== null && (trigger ?? defaultTrigger)}\n      </aside>\n    </SiderContext.Provider>\n  )\n}\n\nLayoutSider.displayName = 'LayoutSider'\n\nexport const Layout = Object.assign(LayoutRoot, {\n  Header: LayoutHeader,\n  Footer: LayoutFooter,\n  Content: LayoutContent,\n  Sider: LayoutSider,\n})\n"],"names":["SiderContext","createContext","useSiderContext","useContext","LayoutRoot","children","className","style","childArray","React","hasSider","child","layoutClasses","processedChildren","existingClassName","jsx","LayoutHeader","headerClasses","LayoutFooter","footerClasses","LayoutContent","contentClasses","BREAKPOINT_MAP","LayoutSider","width","collapsedWidth","controlledCollapsed","defaultCollapsed","collapsible","onCollapse","trigger","breakpoint","onBreakpoint","internalCollapsed","setInternalCollapsed","useState","broken","setBroken","collapsed","useEffect","mediaQuery","handleChange","e","isBroken","handleCollapse","useCallback","newCollapsed","currentWidth","siderClasses","defaultTrigger","jsxs","Layout"],"mappings":"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"}

package/dist/{index47.js → components/List.js}

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as e } from "react/jsx-runtime";
 import p, { forwardRef as L } from "react";
-import { Pagination as P } from "./index61.js";
-import { Loading as W } from "./index48.js";
+import { Pagination as P } from "./Pagination.js";
+import { Loading as W } from "./Loading.js";
 const q = {
   sm: "py-2",
   md: "py-3",
@@ -43,26 +43,26 @@ const z = L(
     bordered: b = !0,
     split: N = !0,
     size: h = "md",
-    itemLayout: _ = "horizontal",
+    itemLayout: k = "horizontal",
     locale: y,
     loadMore: $,
     rowKey: f,
     children: g,
-    className: k = "",
-    "aria-label": w,
+    className: w = "",
+    "aria-label": E,
     "data-testid": t = "list",
-    ...E
-  }, R) => {
-    const M = [
+    ...R
+  }, M) => {
+    const T = [
       "list bg-base-100 rounded-box",
       b && "border border-base-300",
       N && "[&_.list-row]:border-b [&_.list-row]:border-base-200 [&_.list-row:last-child]:border-b-0",
-      k
-    ].filter(Boolean).join(" "), v = q[h], T = c ? {
+      w
+    ].filter(Boolean).join(" "), v = q[h], _ = c ? {
       display: "grid",
       gridTemplateColumns: `repeat(${c.column || 1}, minmax(0, 1fr))`,
       gap: c.gutter ? `${c.gutter}px` : void 0
-    } : {}, B = (s, n) => f ? typeof f == "function" ? f(s) : String(s[f] ?? n) : n, C = _ === "vertical" ? "flex-col items-start" : "", O = () => m ? /* @__PURE__ */ e("div", { className: "flex justify-center py-8", "data-testid": `${t}-loading`, role: "status", children: /* @__PURE__ */ e(W, { size: "md", "aria-label": "Loading list" }) }) : r && a ? r.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-8 text-base-content/50", "data-testid": `${t}-empty`, children: y?.emptyText ?? "No data" }) : r.map((s, n) => {
+    } : {}, B = (s, n) => f ? typeof f == "function" ? f(s) : String(s[f] ?? n) : n, C = k === "vertical" ? "flex-col items-start" : "", O = () => m ? /* @__PURE__ */ e("div", { className: "flex justify-center py-8", "data-testid": `${t}-loading`, role: "status", children: /* @__PURE__ */ e(W, { size: "md", "aria-label": "Loading list" }) }) : r && a ? r.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-8 text-base-content/50", "data-testid": `${t}-empty`, children: y?.emptyText ?? "No data" }) : r.map((s, n) => {
       const o = a(s, n), S = B(s, n);
       if (p.isValidElement(o)) {
         const V = o.props.className || "";
@@ -88,12 +88,12 @@ const z = L(
       /* @__PURE__ */ e(
         "ul",
         {
-          ref: R,
+          ref: M,
           role: "list",
-          "aria-label": w,
-          className: M,
-          style: T,
-          ...E,
+          "aria-label": E,
+          className: T,
+          style: _,
+          ...R,
           children: O()
         }
       ),
@@ -122,4 +122,4 @@ const A = Object.assign(x, {
 export {
   J as List
 };
-//# sourceMappingURL=index47.js.map
+//# sourceMappingURL=List.js.map

package/dist/{index47.js.map → components/List.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index47.js","sources":["../src/components/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Pagination } from './Pagination'\nimport { Loading } from './Loading'\n\nexport interface ListPaginationConfig {\n  current?: number\n  pageSize?: number\n  total?: number\n  onChange?: (page: number, pageSize: number) => void\n}\n\nexport interface ListGridConfig {\n  gutter?: number\n  column?: number\n  xs?: number\n  sm?: number\n  md?: number\n  lg?: number\n  xl?: number\n}\n\nexport interface ListProps<T = unknown> extends Omit<React.HTMLAttributes<HTMLUListElement>, 'children'> {\n  /** Data source array */\n  dataSource?: T[]\n  /** Function to render each item */\n  renderItem?: (item: T, index: number) => React.ReactNode\n  /** List header content */\n  header?: React.ReactNode\n  /** List footer content */\n  footer?: React.ReactNode\n  /** Show loading state */\n  loading?: boolean\n  /** Pagination configuration or false to disable */\n  pagination?: ListPaginationConfig | false\n  /** Grid layout configuration */\n  grid?: ListGridConfig\n  /** Show border around list */\n  bordered?: boolean\n  /** Show divider between items */\n  split?: boolean\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg'\n  /** Layout direction */\n  itemLayout?: 'horizontal' | 'vertical'\n  /** Empty state text */\n  locale?: { emptyText?: React.ReactNode }\n  /** Load more content (e.g., button) */\n  loadMore?: React.ReactNode\n  /** Custom key extraction function */\n  rowKey?: keyof T | ((item: T) => React.Key)\n  /** Compound pattern children */\n  children?: React.ReactNode\n  /** Accessible label for the list */\n  'aria-label'?: string\n  /** Test ID for the component */\n  'data-testid'?: string\n}\n\nexport interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  /** Item content */\n  children: React.ReactNode\n  /** Action buttons */\n  actions?: React.ReactNode[]\n  /** Extra content on the right */\n  extra?: React.ReactNode\n  /** Test ID for this item */\n  'data-testid'?: string\n}\n\nexport interface ListItemMetaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Avatar or icon */\n  avatar?: React.ReactNode\n  /** Title content */\n  title?: React.ReactNode\n  /** Description content */\n  description?: React.ReactNode\n}\n\n// Also export as ListRowProps for backwards compatibility with DaisyUI pattern\nexport type ListRowProps = ListItemProps\n\nconst sizeClasses = {\n  sm: 'py-2',\n  md: 'py-3',\n  lg: 'py-4',\n}\n\nconst ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n  ({ children, actions, extra, className = '', 'data-testid': testId, ...rest }, ref) => {\n    const classes = ['list-row', className].filter(Boolean).join(' ')\n\n    return (\n      <li ref={ref} className={classes} data-testid={testId} {...rest}>\n        <div className=\"flex-1\">{children}</div>\n        {extra && <div className=\"flex-shrink-0\">{extra}</div>}\n        {actions && actions.length > 0 && (\n          <div className=\"flex items-center gap-2 flex-shrink-0\">\n            {actions.map((action, index) => (\n              <span key={index}>{action}</span>\n            ))}\n          </div>\n        )}\n      </li>\n    )\n  }\n)\n\nListItem.displayName = 'List.Item'\n\nconst ListItemMeta: React.FC<ListItemMetaProps> = ({\n  avatar,\n  title,\n  description,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <div className={`flex items-center gap-3 ${className}`} {...rest}>\n      {avatar && <div className=\"flex-shrink-0\">{avatar}</div>}\n      <div className=\"flex-1 min-w-0\">\n        {title && <div className=\"font-medium truncate\">{title}</div>}\n        {description && (\n          <div className=\"text-sm text-base-content/70 truncate\">{description}</div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nListItemMeta.displayName = 'List.Item.Meta'\n\nconst ListRoot = forwardRef<HTMLUListElement, ListProps>(\n  (\n    {\n      dataSource,\n      renderItem,\n      header,\n      footer,\n      loading = false,\n      pagination = false,\n      grid,\n      bordered = true,\n      split = true,\n      size = 'md',\n      itemLayout = 'horizontal',\n      locale,\n      loadMore,\n      rowKey,\n      children,\n      className = '',\n      'aria-label': ariaLabel,\n      'data-testid': testId = 'list',\n      ...rest\n    },\n    ref\n  ) => {\n    const listClasses = [\n      'list bg-base-100 rounded-box',\n      bordered && 'border border-base-300',\n      split && '[&_.list-row]:border-b [&_.list-row]:border-base-200 [&_.list-row:last-child]:border-b-0',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const itemClasses = sizeClasses[size]\n\n    // Grid styles\n    const gridStyles: React.CSSProperties = grid\n      ? {\n          display: 'grid',\n          gridTemplateColumns: `repeat(${grid.column || 1}, minmax(0, 1fr))`,\n          gap: grid.gutter ? `${grid.gutter}px` : undefined,\n        }\n      : {}\n\n    // Get key for item\n    const getItemKey = (item: unknown, index: number): React.Key => {\n      if (!rowKey) return index\n      if (typeof rowKey === 'function') return rowKey(item as Parameters<typeof rowKey>[0])\n      return String((item as Record<string, unknown>)[rowKey as string] ?? index)\n    }\n\n    // Layout class for vertical items\n    const layoutClass = itemLayout === 'vertical' ? 'flex-col items-start' : ''\n\n    // Render items from dataSource or children\n    const renderContent = () => {\n      if (loading) {\n        return (\n          <div className=\"flex justify-center py-8\" data-testid={`${testId}-loading`} role=\"status\">\n            <Loading size=\"md\" aria-label=\"Loading list\" />\n          </div>\n        )\n      }\n\n      // Use dataSource + renderItem if provided\n      if (dataSource && renderItem) {\n        if (dataSource.length === 0) {\n          return (\n            <div className=\"text-center py-8 text-base-content/50\" data-testid={`${testId}-empty`}>\n              {locale?.emptyText ?? 'No data'}\n            </div>\n          )\n        }\n\n        return dataSource.map((item, index) => {\n          const rendered = renderItem(item, index)\n          const key = getItemKey(item, index)\n          // Inject size and layout classes into list items\n          if (React.isValidElement(rendered)) {\n            const existingClassName = (rendered.props as { className?: string }).className || ''\n            return React.cloneElement(rendered, {\n              key,\n              className: `${existingClassName} ${itemClasses} ${layoutClass}`.trim(),\n              'data-testid': `${testId}-item-${index}`,\n            } as React.Attributes & { className?: string; 'data-testid'?: string })\n          }\n          return rendered\n        })\n      }\n\n      // Use compound children pattern\n      if (children) {\n        return React.Children.map(children, (child, index) => {\n          if (React.isValidElement(child)) {\n            const existingClassName = (child.props as { className?: string }).className || ''\n            return React.cloneElement(child, {\n              className: `${existingClassName} ${itemClasses} ${layoutClass}`.trim(),\n              'data-testid': `${testId}-item-${index}`,\n            } as React.Attributes & { className?: string; 'data-testid'?: string })\n          }\n          return child\n        })\n      }\n\n      return (\n        <div className=\"text-center py-8 text-base-content/50\" data-testid={`${testId}-empty`}>\n          {locale?.emptyText ?? 'No data'}\n        </div>\n      )\n    }\n\n    return (\n      <div data-testid={testId} aria-busy={loading}>\n        {header && (\n          <div className=\"px-4 py-3 border-b border-base-200 font-medium\" data-testid={`${testId}-header`}>\n            {header}\n          </div>\n        )}\n\n        <ul\n          ref={ref}\n          role=\"list\"\n          aria-label={ariaLabel}\n          className={listClasses}\n          style={gridStyles}\n          {...rest}\n        >\n          {renderContent()}\n        </ul>\n\n        {footer && (\n          <div className=\"px-4 py-3 border-t border-base-200\" data-testid={`${testId}-footer`}>\n            {footer}\n          </div>\n        )}\n\n        {loadMore && (\n          <div className=\"py-4 text-center\" data-testid={`${testId}-load-more`}>\n            {loadMore}\n          </div>\n        )}\n\n        {pagination && pagination.total !== undefined && (\n          <div className=\"flex justify-end pt-4\" data-testid={`${testId}-pagination`}>\n            <Pagination\n              current={pagination.current}\n              pageSize={pagination.pageSize}\n              total={pagination.total}\n              onChange={pagination.onChange}\n            />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nListRoot.displayName = 'List'\n\n// Compound component with Item and Item.Meta\nconst ItemWithMeta = Object.assign(ListItem, {\n  Meta: ListItemMeta,\n})\n\nexport const List = Object.assign(ListRoot, {\n  Item: ItemWithMeta,\n  Row: ListItem, // Backwards compatibility with DaisyUI pattern\n})\n"],"names":["sizeClasses","ListItem","forwardRef","children","actions","extra","className","testId","rest","ref","classes","jsxs","jsx","action","index","ListItemMeta","avatar","title","description","ListRoot","dataSource","renderItem","header","footer","loading","pagination","grid","bordered","split","size","itemLayout","locale","loadMore","rowKey","ariaLabel","listClasses","itemClasses","gridStyles","getItemKey","item","layoutClass","renderContent","Loading","rendered","key","React","existingClassName","child","Pagination","ItemWithMeta","List"],"mappings":"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"}
+{"version":3,"file":"List.js","sources":["../../src/components/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Pagination } from './Pagination'\nimport { Loading } from './Loading'\n\nexport interface ListPaginationConfig {\n  current?: number\n  pageSize?: number\n  total?: number\n  onChange?: (page: number, pageSize: number) => void\n}\n\nexport interface ListGridConfig {\n  gutter?: number\n  column?: number\n  xs?: number\n  sm?: number\n  md?: number\n  lg?: number\n  xl?: number\n}\n\nexport interface ListProps<T = unknown> extends Omit<React.HTMLAttributes<HTMLUListElement>, 'children'> {\n  /** Data source array */\n  dataSource?: T[]\n  /** Function to render each item */\n  renderItem?: (item: T, index: number) => React.ReactNode\n  /** List header content */\n  header?: React.ReactNode\n  /** List footer content */\n  footer?: React.ReactNode\n  /** Show loading state */\n  loading?: boolean\n  /** Pagination configuration or false to disable */\n  pagination?: ListPaginationConfig | false\n  /** Grid layout configuration */\n  grid?: ListGridConfig\n  /** Show border around list */\n  bordered?: boolean\n  /** Show divider between items */\n  split?: boolean\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg'\n  /** Layout direction */\n  itemLayout?: 'horizontal' | 'vertical'\n  /** Empty state text */\n  locale?: { emptyText?: React.ReactNode }\n  /** Load more content (e.g., button) */\n  loadMore?: React.ReactNode\n  /** Custom key extraction function */\n  rowKey?: keyof T | ((item: T) => React.Key)\n  /** Compound pattern children */\n  children?: React.ReactNode\n  /** Accessible label for the list */\n  'aria-label'?: string\n  /** Test ID for the component */\n  'data-testid'?: string\n}\n\nexport interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  /** Item content */\n  children: React.ReactNode\n  /** Action buttons */\n  actions?: React.ReactNode[]\n  /** Extra content on the right */\n  extra?: React.ReactNode\n  /** Test ID for this item */\n  'data-testid'?: string\n}\n\nexport interface ListItemMetaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Avatar or icon */\n  avatar?: React.ReactNode\n  /** Title content */\n  title?: React.ReactNode\n  /** Description content */\n  description?: React.ReactNode\n}\n\n// Also export as ListRowProps for backwards compatibility with DaisyUI pattern\nexport type ListRowProps = ListItemProps\n\nconst sizeClasses = {\n  sm: 'py-2',\n  md: 'py-3',\n  lg: 'py-4',\n}\n\nconst ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n  ({ children, actions, extra, className = '', 'data-testid': testId, ...rest }, ref) => {\n    const classes = ['list-row', className].filter(Boolean).join(' ')\n\n    return (\n      <li ref={ref} className={classes} data-testid={testId} {...rest}>\n        <div className=\"flex-1\">{children}</div>\n        {extra && <div className=\"flex-shrink-0\">{extra}</div>}\n        {actions && actions.length > 0 && (\n          <div className=\"flex items-center gap-2 flex-shrink-0\">\n            {actions.map((action, index) => (\n              <span key={index}>{action}</span>\n            ))}\n          </div>\n        )}\n      </li>\n    )\n  }\n)\n\nListItem.displayName = 'List.Item'\n\nconst ListItemMeta: React.FC<ListItemMetaProps> = ({\n  avatar,\n  title,\n  description,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <div className={`flex items-center gap-3 ${className}`} {...rest}>\n      {avatar && <div className=\"flex-shrink-0\">{avatar}</div>}\n      <div className=\"flex-1 min-w-0\">\n        {title && <div className=\"font-medium truncate\">{title}</div>}\n        {description && (\n          <div className=\"text-sm text-base-content/70 truncate\">{description}</div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nListItemMeta.displayName = 'List.Item.Meta'\n\nconst ListRoot = forwardRef<HTMLUListElement, ListProps>(\n  (\n    {\n      dataSource,\n      renderItem,\n      header,\n      footer,\n      loading = false,\n      pagination = false,\n      grid,\n      bordered = true,\n      split = true,\n      size = 'md',\n      itemLayout = 'horizontal',\n      locale,\n      loadMore,\n      rowKey,\n      children,\n      className = '',\n      'aria-label': ariaLabel,\n      'data-testid': testId = 'list',\n      ...rest\n    },\n    ref\n  ) => {\n    const listClasses = [\n      'list bg-base-100 rounded-box',\n      bordered && 'border border-base-300',\n      split && '[&_.list-row]:border-b [&_.list-row]:border-base-200 [&_.list-row:last-child]:border-b-0',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const itemClasses = sizeClasses[size]\n\n    // Grid styles\n    const gridStyles: React.CSSProperties = grid\n      ? {\n          display: 'grid',\n          gridTemplateColumns: `repeat(${grid.column || 1}, minmax(0, 1fr))`,\n          gap: grid.gutter ? `${grid.gutter}px` : undefined,\n        }\n      : {}\n\n    // Get key for item\n    const getItemKey = (item: unknown, index: number): React.Key => {\n      if (!rowKey) return index\n      if (typeof rowKey === 'function') return rowKey(item as Parameters<typeof rowKey>[0])\n      return String((item as Record<string, unknown>)[rowKey as string] ?? index)\n    }\n\n    // Layout class for vertical items\n    const layoutClass = itemLayout === 'vertical' ? 'flex-col items-start' : ''\n\n    // Render items from dataSource or children\n    const renderContent = () => {\n      if (loading) {\n        return (\n          <div className=\"flex justify-center py-8\" data-testid={`${testId}-loading`} role=\"status\">\n            <Loading size=\"md\" aria-label=\"Loading list\" />\n          </div>\n        )\n      }\n\n      // Use dataSource + renderItem if provided\n      if (dataSource && renderItem) {\n        if (dataSource.length === 0) {\n          return (\n            <div className=\"text-center py-8 text-base-content/50\" data-testid={`${testId}-empty`}>\n              {locale?.emptyText ?? 'No data'}\n            </div>\n          )\n        }\n\n        return dataSource.map((item, index) => {\n          const rendered = renderItem(item, index)\n          const key = getItemKey(item, index)\n          // Inject size and layout classes into list items\n          if (React.isValidElement(rendered)) {\n            const existingClassName = (rendered.props as { className?: string }).className || ''\n            return React.cloneElement(rendered, {\n              key,\n              className: `${existingClassName} ${itemClasses} ${layoutClass}`.trim(),\n              'data-testid': `${testId}-item-${index}`,\n            } as React.Attributes & { className?: string; 'data-testid'?: string })\n          }\n          return rendered\n        })\n      }\n\n      // Use compound children pattern\n      if (children) {\n        return React.Children.map(children, (child, index) => {\n          if (React.isValidElement(child)) {\n            const existingClassName = (child.props as { className?: string }).className || ''\n            return React.cloneElement(child, {\n              className: `${existingClassName} ${itemClasses} ${layoutClass}`.trim(),\n              'data-testid': `${testId}-item-${index}`,\n            } as React.Attributes & { className?: string; 'data-testid'?: string })\n          }\n          return child\n        })\n      }\n\n      return (\n        <div className=\"text-center py-8 text-base-content/50\" data-testid={`${testId}-empty`}>\n          {locale?.emptyText ?? 'No data'}\n        </div>\n      )\n    }\n\n    return (\n      <div data-testid={testId} aria-busy={loading}>\n        {header && (\n          <div className=\"px-4 py-3 border-b border-base-200 font-medium\" data-testid={`${testId}-header`}>\n            {header}\n          </div>\n        )}\n\n        <ul\n          ref={ref}\n          role=\"list\"\n          aria-label={ariaLabel}\n          className={listClasses}\n          style={gridStyles}\n          {...rest}\n        >\n          {renderContent()}\n        </ul>\n\n        {footer && (\n          <div className=\"px-4 py-3 border-t border-base-200\" data-testid={`${testId}-footer`}>\n            {footer}\n          </div>\n        )}\n\n        {loadMore && (\n          <div className=\"py-4 text-center\" data-testid={`${testId}-load-more`}>\n            {loadMore}\n          </div>\n        )}\n\n        {pagination && pagination.total !== undefined && (\n          <div className=\"flex justify-end pt-4\" data-testid={`${testId}-pagination`}>\n            <Pagination\n              current={pagination.current}\n              pageSize={pagination.pageSize}\n              total={pagination.total}\n              onChange={pagination.onChange}\n            />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nListRoot.displayName = 'List'\n\n// Compound component with Item and Item.Meta\nconst ItemWithMeta = Object.assign(ListItem, {\n  Meta: ListItemMeta,\n})\n\nexport const List = Object.assign(ListRoot, {\n  Item: ItemWithMeta,\n  Row: ListItem, // Backwards compatibility with DaisyUI pattern\n})\n"],"names":["sizeClasses","ListItem","forwardRef","children","actions","extra","className","testId","rest","ref","classes","jsxs","jsx","action","index","ListItemMeta","avatar","title","description","ListRoot","dataSource","renderItem","header","footer","loading","pagination","grid","bordered","split","size","itemLayout","locale","loadMore","rowKey","ariaLabel","listClasses","itemClasses","gridStyles","getItemKey","item","layoutClass","renderContent","Loading","rendered","key","React","existingClassName","child","Pagination","ItemWithMeta","List"],"mappings":"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"}

package/dist/{index48.js → components/Loading.js}

@@ -35,4 +35,4 @@ const f = ({
 export {
   f as Loading
 };
-//# sourceMappingURL=index48.js.map
+//# sourceMappingURL=Loading.js.map

package/dist/components/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sources":["../../src/components/Loading.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  type?: 'spinner' | 'dots' | 'ring' | 'ball' | 'bars' | 'infinity'\n  spinning?: boolean\n  children?: React.ReactNode\n  tip?: string\n}\n\nexport const Loading: React.FC<LoadingProps> = ({\n  size = 'md',\n  type = 'spinner',\n  className = '',\n  spinning = true,\n  children,\n  tip,\n  ...rest\n}) => {\n  const sizeClasses = {\n    xs: 'loading-xs',\n    sm: 'loading-sm',\n    md: 'loading-md',\n    lg: 'loading-lg',\n  }\n\n  const typeClasses = {\n    spinner: 'loading-spinner',\n    dots: 'loading-dots',\n    ring: 'loading-ring',\n    ball: 'loading-ball',\n    bars: 'loading-bars',\n    infinity: 'loading-infinity',\n  }\n\n  const spinnerClasses = ['loading', typeClasses[type], sizeClasses[size], className]\n    .filter(Boolean)\n    .join(' ')\n\n  if (children) {\n    return (\n      <div className=\"relative\" {...rest}>\n        {spinning && (\n          <div className=\"absolute inset-0 flex flex-col items-center justify-center bg-base-100/50 backdrop-blur-sm z-10\">\n            <span className={spinnerClasses}></span>\n            {tip && <p className=\"mt-2 text-sm\">{tip}</p>}\n          </div>\n        )}\n        <div className={spinning ? 'pointer-events-none' : ''}>{children}</div>\n      </div>\n    )\n  }\n\n  if (!spinning) {\n    return null\n  }\n\n  return (\n    <div className=\"flex flex-col items-center gap-2\" {...rest}>\n      <span className={spinnerClasses}></span>\n      {tip && <p className=\"text-sm\">{tip}</p>}\n    </div>\n  )\n}\n"],"names":["Loading","size","type","className","spinning","children","tip","rest","sizeClasses","spinnerClasses","jsxs","jsx"],"mappings":";AAUO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAYAC,IAAiB,CAAC,WATJ;AAAA,IAClB,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,EAAA,EAGmCP,CAAI,GAAGM,EAAYP,CAAI,GAAGE,CAAS,EAC/E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAIE,IAEA,gBAAAK,EAAC,OAAA,EAAI,WAAU,YAAY,GAAGH,GAC3B,UAAA;AAAA,IAAAH,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,mGACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAA,CAAgB;AAAA,MAChCH,KAAO,gBAAAK,EAAC,KAAA,EAAE,WAAU,gBAAgB,UAAAL,EAAA,CAAI;AAAA,IAAA,GAC3C;AAAA,sBAED,OAAA,EAAI,WAAWF,IAAW,wBAAwB,IAAK,UAAAC,EAAA,CAAS;AAAA,EAAA,GACnE,IAICD,IAKH,gBAAAM,EAAC,OAAA,EAAI,WAAU,oCAAoC,GAAGH,GACpD,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWF,EAAA,CAAgB;AAAA,IAChCH,KAAO,gBAAAK,EAAC,KAAA,EAAE,WAAU,WAAW,UAAAL,EAAA,CAAI;AAAA,EAAA,GACtC,IAPO;AASX;"}

package/dist/{index49.js → components/Mask.js}

@@ -34,4 +34,4 @@ g.displayName = "Mask";
 export {
   g as Mask
 };
-//# sourceMappingURL=index49.js.map
+//# sourceMappingURL=Mask.js.map

package/dist/{index49.js.map → components/Mask.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index49.js","sources":["../src/components/Mask.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport type MaskShape =\n  | 'squircle'\n  | 'heart'\n  | 'hexagon'\n  | 'hexagon-2'\n  | 'decagon'\n  | 'pentagon'\n  | 'diamond'\n  | 'square'\n  | 'circle'\n  | 'star'\n  | 'star-2'\n  | 'triangle'\n  | 'triangle-2'\n  | 'triangle-3'\n  | 'triangle-4'\n\nexport type MaskHalf = 'half-1' | 'half-2'\n\nexport interface MaskProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Shape of the mask */\n  shape: MaskShape\n  /** Show only half of the mask */\n  half?: MaskHalf\n  /** Content to mask (typically an image) */\n  children: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst shapeClasses: Record<MaskShape, string> = {\n  squircle: 'mask-squircle',\n  heart: 'mask-heart',\n  hexagon: 'mask-hexagon',\n  'hexagon-2': 'mask-hexagon-2',\n  decagon: 'mask-decagon',\n  pentagon: 'mask-pentagon',\n  diamond: 'mask-diamond',\n  square: 'mask-square',\n  circle: 'mask-circle',\n  star: 'mask-star',\n  'star-2': 'mask-star-2',\n  triangle: 'mask-triangle',\n  'triangle-2': 'mask-triangle-2',\n  'triangle-3': 'mask-triangle-3',\n  'triangle-4': 'mask-triangle-4',\n}\n\nconst halfClasses: Record<MaskHalf, string> = {\n  'half-1': 'mask-half-1',\n  'half-2': 'mask-half-2',\n}\n\nexport const Mask = forwardRef<HTMLDivElement, MaskProps>(\n  ({ shape, half, children, className = '', ...props }, ref) => {\n    const classes = [\n      'mask',\n      shapeClasses[shape],\n      half ? halfClasses[half] : '',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <div ref={ref} className={classes} {...props}>\n        {children}\n      </div>\n    )\n  }\n)\n\nMask.displayName = 'Mask'\n"],"names":["shapeClasses","halfClasses","Mask","forwardRef","shape","half","children","className","props","ref","classes"],"mappings":";;AAgCA,MAAMA,IAA0C;AAAA,EAC9C,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAChB,GAEMC,IAAwC;AAAA,EAC5C,UAAU;AAAA,EACV,UAAU;AACZ,GAEaC,IAAOC;AAAA,EAClB,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AAC5D,UAAMC,IAAU;AAAA,MACd;AAAA,MACAV,EAAaI,CAAK;AAAA,MAClBC,IAAOJ,EAAYI,CAAI,IAAI;AAAA,MAC3BE;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,6BACG,OAAA,EAAI,KAAAE,GAAU,WAAWC,GAAU,GAAGF,GACpC,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAJ,EAAK,cAAc;"}
+{"version":3,"file":"Mask.js","sources":["../../src/components/Mask.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport type MaskShape =\n  | 'squircle'\n  | 'heart'\n  | 'hexagon'\n  | 'hexagon-2'\n  | 'decagon'\n  | 'pentagon'\n  | 'diamond'\n  | 'square'\n  | 'circle'\n  | 'star'\n  | 'star-2'\n  | 'triangle'\n  | 'triangle-2'\n  | 'triangle-3'\n  | 'triangle-4'\n\nexport type MaskHalf = 'half-1' | 'half-2'\n\nexport interface MaskProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Shape of the mask */\n  shape: MaskShape\n  /** Show only half of the mask */\n  half?: MaskHalf\n  /** Content to mask (typically an image) */\n  children: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst shapeClasses: Record<MaskShape, string> = {\n  squircle: 'mask-squircle',\n  heart: 'mask-heart',\n  hexagon: 'mask-hexagon',\n  'hexagon-2': 'mask-hexagon-2',\n  decagon: 'mask-decagon',\n  pentagon: 'mask-pentagon',\n  diamond: 'mask-diamond',\n  square: 'mask-square',\n  circle: 'mask-circle',\n  star: 'mask-star',\n  'star-2': 'mask-star-2',\n  triangle: 'mask-triangle',\n  'triangle-2': 'mask-triangle-2',\n  'triangle-3': 'mask-triangle-3',\n  'triangle-4': 'mask-triangle-4',\n}\n\nconst halfClasses: Record<MaskHalf, string> = {\n  'half-1': 'mask-half-1',\n  'half-2': 'mask-half-2',\n}\n\nexport const Mask = forwardRef<HTMLDivElement, MaskProps>(\n  ({ shape, half, children, className = '', ...props }, ref) => {\n    const classes = [\n      'mask',\n      shapeClasses[shape],\n      half ? halfClasses[half] : '',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <div ref={ref} className={classes} {...props}>\n        {children}\n      </div>\n    )\n  }\n)\n\nMask.displayName = 'Mask'\n"],"names":["shapeClasses","halfClasses","Mask","forwardRef","shape","half","children","className","props","ref","classes"],"mappings":";;AAgCA,MAAMA,IAA0C;AAAA,EAC9C,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAChB,GAEMC,IAAwC;AAAA,EAC5C,UAAU;AAAA,EACV,UAAU;AACZ,GAEaC,IAAOC;AAAA,EAClB,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AAC5D,UAAMC,IAAU;AAAA,MACd;AAAA,MACAV,EAAaI,CAAK;AAAA,MAClBC,IAAOJ,EAAYI,CAAI,IAAI;AAAA,MAC3BE;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,6BACG,OAAA,EAAI,KAAAE,GAAU,WAAWC,GAAU,GAAGF,GACpC,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAJ,EAAK,cAAc;"}

package/dist/{index50.js → components/Masonry.js}

@@ -1,5 +1,5 @@
 import { jsx as H } from "react/jsx-runtime";
-import F, { useRef as R, useState as b, useCallback as I, useLayoutEffect as A } from "react";
+import I, { useRef as R, useState as b, useCallback as K, useLayoutEffect as A } from "react";
 const d = {
   sm: 640,
   md: 768,
@@ -10,7 +10,7 @@ const d = {
 function L(t, e) {
   return typeof t == "number" ? t : t ? t["2xl"] !== void 0 && e >= d["2xl"] ? t["2xl"] : t.xl !== void 0 && e >= d.xl ? t.xl : t.lg !== void 0 && e >= d.lg ? t.lg : t.md !== void 0 && e >= d.md ? t.md : t.sm !== void 0 && e >= d.sm ? t.sm : t.xs !== void 0 ? t.xs : 3 : 3;
 }
-const K = ({
+const O = ({
   children: t,
   columns: e = 3,
   gap: r = 16,
@@ -18,21 +18,21 @@ const K = ({
   style: M,
   ...P
 }) => {
-  const h = R(null), [l, T] = b([]), [y, _] = b(0), w = R([]), c = F.Children.toArray(t), s = I(() => {
-    const i = h.current;
+  const u = R(null), [l, T] = b([]), [y, N] = b(0), w = R([]), c = I.Children.toArray(t), s = K(() => {
+    const i = u.current;
     if (!i || c.length === 0) return;
-    const n = i.offsetWidth, m = typeof window < "u" ? window.innerWidth : n, a = L(e, m), S = (n - r * (a - 1)) / a, o = new Array(a).fill(0), W = [];
-    c.forEach((O, x) => {
+    const n = i.offsetWidth, m = typeof window < "u" ? window.innerWidth : n, a = L(e, m), j = (n - r * (a - 1)) / a, o = new Array(a).fill(0), W = [];
+    c.forEach((_, x) => {
       const C = w.current[x];
       if (!C) return;
-      let u = 0, E = o[0];
+      let h = 0, E = o[0];
       for (let f = 1; f < a; f++)
-        o[f] < E && (E = o[f], u = f);
-      const j = u * (S + r), k = o[u];
-      W[x] = { left: j, top: k };
-      const B = C.offsetHeight;
-      o[u] += B + r;
-    }), T(W), _(Math.max(...o) - r);
+        o[f] < E && (E = o[f], h = f);
+      const k = h * (j + r), B = o[h];
+      W[x] = { left: k, top: B };
+      const F = C.offsetHeight;
+      o[h] += F + r;
+    }), T(W), N(Math.max(...o) - r);
   }, [t, e, r, c.length]);
   A(() => {
     s();
@@ -44,11 +44,11 @@ const K = ({
     const i = setTimeout(s, 0);
     return () => clearTimeout(i);
   }, [t, s]);
-  const v = h.current?.offsetWidth ?? 0, N = typeof window < "u" ? window.innerWidth : v, g = L(e, N), p = v > 0 ? (v - r * (g - 1)) / g : 0;
+  const v = u.current?.offsetWidth ?? 0, S = typeof window < "u" ? window.innerWidth : v, g = L(e, S), p = v > 0 ? (v - r * (g - 1)) / g : 0;
   return /* @__PURE__ */ H(
     "div",
     {
-      ref: h,
+      ref: u,
       className: z,
       style: {
         position: "relative",
@@ -76,9 +76,9 @@ const K = ({
     }
   );
 };
-K.displayName = "Masonry";
+O.displayName = "Masonry";
 export {
-  K as Masonry,
-  K as default
+  O as Masonry,
+  O as default
 };
-//# sourceMappingURL=index50.js.map
+//# sourceMappingURL=Masonry.js.map

package/dist/components/Masonry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Masonry.js","sources":["../../src/components/Masonry.tsx"],"sourcesContent":["import React, { useRef, useState, useLayoutEffect, useCallback } from 'react'\n\nexport interface MasonryProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  columns?:\n    | number\n    | {\n        xs?: number\n        sm?: number\n        md?: number\n        lg?: number\n        xl?: number\n        '2xl'?: number\n      }\n  gap?: number\n}\n\n// Tailwind breakpoints in pixels\nconst BREAKPOINTS = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n}\n\nfunction getColumnsForWidth(\n  columns: MasonryProps['columns'],\n  width: number\n): number {\n  if (typeof columns === 'number') {\n    return columns\n  }\n\n  if (!columns) return 3\n\n  // Find the appropriate column count for current width\n  // Start from largest breakpoint and work down\n  if (columns['2xl'] !== undefined && width >= BREAKPOINTS['2xl']) {\n    return columns['2xl']\n  }\n  if (columns.xl !== undefined && width >= BREAKPOINTS.xl) {\n    return columns.xl\n  }\n  if (columns.lg !== undefined && width >= BREAKPOINTS.lg) {\n    return columns.lg\n  }\n  if (columns.md !== undefined && width >= BREAKPOINTS.md) {\n    return columns.md\n  }\n  if (columns.sm !== undefined && width >= BREAKPOINTS.sm) {\n    return columns.sm\n  }\n  if (columns.xs !== undefined) {\n    return columns.xs\n  }\n\n  // Default fallback\n  return 3\n}\n\nexport const Masonry: React.FC<MasonryProps> = ({\n  children,\n  columns = 3,\n  gap = 16,\n  className = '',\n  style,\n  ...rest\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [positions, setPositions] = useState<\n    Array<{ left: number; top: number }>\n  >([])\n  const [containerHeight, setContainerHeight] = useState(0)\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([])\n\n  const childArray = React.Children.toArray(children)\n\n  const calculateLayout = useCallback(() => {\n    const container = containerRef.current\n    if (!container || childArray.length === 0) return\n\n    const containerWidth = container.offsetWidth\n    // Use viewport width for responsive breakpoints (matches Tailwind behavior)\n    const viewportWidth = typeof window !== 'undefined' ? window.innerWidth : containerWidth\n    const numColumns = getColumnsForWidth(columns, viewportWidth)\n    const columnWidth = (containerWidth - gap * (numColumns - 1)) / numColumns\n\n    // Track height of each column\n    const columnHeights = new Array(numColumns).fill(0)\n    const newPositions: Array<{ left: number; top: number }> = []\n\n    // Place each item in the shortest column\n    childArray.forEach((_, index) => {\n      const itemEl = itemRefs.current[index]\n      if (!itemEl) return\n\n      // Find shortest column\n      let shortestColumn = 0\n      let minHeight = columnHeights[0]\n      for (let i = 1; i < numColumns; i++) {\n        if (columnHeights[i] < minHeight) {\n          minHeight = columnHeights[i]\n          shortestColumn = i\n        }\n      }\n\n      // Calculate position\n      const left = shortestColumn * (columnWidth + gap)\n      const top = columnHeights[shortestColumn]\n\n      newPositions[index] = { left, top }\n\n      // Update column height\n      const itemHeight = itemEl.offsetHeight\n      columnHeights[shortestColumn] += itemHeight + gap\n    })\n\n    setPositions(newPositions)\n    setContainerHeight(Math.max(...columnHeights) - gap)\n  }, [children, columns, gap, childArray.length])\n\n  // Calculate layout after render and on resize\n  useLayoutEffect(() => {\n    calculateLayout()\n\n    const handleResize = () => {\n      calculateLayout()\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [calculateLayout])\n\n  // Recalculate when children change\n  useLayoutEffect(() => {\n    // Small delay to ensure refs are populated\n    const timer = setTimeout(calculateLayout, 0)\n    return () => clearTimeout(timer)\n  }, [children, calculateLayout])\n\n  const containerWidth = containerRef.current?.offsetWidth ?? 0\n  const viewportWidth = typeof window !== 'undefined' ? window.innerWidth : containerWidth\n  const numColumns = getColumnsForWidth(columns, viewportWidth)\n  const columnWidth =\n    containerWidth > 0\n      ? (containerWidth - gap * (numColumns - 1)) / numColumns\n      : 0\n\n  return (\n    <div\n      ref={containerRef}\n      className={className}\n      style={{\n        position: 'relative',\n        height: containerHeight > 0 ? containerHeight : undefined,\n        ...style,\n      }}\n      {...rest}\n    >\n      {childArray.map((child, index) => (\n        <div\n          key={index}\n          ref={(el) => {\n            itemRefs.current[index] = el\n          }}\n          style={{\n            position: positions.length > 0 ? 'absolute' : 'relative',\n            left: positions[index]?.left ?? 0,\n            top: positions[index]?.top ?? 0,\n            width: columnWidth > 0 ? columnWidth : '100%',\n            visibility: positions.length > 0 ? 'visible' : 'hidden',\n          }}\n        >\n          {child}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nMasonry.displayName = 'Masonry'\n\nexport default Masonry\n"],"names":["BREAKPOINTS","getColumnsForWidth","columns","width","Masonry","children","gap","className","style","rest","containerRef","useRef","positions","setPositions","useState","containerHeight","setContainerHeight","itemRefs","childArray","React","calculateLayout","useCallback","container","containerWidth","viewportWidth","numColumns","columnWidth","columnHeights","newPositions","index","itemEl","shortestColumn","minHeight","i","left","top","itemHeight","useLayoutEffect","handleResize","timer","jsx","child","el"],"mappings":"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"}

package/dist/{index51.js → components/Mention.js}

@@ -176,4 +176,4 @@ const fe = ({
 export {
   fe as Mention
 };
-//# sourceMappingURL=index51.js.map
+//# sourceMappingURL=Mention.js.map

package/dist/components/Mention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mention.js","sources":["../../src/components/Mention.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\n\nexport interface MentionOption {\n  value: string\n  label?: string\n  avatar?: string\n  disabled?: boolean\n}\n\nexport interface MentionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'defaultValue' | 'prefix'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  onSelect?: (option: MentionOption, prefix: string) => void\n  onSearch?: (text: string, prefix: string) => void\n  options?: MentionOption[]\n  loading?: boolean\n  prefix?: string | string[]\n  split?: string\n  placeholder?: string\n  disabled?: boolean\n  readOnly?: boolean\n  rows?: number\n  autoSize?: boolean | { minRows?: number; maxRows?: number }\n  notFoundContent?: React.ReactNode\n  filterOption?: boolean | ((input: string, option: MentionOption) => boolean)\n  dropdownClassName?: string\n}\n\nexport const Mention: React.FC<MentionProps> = ({\n  value,\n  defaultValue = '',\n  onChange,\n  onSelect,\n  onSearch,\n  options = [],\n  loading = false,\n  prefix = '@',\n  split = ' ',\n  placeholder,\n  disabled = false,\n  readOnly = false,\n  rows = 3,\n  autoSize = false,\n  notFoundContent = 'No matches found',\n  filterOption = true,\n  className = '',\n  dropdownClassName = '',\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [activePrefix, setActivePrefix] = useState<string | null>(null)\n  const [searchText, setSearchText] = useState('')\n  const [activeIndex, setActiveIndex] = useState(0)\n  const [mentionStart, setMentionStart] = useState<number | null>(null)\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0 })\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const measureRef = useRef<HTMLDivElement>(null)\n\n  const prefixes = Array.isArray(prefix) ? prefix : [prefix]\n\n  // Filter options based on search text\n  const filteredOptions = useCallback(() => {\n    if (!filterOption) return options\n\n    const filterFn =\n      typeof filterOption === 'function'\n        ? filterOption\n        : (input: string, option: MentionOption) => {\n            const label = option.label || option.value\n            return label.toLowerCase().includes(input.toLowerCase())\n          }\n\n    return options.filter((opt) => filterFn(searchText, opt))\n  }, [options, searchText, filterOption])\n\n  const filtered = filteredOptions()\n\n  // Update textarea height for autoSize\n  const updateHeight = useCallback(() => {\n    const textarea = textareaRef.current\n    if (!textarea || !autoSize) return\n\n    textarea.style.height = 'auto'\n    const scrollHeight = textarea.scrollHeight\n\n    if (typeof autoSize === 'object') {\n      const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20\n      const minHeight = autoSize.minRows ? autoSize.minRows * lineHeight : 0\n      const maxHeight = autoSize.maxRows ? autoSize.maxRows * lineHeight : Infinity\n\n      textarea.style.height = `${Math.min(Math.max(scrollHeight, minHeight), maxHeight)}px`\n    } else {\n      textarea.style.height = `${scrollHeight}px`\n    }\n  }, [autoSize])\n\n  useEffect(() => {\n    updateHeight()\n  }, [currentValue, updateHeight])\n\n  // Calculate dropdown position\n  const updateDropdownPosition = useCallback(() => {\n    const textarea = textareaRef.current\n    const measure = measureRef.current\n    if (!textarea || !measure || mentionStart === null) return\n\n    // Get text before cursor to measure position\n    const textBeforeCursor = currentValue.substring(0, mentionStart)\n\n    // Create a temporary element to measure text position\n    measure.textContent = textBeforeCursor\n\n    const textareaRect = textarea.getBoundingClientRect()\n    const measureRect = measure.getBoundingClientRect()\n\n    // Calculate position relative to viewport\n    const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20\n\n    setDropdownPosition({\n      top: textareaRect.top + window.scrollY + lineHeight + 4,\n      left: textareaRect.left + window.scrollX + Math.min(measureRect.width % textareaRect.width, textareaRect.width - 200),\n    })\n  }, [currentValue, mentionStart])\n\n  useEffect(() => {\n    if (isOpen) {\n      updateDropdownPosition()\n    }\n  }, [isOpen, updateDropdownPosition, searchText])\n\n  // Handle text change\n  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const newValue = e.target.value\n    const cursorPos = e.target.selectionStart\n\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n\n    // Check if we should open the mention dropdown\n    checkForMention(newValue, cursorPos)\n  }\n\n  const checkForMention = (text: string, cursorPos: number) => {\n    // Look backwards from cursor for a prefix\n    let foundPrefix: string | null = null\n    let foundStart: number | null = null\n\n    for (const p of prefixes) {\n      // Find the last occurrence of prefix before cursor\n      const beforeCursor = text.substring(0, cursorPos)\n      const lastPrefixIndex = beforeCursor.lastIndexOf(p)\n\n      if (lastPrefixIndex !== -1) {\n        // Check if prefix is at start or preceded by whitespace/split\n        const charBefore = lastPrefixIndex > 0 ? text[lastPrefixIndex - 1] : split\n        if (charBefore === split || charBefore === '\\n' || lastPrefixIndex === 0) {\n          // Check if there's no space between prefix and cursor\n          const textAfterPrefix = text.substring(lastPrefixIndex + p.length, cursorPos)\n          if (!textAfterPrefix.includes(split) && !textAfterPrefix.includes('\\n')) {\n            foundPrefix = p\n            foundStart = lastPrefixIndex\n            break\n          }\n        }\n      }\n    }\n\n    if (foundPrefix !== null && foundStart !== null) {\n      const search = text.substring(foundStart + foundPrefix.length, cursorPos)\n      setActivePrefix(foundPrefix)\n      setSearchText(search)\n      setMentionStart(foundStart)\n      setIsOpen(true)\n      setActiveIndex(0)\n      onSearch?.(search, foundPrefix)\n    } else {\n      setIsOpen(false)\n      setActivePrefix(null)\n      setSearchText('')\n      setMentionStart(null)\n    }\n  }\n\n  // Handle option selection\n  const selectOption = (option: MentionOption) => {\n    if (option.disabled || mentionStart === null || activePrefix === null) return\n\n    const textarea = textareaRef.current\n    if (!textarea) return\n\n    const beforeMention = currentValue.substring(0, mentionStart)\n    const afterCursor = currentValue.substring(textarea.selectionStart)\n\n    const mentionText = `${activePrefix}${option.value}${split}`\n    const newValue = beforeMention + mentionText + afterCursor\n\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n    onSelect?.(option, activePrefix)\n\n    setIsOpen(false)\n    setActivePrefix(null)\n    setSearchText('')\n    setMentionStart(null)\n\n    // Set cursor position after mention\n    setTimeout(() => {\n      const newCursorPos = beforeMention.length + mentionText.length\n      textarea.focus()\n      textarea.setSelectionRange(newCursorPos, newCursorPos)\n    }, 0)\n  }\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (!isOpen) return\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setActiveIndex((prev) => (prev + 1) % Math.max(filtered.length, 1))\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setActiveIndex((prev) => (prev - 1 + filtered.length) % Math.max(filtered.length, 1))\n        break\n      case 'Enter':\n        if (filtered[activeIndex]) {\n          e.preventDefault()\n          selectOption(filtered[activeIndex])\n        }\n        break\n      case 'Escape':\n        e.preventDefault()\n        setIsOpen(false)\n        break\n      case 'Tab':\n        if (filtered[activeIndex]) {\n          e.preventDefault()\n          selectOption(filtered[activeIndex])\n        }\n        break\n    }\n  }\n\n  // Close dropdown on outside click\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(e.target as Node) &&\n        textareaRef.current &&\n        !textareaRef.current.contains(e.target as Node)\n      ) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [])\n\n  // Scroll active item into view\n  useEffect(() => {\n    if (isOpen && dropdownRef.current) {\n      const activeItem = dropdownRef.current.querySelector('[data-active=\"true\"]')\n      activeItem?.scrollIntoView({ block: 'nearest' })\n    }\n  }, [activeIndex, isOpen])\n\n  const dropdown = isOpen && (\n    <div\n      ref={dropdownRef}\n      className={`fixed z-50 bg-base-100 border border-base-300 rounded-lg shadow-lg\n        min-w-48 max-h-60 overflow-auto ${dropdownClassName}`}\n      style={{\n        top: dropdownPosition.top,\n        left: dropdownPosition.left,\n      }}\n    >\n      {loading ? (\n        <div className=\"p-3 text-center text-base-content/60\">\n          <span className=\"loading loading-spinner loading-sm\"></span>\n        </div>\n      ) : filtered.length === 0 ? (\n        <div className=\"p-3 text-center text-base-content/60 text-sm\">\n          {notFoundContent}\n        </div>\n      ) : (\n        <ul className=\"menu menu-sm p-1\">\n          {filtered.map((option, index) => (\n            <li key={option.value}>\n              <button\n                type=\"button\"\n                data-active={index === activeIndex}\n                className={`flex items-center gap-2 ${\n                  index === activeIndex ? 'active' : ''\n                } ${option.disabled ? 'disabled opacity-50 cursor-not-allowed' : ''}`}\n                onClick={() => selectOption(option)}\n                onMouseEnter={() => setActiveIndex(index)}\n              >\n                {option.avatar && (\n                  <div className=\"avatar\">\n                    <div className=\"w-6 h-6 rounded-full\">\n                      <img src={option.avatar} alt=\"\" />\n                    </div>\n                  </div>\n                )}\n                <span>{option.label || option.value}</span>\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  )\n\n  return (\n    <div className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      {/* Hidden measure element for cursor position */}\n      <div\n        ref={measureRef}\n        className=\"invisible absolute whitespace-pre-wrap break-words\"\n        style={{\n          font: textareaRef.current ? getComputedStyle(textareaRef.current).font : undefined,\n          width: textareaRef.current?.clientWidth,\n          padding: textareaRef.current ? getComputedStyle(textareaRef.current).padding : undefined,\n        }}\n        aria-hidden=\"true\"\n      />\n\n      <textarea\n        ref={textareaRef}\n        value={currentValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        disabled={disabled}\n        readOnly={readOnly}\n        rows={typeof autoSize === 'object' ? autoSize.minRows || rows : autoSize ? 1 : rows}\n        className=\"textarea textarea-bordered w-full resize-none\"\n      />\n\n      {createPortal(dropdown, document.body)}\n    </div>\n  )\n}\n"],"names":["Mention","value","defaultValue","onChange","onSelect","onSearch","options","loading","prefix","split","placeholder","disabled","readOnly","rows","autoSize","notFoundContent","filterOption","className","dropdownClassName","rest","internalValue","setInternalValue","useState","currentValue","isOpen","setIsOpen","activePrefix","setActivePrefix","searchText","setSearchText","activeIndex","setActiveIndex","mentionStart","setMentionStart","dropdownPosition","setDropdownPosition","textareaRef","useRef","dropdownRef","measureRef","prefixes","filtered","useCallback","filterFn","input","option","opt","updateHeight","textarea","scrollHeight","lineHeight","minHeight","maxHeight","useEffect","updateDropdownPosition","measure","textBeforeCursor","textareaRect","measureRect","handleChange","newValue","cursorPos","checkForMention","text","foundPrefix","foundStart","p","lastPrefixIndex","charBefore","textAfterPrefix","search","selectOption","beforeMention","afterCursor","mentionText","newCursorPos","handleKeyDown","prev","handleClickOutside","e","dropdown","jsx","index","jsxs","createPortal"],"mappings":"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"}

package/dist/{index52.js → components/Menu.js}

@@ -153,4 +153,4 @@ const J = Object.assign(F, {
 export {
   J as Menu
 };
-//# sourceMappingURL=index52.js.map
+//# sourceMappingURL=Menu.js.map

package/dist/{index52.js.map → components/Menu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index52.js","sources":["../src/components/Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useId } from 'react'\n\nexport type MenuMode = 'vertical' | 'horizontal' | 'inline'\nexport type MenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface MenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  children?: MenuItem[]\n  divider?: boolean\n  title?: boolean // For section titles\n}\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  /** Menu items (compound pattern) */\n  children?: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: MenuItem[]\n  /** Menu display mode */\n  mode?: MenuMode\n  /** Menu size */\n  size?: MenuSize\n  /** Controlled selected keys */\n  selectedKeys?: string[]\n  /** Default selected keys (uncontrolled) */\n  defaultSelectedKeys?: string[]\n  /** Controlled open submenu keys */\n  openKeys?: string[]\n  /** Default open submenu keys (uncontrolled) */\n  defaultOpenKeys?: string[]\n  /** Callback when item is selected */\n  onSelect?: (key: string) => void\n  /** Callback when submenu open state changes */\n  onOpenChange?: (openKeys: string[]) => void\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {\n  children: React.ReactNode\n  itemKey?: string\n  icon?: React.ReactNode\n  disabled?: boolean\n  onClick?: () => void\n  /** @deprecated Use itemKey and selectedKeys instead */\n  active?: boolean\n}\n\nexport interface MenuSubMenuProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'title'> {\n  children: React.ReactNode\n  itemKey: string\n  /** Submenu label */\n  label?: React.ReactNode\n  /** Submenu title (alias for label) */\n  title?: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {}\n\ninterface MenuContextValue {\n  mode: MenuMode\n  selectedKeys: string[]\n  openKeys: string[]\n  onSelect: (key: string) => void\n  onToggleOpen: (key: string) => void\n}\n\nconst MenuContext = createContext<MenuContextValue | null>(null)\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext)\n  if (!context) {\n    throw new Error('Menu components must be used within a Menu')\n  }\n  return context\n}\n\n// Internal component for rendering data-driven menu items\nfunction renderMenuItem(item: MenuItem, onSelect: (key: string) => void, selectedKeys: string[], openKeys: string[], onToggleOpen: (key: string) => void): React.ReactNode {\n  if (item.divider) {\n    return <MenuDivider key={item.key} />\n  }\n\n  if (item.title) {\n    return <MenuTitle key={item.key}>{item.label}</MenuTitle>\n  }\n\n  if (item.children && item.children.length > 0) {\n    return (\n      <MenuSubMenu key={item.key} itemKey={item.key} label={item.label} icon={item.icon} disabled={item.disabled}>\n        {item.children.map((child) => renderMenuItem(child, onSelect, selectedKeys, openKeys, onToggleOpen))}\n      </MenuSubMenu>\n    )\n  }\n\n  return (\n    <MenuItem key={item.key} itemKey={item.key} icon={item.icon} disabled={item.disabled}>\n      {item.label}\n    </MenuItem>\n  )\n}\n\nfunction MenuRoot({\n  children,\n  items,\n  mode = 'vertical',\n  size,\n  selectedKeys: controlledSelectedKeys,\n  defaultSelectedKeys = [],\n  openKeys: controlledOpenKeys,\n  defaultOpenKeys = [],\n  onSelect,\n  onOpenChange,\n  className = '',\n  ...rest\n}: MenuProps) {\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalOpenKeys, setInternalOpenKeys] = useState<string[]>(defaultOpenKeys)\n\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const openKeys = controlledOpenKeys ?? internalOpenKeys\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys([key])\n      }\n      onSelect?.(key)\n    },\n    [controlledSelectedKeys, onSelect]\n  )\n\n  const handleToggleOpen = useCallback(\n    (key: string) => {\n      const newOpenKeys = openKeys.includes(key)\n        ? openKeys.filter((k) => k !== key)\n        : [...openKeys, key]\n\n      if (controlledOpenKeys === undefined) {\n        setInternalOpenKeys(newOpenKeys)\n      }\n      onOpenChange?.(newOpenKeys)\n    },\n    [openKeys, controlledOpenKeys, onOpenChange]\n  )\n\n  const modeClasses: Record<MenuMode, string> = {\n    vertical: 'menu-vertical',\n    horizontal: 'menu-horizontal',\n    inline: 'menu-vertical',\n  }\n\n  const sizeClasses: Record<MenuSize, string> = {\n    xs: 'menu-xs',\n    sm: 'menu-sm',\n    md: 'menu-md',\n    lg: 'menu-lg',\n    xl: 'menu-xl',\n  }\n\n  const menuClasses = ['menu', modeClasses[mode], size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  const contextValue = {\n    mode,\n    selectedKeys,\n    openKeys,\n    onSelect: handleSelect,\n    onToggleOpen: handleToggleOpen,\n  }\n\n  // Render data-driven items if provided\n  const content = items && items.length > 0\n    ? items.map((item) => renderMenuItem(item, handleSelect, selectedKeys, openKeys, handleToggleOpen))\n    : children\n\n  return (\n    <MenuContext.Provider value={contextValue}>\n      <ul className={menuClasses} {...rest}>{content}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  itemKey,\n  icon,\n  disabled = false,\n  onClick,\n  active,\n  className = '',\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext)\n\n  // Support both old active prop and new key-based selection\n  const isSelected = itemKey && context ? context.selectedKeys.includes(itemKey) : active\n\n  const handleClick = () => {\n    if (disabled) return\n    if (itemKey && context) {\n      context.onSelect(itemKey)\n    }\n    onClick?.()\n  }\n\n  const itemClasses = [\n    isSelected && 'active bg-primary text-primary-content',\n    disabled && 'disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <li>\n      <a\n        className={itemClasses}\n        onClick={handleClick}\n        aria-disabled={disabled}\n        role=\"menuitem\"\n        data-state={isSelected ? 'active' : 'inactive'}\n        {...rest}\n      >\n        {icon && <span className=\"menu-icon\">{icon}</span>}\n        {children}\n      </a>\n    </li>\n  )\n}\n\nfunction MenuSubMenu({\n  children,\n  itemKey,\n  label,\n  title,\n  icon,\n  disabled = false,\n  className = '',\n  ...rest\n}: MenuSubMenuProps) {\n  const context = useMenuContext()\n  const isOpen = context.openKeys.includes(itemKey)\n  const submenuId = useId()\n\n  // Support both label and title (title as alias for backwards compatibility)\n  const displayLabel = label ?? title\n\n  const handleToggle = () => {\n    if (disabled) return\n    context.onToggleOpen(itemKey)\n  }\n\n  const submenuClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  // For inline mode, use collapsible details/summary\n  if (context.mode === 'inline') {\n    return (\n      <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <details open={isOpen}>\n          <summary\n            onClick={(e) => {\n              e.preventDefault()\n              handleToggle()\n            }}\n            aria-expanded={isOpen}\n            aria-controls={submenuId}\n            aria-disabled={disabled}\n          >\n            {icon && <span className=\"menu-icon\">{icon}</span>}\n            {displayLabel}\n          </summary>\n          <ul id={submenuId} role=\"menu\">\n            {children}\n          </ul>\n        </details>\n      </li>\n    )\n  }\n\n  // For vertical/horizontal, use nested menu (dropdown style)\n  return (\n    <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <details open={isOpen}>\n        <summary\n          onClick={(e) => {\n            e.preventDefault()\n            handleToggle()\n          }}\n          aria-expanded={isOpen}\n          aria-controls={submenuId}\n          aria-disabled={disabled}\n        >\n          {icon && <span className=\"menu-icon\">{icon}</span>}\n          {displayLabel}\n        </summary>\n        <ul id={submenuId} role=\"menu\">\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction MenuTitle({ children, className = '', ...rest }: MenuTitleProps) {\n  const titleClasses = ['menu-title', className].filter(Boolean).join(' ')\n\n  return <li className={titleClasses} {...rest}>{children}</li>\n}\n\nfunction MenuDivider({ className = '', ...rest }: MenuDividerProps) {\n  const dividerClasses = ['border-t border-base-300 my-1', className].filter(Boolean).join(' ')\n\n  return <li className={dividerClasses} role=\"separator\" {...rest} />\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  SubMenu: MenuSubMenu,\n  Title: MenuTitle,\n  Divider: MenuDivider,\n})\n"],"names":["MenuContext","createContext","useMenuContext","context","useContext","renderMenuItem","item","onSelect","selectedKeys","openKeys","onToggleOpen","jsx","MenuDivider","MenuTitle","MenuSubMenu","child","MenuItem","MenuRoot","children","items","mode","size","controlledSelectedKeys","defaultSelectedKeys","controlledOpenKeys","defaultOpenKeys","onOpenChange","className","rest","internalSelectedKeys","setInternalSelectedKeys","useState","internalOpenKeys","setInternalOpenKeys","handleSelect","useCallback","key","handleToggleOpen","newOpenKeys","k","modeClasses","sizeClasses","menuClasses","contextValue","content","itemKey","icon","disabled","onClick","active","isSelected","handleClick","itemClasses","jsxs","label","title","isOpen","submenuId","useId","displayLabel","handleToggle","submenuClasses","e","titleClasses","dividerClasses","Menu"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../src/components/Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useId } from 'react'\n\nexport type MenuMode = 'vertical' | 'horizontal' | 'inline'\nexport type MenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface MenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  children?: MenuItem[]\n  divider?: boolean\n  title?: boolean // For section titles\n}\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  /** Menu items (compound pattern) */\n  children?: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: MenuItem[]\n  /** Menu display mode */\n  mode?: MenuMode\n  /** Menu size */\n  size?: MenuSize\n  /** Controlled selected keys */\n  selectedKeys?: string[]\n  /** Default selected keys (uncontrolled) */\n  defaultSelectedKeys?: string[]\n  /** Controlled open submenu keys */\n  openKeys?: string[]\n  /** Default open submenu keys (uncontrolled) */\n  defaultOpenKeys?: string[]\n  /** Callback when item is selected */\n  onSelect?: (key: string) => void\n  /** Callback when submenu open state changes */\n  onOpenChange?: (openKeys: string[]) => void\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {\n  children: React.ReactNode\n  itemKey?: string\n  icon?: React.ReactNode\n  disabled?: boolean\n  onClick?: () => void\n  /** @deprecated Use itemKey and selectedKeys instead */\n  active?: boolean\n}\n\nexport interface MenuSubMenuProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'title'> {\n  children: React.ReactNode\n  itemKey: string\n  /** Submenu label */\n  label?: React.ReactNode\n  /** Submenu title (alias for label) */\n  title?: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {}\n\ninterface MenuContextValue {\n  mode: MenuMode\n  selectedKeys: string[]\n  openKeys: string[]\n  onSelect: (key: string) => void\n  onToggleOpen: (key: string) => void\n}\n\nconst MenuContext = createContext<MenuContextValue | null>(null)\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext)\n  if (!context) {\n    throw new Error('Menu components must be used within a Menu')\n  }\n  return context\n}\n\n// Internal component for rendering data-driven menu items\nfunction renderMenuItem(item: MenuItem, onSelect: (key: string) => void, selectedKeys: string[], openKeys: string[], onToggleOpen: (key: string) => void): React.ReactNode {\n  if (item.divider) {\n    return <MenuDivider key={item.key} />\n  }\n\n  if (item.title) {\n    return <MenuTitle key={item.key}>{item.label}</MenuTitle>\n  }\n\n  if (item.children && item.children.length > 0) {\n    return (\n      <MenuSubMenu key={item.key} itemKey={item.key} label={item.label} icon={item.icon} disabled={item.disabled}>\n        {item.children.map((child) => renderMenuItem(child, onSelect, selectedKeys, openKeys, onToggleOpen))}\n      </MenuSubMenu>\n    )\n  }\n\n  return (\n    <MenuItem key={item.key} itemKey={item.key} icon={item.icon} disabled={item.disabled}>\n      {item.label}\n    </MenuItem>\n  )\n}\n\nfunction MenuRoot({\n  children,\n  items,\n  mode = 'vertical',\n  size,\n  selectedKeys: controlledSelectedKeys,\n  defaultSelectedKeys = [],\n  openKeys: controlledOpenKeys,\n  defaultOpenKeys = [],\n  onSelect,\n  onOpenChange,\n  className = '',\n  ...rest\n}: MenuProps) {\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalOpenKeys, setInternalOpenKeys] = useState<string[]>(defaultOpenKeys)\n\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const openKeys = controlledOpenKeys ?? internalOpenKeys\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys([key])\n      }\n      onSelect?.(key)\n    },\n    [controlledSelectedKeys, onSelect]\n  )\n\n  const handleToggleOpen = useCallback(\n    (key: string) => {\n      const newOpenKeys = openKeys.includes(key)\n        ? openKeys.filter((k) => k !== key)\n        : [...openKeys, key]\n\n      if (controlledOpenKeys === undefined) {\n        setInternalOpenKeys(newOpenKeys)\n      }\n      onOpenChange?.(newOpenKeys)\n    },\n    [openKeys, controlledOpenKeys, onOpenChange]\n  )\n\n  const modeClasses: Record<MenuMode, string> = {\n    vertical: 'menu-vertical',\n    horizontal: 'menu-horizontal',\n    inline: 'menu-vertical',\n  }\n\n  const sizeClasses: Record<MenuSize, string> = {\n    xs: 'menu-xs',\n    sm: 'menu-sm',\n    md: 'menu-md',\n    lg: 'menu-lg',\n    xl: 'menu-xl',\n  }\n\n  const menuClasses = ['menu', modeClasses[mode], size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  const contextValue = {\n    mode,\n    selectedKeys,\n    openKeys,\n    onSelect: handleSelect,\n    onToggleOpen: handleToggleOpen,\n  }\n\n  // Render data-driven items if provided\n  const content = items && items.length > 0\n    ? items.map((item) => renderMenuItem(item, handleSelect, selectedKeys, openKeys, handleToggleOpen))\n    : children\n\n  return (\n    <MenuContext.Provider value={contextValue}>\n      <ul className={menuClasses} {...rest}>{content}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  itemKey,\n  icon,\n  disabled = false,\n  onClick,\n  active,\n  className = '',\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext)\n\n  // Support both old active prop and new key-based selection\n  const isSelected = itemKey && context ? context.selectedKeys.includes(itemKey) : active\n\n  const handleClick = () => {\n    if (disabled) return\n    if (itemKey && context) {\n      context.onSelect(itemKey)\n    }\n    onClick?.()\n  }\n\n  const itemClasses = [\n    isSelected && 'active bg-primary text-primary-content',\n    disabled && 'disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <li>\n      <a\n        className={itemClasses}\n        onClick={handleClick}\n        aria-disabled={disabled}\n        role=\"menuitem\"\n        data-state={isSelected ? 'active' : 'inactive'}\n        {...rest}\n      >\n        {icon && <span className=\"menu-icon\">{icon}</span>}\n        {children}\n      </a>\n    </li>\n  )\n}\n\nfunction MenuSubMenu({\n  children,\n  itemKey,\n  label,\n  title,\n  icon,\n  disabled = false,\n  className = '',\n  ...rest\n}: MenuSubMenuProps) {\n  const context = useMenuContext()\n  const isOpen = context.openKeys.includes(itemKey)\n  const submenuId = useId()\n\n  // Support both label and title (title as alias for backwards compatibility)\n  const displayLabel = label ?? title\n\n  const handleToggle = () => {\n    if (disabled) return\n    context.onToggleOpen(itemKey)\n  }\n\n  const submenuClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  // For inline mode, use collapsible details/summary\n  if (context.mode === 'inline') {\n    return (\n      <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <details open={isOpen}>\n          <summary\n            onClick={(e) => {\n              e.preventDefault()\n              handleToggle()\n            }}\n            aria-expanded={isOpen}\n            aria-controls={submenuId}\n            aria-disabled={disabled}\n          >\n            {icon && <span className=\"menu-icon\">{icon}</span>}\n            {displayLabel}\n          </summary>\n          <ul id={submenuId} role=\"menu\">\n            {children}\n          </ul>\n        </details>\n      </li>\n    )\n  }\n\n  // For vertical/horizontal, use nested menu (dropdown style)\n  return (\n    <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <details open={isOpen}>\n        <summary\n          onClick={(e) => {\n            e.preventDefault()\n            handleToggle()\n          }}\n          aria-expanded={isOpen}\n          aria-controls={submenuId}\n          aria-disabled={disabled}\n        >\n          {icon && <span className=\"menu-icon\">{icon}</span>}\n          {displayLabel}\n        </summary>\n        <ul id={submenuId} role=\"menu\">\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction MenuTitle({ children, className = '', ...rest }: MenuTitleProps) {\n  const titleClasses = ['menu-title', className].filter(Boolean).join(' ')\n\n  return <li className={titleClasses} {...rest}>{children}</li>\n}\n\nfunction MenuDivider({ className = '', ...rest }: MenuDividerProps) {\n  const dividerClasses = ['border-t border-base-300 my-1', className].filter(Boolean).join(' ')\n\n  return <li className={dividerClasses} role=\"separator\" {...rest} />\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  SubMenu: MenuSubMenu,\n  Title: MenuTitle,\n  Divider: MenuDivider,\n})\n"],"names":["MenuContext","createContext","useMenuContext","context","useContext","renderMenuItem","item","onSelect","selectedKeys","openKeys","onToggleOpen","jsx","MenuDivider","MenuTitle","MenuSubMenu","child","MenuItem","MenuRoot","children","items","mode","size","controlledSelectedKeys","defaultSelectedKeys","controlledOpenKeys","defaultOpenKeys","onOpenChange","className","rest","internalSelectedKeys","setInternalSelectedKeys","useState","internalOpenKeys","setInternalOpenKeys","handleSelect","useCallback","key","handleToggleOpen","newOpenKeys","k","modeClasses","sizeClasses","menuClasses","contextValue","content","itemKey","icon","disabled","onClick","active","isSelected","handleClick","itemClasses","jsxs","label","title","isOpen","submenuId","useId","displayLabel","handleToggle","submenuClasses","e","titleClasses","dividerClasses","Menu"],"mappings":"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"}

package/dist/{index57.js → components/Modal.js}

@@ -1,6 +1,6 @@
-import { jsxs as m, jsx as t, Fragment as U } from "react/jsx-runtime";
+import { jsxs as m, jsx as t, Fragment as V } from "react/jsx-runtime";
 import M, { useRef as f, useId as I, useEffect as S } from "react";
-import { createRoot as V } from "react-dom/client";
+import { createRoot as X } from "react-dom/client";
 function u({
   children: e,
   title: r,
@@ -83,10 +83,10 @@ function u({
       middle: "2xl:modal-middle",
       bottom: "2xl:modal-bottom"
     }
-  }, _ = {
+  }, F = {
     start: "modal-start",
     end: "modal-end"
-  }, F = [
+  }, H = [
     "modal",
     ...(() => {
       if (C)
@@ -100,9 +100,9 @@ function u({
         z && o.push(P[x][z]);
       return o;
     })(),
-    b && _[b],
+    b && F[b],
     D
-  ].filter(Boolean).join(" "), H = async () => {
+  ].filter(Boolean).join(" "), q = async () => {
     if (a) {
       B(!0);
       try {
@@ -111,41 +111,41 @@ function u({
         throw B(!1), o;
       }
     }
-  }, q = () => {
+  }, G = () => {
     h && v && v();
-  }, G = i ? { width: typeof i == "number" ? `${i}px` : i, maxWidth: "90vw" } : {}, J = !s && (a || d), Q = s != null;
+  }, J = i ? { width: typeof i == "number" ? `${i}px` : i, maxWidth: "90vw" } : {}, Q = !s && (a || d), U = s != null;
   return /* @__PURE__ */ m(
     "dialog",
     {
       ref: N,
       role: A ? "alertdialog" : "dialog",
       "aria-modal": "true",
-      className: F,
+      className: H,
       "data-state": l ? "open" : "closed",
       "aria-labelledby": r ? $ : void 0,
       "aria-describedby": E,
       ...K,
       children: [
-        /* @__PURE__ */ m("div", { className: "modal-box", style: G, children: [
+        /* @__PURE__ */ m("div", { className: "modal-box", style: J, children: [
           r && /* @__PURE__ */ t("h3", { id: $, className: "text-lg font-bold mb-4", children: r }),
           /* @__PURE__ */ t("div", { id: E, className: "py-4", children: e }),
-          J && /* @__PURE__ */ m("div", { className: "modal-action", children: [
+          Q && /* @__PURE__ */ m("div", { className: "modal-action", children: [
             d && /* @__PURE__ */ t("button", { ref: T, className: "btn", onClick: d, children: c }),
             a && /* @__PURE__ */ t(
               "button",
               {
                 ref: R,
                 className: `btn btn-primary ${L ? "loading" : ""}`,
-                onClick: H,
+                onClick: q,
                 disabled: L,
                 "aria-busy": L || void 0,
                 children: y
               }
             )
           ] }),
-          Q && /* @__PURE__ */ t("div", { className: "modal-action", children: s })
+          U && /* @__PURE__ */ t("div", { className: "modal-action", children: s })
         ] }),
-        p && h && /* @__PURE__ */ t("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ t("button", { ref: j, onClick: q, children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Close modal" }) }) })
+        p && h && /* @__PURE__ */ t("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ t("button", { ref: j, onClick: G, children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Close modal" }) }) })
       ]
     }
   );
@@ -153,7 +153,7 @@ function u({
 function w(e) {
   const r = document.createElement("div");
   document.body.appendChild(r);
-  const s = V(r), l = () => {
+  const s = X(r), l = () => {
     s.unmount(), r.parentNode && r.parentNode.removeChild(r);
   }, a = () => {
     const [d, y] = M.useState(!0), [c, h] = M.useState(!1), p = () => {
@@ -280,7 +280,7 @@ function w(e) {
         ] }) : e.title,
         okText: e.okText,
         cancelText: e.cancelText,
-        footer: e.showCancel ? /* @__PURE__ */ m(U, { children: [
+        footer: e.showCancel ? /* @__PURE__ */ m(V, { children: [
           /* @__PURE__ */ t("button", { className: "btn", onClick: b, children: e.cancelText || "Cancel" }),
           /* @__PURE__ */ t(
             "button",
@@ -311,13 +311,13 @@ function w(e) {
     destroy: l
   };
 }
-function X(e) {
+function Y(e) {
   return w({ ...e, showCancel: !0 });
 }
-function Y(e) {
+function Z(e) {
   return w({ ...e, type: "info", showCancel: !1 });
 }
-function Z(e) {
+function _(e) {
   return w({ ...e, type: "success", showCancel: !1 });
 }
 function ee(e) {
@@ -326,12 +326,12 @@ function ee(e) {
 function te(e) {
   return w({ ...e, type: "error", showCancel: !1 });
 }
-u.confirm = X;
-u.info = Y;
-u.success = Z;
+u.confirm = Y;
+u.info = Z;
+u.success = _;
 u.warning = ee;
 u.error = te;
 export {
   u as Modal
 };
-//# sourceMappingURL=index57.js.map
+//# sourceMappingURL=Modal.js.map