@gentleduck/registry-ui 0.3.1 → 0.3.2

package/.turbo/turbo-test.log

@@ -1,41 +1,41 @@
 $ bun test
 bun test v1.3.10 (30e609e0)
 
-::group::src/pagination/__test__/pagination.test.tsx:
-(pass) registry-ui pagination > PaginationWrapper prefers provided button icons over the default chevrons [17.00ms]
-(pass) registry-ui pagination > PaginationWrapper still renders default chevrons when icons are not provided [3.00ms]
+::group::src/carousel/__test__/carousel.test.tsx:
+(pass) registry-ui carousel > CarouselPrevious prefers a provided icon over the default arrow icon [17.00ms]
+(pass) registry-ui carousel > CarouselNext still renders the default arrow icon when no icon is provided [2.00ms]
 
 ::endgroup::
 
-::group::src/sidebar/__test__/sidebar.test.tsx:
-(pass) registry-ui sidebar > SidebarTrigger prefers a provided icon over the default panel icon [1.00ms]
-(pass) registry-ui sidebar > SidebarTrigger still renders the default panel icon when no icon is provided
+::group::src/button/__test__/button.test.tsx:
+(pass) registry-ui button > buttonVariants returns the shared base styles and defaults
+(pass) registry-ui button > buttonVariants applies explicit variant and size overrides
+(pass) registry-ui button > button exports keep stable display names
+(pass) registry-ui button > Button renders loading state as a busy disabled native button [2.00ms]
+(pass) registry-ui button > Button preserves explicit disabled state even when loading is false
+(pass) registry-ui button > Button collapses into icon-only mode and hides secondary content
+(pass) registry-ui button > AnimationIcon renders left and right placements around children [1.00ms]
 
 ::endgroup::
 
-::group::src/chart/__test__/chart.test.tsx:
-(pass) registry-ui chart > ChartContainer server render does not emit invalid size warnings [11.00ms]
+::group::src/sidebar/__test__/sidebar.test.tsx:
+(pass) registry-ui sidebar > SidebarTrigger prefers a provided icon over the default panel icon [1.00ms]
+(pass) registry-ui sidebar > SidebarTrigger still renders the default panel icon when no icon is provided [1.00ms]
 
 ::endgroup::
 
-::group::src/carousel/__test__/carousel.test.tsx:
-(pass) registry-ui carousel > CarouselPrevious prefers a provided icon over the default arrow icon [2.00ms]
-(pass) registry-ui carousel > CarouselNext still renders the default arrow icon when no icon is provided [1.00ms]
+::group::src/chart/__test__/chart.test.tsx:
+(pass) registry-ui chart > ChartContainer server render does not emit invalid size warnings [12.00ms]
 
 ::endgroup::
 
-::group::src/button/__test__/button.test.tsx:
-(pass) registry-ui button > buttonVariants returns the shared base styles and defaults
-(pass) registry-ui button > buttonVariants applies explicit variant and size overrides
-(pass) registry-ui button > button exports keep stable display names
-(pass) registry-ui button > Button renders loading state as a busy disabled native button [1.00ms]
-(pass) registry-ui button > Button preserves explicit disabled state even when loading is false
-(pass) registry-ui button > Button collapses into icon-only mode and hides secondary content
-(pass) registry-ui button > AnimationIcon renders left and right placements around children
+::group::src/pagination/__test__/pagination.test.tsx:
+(pass) registry-ui pagination > PaginationWrapper prefers provided button icons over the default chevrons [2.00ms]
+(pass) registry-ui pagination > PaginationWrapper still renders default chevrons when icons are not provided [2.00ms]
 
 ::endgroup::
 
  14 pass
  0 fail
  43 expect() calls
-Ran 14 tests across 5 files. [441.00ms]
+Ran 14 tests across 5 files. [499.00ms]

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @gentleduck/registry-ui
 
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [32d0136]
+  - @gentleduck/calendar@0.2.1
+
 ## 0.3.1
 
 ### Patch Changes

package/bunfig.toml

@@ -0,0 +1,2 @@
+[test]
+timeout = 15000

package/package.json

@@ -12,7 +12,7 @@
     "@gentleduck/variants": "^0.1.20",
     "@gentleduck/vim": "^0.1.16",
     "embla-carousel-react": "8.6.0",
-    "lucide-react": "0.577.0",
+    "lucide-react": "1.6.0",
     "next-themes": "^0.4.6",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
@@ -29,7 +29,7 @@
     "@gentleduck/typescript-config": "workspace:*",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "typescript": "5.9.3"
+    "typescript": "6.0.2"
   },
   "exports": {
     "./*": "./src/*/index.ts"
@@ -56,7 +56,7 @@
     "test": "bun test"
   },
   "type": "module",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Styled Tailwind components for Duck UI.",
   "keywords": [
     "gentleduck",

package/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/tsconfig",
   "compilerOptions": {
-    "baseUrl": ".",
+    "ignoreDeprecations": "6.0",
     "incremental": false,
     "isolatedModules": true,
     "jsx": "react-jsx",

package/src/_old/_table/index.ts

@@ -1,14 +0,0 @@
-/**
- * @deprecated These table components are deprecated and no longer maintained.
- * Use the components from `@duck-ui/registry-ui/table` instead.
- * This module will be removed in a future release.
- */
-export * from './table'
-/** @deprecated Use components from `@duck-ui/registry-ui/table` instead. */
-export * from './table.constants'
-/** @deprecated Use components from `@duck-ui/registry-ui/table` instead. */
-export * from './table.hook'
-/** @deprecated Use components from `@duck-ui/registry-ui/table` instead. */
-export * from './table.lib'
-/** @deprecated Use components from `@duck-ui/registry-ui/table` instead. */
-export * from './table.types'

package/src/_old/_table/table-advanced.constants.tsx

@@ -1,24 +0,0 @@
-import { ArrowDownIcon, ArrowUpIcon, EyeOff } from 'lucide-react'
-import { TableColumnSortableType } from './table-advanced.types'
-
-export const dropdownMenuOptions: TableColumnSortableType[] = [
-  {
-    children: 'ascending',
-    icon: <ArrowDownIcon className="mr-2 text-muted-foreground/80" />,
-    size: 'sm',
-    variant: 'ghost',
-  },
-
-  {
-    children: 'descending',
-    icon: <ArrowUpIcon className="mr-2 text-muted-foreground/80" />,
-    size: 'sm',
-    variant: 'ghost',
-  },
-  {
-    children: 'hide' as 'other',
-    icon: <EyeOff className="mr-2 text-muted-foreground/80" />,
-    size: 'sm',
-    variant: 'ghost',
-  },
-]

package/src/_old/_table/table-advanced.tsx

@@ -1,311 +0,0 @@
-import { cn } from '@gentleduck/libs/cn'
-import { ArrowDownIcon, ArrowUpDown, ArrowUpIcon } from 'lucide-react'
-import React from 'react'
-import { Button } from '../button'
-import { Checkbox } from '../checkbox'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '../dropdown-menu'
-import { Input } from '../input'
-import { ScrollArea } from '../scroll-area/'
-import { TableHead, TableHeader, TableRow } from '../table'
-import { Table, TableBody } from './table'
-import { dropdownMenuOptions } from './table-advanced.constants'
-import {
-  DuckTableBodyProps,
-  DuckTableContextType,
-  DuckTableHeadCheckboxProps,
-  DuckTableHeaderProps,
-  DuckTableHeadSelectableProps,
-  DuckTableProps,
-  DuckTableProviderProps,
-  DuckTableRowCheckboxProps,
-  GetColumnLabel,
-  TableColumnType,
-  TableContentDataType,
-  TableSearchStateType,
-} from './table-advanced.types'
-
-export const DuckTableContext = React.createContext<DuckTableContextType<any> | null>(null)
-
-export function useDuckTable<TColumnName extends readonly TableColumnType[]>() {
-  const context = React.useContext<DuckTableContextType<GetColumnLabel<TColumnName>>>(
-    DuckTableContext as unknown as React.Context<DuckTableContextType<GetColumnLabel<TColumnName>>>,
-  )
-  if (!context) {
-    throw new Error('useTableProvider must be used within an TableProvider')
-  }
-  return context
-}
-
-export function DuckTableProvider<TColumnName extends string[]>({
-  table_rows,
-  table_columns,
-  children,
-  className,
-  ...props
-}: DuckTableProviderProps<TColumnName>) {
-  const [search, setSearch] = React.useState<TableSearchStateType>({
-    query: '',
-    queryBy: [],
-  })
-
-  const [tableColumns, setTableColumns] = React.useState<Map<string, TableColumnType>>(
-    new Map(table_columns.map((column) => [column.label, column])),
-  )
-
-  const [selectedRows, setSelectedRows] = React.useState<Set<TableContentDataType<TColumnName>>>(new Set())
-
-  const DuckTable = DuckTableContext //<TColumnName>()
-
-  return (
-    <DuckTable.Provider
-      value={{
-        search,
-        selectedRows,
-        setSearch,
-        setSelectedRows,
-        setTableColumns,
-        tableColumns,
-        tableRows: table_rows,
-      }}>
-      <div className={cn(`w-full- flex flex-col gap-4 w-[800px] h-[500px]`, className)} {...props}>
-        {children}
-      </div>
-    </DuckTable.Provider>
-  )
-}
-DuckTableProvider.displayName = 'DuckTableProvider'
-
-export function DuckTable({ wrapper, className, children, ...props }: DuckTableProps) {
-  const { className: wrapperClassName, ...wrapperProps } = wrapper! ?? {}
-
-  return (
-    <ScrollArea
-      className={cn('border border-border rounded-lg !overflow-visible relative', wrapperClassName)}
-      {...wrapperProps}>
-      <Table {...props}>{children}</Table>
-    </ScrollArea>
-  )
-}
-DuckTable.displayName = 'DuckTable'
-
-// ------------------------------------------------------------------------------------------------
-
-export function DuckTableHeader({}: DuckTableHeaderProps) {
-  const { tableColumns } = useDuckTable()
-  return (
-    <>
-      <TableHeader>
-        <TableRow>
-          {Array.from(tableColumns.values())?.map((column, idx) => {
-            const { children, className, sortable, label, showLabel, ...props } = column
-
-            const Component = () =>
-              sortable ? (
-                <DuckTableHeadSelectable column={column} label={(label as string) ?? children} showLabel={showLabel} />
-              ) : (
-                <span className="capitalize">{(label as string) ?? children}</span>
-              )
-
-            return (
-              !column['aria-hidden'] && (
-                <React.Fragment key={idx}>
-                  <TableHead
-                    className={cn('py-2', idx === 0 && 'justify-start ', sortable && 'px-2', className)}
-                    {...props}>
-                    {idx === 0 ? (
-                      <div className="flex items-center gap-4">
-                        <DuckTableHeadCheckbox className={cn(sortable && 'justify-end')} type="header" />
-                        {/*NOTE: Rendering Sorting else rendering label*/}
-                        <Component />
-                      </div>
-                    ) : (
-                      <Component />
-                    )}
-                  </TableHead>
-                </React.Fragment>
-              )
-            )
-          })}
-        </TableRow>
-      </TableHeader>
-    </>
-  )
-}
-DuckTableHeader.displayName = 'TableCustomViewHeader'
-
-export function DuckTableHeadCheckbox({ className, ...props }: DuckTableHeadCheckboxProps) {
-  const { selectedRows, setSelectedRows, tableRows } = useDuckTable()
-
-  return (
-    <div className={cn('flex items-center w-fit data-[state=open]:bg-accent text-xs capitalize', className)} {...props}>
-      <Checkbox
-        checked={
-          selectedRows.size === tableRows.length
-            ? true
-            : selectedRows.size < tableRows.length && selectedRows.size
-              ? 'indeterminate'
-              : false
-        }
-        className="border-border"
-        onClick={() => {
-          setSelectedRows(() => {
-            if (selectedRows.size === tableRows.length) {
-              return new Set()
-            }
-            return new Set(tableRows.map((item) => item))
-          })
-        }}
-      />
-    </div>
-  )
-}
-
-export function DuckTableHeadSelectable<TSort extends boolean = true>({
-  column,
-  label,
-  showLabel,
-  children,
-}: DuckTableHeadSelectableProps<TSort>) {
-  const { setTableColumns } = useDuckTable()
-
-  return (
-    <div className={cn('flex items-center space-x-2')}>
-      {(dropdownMenuOptions?.length ?? 0) > 0 && (
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <Button
-              aria-controls="dropdown-menu"
-              aria-label="table-column-options"
-              aria-sort={column['aria-sort']}
-              className="data-[state=open]:bg-accent [&>div]:justify-between w-full [&>div]:w-full capitalize"
-              label={
-                showLabel
-                  ? {
-                      children: label.toString() + ' options',
-                      className: 'capitalize',
-                      showLabel: true,
-                      side: 'top',
-                    }
-                  : undefined
-              }
-              name="dropdown-menu-trigger"
-              secondIcon={
-                column['aria-sort'] === 'ascending' ? (
-                  <ArrowDownIcon className="text-muted-foreground" />
-                ) : column['aria-sort'] === 'descending' ? (
-                  <ArrowUpIcon className="text-muted-foreground" />
-                ) : (
-                  <ArrowUpDown className="text-muted-foreground" />
-                )
-              }
-              size="sm"
-              variant="ghost">
-              {(label as string) ?? children}
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent className="w-48">
-            <DropdownMenuGroup>
-              {dropdownMenuOptions.map((item, idx) => {
-                return (
-                  <>
-                    {idx === dropdownMenuOptions.length - 1 && <DropdownMenuSeparator />}
-                    <DropdownMenuItem
-                      className="p-0"
-                      key={idx}
-                      onClick={() => {
-                        setTableColumns((prev) => {
-                          const newSet = new Map(prev)
-
-                          if (item.children === ('hide' as 'other')) {
-                            newSet.set(label, {
-                              ...column,
-                              'aria-hidden': true,
-                              hidden: true,
-                            })
-                          } else {
-                            if (newSet.get(label)?.label === item.children) {
-                              newSet.set(label, {
-                                ...column,
-                                'aria-sort': 'none',
-                              })
-                            } else {
-                              newSet.set(label, {
-                                ...column,
-                                'aria-sort': item.children,
-                              })
-                            }
-                          }
-
-                          return newSet
-                        })
-                      }}>
-                      <Button {...item} className={cn('w-full justify-start capitalize', item.className)}>
-                        {item.children}
-                      </Button>
-                    </DropdownMenuItem>
-                  </>
-                )
-              })}
-            </DropdownMenuGroup>
-          </DropdownMenuContent>
-        </DropdownMenu>
-      )}
-    </div>
-  )
-}
-
-export function DuckTableBody({ children }: DuckTableBodyProps) {
-  return <TableBody>{children}</TableBody>
-}
-
-export function DuckTableRowCheckbox<TColumnName extends readonly TableColumnType[]>({
-  className,
-  tableRow,
-  ...props
-}: DuckTableRowCheckboxProps<TColumnName>) {
-  const { selectedRows, setSelectedRows } = useDuckTable()
-
-  return (
-    <div className={cn('flex items-center w-fit data-[state=open]:bg-accent text-xs capitalize', className)} {...props}>
-      <Checkbox
-        checked={selectedRows.has(tableRow) ? true : false}
-        className="border-border"
-        onClick={() => {
-          setSelectedRows(() => {
-            if (selectedRows.has(tableRow)) {
-              return new Set(Array.from(selectedRows.values()).filter((item) => item !== tableRow))
-            }
-            return new Set([...selectedRows, tableRow])
-          })
-        }}
-      />
-    </div>
-  )
-}
-
-export interface DuckTableTopBarProps extends React.HTMLProps<HTMLDivElement> {}
-
-export function DuckTableTopBar({ className, children, ...props }: DuckTableTopBarProps) {
-  return (
-    <div className={cn('', className)} {...props}>
-      {children}
-    </div>
-  )
-}
-
-export interface DuckTableSearchInputProps extends React.HTMLProps<HTMLDivElement> {}
-
-export function DuckTableSearchInput({ className, ...props }: DuckTableSearchInputProps) {
-  return (
-    <div className={cn('flex-1', className)} {...props}>
-      <Input placeholder="Search..." />
-    </div>
-  )
-}