@jameskabz/nextcraft-ui 0.4.0 → 0.6.0

package/dist/craft/table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/craft/table.ts","../../src/components/craft-data-table.tsx","../../src/utils/cn.ts","../../src/components/craft-pagination.tsx","../../src/components/craft-input.tsx","../../src/components/craft-filter-bar.tsx","../../src/components/craft-table-toolbar.tsx"],"sourcesContent":["export { CraftDataTable } from \"@/components/craft-data-table\";\nexport type { CraftDataTableProps, CraftDataTableColumn, CraftDataTableSort } from \"@/components/craft-data-table\";\n\nexport { CraftPagination } from \"@/components/craft-pagination\";\nexport type { CraftPaginationProps } from \"@/components/craft-pagination\";\n\nexport { CraftFilterBar } from \"@/components/craft-filter-bar\";\nexport type { CraftFilterBarProps } from \"@/components/craft-filter-bar\";\n\nexport { CraftTableToolbar } from \"@/components/craft-table-toolbar\";\nexport type { CraftTableToolbarProps } from \"@/components/craft-table-toolbar\";\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftPagination } from \"@/components/craft-pagination\";\n\nexport type CraftDataTableColumn<T> = {\n  id: string;\n  header: React.ReactNode;\n  accessor?: keyof T | ((row: T) => unknown);\n  cell?: (row: T) => React.ReactNode;\n  sortable?: boolean;\n  filterable?: boolean;\n  width?: string | number;\n  align?: \"left\" | \"center\" | \"right\";\n  hidden?: boolean;\n  headerClassName?: string;\n  cellClassName?: string;\n};\n\nexport type CraftDataTableSort = {\n  id: string;\n  desc?: boolean;\n};\n\nexport type CraftDataTableProps<T> = {\n  data: T[];\n  columns: CraftDataTableColumn<T>[];\n  tone?: ThemeName;\n  className?: string;\n  loading?: boolean;\n  emptyState?: React.ReactNode;\n  toolbar?: React.ReactNode;\n  enableSorting?: boolean;\n  enableFiltering?: boolean;\n  enableColumnVisibility?: boolean;\n  enableRowSelection?: boolean;\n  enablePagination?: boolean;\n  showGlobalFilter?: boolean;\n  manualSorting?: boolean;\n  manualFiltering?: boolean;\n  manualPagination?: boolean;\n  sortBy?: CraftDataTableSort | null;\n  onSortChange?: (sort: CraftDataTableSort | null) => void;\n  filters?: Record<string, string>;\n  onFiltersChange?: (filters: Record<string, string>) => void;\n  globalFilter?: string;\n  onGlobalFilterChange?: (value: string) => void;\n  columnVisibility?: Record<string, boolean>;\n  onColumnVisibilityChange?: (visibility: Record<string, boolean>) => void;\n  selectedRowIds?: Record<string, boolean>;\n  onRowSelectionChange?: (selection: Record<string, boolean>) => void;\n  getRowId?: (row: T, index: number) => string;\n  pageIndex?: number;\n  pageSize?: number;\n  pageCount?: number;\n  onPageChange?: (pageIndex: number) => void;\n  onPageSizeChange?: (size: number) => void;\n};\n\nfunction getColumnValue<T>(column: CraftDataTableColumn<T>, row: T) {\n  if (typeof column.accessor === \"function\") return column.accessor(row);\n  const record = row as Record<string, unknown>;\n  if (typeof column.accessor === \"string\") return record[column.accessor];\n  return record[column.id];\n}\n\nfunction normalizeValue(value: unknown) {\n  if (value === null || value === undefined) return \"\";\n  if (typeof value === \"number\") return value;\n  if (typeof value === \"string\") return value.toLowerCase();\n  if (value instanceof Date) return value.getTime();\n  return String(value).toLowerCase();\n}\n\nexport function CraftDataTable<T>({\n  data,\n  columns,\n  tone,\n  className,\n  loading = false,\n  emptyState,\n  toolbar,\n  enableSorting = true,\n  enableFiltering = true,\n  enableColumnVisibility = true,\n  enableRowSelection = true,\n  enablePagination = true,\n  showGlobalFilter,\n  manualSorting = false,\n  manualFiltering = false,\n  manualPagination = false,\n  sortBy,\n  onSortChange,\n  filters,\n  onFiltersChange,\n  globalFilter,\n  onGlobalFilterChange,\n  columnVisibility,\n  onColumnVisibilityChange,\n  selectedRowIds,\n  onRowSelectionChange,\n  getRowId,\n  pageIndex,\n  pageSize = 10,\n  pageCount,\n  onPageChange,\n  onPageSizeChange,\n}: CraftDataTableProps<T>) {\n  const [internalSort, setInternalSort] = React.useState<CraftDataTableSort | null>(null);\n  const [internalFilters, setInternalFilters] = React.useState<Record<string, string>>({});\n  const [internalGlobalFilter, setInternalGlobalFilter] = React.useState(\"\");\n  const [internalVisibility, setInternalVisibility] = React.useState<Record<string, boolean>>(() =>\n    columns.reduce((acc, column) => {\n      acc[column.id] = !column.hidden;\n      return acc;\n    }, {} as Record<string, boolean>)\n  );\n  const [internalSelection, setInternalSelection] = React.useState<Record<string, boolean>>({});\n  const [internalPageIndex, setInternalPageIndex] = React.useState(0);\n  const [showColumns, setShowColumns] = React.useState(false);\n\n  const resolvedSort = sortBy ?? internalSort;\n  const resolvedFilters = filters ?? internalFilters;\n  const resolvedGlobalFilter = globalFilter ?? internalGlobalFilter;\n  const resolvedVisibility = columnVisibility ?? internalVisibility;\n  const resolvedSelection = selectedRowIds ?? internalSelection;\n  const resolvedPageIndex = pageIndex ?? internalPageIndex;\n\n  const setSort = (next: CraftDataTableSort | null) => {\n    if (sortBy === undefined) setInternalSort(next);\n    onSortChange?.(next);\n  };\n\n  const setFilters = (next: Record<string, string>) => {\n    if (filters === undefined) setInternalFilters(next);\n    onFiltersChange?.(next);\n  };\n\n  const setVisibility = (next: Record<string, boolean>) => {\n    if (columnVisibility === undefined) setInternalVisibility(next);\n    onColumnVisibilityChange?.(next);\n  };\n\n  const setSelection = (next: Record<string, boolean>) => {\n    if (selectedRowIds === undefined) setInternalSelection(next);\n    onRowSelectionChange?.(next);\n  };\n\n  const setPageIndex = React.useCallback(\n    (next: number) => {\n      if (pageIndex === undefined) setInternalPageIndex(next);\n      onPageChange?.(next);\n    },\n    [pageIndex, onPageChange]\n  );\n\n  const visibleColumns = columns.filter(\n    (column) => resolvedVisibility[column.id] !== false\n  );\n\n  const filteredData = React.useMemo(() => {\n    if (manualFiltering) return data;\n    const globalValue = resolvedGlobalFilter.trim();\n    return data.filter((row) => {\n      if (globalValue) {\n        const matchesGlobal = columns.some((column) => {\n          const value = normalizeValue(getColumnValue(column, row));\n          return String(value).includes(globalValue.toLowerCase());\n        });\n        if (!matchesGlobal) return false;\n      }\n\n      return Object.entries(resolvedFilters).every(([columnId, value]) => {\n        if (!value) return true;\n        const column = columns.find((col) => col.id === columnId);\n        if (!column) return true;\n        const cellValue = normalizeValue(getColumnValue(column, row));\n        return String(cellValue).includes(value.toLowerCase());\n      });\n    });\n  }, [columns, data, manualFiltering, resolvedFilters, resolvedGlobalFilter]);\n\n  const sortedData = React.useMemo(() => {\n    if (manualSorting || !resolvedSort) return filteredData;\n    const column = columns.find((col) => col.id === resolvedSort.id);\n    if (!column) return filteredData;\n    const sorted = [...filteredData].sort((a, b) => {\n      const valueA = normalizeValue(getColumnValue(column, a));\n      const valueB = normalizeValue(getColumnValue(column, b));\n      if (typeof valueA === \"number\" && typeof valueB === \"number\") {\n        return valueA - valueB;\n      }\n      return String(valueA).localeCompare(String(valueB));\n    });\n    return resolvedSort.desc ? sorted.reverse() : sorted;\n  }, [columns, filteredData, manualSorting, resolvedSort]);\n\n  const resolvedPageCount = manualPagination\n    ? Math.max(pageCount ?? 1, 1)\n    : Math.max(Math.ceil(sortedData.length / pageSize), 1);\n\n  React.useEffect(() => {\n    if (resolvedPageIndex > resolvedPageCount - 1) {\n      setPageIndex(Math.max(resolvedPageCount - 1, 0));\n    }\n  }, [resolvedPageCount, resolvedPageIndex, setPageIndex]);\n\n  const pagedData = React.useMemo(() => {\n    if (!enablePagination || manualPagination) return sortedData;\n    const start = resolvedPageIndex * pageSize;\n    return sortedData.slice(start, start + pageSize);\n  }, [enablePagination, manualPagination, pageSize, resolvedPageIndex, sortedData]);\n\n  const rowIdFor = React.useCallback(\n    (row: T, index: number) => getRowId?.(row, index) ?? String(index),\n    [getRowId]\n  );\n\n  const pageStartIndex =\n    enablePagination && !manualPagination ? resolvedPageIndex * pageSize : 0;\n  const pageRowIds = pagedData.map((row, index) =>\n    rowIdFor(row, pageStartIndex + index)\n  );\n  const allSelected =\n    pageRowIds.length > 0 && pageRowIds.every((id) => resolvedSelection[id]);\n  const someSelected = pageRowIds.some((id) => resolvedSelection[id]);\n  const headerCheckboxRef = React.useRef<HTMLInputElement | null>(null);\n\n  React.useEffect(() => {\n    if (headerCheckboxRef.current) {\n      headerCheckboxRef.current.indeterminate = someSelected && !allSelected;\n    }\n  }, [someSelected, allSelected]);\n\n  const toggleSort = (column: CraftDataTableColumn<T>) => {\n    if (!enableSorting || column.sortable === false) return;\n    const current = resolvedSort;\n    if (!current || current.id !== column.id) {\n      setSort({ id: column.id, desc: false });\n      return;\n    }\n    if (!current.desc) {\n      setSort({ id: column.id, desc: true });\n      return;\n    }\n    setSort(null);\n  };\n\n  const emptyContent = emptyState ?? (\n    <div className=\"text-center text-sm text-[rgb(var(--nc-fg-muted))]\">\n      No results found.\n    </div>\n  );\n\n  const resolvedShowGlobalFilter =\n    showGlobalFilter ?? (enableFiltering && !toolbar);\n\n  const setGlobalFilter = (next: string) => {\n    if (globalFilter === undefined) setInternalGlobalFilter(next);\n    onGlobalFilterChange?.(next);\n  };\n\n  return (\n    <div className={cn(\"space-y-4\", className)} data-nc-theme={tone}>\n      {toolbar}\n\n      {resolvedShowGlobalFilter && (\n        <div className=\"flex items-center justify-between gap-3 rounded-2xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-2 text-sm text-[rgb(var(--nc-fg))]\">\n          <span className=\"text-xs text-[rgb(var(--nc-fg-muted))]\">Global filter</span>\n          <input\n            type=\"search\"\n            value={resolvedGlobalFilter}\n            onChange={(event) => setGlobalFilter(event.target.value)}\n            placeholder=\"Search all columns...\"\n            className=\"w-full max-w-xs rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.18)] px-3 py-2 text-xs text-[rgb(var(--nc-fg))]\"\n          />\n        </div>\n      )}\n\n      {enableColumnVisibility && (\n        <div className=\"relative flex justify-end\">\n          <button\n            type=\"button\"\n            className=\"rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-2 text-xs text-[rgb(var(--nc-fg))] transition hover:bg-[rgb(var(--nc-surface)/0.2)]\"\n            onClick={() => setShowColumns((prev) => !prev)}\n          >\n            Columns\n          </button>\n          {showColumns && (\n            <div className=\"absolute right-0 top-10 z-20 w-48 rounded-2xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.2)] p-3 shadow-[0_12px_30px_rgba(0,0,0,0.35)] backdrop-blur-2xl\">\n              <div className=\"grid gap-2\">\n                {columns.map((column) => (\n                  <label\n                    key={column.id}\n                    className=\"flex items-center gap-2 text-xs text-[rgb(var(--nc-fg))]\"\n                  >\n                    <input\n                      type=\"checkbox\"\n                      className=\"h-4 w-4 accent-[rgb(var(--nc-accent-1))]\"\n                      checked={resolvedVisibility[column.id] !== false}\n                      onChange={(event) =>\n                        setVisibility({\n                          ...resolvedVisibility,\n                          [column.id]: event.target.checked,\n                        })\n                      }\n                    />\n                    {column.header}\n                  </label>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n\n      <div className=\"overflow-hidden rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] shadow-[0_18px_50px_rgba(0,0,0,0.35)] backdrop-blur-2xl\">\n        <table className=\"w-full border-collapse text-left text-sm\">\n          <thead className=\"bg-[rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg-muted))]\">\n            <tr>\n              {enableRowSelection && (\n                <th className=\"w-12 px-4 py-3\">\n                  <input\n                    ref={headerCheckboxRef}\n                    type=\"checkbox\"\n                    className=\"h-4 w-4 accent-[rgb(var(--nc-accent-1))]\"\n                    checked={allSelected}\n                    onChange={(event) => {\n                      const next = { ...resolvedSelection };\n                      pageRowIds.forEach((id) => {\n                        next[id] = event.target.checked;\n                      });\n                      setSelection(next);\n                    }}\n                  />\n                </th>\n              )}\n              {visibleColumns.map((column) => (\n                <th\n                  key={column.id}\n                  className={cn(\n                    \"px-4 py-3 text-xs font-semibold uppercase tracking-[0.2em]\",\n                    column.headerClassName\n                  )}\n                  style={{ width: column.width }}\n                >\n                  <button\n                    type=\"button\"\n                    className={cn(\n                      \"flex items-center gap-2\",\n                      enableSorting && column.sortable !== false\n                        ? \"cursor-pointer\"\n                        : \"cursor-default\"\n                    )}\n                    onClick={() => toggleSort(column)}\n                  >\n                    <span>{column.header}</span>\n                    {resolvedSort?.id === column.id && (\n                      <span className=\"text-[rgb(var(--nc-accent-1))]\">\n                        {resolvedSort.desc ? \"↓\" : \"↑\"}\n                      </span>\n                    )}\n                  </button>\n                  {enableFiltering && column.filterable !== false && (\n                    <input\n                      type=\"text\"\n                      value={resolvedFilters[column.id] ?? \"\"}\n                      onChange={(event) =>\n                        setFilters({\n                          ...resolvedFilters,\n                          [column.id]: event.target.value,\n                        })\n                      }\n                      placeholder=\"Filter\"\n                      className=\"mt-2 w-full rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.18)] px-2 py-1 text-xs text-[rgb(var(--nc-fg))]\"\n                    />\n                  )}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody className=\"text-[rgb(var(--nc-fg))]\">\n            {loading && (\n              <tr>\n                <td\n                  colSpan={visibleColumns.length + (enableRowSelection ? 1 : 0)}\n                  className=\"px-4 py-10 text-center text-sm text-[rgb(var(--nc-fg-muted))]\"\n                >\n                  <span className=\"inline-flex items-center gap-2\">\n                    <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-[rgb(var(--nc-fg-muted))] border-t-transparent\" />\n                    Loading data...\n                  </span>\n                </td>\n              </tr>\n            )}\n            {!loading && pagedData.length === 0 && (\n              <tr>\n                <td\n                  colSpan={visibleColumns.length + (enableRowSelection ? 1 : 0)}\n                  className=\"px-4 py-10\"\n                >\n                  {emptyContent}\n                </td>\n              </tr>\n            )}\n            {!loading &&\n              pagedData.map((row, rowIndex) => {\n                const rowId = rowIdFor(row, pageStartIndex + rowIndex);\n                const isSelected = resolvedSelection[rowId];\n                return (\n                  <tr\n                    key={rowId}\n                    className={cn(\n                      \"border-t border-[rgb(var(--nc-border)/0.15)]\",\n                      isSelected && \"bg-[rgb(var(--nc-accent-1)/0.08)]\"\n                    )}\n                  >\n                    {enableRowSelection && (\n                      <td className=\"px-4 py-4\">\n                        <input\n                          type=\"checkbox\"\n                          className=\"h-4 w-4 accent-[rgb(var(--nc-accent-1))]\"\n                          checked={isSelected}\n                          onChange={(event) =>\n                            setSelection({\n                              ...resolvedSelection,\n                              [rowId]: event.target.checked,\n                            })\n                          }\n                        />\n                      </td>\n                    )}\n                    {visibleColumns.map((column) => (\n                      <td\n                        key={column.id}\n                        className={cn(\n                          \"px-4 py-4\",\n                          column.align === \"center\" && \"text-center\",\n                          column.align === \"right\" && \"text-right\",\n                          column.cellClassName\n                        )}\n                      >\n                        {column.cell\n                          ? column.cell(row)\n                          : String(getColumnValue(column, row) ?? \"\")}\n                      </td>\n                    ))}\n                  </tr>\n                );\n              })}\n          </tbody>\n        </table>\n      </div>\n\n      {enablePagination && (\n        <CraftPagination\n          pageIndex={resolvedPageIndex}\n          pageCount={resolvedPageCount}\n          onPageChange={setPageIndex}\n          pageSize={pageSize}\n          onPageSizeChange={onPageSizeChange}\n          tone={tone}\n        />\n      )}\n    </div>\n  );\n}\n","export function cn(...values: Array<string | false | null | undefined>): string {\n  return values.filter(Boolean).join(\" \");\n}\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftPaginationProps = {\n  pageIndex: number;\n  pageCount: number;\n  onPageChange: (page: number) => void;\n  canPrevious?: boolean;\n  canNext?: boolean;\n  pageSize?: number;\n  pageSizeOptions?: number[];\n  onPageSizeChange?: (size: number) => void;\n  tone?: ThemeName;\n  className?: string;\n};\n\nfunction getPageNumbers(pageIndex: number, pageCount: number, maxButtons = 5) {\n  if (pageCount <= maxButtons) {\n    return Array.from({ length: pageCount }, (_, i) => i);\n  }\n\n  const pages: Array<number | \"ellipsis\"> = [];\n  const start = Math.max(0, pageIndex - 1);\n  const end = Math.min(pageCount - 1, pageIndex + 1);\n\n  pages.push(0);\n\n  if (start > 1) pages.push(\"ellipsis\");\n\n  for (let i = start; i <= end; i += 1) {\n    if (i !== 0 && i !== pageCount - 1) pages.push(i);\n  }\n\n  if (end < pageCount - 2) pages.push(\"ellipsis\");\n\n  pages.push(pageCount - 1);\n\n  return pages;\n}\n\nexport function CraftPagination({\n  pageIndex,\n  pageCount,\n  onPageChange,\n  canPrevious = pageIndex > 0,\n  canNext = pageIndex < pageCount - 1,\n  pageSize,\n  pageSizeOptions = [10, 20, 50],\n  onPageSizeChange,\n  tone,\n  className,\n}: CraftPaginationProps) {\n  const pages = getPageNumbers(pageIndex, pageCount);\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center justify-between gap-4\",\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className={cn(\n            \"rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-2 text-xs text-[rgb(var(--nc-fg))] transition\",\n            \"hover:bg-[rgb(var(--nc-surface)/0.2)]\",\n            !canPrevious && \"opacity-50 cursor-not-allowed\"\n          )}\n          onClick={() => onPageChange(Math.max(pageIndex - 1, 0))}\n          disabled={!canPrevious}\n        >\n          Prev\n        </button>\n        {pages.map((page, index) =>\n          page === \"ellipsis\" ? (\n            <span key={`ellipsis-${index}`} className=\"px-2 text-[rgb(var(--nc-fg-muted))]\">\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              type=\"button\"\n              className={cn(\n                \"rounded-xl border px-3 py-2 text-xs transition\",\n                page === pageIndex\n                  ? \"border-[rgb(var(--nc-accent-1)/0.6)] bg-[rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-fg))]\"\n                  : \"border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg-muted))] hover:text-[rgb(var(--nc-fg))] hover:bg-[rgb(var(--nc-surface)/0.2)]\"\n              )}\n              onClick={() => onPageChange(page)}\n            >\n              {page + 1}\n            </button>\n          )\n        )}\n        <button\n          type=\"button\"\n          className={cn(\n            \"rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-2 text-xs text-[rgb(var(--nc-fg))] transition\",\n            \"hover:bg-[rgb(var(--nc-surface)/0.2)]\",\n            !canNext && \"opacity-50 cursor-not-allowed\"\n          )}\n          onClick={() => onPageChange(Math.min(pageIndex + 1, pageCount - 1))}\n          disabled={!canNext}\n        >\n          Next\n        </button>\n      </div>\n\n      {onPageSizeChange && (\n        <div className=\"flex items-center gap-2 text-xs text-[rgb(var(--nc-fg-muted))]\">\n          <span>Rows</span>\n          <select\n            className=\"rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-2 py-1 text-xs text-[rgb(var(--nc-fg))]\"\n            value={pageSize}\n            onChange={(event) => onPageSizeChange(Number(event.target.value))}\n          >\n            {pageSizeOptions.map((size) => (\n              <option key={size} value={size}>\n                {size}\n              </option>\n            ))}\n          </select>\n        </div>\n      )}\n    </div>\n  );\n}\n","\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\n// ============================================================================\n// CRAFT INPUT\n// ============================================================================\n\ntype CraftInputSize = \"sm\" | \"md\" | \"lg\";\n\nexport type CraftInputProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"size\"\n> & {\n  tone?: ThemeName;\n  inputSize?: CraftInputSize;\n  glow?: boolean;\n  icon?: React.ReactNode;\n};\n\nconst inputSizeClasses: Record<CraftInputSize, string> = {\n  sm: \"h-10 px-4 text-sm\",\n  md: \"h-12 px-5 text-base\",\n  lg: \"h-14 px-6 text-lg\",\n};\n\nexport const CraftInput = React.forwardRef<HTMLInputElement, CraftInputProps>(\n  (\n    { className, tone, inputSize = \"md\", glow = true, icon, ...props },\n    ref\n  ) => {\n    return (\n      <div className=\"relative w-full\" data-nc-theme={tone}>\n        {icon && (\n          <div className=\"absolute left-4 top-1/2 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]\">\n            {icon}\n          </div>\n        )}\n        <input\n          ref={ref}\n          className={cn(\n            \"w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n            \"shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]\",\n            \"focus:outline-none focus:ring-4\",\n            \"transition-all duration-300\",\n            \"disabled:opacity-50 disabled:cursor-not-allowed\",\n            inputSizeClasses[inputSize],\n            \"border-[rgb(var(--nc-border)/0.35)]\",\n            \"focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]\",\n            \"placeholder:text-[rgb(var(--nc-fg-soft))]\",\n            glow ? \"focus:shadow-[0_0_30px_-5px_var(--glow-color)]\" : \"\",\n            icon ? \"pl-12\" : \"\",\n            className\n          )}\n          style={{\n            \"--glow-color\": \"rgb(var(--nc-accent-1) / 0.5)\",\n          } as React.CSSProperties}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nCraftInput.displayName = \"CraftInput\";\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftInput } from \"@/components/craft-input\";\n\nexport type CraftFilterBarProps = {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchPlaceholder?: string;\n  actions?: React.ReactNode;\n  filters?: React.ReactNode;\n  tone?: ThemeName;\n  className?: string;\n};\n\nexport function CraftFilterBar({\n  title,\n  description,\n  searchValue,\n  onSearchChange,\n  searchPlaceholder = \"Search...\",\n  actions,\n  filters,\n  tone,\n  className,\n}: CraftFilterBarProps) {\n  return (\n    <div\n      className={cn(\n        \"rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_12px_36px_rgba(0,0,0,0.2)] backdrop-blur-2xl\",\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-4\">\n        <div>\n          {title && <h3 className=\"text-lg font-semibold\">{title}</h3>}\n          {description && (\n            <p className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">\n              {description}\n            </p>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-3\">{actions}</div>}\n      </div>\n      <div className=\"mt-4 grid gap-4 md:grid-cols-[minmax(0,1fr)_auto]\">\n        <CraftInput\n          type=\"search\"\n          placeholder={searchPlaceholder}\n          value={searchValue ?? \"\"}\n          onChange={(event) => onSearchChange?.(event.target.value)}\n          tone={tone}\n        />\n        {filters && <div className=\"flex flex-wrap items-center gap-3\">{filters}</div>}\n      </div>\n    </div>\n  );\n}\n","import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftInput } from \"@/components/craft-input\";\n\nexport type CraftTableToolbarProps = {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchPlaceholder?: string;\n  actions?: React.ReactNode;\n  filters?: React.ReactNode;\n  bulkActions?: React.ReactNode;\n  tone?: ThemeName;\n  className?: string;\n};\n\nexport function CraftTableToolbar({\n  title,\n  description,\n  searchValue,\n  onSearchChange,\n  searchPlaceholder = \"Search table...\",\n  actions,\n  filters,\n  bulkActions,\n  tone,\n  className,\n}: CraftTableToolbarProps) {\n  return (\n    <div\n      className={cn(\n        \"rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_12px_36px_rgba(0,0,0,0.2)] backdrop-blur-2xl\",\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-4\">\n        <div>\n          {title && <h3 className=\"text-lg font-semibold\">{title}</h3>}\n          {description && (\n            <p className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">\n              {description}\n            </p>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-3\">{actions}</div>}\n      </div>\n      <div className=\"mt-4 grid gap-4 lg:grid-cols-[minmax(0,1fr)_auto]\">\n        <CraftInput\n          type=\"search\"\n          placeholder={searchPlaceholder}\n          value={searchValue ?? \"\"}\n          onChange={(event) => onSearchChange?.(event.target.value)}\n          tone={tone}\n        />\n        <div className=\"flex flex-wrap items-center gap-3\">\n          {filters}\n          {bulkActions}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["import_jsx_runtime","React","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}

package/dist/craft/table.d.cts

@@ -0,0 +1,99 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftFilterBarProps = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    actions?: React.ReactNode;
+    filters?: React.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftFilterBar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, tone, className, }: CraftFilterBarProps): react_jsx_runtime.JSX.Element;
+
+type CraftTableToolbarProps = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    actions?: React.ReactNode;
+    filters?: React.ReactNode;
+    bulkActions?: React.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftTableToolbar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, bulkActions, tone, className, }: CraftTableToolbarProps): react_jsx_runtime.JSX.Element;
+
+type CraftDataTableColumn<T> = {
+    id: string;
+    header: React.ReactNode;
+    accessor?: keyof T | ((row: T) => unknown);
+    cell?: (row: T) => React.ReactNode;
+    sortable?: boolean;
+    filterable?: boolean;
+    width?: string | number;
+    align?: "left" | "center" | "right";
+    hidden?: boolean;
+    headerClassName?: string;
+    cellClassName?: string;
+};
+type CraftDataTableSort = {
+    id: string;
+    desc?: boolean;
+};
+type CraftDataTableProps<T> = {
+    data: T[];
+    columns: CraftDataTableColumn<T>[];
+    tone?: ThemeName;
+    className?: string;
+    loading?: boolean;
+    emptyState?: React.ReactNode;
+    toolbar?: React.ReactNode;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    enableColumnVisibility?: boolean;
+    enableRowSelection?: boolean;
+    enablePagination?: boolean;
+    showGlobalFilter?: boolean;
+    manualSorting?: boolean;
+    manualFiltering?: boolean;
+    manualPagination?: boolean;
+    sortBy?: CraftDataTableSort | null;
+    onSortChange?: (sort: CraftDataTableSort | null) => void;
+    filters?: Record<string, string>;
+    onFiltersChange?: (filters: Record<string, string>) => void;
+    globalFilter?: string;
+    onGlobalFilterChange?: (value: string) => void;
+    columnVisibility?: Record<string, boolean>;
+    onColumnVisibilityChange?: (visibility: Record<string, boolean>) => void;
+    selectedRowIds?: Record<string, boolean>;
+    onRowSelectionChange?: (selection: Record<string, boolean>) => void;
+    getRowId?: (row: T, index: number) => string;
+    pageIndex?: number;
+    pageSize?: number;
+    pageCount?: number;
+    onPageChange?: (pageIndex: number) => void;
+    onPageSizeChange?: (size: number) => void;
+};
+declare function CraftDataTable<T>({ data, columns, tone, className, loading, emptyState, toolbar, enableSorting, enableFiltering, enableColumnVisibility, enableRowSelection, enablePagination, showGlobalFilter, manualSorting, manualFiltering, manualPagination, sortBy, onSortChange, filters, onFiltersChange, globalFilter, onGlobalFilterChange, columnVisibility, onColumnVisibilityChange, selectedRowIds, onRowSelectionChange, getRowId, pageIndex, pageSize, pageCount, onPageChange, onPageSizeChange, }: CraftDataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+type CraftPaginationProps = {
+    pageIndex: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    canPrevious?: boolean;
+    canNext?: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (size: number) => void;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftPagination({ pageIndex, pageCount, onPageChange, canPrevious, canNext, pageSize, pageSizeOptions, onPageSizeChange, tone, className, }: CraftPaginationProps): react_jsx_runtime.JSX.Element;
+
+export { CraftDataTable, type CraftDataTableColumn, type CraftDataTableProps, type CraftDataTableSort, CraftFilterBar, type CraftFilterBarProps, CraftPagination, type CraftPaginationProps, CraftTableToolbar, type CraftTableToolbarProps };

package/dist/craft/table.d.ts

@@ -0,0 +1,99 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftFilterBarProps = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    actions?: React.ReactNode;
+    filters?: React.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftFilterBar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, tone, className, }: CraftFilterBarProps): react_jsx_runtime.JSX.Element;
+
+type CraftTableToolbarProps = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    actions?: React.ReactNode;
+    filters?: React.ReactNode;
+    bulkActions?: React.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftTableToolbar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, bulkActions, tone, className, }: CraftTableToolbarProps): react_jsx_runtime.JSX.Element;
+
+type CraftDataTableColumn<T> = {
+    id: string;
+    header: React.ReactNode;
+    accessor?: keyof T | ((row: T) => unknown);
+    cell?: (row: T) => React.ReactNode;
+    sortable?: boolean;
+    filterable?: boolean;
+    width?: string | number;
+    align?: "left" | "center" | "right";
+    hidden?: boolean;
+    headerClassName?: string;
+    cellClassName?: string;
+};
+type CraftDataTableSort = {
+    id: string;
+    desc?: boolean;
+};
+type CraftDataTableProps<T> = {
+    data: T[];
+    columns: CraftDataTableColumn<T>[];
+    tone?: ThemeName;
+    className?: string;
+    loading?: boolean;
+    emptyState?: React.ReactNode;
+    toolbar?: React.ReactNode;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    enableColumnVisibility?: boolean;
+    enableRowSelection?: boolean;
+    enablePagination?: boolean;
+    showGlobalFilter?: boolean;
+    manualSorting?: boolean;
+    manualFiltering?: boolean;
+    manualPagination?: boolean;
+    sortBy?: CraftDataTableSort | null;
+    onSortChange?: (sort: CraftDataTableSort | null) => void;
+    filters?: Record<string, string>;
+    onFiltersChange?: (filters: Record<string, string>) => void;
+    globalFilter?: string;
+    onGlobalFilterChange?: (value: string) => void;
+    columnVisibility?: Record<string, boolean>;
+    onColumnVisibilityChange?: (visibility: Record<string, boolean>) => void;
+    selectedRowIds?: Record<string, boolean>;
+    onRowSelectionChange?: (selection: Record<string, boolean>) => void;
+    getRowId?: (row: T, index: number) => string;
+    pageIndex?: number;
+    pageSize?: number;
+    pageCount?: number;
+    onPageChange?: (pageIndex: number) => void;
+    onPageSizeChange?: (size: number) => void;
+};
+declare function CraftDataTable<T>({ data, columns, tone, className, loading, emptyState, toolbar, enableSorting, enableFiltering, enableColumnVisibility, enableRowSelection, enablePagination, showGlobalFilter, manualSorting, manualFiltering, manualPagination, sortBy, onSortChange, filters, onFiltersChange, globalFilter, onGlobalFilterChange, columnVisibility, onColumnVisibilityChange, selectedRowIds, onRowSelectionChange, getRowId, pageIndex, pageSize, pageCount, onPageChange, onPageSizeChange, }: CraftDataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+type CraftPaginationProps = {
+    pageIndex: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    canPrevious?: boolean;
+    canNext?: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (size: number) => void;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftPagination({ pageIndex, pageCount, onPageChange, canPrevious, canNext, pageSize, pageSizeOptions, onPageSizeChange, tone, className, }: CraftPaginationProps): react_jsx_runtime.JSX.Element;
+
+export { CraftDataTable, type CraftDataTableColumn, type CraftDataTableProps, type CraftDataTableSort, CraftFilterBar, type CraftFilterBarProps, CraftPagination, type CraftPaginationProps, CraftTableToolbar, type CraftTableToolbarProps };

package/dist/craft/table.js

@@ -0,0 +1,15 @@
+import {
+  CraftDataTable,
+  CraftFilterBar,
+  CraftPagination,
+  CraftTableToolbar
+} from "../chunk-ZRV4Y374.js";
+import "../chunk-7SKDTIEK.js";
+import "../chunk-VQ6T3HIX.js";
+export {
+  CraftDataTable,
+  CraftFilterBar,
+  CraftPagination,
+  CraftTableToolbar
+};
+//# sourceMappingURL=table.js.map

package/dist/craft/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/craft/theme.cjs

@@ -0,0 +1,166 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/craft/theme.ts
+var theme_exports = {};
+__export(theme_exports, {
+  ThemeProvider: () => ThemeProvider,
+  ThemeSwitcher: () => ThemeSwitcher,
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(theme_exports);
+
+// src/utils/cn.ts
+function cn(...values) {
+  return values.filter(Boolean).join(" ");
+}
+
+// src/theme/theme-context.tsx
+var React = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var THEME_NAMES = [
+  "aurora",
+  "ember",
+  "ocean",
+  "midnight",
+  "cosmic"
+];
+var ThemeContext = React.createContext(null);
+var DEFAULT_THEME_KEY = "nextcraft-theme";
+var DEFAULT_MODE_KEY = "nextcraft-mode";
+function ThemeProvider({
+  children,
+  defaultTheme = "ocean",
+  defaultMode = "system",
+  storageKeyTheme = DEFAULT_THEME_KEY,
+  storageKeyMode = DEFAULT_MODE_KEY
+}) {
+  const [theme, setTheme] = React.useState(defaultTheme);
+  const [mode, setMode] = React.useState(defaultMode);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    try {
+      const storedTheme = window.localStorage.getItem(storageKeyTheme);
+      const storedMode = window.localStorage.getItem(storageKeyMode);
+      if (storedTheme) setTheme(storedTheme);
+      if (storedMode) setMode(storedMode);
+    } catch {
+    }
+  }, [storageKeyTheme, storageKeyMode]);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    try {
+      window.localStorage.setItem(storageKeyTheme, theme);
+      window.localStorage.setItem(storageKeyMode, mode);
+    } catch {
+    }
+  }, [theme, mode, storageKeyTheme, storageKeyMode]);
+  React.useEffect(() => {
+    if (typeof document === "undefined") return;
+    const root = document.documentElement;
+    root.dataset.ncTheme = theme;
+    if (mode !== "system") {
+      root.dataset.ncMode = mode;
+      return;
+    }
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const applySystem = () => {
+      root.dataset.ncMode = mediaQuery.matches ? "dark" : "light";
+    };
+    applySystem();
+    if (typeof mediaQuery.addEventListener === "function") {
+      mediaQuery.addEventListener("change", applySystem);
+      return () => mediaQuery.removeEventListener("change", applySystem);
+    }
+    mediaQuery.addListener(applySystem);
+    return () => mediaQuery.removeListener(applySystem);
+  }, [theme, mode]);
+  const value = React.useMemo(
+    () => ({ theme, mode, setTheme, setMode }),
+    [theme, mode]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const context = React.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within ThemeProvider");
+  }
+  return context;
+}
+
+// src/components/theme-switcher.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var MODE_OPTIONS = ["system", "light", "dark"];
+function ThemeSwitcher({ className, showLabels = true, ...props }) {
+  const { theme, mode, setTheme, setMode } = useTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap items-center gap-3 rounded-2xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] px-4 py-3 text-sm text-[rgb(var(--nc-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "flex items-center gap-2", children: [
+          showLabels && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-[rgb(var(--nc-fg-muted))]", children: "Theme" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "select",
+            {
+              className: "rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]",
+              value: theme,
+              onChange: (event) => setTheme(event.target.value),
+              children: THEME_NAMES.map((name) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: name, className: "text-slate-900", children: name }, name))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "flex items-center gap-2", children: [
+          showLabels && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-[rgb(var(--nc-fg-muted))]", children: "Mode" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "select",
+            {
+              className: "rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]",
+              value: mode,
+              onChange: (event) => setMode(event.target.value),
+              children: MODE_OPTIONS.map((value) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value, className: "text-slate-900", children: value }, value))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeProvider,
+  ThemeSwitcher,
+  useTheme
+});
+//# sourceMappingURL=theme.cjs.map

package/dist/craft/theme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/craft/theme.ts","../../src/utils/cn.ts","../../src/theme/theme-context.tsx","../../src/components/theme-switcher.tsx"],"sourcesContent":["export { ThemeSwitcher } from \"@/components/theme-switcher\";\nexport type { ThemeSwitcherProps } from \"@/components/theme-switcher\";\n\nexport { ThemeProvider, useTheme } from \"@/theme/theme-context\";\nexport type { ThemeName, ThemeMode } from \"@/theme/theme-context\";\n","export function cn(...values: Array<string | false | null | undefined>): string {\n  return values.filter(Boolean).join(\" \");\n}\n","\"use client\";\n\nimport * as React from \"react\";\n\nexport type ThemeName = \"aurora\" | \"ember\" | \"ocean\" | \"midnight\" | \"cosmic\";\nexport type ThemeMode = \"light\" | \"dark\" | \"system\";\n\nexport const THEME_NAMES: ThemeName[] = [\n  \"aurora\",\n  \"ember\",\n  \"ocean\",\n  \"midnight\",\n  \"cosmic\",\n];\n\ntype ThemeContextValue = {\n  theme: ThemeName;\n  mode: ThemeMode;\n  setTheme: (theme: ThemeName) => void;\n  setMode: (mode: ThemeMode) => void;\n};\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null);\n\ntype ThemeProviderProps = {\n  children: React.ReactNode;\n  defaultTheme?: ThemeName;\n  defaultMode?: ThemeMode;\n  storageKeyTheme?: string;\n  storageKeyMode?: string;\n};\n\nconst DEFAULT_THEME_KEY = \"nextcraft-theme\";\nconst DEFAULT_MODE_KEY = \"nextcraft-mode\";\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"ocean\",\n  defaultMode = \"system\",\n  storageKeyTheme = DEFAULT_THEME_KEY,\n  storageKeyMode = DEFAULT_MODE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setTheme] = React.useState<ThemeName>(defaultTheme);\n  const [mode, setMode] = React.useState<ThemeMode>(defaultMode);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    try {\n      const storedTheme = window.localStorage.getItem(storageKeyTheme) as ThemeName | null;\n      const storedMode = window.localStorage.getItem(storageKeyMode) as ThemeMode | null;\n      if (storedTheme) setTheme(storedTheme);\n      if (storedMode) setMode(storedMode);\n    } catch {\n      // Ignore storage errors.\n    }\n  }, [storageKeyTheme, storageKeyMode]);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    try {\n      window.localStorage.setItem(storageKeyTheme, theme);\n      window.localStorage.setItem(storageKeyMode, mode);\n    } catch {\n      // Ignore storage errors.\n    }\n  }, [theme, mode, storageKeyTheme, storageKeyMode]);\n\n  React.useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const root = document.documentElement;\n    root.dataset.ncTheme = theme;\n\n    if (mode !== \"system\") {\n      root.dataset.ncMode = mode;\n      return;\n    }\n\n    const mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const applySystem = () => {\n      root.dataset.ncMode = mediaQuery.matches ? \"dark\" : \"light\";\n    };\n\n    applySystem();\n\n    if (typeof mediaQuery.addEventListener === \"function\") {\n      mediaQuery.addEventListener(\"change\", applySystem);\n      return () => mediaQuery.removeEventListener(\"change\", applySystem);\n    }\n\n    mediaQuery.addListener(applySystem);\n    return () => mediaQuery.removeListener(applySystem);\n  }, [theme, mode]);\n\n  const value = React.useMemo(\n    () => ({ theme, mode, setTheme, setMode }),\n    [theme, mode]\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\nexport function useTheme() {\n  const context = React.useContext(ThemeContext);\n  if (!context) {\n    throw new Error(\"useTheme must be used within ThemeProvider\");\n  }\n  return context;\n}\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport { THEME_NAMES, type ThemeMode, type ThemeName, useTheme } from \"@/theme/theme-context\";\n\nconst MODE_OPTIONS: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n\nexport type ThemeSwitcherProps = React.HTMLAttributes<HTMLDivElement> & {\n  showLabels?: boolean;\n};\n\nexport function ThemeSwitcher({ className, showLabels = true, ...props }: ThemeSwitcherProps) {\n  const { theme, mode, setTheme, setMode } = useTheme();\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center gap-3 rounded-2xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] px-4 py-3 text-sm text-[rgb(var(--nc-fg))] shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]\",\n        className\n      )}\n      {...props}\n    >\n      <label className=\"flex items-center gap-2\">\n        {showLabels && <span className=\"text-[rgb(var(--nc-fg-muted))]\">Theme</span>}\n        <select\n          className=\"rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]\"\n          value={theme}\n          onChange={(event) => setTheme(event.target.value as ThemeName)}\n        >\n          {THEME_NAMES.map((name) => (\n            <option key={name} value={name} className=\"text-slate-900\">\n              {name}\n            </option>\n          ))}\n        </select>\n      </label>\n      <label className=\"flex items-center gap-2\">\n        {showLabels && <span className=\"text-[rgb(var(--nc-fg-muted))]\">Mode</span>}\n        <select\n          className=\"rounded-lg border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-1 text-[rgb(var(--nc-fg))] outline-none focus:ring-2 focus:ring-[rgb(var(--nc-accent-1)/0.5)]\"\n          value={mode}\n          onChange={(event) => setMode(event.target.value as ThemeMode)}\n        >\n          {MODE_OPTIONS.map((value) => (\n            <option key={value} value={value} className=\"text-slate-900\">\n              {value}\n            </option>\n          ))}\n        </select>\n      </label>\n    </div>\n  );\n}\n"],"mappings":"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","names":["import_jsx_runtime"]}

package/dist/craft/theme.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+export { T as ThemeMode, a as ThemeName, b as ThemeProvider, u as useTheme } from '../theme-context-EVI9PfKv.cjs';
+
+type ThemeSwitcherProps = React.HTMLAttributes<HTMLDivElement> & {
+    showLabels?: boolean;
+};
+declare function ThemeSwitcher({ className, showLabels, ...props }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
+
+export { ThemeSwitcher, type ThemeSwitcherProps };

package/dist/craft/theme.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+export { T as ThemeMode, a as ThemeName, b as ThemeProvider, u as useTheme } from '../theme-context-EVI9PfKv.js';
+
+type ThemeSwitcherProps = React.HTMLAttributes<HTMLDivElement> & {
+    showLabels?: boolean;
+};
+declare function ThemeSwitcher({ className, showLabels, ...props }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
+
+export { ThemeSwitcher, type ThemeSwitcherProps };

package/dist/craft/theme.js

@@ -0,0 +1,12 @@
+import {
+  ThemeProvider,
+  ThemeSwitcher,
+  useTheme
+} from "../chunk-M2EKVXB6.js";
+import "../chunk-VQ6T3HIX.js";
+export {
+  ThemeProvider,
+  ThemeSwitcher,
+  useTheme
+};
+//# sourceMappingURL=theme.js.map

package/dist/craft/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}