@douglasneuroinformatics/libui 5.0.1 → 6.0.0

package/src/components/LineGraph/LineGraph.stories.tsx

@@ -1,79 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { LineGraph } from './LineGraph';
-
-type GraphData = readonly {
-  m1: number;
-  m2: number;
-  sd1: number;
-  sd2: number;
-  time: number;
-}[];
-
-type Story = StoryObj<typeof LineGraph<GraphData>>;
-
-const meta: Meta<typeof LineGraph> = {
-  component: LineGraph,
-  decorators: [
-    (Story) => (
-      <div className="container flex justify-center">
-        <div style={{ width: 600 }}>
-          <Story />
-        </div>
-      </div>
-    )
-  ]
-};
-
-export default meta;
-
-export const Default: Story = {
-  args: {
-    data: [
-      {
-        m1: 1000,
-        m2: 550,
-        sd1: 100,
-        sd2: 100,
-        time: new Date(2000, 0, 1).getTime()
-      },
-      {
-        m1: 1500,
-        m2: 600,
-        sd1: 100,
-        sd2: 100,
-        time: new Date(2000, 1, 1).getTime()
-      },
-      {
-        m1: 1200,
-        m2: 500,
-        sd1: 100,
-        sd2: 100,
-        time: new Date(2000, 2, 1).getTime()
-      },
-      {
-        m1: 1800,
-        m2: 450,
-        sd1: 100,
-        sd2: 100,
-        time: new Date(2000, 3, 1).getTime()
-      }
-    ],
-    lines: [
-      {
-        err: 'sd1',
-        name: 'Mean 1',
-        val: 'm1'
-      },
-      {
-        err: 'sd2',
-        name: 'Mean 2',
-        val: 'm2'
-      }
-    ],
-    xAxis: {
-      key: 'time',
-      label: 'Month'
-    }
-  }
-};

package/src/components/LineGraph/LineGraph.tsx

@@ -1,133 +0,0 @@
-import * as React from 'react';
-
-import { toBasicISOString } from '@douglasneuroinformatics/libjs';
-import {
-  CartesianGrid,
-  ErrorBar,
-  Label,
-  Legend,
-  Line,
-  LineChart,
-  ResponsiveContainer,
-  Tooltip,
-  XAxis,
-  YAxis
-} from 'recharts';
-import type { LineProps } from 'recharts';
-import type { ConditionalKeys } from 'type-fest';
-
-import { useTranslation } from '@/hooks';
-import { useTheme } from '@/hooks/useTheme';
-import type { Theme } from '@/hooks/useTheme';
-
-/** An array of arbitrary objects with data to graph  */
-
-type LineGraphData = readonly { [key: string]: any }[];
-
-/** Extract string keys from items in `T` where the value of `T[K]` extends `K` */
-type ExtractValidKeys<T extends LineGraphData, K> = Extract<ConditionalKeys<T[number], K>, string>;
-
-type LineGraphLine<T extends LineGraphData = { [key: string]: any }[]> = Pick<
-  LineProps,
-  'legendType' | 'stroke' | 'strokeDasharray' | 'strokeWidth' | 'type'
-> & {
-  err?: ExtractValidKeys<T, number>;
-  name: string;
-  val: ExtractValidKeys<T, number>;
-};
-
-const strokeColors = {
-  dark: '#cbd5e1', // slate-300
-  light: '#475569' // slate-600
-};
-
-const tooltipStyles: { [K in Theme]: React.CSSProperties } = {
-  dark: {
-    backgroundColor: '#0f172a', // slate-900
-    borderColor: strokeColors.light,
-    borderRadius: '2px'
-  },
-  light: {
-    backgroundColor: '#f1f5f9', // slate-100
-    borderColor: strokeColors.dark,
-    borderRadius: '2px'
-  }
-};
-
-// eslint-disable-next-line react/function-component-definition
-function LineGraphComponent<const T extends LineGraphData>({
-  data,
-  lines,
-  xAxis
-}: {
-  /** An array of objects, where each object represents one point on the x-axis */
-  data: T;
-  lines: LineGraphLine<T>[];
-  xAxis?: {
-    key?: ExtractValidKeys<T, number>; // unix time
-    label?: string;
-  };
-}) {
-  const { resolvedLanguage } = useTranslation('libui');
-  const [theme] = useTheme();
-
-  return (
-    <ResponsiveContainer height={400} width="100%">
-      <LineChart data={[...data]} margin={{ bottom: 5, left: 15, right: 15, top: 5 }}>
-        <CartesianGrid stroke="#64748b" strokeDasharray="5 5" />
-        <XAxis
-          axisLine={{ stroke: '#64748b' }}
-          dataKey={xAxis?.key}
-          domain={['auto', 'auto']}
-          height={50}
-          interval="preserveStartEnd"
-          padding={{ left: 20, right: 20 }}
-          stroke={strokeColors[theme]}
-          tickFormatter={(time: number) => toBasicISOString(new Date(time))}
-          tickLine={{ stroke: '#64748b' }}
-          tickMargin={8}
-          tickSize={8}
-          type={'number'}
-        >
-          <Label fill={strokeColors[theme]} offset={0} position="insideBottom" value={xAxis?.label} />
-        </XAxis>
-        <YAxis
-          axisLine={{ stroke: '#64748b' }}
-          stroke={strokeColors[theme]}
-          tickLine={{ stroke: '#64748b' }}
-          tickMargin={5}
-          tickSize={8}
-          width={40}
-        />
-        <Tooltip
-          contentStyle={tooltipStyles[theme]}
-          labelFormatter={(time: number) => {
-            const date = new Date(time);
-            return new Intl.DateTimeFormat(resolvedLanguage, {
-              dateStyle: 'full',
-              timeStyle: 'medium'
-            }).format(date);
-          }}
-          labelStyle={{ color: strokeColors[theme], fontWeight: 500, whiteSpace: 'pre-wrap' }}
-        />
-        {lines.map(({ err, name, stroke, type, val, ...props }) => (
-          <Line
-            {...props}
-            dataKey={val}
-            key={val}
-            name={name}
-            stroke={stroke ?? strokeColors[theme]}
-            type={type ?? 'linear'}
-          >
-            {err && <ErrorBar dataKey={err} stroke="#64748b" />}
-          </Line>
-        ))}
-        <Legend wrapperStyle={{ paddingLeft: 40, paddingTop: 10 }} />
-      </LineChart>
-    </ResponsiveContainer>
-  );
-}
-
-export const LineGraph = React.memo(LineGraphComponent) as typeof LineGraphComponent;
-
-export type { LineGraphData, LineGraphLine };

package/src/components/LineGraph/index.ts

@@ -1 +0,0 @@
-export * from './LineGraph';

package/src/components/ListboxDropdown/index.ts

@@ -1 +0,0 @@
-export * from './ListboxDropdown';

package/src/components/MenuBar/MenuBar.stories.tsx

@@ -1,99 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { MenuBar } from './MenuBar';
-
-type Story = StoryObj<typeof MenuBar>;
-
-export default { component: MenuBar } as Meta<typeof MenuBar>;
-
-export const Default: Story = {
-  args: {
-    children: (
-      <>
-        <MenuBar.Menu>
-          <MenuBar.Trigger>File</MenuBar.Trigger>
-          <MenuBar.Content>
-            <MenuBar.Item>
-              New Tab <MenuBar.Shortcut>⌘T</MenuBar.Shortcut>
-            </MenuBar.Item>
-            <MenuBar.Item>
-              New Window <MenuBar.Shortcut>⌘N</MenuBar.Shortcut>
-            </MenuBar.Item>
-            <MenuBar.Item disabled>New Incognito Window</MenuBar.Item>
-            <MenuBar.Separator />
-            <MenuBar.Sub>
-              <MenuBar.SubTrigger>Share</MenuBar.SubTrigger>
-              <MenuBar.SubContent>
-                <MenuBar.Item>Email link</MenuBar.Item>
-                <MenuBar.Item>Messages</MenuBar.Item>
-                <MenuBar.Item>Notes</MenuBar.Item>
-              </MenuBar.SubContent>
-            </MenuBar.Sub>
-            <MenuBar.Separator />
-            <MenuBar.Item>
-              Print... <MenuBar.Shortcut>⌘P</MenuBar.Shortcut>
-            </MenuBar.Item>
-          </MenuBar.Content>
-        </MenuBar.Menu>
-        <MenuBar.Menu>
-          <MenuBar.Trigger>Edit</MenuBar.Trigger>
-          <MenuBar.Content>
-            <MenuBar.Item>
-              Undo <MenuBar.Shortcut>⌘Z</MenuBar.Shortcut>
-            </MenuBar.Item>
-            <MenuBar.Item>
-              Redo <MenuBar.Shortcut>⇧⌘Z</MenuBar.Shortcut>
-            </MenuBar.Item>
-            <MenuBar.Separator />
-            <MenuBar.Sub>
-              <MenuBar.SubTrigger>Find</MenuBar.SubTrigger>
-              <MenuBar.SubContent>
-                <MenuBar.Item>Search the web</MenuBar.Item>
-                <MenuBar.Separator />
-                <MenuBar.Item>Find...</MenuBar.Item>
-                <MenuBar.Item>Find Next</MenuBar.Item>
-                <MenuBar.Item>Find Previous</MenuBar.Item>
-              </MenuBar.SubContent>
-            </MenuBar.Sub>
-            <MenuBar.Separator />
-            <MenuBar.Item>Cut</MenuBar.Item>
-            <MenuBar.Item>Copy</MenuBar.Item>
-            <MenuBar.Item>Paste</MenuBar.Item>
-          </MenuBar.Content>
-        </MenuBar.Menu>
-        <MenuBar.Menu>
-          <MenuBar.Trigger>View</MenuBar.Trigger>
-          <MenuBar.Content>
-            <MenuBar.CheckboxItem>Always Show Bookmarks Bar</MenuBar.CheckboxItem>
-            <MenuBar.CheckboxItem checked>Always Show Full URLs</MenuBar.CheckboxItem>
-            <MenuBar.Separator />
-            <MenuBar.Item inset>
-              Reload <MenuBar.Shortcut>⌘R</MenuBar.Shortcut>
-            </MenuBar.Item>
-            <MenuBar.Item disabled inset>
-              Force Reload <MenuBar.Shortcut>⇧⌘R</MenuBar.Shortcut>
-            </MenuBar.Item>
-            <MenuBar.Separator />
-            <MenuBar.Item inset>Toggle Fullscreen</MenuBar.Item>
-            <MenuBar.Separator />
-            <MenuBar.Item inset>Hide Sidebar</MenuBar.Item>
-          </MenuBar.Content>
-        </MenuBar.Menu>
-        <MenuBar.Menu>
-          <MenuBar.Trigger>Profiles</MenuBar.Trigger>
-          <MenuBar.Content>
-            <MenuBar.RadioGroup value="benoit">
-              <MenuBar.RadioItem value="andy">Andy</MenuBar.RadioItem>
-              <MenuBar.RadioItem value="benoit">Benoit</MenuBar.RadioItem>
-              <MenuBar.RadioItem value="Luis">Luis</MenuBar.RadioItem>
-            </MenuBar.RadioGroup>
-            <MenuBar.Separator />
-            <MenuBar.Item inset>Edit...</MenuBar.Item>
-            <MenuBar.Separator />
-            <MenuBar.Item inset>Add Profile...</MenuBar.Item>
-          </MenuBar.Content>
-        </MenuBar.Menu>
-      </>
-    )
-  }
-};

package/src/components/MenuBar/MenuBar.tsx

@@ -1,32 +0,0 @@
-import { Group, Menu, Portal, RadioGroup, Sub } from '@radix-ui/react-menubar';
-import type { MenubarMenuProps } from '@radix-ui/react-menubar';
-
-import { MenuBarCheckboxItem } from './MenuBarCheckboxItem';
-import { MenuBarContent } from './MenuBarContent';
-import { MenuBarItem } from './MenuBarItem';
-import { MenuBarLabel } from './MenuBarLabel';
-import { MenuBarRadioItem } from './MenuBarRadioItem';
-import { MenuBarRoot } from './MenuBarRoot';
-import { MenuBarSeparator } from './MenuBarSeparator';
-import { MenuBarShortcut } from './MenuBarShortcut';
-import { MenuBarSubContent } from './MenuBarSubContent';
-import { MenuBarSubTrigger } from './MenuBarSubTrigger';
-import { MenuBarTrigger } from './MenuBarTrigger';
-
-export const MenuBar = Object.assign(MenuBarRoot, {
-  CheckboxItem: MenuBarCheckboxItem,
-  Content: MenuBarContent,
-  Group: Group,
-  Item: MenuBarItem,
-  Label: MenuBarLabel,
-  Menu: Menu as React.ComponentType<MenubarMenuProps>,
-  Portal: Portal,
-  RadioGroup: RadioGroup,
-  RadioItem: MenuBarRadioItem,
-  Separator: MenuBarSeparator,
-  Shortcut: MenuBarShortcut,
-  Sub: Sub,
-  SubContent: MenuBarSubContent,
-  SubTrigger: MenuBarSubTrigger,
-  Trigger: MenuBarTrigger
-});

package/src/components/MenuBar/MenuBarCheckboxItem.tsx

@@ -1,30 +0,0 @@
-import { forwardRef } from 'react';
-
-import { CheckboxItem, ItemIndicator } from '@radix-ui/react-menubar';
-import { CheckIcon } from 'lucide-react';
-
-import { cn } from '@/utils';
-
-export const MenuBarCheckboxItem = forwardRef<
-  React.ElementRef<typeof CheckboxItem>,
-  React.ComponentPropsWithoutRef<typeof CheckboxItem>
->(function MenuBarCheckboxItem({ checked, children, className, ...props }, ref) {
-  return (
-    <CheckboxItem
-      checked={checked}
-      className={cn(
-        'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-        className
-      )}
-      ref={ref}
-      {...props}
-    >
-      <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-        <ItemIndicator>
-          <CheckIcon className="h-4 w-4" />
-        </ItemIndicator>
-      </span>
-      {children}
-    </CheckboxItem>
-  );
-});

package/src/components/MenuBar/MenuBarContent.tsx

@@ -1,25 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Content, Portal } from '@radix-ui/react-menubar';
-
-import { cn } from '@/utils';
-export const MenuBarContent = forwardRef<
-  React.ElementRef<typeof Content>,
-  React.ComponentPropsWithoutRef<typeof Content>
->(function MenuBarContent({ align = 'start', alignOffset = -4, className, sideOffset = 8, ...props }, ref) {
-  return (
-    <Portal>
-      <Content
-        align={align}
-        alignOffset={alignOffset}
-        className={cn(
-          'z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-          className
-        )}
-        ref={ref}
-        sideOffset={sideOffset}
-        {...props}
-      />
-    </Portal>
-  );
-});

package/src/components/MenuBar/MenuBarItem.tsx

@@ -1,24 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Item } from '@radix-ui/react-menubar';
-
-import { cn } from '@/utils';
-
-export const MenuBarItem = forwardRef<
-  React.ElementRef<typeof Item>,
-  React.ComponentPropsWithoutRef<typeof Item> & {
-    inset?: boolean;
-  }
->(function MenuBarItem({ className, inset, ...props }, ref) {
-  return (
-    <Item
-      className={cn(
-        'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-        inset && 'pl-8',
-        className
-      )}
-      ref={ref}
-      {...props}
-    />
-  );
-});

package/src/components/MenuBar/MenuBarLabel.tsx

@@ -1,14 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Label } from '@radix-ui/react-menubar';
-
-import { cn } from '@/utils';
-
-export const MenuBarLabel = forwardRef<
-  React.ElementRef<typeof Label>,
-  React.ComponentPropsWithoutRef<typeof Label> & {
-    inset?: boolean;
-  }
->(function MenuBarLabel({ className, inset, ...props }, ref) {
-  return <Label className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)} ref={ref} {...props} />;
-});

package/src/components/MenuBar/MenuBarRadioItem.tsx

@@ -1,29 +0,0 @@
-import { forwardRef } from 'react';
-
-import { ItemIndicator, RadioItem } from '@radix-ui/react-menubar';
-import { CircleIcon } from 'lucide-react';
-
-import { cn } from '@/utils';
-
-export const MenuBarRadioItem = forwardRef<
-  React.ElementRef<typeof RadioItem>,
-  React.ComponentPropsWithoutRef<typeof RadioItem>
->(function MenuBarRadioItem({ children, className, ...props }, ref) {
-  return (
-    <RadioItem
-      className={cn(
-        'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-        className
-      )}
-      ref={ref}
-      {...props}
-    >
-      <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-        <ItemIndicator>
-          <CircleIcon className="fill-current" style={{ height: 8, width: 8 }} />
-        </ItemIndicator>
-      </span>
-      {children}
-    </RadioItem>
-  );
-});

package/src/components/MenuBar/MenuBarRoot.tsx

@@ -1,17 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Root } from '@radix-ui/react-menubar';
-
-import { cn } from '@/utils';
-
-export const MenuBarRoot = forwardRef<React.ElementRef<typeof Root>, React.ComponentPropsWithoutRef<typeof Root>>(
-  function MenuBarRoot({ className, ...props }, ref) {
-    return (
-      <Root
-        className={cn('bg-background flex h-9 items-center space-x-1 rounded-md border p-1 shadow-xs', className)}
-        ref={ref}
-        {...props}
-      />
-    );
-  }
-);

package/src/components/MenuBar/MenuBarSeparator.tsx

@@ -1,12 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Separator } from '@radix-ui/react-menubar';
-
-import { cn } from '@/utils';
-
-export const MenuBarSeparator = forwardRef<
-  React.ElementRef<typeof Separator>,
-  React.ComponentPropsWithoutRef<typeof Separator>
->(function MenuBarSeparator({ className, ...props }, ref) {
-  return <Separator className={cn('-mx-1 my-1 h-px bg-muted', className)} ref={ref} {...props} />;
-});

package/src/components/MenuBar/MenuBarShortcut.tsx

@@ -1,7 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '@/utils';
-
-export const MenuBarShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {
-  return <span className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)} {...props} />;
-};

package/src/components/MenuBar/MenuBarSubContent.tsx

@@ -1,21 +0,0 @@
-import { forwardRef } from 'react';
-
-import { SubContent } from '@radix-ui/react-menubar';
-
-import { cn } from '@/utils';
-
-export const MenuBarSubContent = forwardRef<
-  React.ElementRef<typeof SubContent>,
-  React.ComponentPropsWithoutRef<typeof SubContent>
->(function MenuBarSubContent({ className, ...props }, ref) {
-  return (
-    <SubContent
-      className={cn(
-        'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-        className
-      )}
-      ref={ref}
-      {...props}
-    />
-  );
-});

package/src/components/MenuBar/MenuBarSubTrigger.tsx

@@ -1,28 +0,0 @@
-import { forwardRef } from 'react';
-
-import { SubTrigger } from '@radix-ui/react-menubar';
-import { ChevronRightIcon } from 'lucide-react';
-
-import { cn } from '@/utils';
-
-export const MenuBarSubTrigger = forwardRef<
-  React.ElementRef<typeof SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof SubTrigger> & {
-    inset?: boolean;
-  }
->(function MenuBarSubTrigger({ children, className, inset, ...props }, ref) {
-  return (
-    <SubTrigger
-      className={cn(
-        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none',
-        inset && 'pl-8',
-        className
-      )}
-      ref={ref}
-      {...props}
-    >
-      {children}
-      <ChevronRightIcon className="ml-auto h-4 w-4" />
-    </SubTrigger>
-  );
-});

package/src/components/MenuBar/MenuBarTrigger.tsx

@@ -1,20 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Trigger } from '@radix-ui/react-menubar';
-
-import { cn } from '@/utils';
-export const MenuBarTrigger = forwardRef<
-  React.ElementRef<typeof Trigger>,
-  React.ComponentPropsWithoutRef<typeof Trigger>
->(function MenuBarTrigger({ className, ...props }, ref) {
-  return (
-    <Trigger
-      className={cn(
-        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-3 py-1 text-sm font-medium outline-hidden select-none',
-        className
-      )}
-      ref={ref}
-      {...props}
-    />
-  );
-});

package/src/components/MenuBar/index.ts

@@ -1 +0,0 @@
-export * from './MenuBar';

package/src/components/OneTimePasswordInput/index.ts

@@ -1 +0,0 @@
-export * from './OneTimePasswordInput';

package/src/components/Pagination/Pagination.stories.tsx

@@ -1,39 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { Pagination } from './Pagination';
-
-type Story = StoryObj<typeof Pagination>;
-
-export default {
-  args: {
-    children: (
-      <>
-        <Pagination.Content>
-          <Pagination.Item>
-            <Pagination.Previous href="#" />
-          </Pagination.Item>
-          <Pagination.Item>
-            <Pagination.Link href="#">1</Pagination.Link>
-          </Pagination.Item>
-          <Pagination.Item>
-            <Pagination.Link isActive href="#">
-              2
-            </Pagination.Link>
-          </Pagination.Item>
-          <Pagination.Item>
-            <Pagination.Link href="#">3</Pagination.Link>
-          </Pagination.Item>
-          <Pagination.Item>
-            <Pagination.Ellipsis />
-          </Pagination.Item>
-          <Pagination.Item>
-            <Pagination.Next href="#" />
-          </Pagination.Item>
-        </Pagination.Content>
-      </>
-    )
-  },
-  component: Pagination
-} as Meta<typeof Pagination>;
-
-export const Default: Story = {};

package/src/components/Pagination/Pagination.tsx

@@ -1,16 +0,0 @@
-import { PaginationContent } from './PaginationContent';
-import { PaginationEllipsis } from './PaginationEllipsis';
-import { PaginationItem } from './PaginationItem';
-import { PaginationLink } from './PaginationLink';
-import { PaginationNext } from './PaginationNext';
-import { PaginationPrevious } from './PaginationPrevious';
-import { PaginationRoot } from './PaginationRoot';
-
-export const Pagination = Object.assign(PaginationRoot, {
-  Content: PaginationContent,
-  Ellipsis: PaginationEllipsis,
-  Item: PaginationItem,
-  Link: PaginationLink,
-  Next: PaginationNext,
-  Previous: PaginationPrevious
-});

package/src/components/Pagination/PaginationContent.tsx

@@ -1,7 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '@/utils';
-
-export const PaginationContent = ({ className, ...props }: React.ComponentProps<'ul'>) => (
-  <ul className={cn('flex flex-row items-center gap-1', className)} {...props} />
-);