@douglasneuroinformatics/libui 5.0.2 → 6.1.0

package/src/components/Pagination/PaginationEllipsis.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-
-import { MoreHorizontalIcon } from 'lucide-react';
-
-import { cn } from '@/utils';
-
-export const PaginationEllipsis = ({ className, ...props }: React.ComponentProps<'span'>) => (
-  <span aria-hidden className={cn('flex h-9 w-9 items-center justify-center', className)} {...props}>
-    <MoreHorizontalIcon className="h-4 w-4" />
-    <span className="sr-only">More pages</span>
-  </span>
-);

package/src/components/Pagination/PaginationItem.tsx

@@ -1,5 +0,0 @@
-import * as React from 'react';
-
-export const PaginationItem = ({ className, ...props }: React.ComponentProps<'li'>) => (
-  <li className={className} {...props} />
-);

package/src/components/Pagination/PaginationLink.tsx

@@ -1,32 +0,0 @@
-import * as React from 'react';
-
-import type { Simplify } from 'type-fest';
-
-import { cn } from '@/utils';
-
-import { buttonVariants } from '../Button';
-
-import type { ButtonProps } from '../Button';
-
-export type PaginationLinkProps = Simplify<
-  Pick<ButtonProps, 'size'> &
-    React.ComponentProps<'a'> & {
-      isActive?: boolean;
-    }
->;
-
-export const PaginationLink = ({ children, className, isActive, size = 'icon', ...props }: PaginationLinkProps) => (
-  <a
-    aria-current={isActive ? 'page' : undefined}
-    className={cn(
-      buttonVariants({
-        size,
-        variant: isActive ? 'outline' : 'ghost'
-      }),
-      className
-    )}
-    {...props}
-  >
-    {children}
-  </a>
-);

package/src/components/Pagination/PaginationNext.tsx

@@ -1,18 +0,0 @@
-import * as React from 'react';
-
-import { ChevronRightIcon } from 'lucide-react';
-
-import { useTranslation } from '@/hooks';
-import { cn } from '@/utils';
-
-import { PaginationLink } from './PaginationLink';
-
-export const PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => {
-  const { t } = useTranslation('libui');
-  return (
-    <PaginationLink aria-label="Go to next page" className={cn('gap-1 pr-2.5', className)} size="md" {...props}>
-      <span>{t('pagination.next')}</span>
-      <ChevronRightIcon className="h-4 w-4" />
-    </PaginationLink>
-  );
-};

package/src/components/Pagination/PaginationPrevious.tsx

@@ -1,18 +0,0 @@
-import { ChevronLeftIcon } from 'lucide-react';
-
-import { useTranslation } from '@/hooks';
-import { cn } from '@/utils';
-
-import { PaginationLink } from './PaginationLink';
-
-import type { PaginationLinkProps } from './PaginationLink';
-
-export const PaginationPrevious = ({ className, ...props }: PaginationLinkProps) => {
-  const { t } = useTranslation('libui');
-  return (
-    <PaginationLink aria-label="Go to previous page" className={cn('gap-1 pl-2.5', className)} size="md" {...props}>
-      <ChevronLeftIcon className="h-4 w-4" />
-      <span>{t('pagination.previous')}</span>
-    </PaginationLink>
-  );
-};

package/src/components/Pagination/PaginationRoot.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '@/utils';
-
-export const PaginationRoot = ({ className, ...props }: React.ComponentProps<'nav'>) => (
-  <nav
-    aria-label="pagination"
-    className={cn('mx-auto flex w-full justify-center', className)}
-    role="navigation"
-    {...props}
-  />
-);

package/src/components/Pagination/index.ts

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

package/src/components/Popover/index.ts

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

package/src/components/Progress/Progress.stories.tsx

@@ -1,24 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { Progress } from './Progress';
-
-type Story = StoryObj<typeof Progress>;
-
-export default { component: Progress } as Meta<typeof Progress>;
-
-export const Default: Story = {
-  decorators: [
-    (Story) => {
-      const [progress, setProgress] = useState(13);
-
-      useEffect(() => {
-        const timer = setTimeout(() => setProgress(66), 500);
-        return () => clearTimeout(timer);
-      }, []);
-
-      return <Story args={{ className: 'w-[60%]', value: progress }} />;
-    }
-  ]
-};

package/src/components/Progress/Progress.tsx

@@ -1,23 +0,0 @@
-import { forwardRef } from 'react';
-
-import * as ProgressPrimitive from '@radix-ui/react-progress';
-
-import { cn } from '@/utils';
-
-export const Progress = forwardRef<
-  React.ElementRef<typeof ProgressPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
->(function Progress({ className, value, ...props }, ref) {
-  return (
-    <ProgressPrimitive.Root
-      className={cn('bg-primary/20 relative h-2 w-full overflow-hidden rounded-full', className)}
-      ref={ref}
-      {...props}
-    >
-      <ProgressPrimitive.Indicator
-        className="h-full w-full flex-1 bg-primary transition-all"
-        style={{ transform: `translateX(-${100 - (value ?? 0)}%)` }}
-      />
-    </ProgressPrimitive.Root>
-  );
-});

package/src/components/Progress/index.ts

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

package/src/components/RadioGroup/index.ts

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

package/src/components/Resizable/Resizable.stories.tsx

@@ -1,37 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { Resizable } from './Resizable';
-
-type Story = StoryObj<typeof Resizable>;
-
-export default { component: Resizable } as Meta<typeof Resizable>;
-
-export const Default: Story = {
-  args: {
-    children: (
-      <Resizable.PanelGroup className="max-w-md rounded-lg border" direction="horizontal">
-        <Resizable.Panel defaultSize={50}>
-          <div className="flex h-[200px] items-center justify-center p-6">
-            <span className="font-semibold">One</span>
-          </div>
-        </Resizable.Panel>
-        <Resizable.Handle />
-        <Resizable.Panel defaultSize={50}>
-          <Resizable.PanelGroup direction="vertical">
-            <Resizable.Panel defaultSize={25}>
-              <div className="flex h-full items-center justify-center p-6">
-                <span className="font-semibold">Two</span>
-              </div>
-            </Resizable.Panel>
-            <Resizable.Handle />
-            <Resizable.Panel defaultSize={75}>
-              <div className="flex h-full items-center justify-center p-6">
-                <span className="font-semibold">Three</span>
-              </div>
-            </Resizable.Panel>
-          </Resizable.PanelGroup>
-        </Resizable.Panel>
-      </Resizable.PanelGroup>
-    )
-  }
-};

package/src/components/Resizable/Resizable.tsx

@@ -1,26 +0,0 @@
-import * as React from 'react';
-
-import { Panel } from 'react-resizable-panels';
-import type { PanelProps } from 'react-resizable-panels';
-
-import { ResizableHandle } from './ResizableHandle';
-import { ResizablePanelGroup } from './ResizablePanelGroup';
-
-import type { ResizableHandleProps } from './ResizableHandle';
-import type { ResizablePanelGroupProps } from './ResizablePanelGroup';
-
-type ResizableRootType = React.FC<{ children: React.ReactNode }>;
-type ResizableType = ResizableRootType & {
-  Handle: React.FC<ResizableHandleProps>;
-  Panel: React.FC<PanelProps>;
-  PanelGroup: React.FC<ResizablePanelGroupProps>;
-};
-
-// This is only for storybook and is unnecessary for real-world use
-const ResizableRoot: ResizableRootType = ({ children }) => <>{children}</>;
-
-export const Resizable: ResizableType = Object.assign(ResizableRoot, {
-  Handle: ResizableHandle,
-  Panel,
-  PanelGroup: ResizablePanelGroup
-});

package/src/components/Resizable/ResizableHandle.tsx

@@ -1,26 +0,0 @@
-import * as React from 'react';
-
-import { GripVertical } from 'lucide-react';
-import { PanelResizeHandle } from 'react-resizable-panels';
-
-import { cn } from '@/utils';
-
-export type ResizableHandleProps = React.ComponentProps<typeof PanelResizeHandle> & {
-  withHandle?: boolean;
-};
-
-export const ResizableHandle = ({ className, withHandle, ...props }: ResizableHandleProps) => (
-  <PanelResizeHandle
-    className={cn(
-      'bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',
-      className
-    )}
-    {...props}
-  >
-    {withHandle && (
-      <div className="bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border">
-        <GripVertical className="h-2.5 w-2.5" />
-      </div>
-    )}
-  </PanelResizeHandle>
-);

package/src/components/Resizable/ResizablePanelGroup.tsx

@@ -1,14 +0,0 @@
-import * as React from 'react';
-
-import { PanelGroup } from 'react-resizable-panels';
-
-import { cn } from '@/utils';
-
-export type ResizablePanelGroupProps = React.ComponentProps<typeof PanelGroup>;
-
-export const ResizablePanelGroup = ({ className, ...props }: ResizablePanelGroupProps) => (
-  <PanelGroup
-    className={cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className)}
-    {...props}
-  />
-);

package/src/components/Resizable/index.ts

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

package/src/components/ScrollArea/ScrollBar.tsx

@@ -1,26 +0,0 @@
-import { forwardRef } from 'react';
-
-import { ScrollAreaScrollbar, ScrollAreaThumb } from '@radix-ui/react-scroll-area';
-
-import { cn } from '@/utils';
-
-export const ScrollBar = forwardRef<
-  React.ElementRef<typeof ScrollAreaScrollbar>,
-  React.ComponentPropsWithoutRef<typeof ScrollAreaScrollbar>
->(function ScrollBar({ className, orientation = 'vertical', ...props }, ref) {
-  return (
-    <ScrollAreaScrollbar
-      className={cn(
-        'flex touch-none select-none transition-colors',
-        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]',
-        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]',
-        className
-      )}
-      orientation={orientation}
-      ref={ref}
-      {...props}
-    >
-      <ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
-    </ScrollAreaScrollbar>
-  );
-});

package/src/components/ScrollArea/index.ts

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

package/src/components/SearchBar/index.ts

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

package/src/components/Select/index.ts

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

package/src/components/Separator/index.ts

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

package/src/components/Sheet/index.ts

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

package/src/components/Slider/index.ts

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

package/src/components/Spinner/index.ts

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

package/src/components/SpinnerIcon/SpinnerIcon.stories.tsx

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { SpinnerIcon } from './SpinnerIcon';
-
-type Story = StoryObj<typeof SpinnerIcon>;
-
-export default { component: SpinnerIcon } as Meta<typeof SpinnerIcon>;
-
-export const Default: Story = {};

package/src/components/SpinnerIcon/SpinnerIcon.tsx

@@ -1,21 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '@/utils';
-
-export const SpinnerIcon = ({ className, ...props }: React.HTMLAttributes<SVGElement>) => (
-  <svg
-    className={cn('animate-spin', className)}
-    fill="none"
-    height="24"
-    stroke="currentColor"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth="2"
-    viewBox="0 0 24 24"
-    width="24"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path d="M21 12a9 9 0 1 1-6.219-8.56" />
-  </svg>
-);

package/src/components/SpinnerIcon/index.ts

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

package/src/components/StatisticCard/index.ts

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

package/src/components/Switch/Switch.stories.tsx

@@ -1,19 +0,0 @@
-import { Label } from '@radix-ui/react-label';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { Switch } from './Switch';
-
-type Story = StoryObj<typeof Switch>;
-
-export default { component: Switch, tags: ['autodocs'] } as Meta<typeof Switch>;
-
-export const Default: Story = {
-  decorators: [
-    (Story) => (
-      <div className="flex items-center space-x-2">
-        <Story args={{ id: 'airplane-mode' }} />
-        <Label htmlFor="airplane-mode">Airplane Mode</Label>
-      </div>
-    )
-  ]
-};

package/src/components/Switch/Switch.tsx

@@ -1,27 +0,0 @@
-import { forwardRef } from 'react';
-
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-
-import { cn } from '@/utils';
-
-export const Switch = forwardRef<
-  React.ElementRef<typeof SwitchPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
->(function Switch({ className, ...props }, ref) {
-  return (
-    <SwitchPrimitives.Root
-      className={cn(
-        'peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
-        className
-      )}
-      {...props}
-      ref={ref}
-    >
-      <SwitchPrimitives.Thumb
-        className={cn(
-          'bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0'
-        )}
-      />
-    </SwitchPrimitives.Root>
-  );
-});

package/src/components/Switch/index.ts

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

package/src/components/Table/index.ts

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

package/src/components/Tabs/index.ts

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

package/src/components/TextArea/index.ts

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

package/src/components/ThemeToggle/index.ts

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

package/src/components/Tooltip/index.ts

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

package/src/context/ChartContext.tsx

@@ -1,9 +0,0 @@
-import { createContext } from 'react';
-
-import type { ChartConfig } from '@/components';
-
-type ChartContextProps = {
-  config: ChartConfig;
-};
-
-export const ChartContext = createContext<ChartContextProps | null>(null);

package/src/context/TranslationContext.tsx

@@ -1,40 +0,0 @@
-import { createContext, useState } from 'react';
-
-import libui from '@/i18n/translations/libui.json';
-
-import type { Language, Translations } from '../i18n';
-
-type TranslationContextType = {
-  changeLanguage: (language: Language) => void;
-  defaultLanguage: Language;
-  resolvedLanguage: Language;
-  translations: Translations;
-};
-
-export const TranslationContext = createContext<TranslationContextType>({
-  changeLanguage: () => {
-    console.error(`Cannot change language without parent TranslationContextProvider`);
-    return;
-  },
-  defaultLanguage: 'en',
-  resolvedLanguage: 'en',
-  translations: {
-    libui
-  }
-});
-
-export const TranslationContextProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
-  const [resolvedLanguage, setResolvedLanguage] = useState<Language>('en');
-  return (
-    <TranslationContext.Provider
-      value={{
-        changeLanguage: (language) => setResolvedLanguage(language),
-        defaultLanguage: 'en',
-        resolvedLanguage,
-        translations: { libui }
-      }}
-    >
-      {children}
-    </TranslationContext.Provider>
-  );
-};

package/src/hooks/useChart/index.ts

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

package/src/hooks/useChart/useChart.ts

@@ -1,11 +0,0 @@
-import { useContext } from 'react';
-
-import { ChartContext } from '@/context/ChartContext';
-
-export function useChart() {
-  const context = useContext(ChartContext);
-  if (!context) {
-    throw new Error('useChart must be used within a <ChartContainer />');
-  }
-  return context;
-}

package/src/hooks/useDestructiveAction/index.ts

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

package/src/hooks/useDownload/index.ts

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

package/src/hooks/useEventCallback/index.ts

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

package/src/hooks/useEventListener/index.ts

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

package/src/hooks/useInterval/index.ts

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

package/src/hooks/useIsomorphicLayoutEffect/index.ts

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

package/src/hooks/useMediaQuery/index.ts

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

package/src/hooks/useNotificationsStore/index.ts

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

package/src/hooks/useOnClickOutside/index.ts

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

package/src/hooks/useStorage/index.ts

@@ -1,3 +0,0 @@
-export * from './useLocalStorage.ts';
-export * from './useSessionStorage.ts';
-export * from './useStorage.ts';

package/src/hooks/useTheme/index.ts

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

package/src/hooks/useTranslation/index.ts

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

package/src/hooks/useWindowSize/index.ts

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

package/src/providers/CoreProvider/index.ts

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