@regardio/react 0.3.2

package/dist/shadcn/button.d.ts

@@ -0,0 +1,38 @@
+import type * as React from 'react';
+import { type VariantProps } from '../utils/cn';
+declare const buttonVariants: (
+  props?:
+    | ({
+        size?: 'default' | 'icon' | 'lg' | 'sm' | undefined;
+        variant?:
+          | 'link'
+          | 'default'
+          | 'destructive'
+          | 'ghost'
+          | 'outline'
+          | 'secondary'
+          | undefined;
+      } & (
+        | {
+            class?: import('cva').ClassValue;
+            className?: never;
+          }
+        | {
+            class?: never;
+            className?: import('cva').ClassValue;
+          }
+      ))
+    | undefined,
+) => string;
+declare function Button({
+  className,
+  variant,
+  size,
+  asChild,
+  ...props
+}: React.ComponentProps<'button'> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+  }): import('react/jsx-runtime').JSX.Element;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/shadcn/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/shadcn/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEzD,QAAA,MAAM,cAAc;;;;;;;;;0BAwBlB,CAAC;AAEH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/shadcn/button.js

@@ -0,0 +1,38 @@
+import { Slot } from '@radix-ui/react-slot';
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { cn, cva } from '../utils/cn';
+
+const buttonVariants = cva({
+  base: 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+  defaultVariants: {
+    size: 'default',
+    variant: 'default',
+  },
+  variants: {
+    size: {
+      default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+      icon: 'size-9',
+      lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+      sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+    },
+    variant: {
+      default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
+      destructive:
+        'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+      ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+      link: 'text-primary underline-offset-4 hover:underline',
+      outline:
+        'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
+      secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
+    },
+  },
+});
+function Button({ className, variant, size, asChild = false, ...props }) {
+  const Comp = asChild ? Slot : 'button';
+  return _jsx(Comp, {
+    className: cn(buttonVariants({ className, size, variant })),
+    'data-slot': 'button',
+    ...props,
+  });
+}
+export { Button, buttonVariants };

package/dist/shadcn/calendar.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { type DayButton, DayPicker } from 'react-day-picker';
+import { Button } from './button';
+declare function Calendar({
+  className,
+  classNames,
+  showOutsideDays,
+  captionLayout,
+  buttonVariant,
+  formatters,
+  components,
+  ...props
+}: React.ComponentProps<typeof DayPicker> & {
+  buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+}): import('react/jsx-runtime').JSX.Element;
+declare function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}: React.ComponentProps<typeof DayButton>): import('react/jsx-runtime').JSX.Element;
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.d.ts.map

package/dist/shadcn/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/shadcn/calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAEnF,OAAO,EAAE,MAAM,EAAkB,MAAM,UAAU,CAAC;AA6ElD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CAgGA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA+BxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/shadcn/calendar.js

@@ -0,0 +1,163 @@
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
+import * as React from 'react';
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { DayPicker, getDefaultClassNames } from 'react-day-picker';
+import { cn } from '../utils/cn';
+import { Button, buttonVariants } from './button';
+
+function CalendarChevron({ className, orientation, ...props }) {
+  if (orientation === 'left') {
+    return _jsx(ChevronLeftIcon, { className: cn('size-4', className), ...props });
+  }
+  if (orientation === 'right') {
+    return _jsx(ChevronRightIcon, { className: cn('size-4', className), ...props });
+  }
+  if (orientation === 'up') {
+    return _jsx(ChevronLeftIcon, { className: cn('size-4 rotate-90', className), ...props });
+  }
+  return _jsx(ChevronDownIcon, { className: cn('size-4', className), ...props });
+}
+function CalendarRoot({ rootRef, ...props }) {
+  const { className, ...rest } = props;
+  return _jsx('div', { className: cn(className), 'data-slot': 'calendar', ref: rootRef, ...rest });
+}
+function CalendarWeekNumber({ children, ...props }) {
+  return _jsx('td', {
+    ...props,
+    children: _jsx('div', {
+      children: children,
+      className: 'flex size-(--cell-size) items-center justify-center text-center',
+    }),
+  });
+}
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = 'label',
+  buttonVariant = 'ghost',
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  return _jsx(DayPicker, {
+    captionLayout: captionLayout,
+    className: cn(
+      'bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',
+      String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+      String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+      className,
+    ),
+    classNames: {
+      button_next: cn(
+        buttonVariants({ variant: buttonVariant }),
+        'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',
+        defaultClassNames.button_next,
+      ),
+      button_previous: cn(
+        buttonVariants({ variant: buttonVariant }),
+        'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none',
+        defaultClassNames.button_previous,
+      ),
+      caption_label: cn(
+        'select-none font-medium',
+        captionLayout === 'label'
+          ? 'text-sm'
+          : 'rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5',
+        defaultClassNames.caption_label,
+      ),
+      day: cn(
+        'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none',
+        defaultClassNames.day,
+      ),
+      disabled: cn('text-muted-foreground opacity-50', defaultClassNames.disabled),
+      dropdown: cn('absolute bg-popover inset-0 opacity-0', defaultClassNames.dropdown),
+      dropdown_root: cn(
+        'relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md',
+        defaultClassNames.dropdown_root,
+      ),
+      dropdowns: cn(
+        'w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5',
+        defaultClassNames.dropdowns,
+      ),
+      hidden: cn('invisible', defaultClassNames.hidden),
+      month: cn('flex flex-col w-full gap-4', defaultClassNames.month),
+      month_caption: cn(
+        'flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',
+        defaultClassNames.month_caption,
+      ),
+      months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),
+      nav: cn(
+        'flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between',
+        defaultClassNames.nav,
+      ),
+      outside: cn(
+        'text-muted-foreground aria-selected:text-muted-foreground',
+        defaultClassNames.outside,
+      ),
+      range_end: cn('rounded-r-md bg-accent', defaultClassNames.range_end),
+      range_middle: cn('rounded-none', defaultClassNames.range_middle),
+      range_start: cn('rounded-l-md bg-accent', defaultClassNames.range_start),
+      root: cn('w-fit', defaultClassNames.root),
+      table: 'w-full border-collapse',
+      today: cn(
+        'bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none',
+        defaultClassNames.today,
+      ),
+      week: cn('flex w-full mt-2', defaultClassNames.week),
+      week_number: cn(
+        'text-[0.8rem] select-none text-muted-foreground',
+        defaultClassNames.week_number,
+      ),
+      week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header),
+      weekday: cn(
+        'text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none',
+        defaultClassNames.weekday,
+      ),
+      weekdays: cn('flex', defaultClassNames.weekdays),
+      ...classNames,
+    },
+    components: {
+      Chevron: CalendarChevron,
+      DayButton: CalendarDayButton,
+      Root: CalendarRoot,
+      WeekNumber: CalendarWeekNumber,
+      ...components,
+    },
+    formatters: {
+      formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }),
+      ...formatters,
+    },
+    showOutsideDays: showOutsideDays,
+    ...props,
+  });
+}
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+  const defaultClassNames = getDefaultClassNames();
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+  return _jsx(Button, {
+    className: cn(
+      'data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70',
+      defaultClassNames.day,
+      className,
+    ),
+    'data-day': day.date.toLocaleDateString(),
+    'data-range-end': modifiers.range_end,
+    'data-range-middle': modifiers.range_middle,
+    'data-range-start': modifiers.range_start,
+    'data-selected-single':
+      modifiers.selected &&
+      !modifiers.range_start &&
+      !modifiers.range_end &&
+      !modifiers.range_middle,
+    ref: ref,
+    size: 'icon',
+    variant: 'ghost',
+    ...props,
+  });
+}
+export { Calendar, CalendarDayButton };

package/dist/shadcn/card.d.ts

@@ -0,0 +1,31 @@
+import type * as React from 'react';
+declare function Card({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import('react/jsx-runtime').JSX.Element;
+declare function CardHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import('react/jsx-runtime').JSX.Element;
+declare function CardTitle({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import('react/jsx-runtime').JSX.Element;
+declare function CardDescription({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import('react/jsx-runtime').JSX.Element;
+declare function CardAction({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import('react/jsx-runtime').JSX.Element;
+declare function CardContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import('react/jsx-runtime').JSX.Element;
+declare function CardFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import('react/jsx-runtime').JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };
+//# sourceMappingURL=card.d.ts.map

package/dist/shadcn/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/shadcn/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWjE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}

package/dist/shadcn/card.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { cn } from '../utils/cn';
+
+function Card({ className, ...props }) {
+  return _jsx('div', {
+    className: cn(
+      'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm',
+      className,
+    ),
+    'data-slot': 'card',
+    ...props,
+  });
+}
+function CardHeader({ className, ...props }) {
+  return _jsx('div', {
+    className: cn(
+      '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
+      className,
+    ),
+    'data-slot': 'card-header',
+    ...props,
+  });
+}
+function CardTitle({ className, ...props }) {
+  return _jsx('div', {
+    className: cn('leading-none font-semibold', className),
+    'data-slot': 'card-title',
+    ...props,
+  });
+}
+function CardDescription({ className, ...props }) {
+  return _jsx('div', {
+    className: cn('text-muted-foreground text-sm', className),
+    'data-slot': 'card-description',
+    ...props,
+  });
+}
+function CardAction({ className, ...props }) {
+  return _jsx('div', {
+    className: cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className),
+    'data-slot': 'card-action',
+    ...props,
+  });
+}
+function CardContent({ className, ...props }) {
+  return _jsx('div', { className: cn('px-6', className), 'data-slot': 'card-content', ...props });
+}
+function CardFooter({ className, ...props }) {
+  return _jsx('div', {
+    className: cn('flex items-center px-6 [.border-t]:pt-6', className),
+    'data-slot': 'card-footer',
+    ...props,
+  });
+}
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };

package/dist/shadcn/carousel.d.ts

@@ -0,0 +1,51 @@
+import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';
+import * as React from 'react';
+import { Button } from './button';
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+  opts?: CarouselOptions;
+  plugins?: CarouselPlugin;
+  orientation?: 'horizontal' | 'vertical';
+  setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({
+  orientation,
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}: React.ComponentProps<'div'> & CarouselProps): import('react/jsx-runtime').JSX.Element;
+declare function CarouselContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import('react/jsx-runtime').JSX.Element;
+declare function CarouselItem({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import('react/jsx-runtime').JSX.Element;
+declare function CarouselPrevious({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof Button>): import('react/jsx-runtime').JSX.Element;
+declare function CarouselNext({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof Button>): import('react/jsx-runtime').JSX.Element;
+export {
+  type CarouselApi,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext,
+};
+//# sourceMappingURL=carousel.d.ts.map

package/dist/shadcn/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/shadcn/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,EAAE,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEnF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC3C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC,CAAC;AAuBF,iBAAS,QAAQ,CAAC,EAChB,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,aAAa,2CAgF7C;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAe5E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAczE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAuBrC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAuBrC;AAED,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,CAAC"}

package/dist/shadcn/carousel.js

@@ -0,0 +1,161 @@
+'use client';
+import useEmblaCarousel, {} from 'embla-carousel-react';
+import { ArrowLeft, ArrowRight } from 'lucide-react';
+import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { cn } from '../utils/cn';
+import { Button } from './button';
+
+const CarouselContext = React.createContext(null);
+function useCarousel() {
+  const context = React.useContext(CarouselContext);
+  if (!context) {
+    throw new Error('useCarousel must be used within a <Carousel />');
+  }
+  return context;
+}
+function Carousel({
+  orientation = 'horizontal',
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) {
+  const [carouselRef, api] = useEmblaCarousel(
+    {
+      ...opts,
+      axis: orientation === 'horizontal' ? 'x' : 'y',
+    },
+    plugins,
+  );
+  const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+  const [canScrollNext, setCanScrollNext] = React.useState(false);
+  const onSelect = React.useCallback((api) => {
+    if (!api) return;
+    setCanScrollPrev(api.canScrollPrev());
+    setCanScrollNext(api.canScrollNext());
+  }, []);
+  const scrollPrev = React.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key === 'ArrowLeft') {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === 'ArrowRight') {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext],
+  );
+  React.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on('reInit', onSelect);
+    api.on('select', onSelect);
+    return () => {
+      api?.off('select', onSelect);
+    };
+  }, [api, onSelect]);
+  return _jsx(CarouselContext.Provider, {
+    children: _jsx('section', {
+      'aria-roledescription': 'carousel',
+      className: cn('relative', className),
+      'data-slot': 'carousel',
+      onKeyDownCapture: handleKeyDown,
+      role: 'region',
+      ...props,
+      children: children,
+    }),
+    value: {
+      api: api,
+      canScrollNext,
+      canScrollPrev,
+      carouselRef,
+      opts,
+      orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),
+      scrollNext,
+      scrollPrev,
+    },
+  });
+}
+function CarouselContent({ className, ...props }) {
+  const { carouselRef, orientation } = useCarousel();
+  return _jsx('div', {
+    children: _jsx('div', {
+      className: cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className),
+      ...props,
+    }),
+    className: 'overflow-hidden',
+    'data-slot': 'carousel-content',
+    ref: carouselRef,
+  });
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return _jsx('div', {
+    className: cn(
+      'min-w-0 shrink-0 grow-0 basis-full',
+      orientation === 'horizontal' ? 'pl-4' : 'pt-4',
+      className,
+    ),
+    'data-slot': 'carousel-item',
+    ...props,
+  });
+}
+function CarouselPrevious({ className, variant = 'outline', size = 'icon', ...props }) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return _jsxs(Button, {
+    className: cn(
+      'absolute size-8 rounded-full',
+      orientation === 'horizontal'
+        ? 'top-1/2 -left-12 -translate-y-1/2'
+        : '-top-12 left-1/2 -translate-x-1/2 rotate-90',
+      className,
+    ),
+    'data-slot': 'carousel-previous',
+    disabled: !canScrollPrev,
+    onClick: scrollPrev,
+    size: size,
+    variant: variant,
+    ...props,
+    children: [
+      _jsx(ArrowLeft, {}),
+      _jsx('span', { children: 'Previous slide', className: 'sr-only' }),
+    ],
+  });
+}
+function CarouselNext({ className, variant = 'outline', size = 'icon', ...props }) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return _jsxs(Button, {
+    className: cn(
+      'absolute size-8 rounded-full',
+      orientation === 'horizontal'
+        ? 'top-1/2 -right-12 -translate-y-1/2'
+        : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',
+      className,
+    ),
+    'data-slot': 'carousel-next',
+    disabled: !canScrollNext,
+    onClick: scrollNext,
+    size: size,
+    variant: variant,
+    ...props,
+    children: [
+      _jsx(ArrowRight, {}),
+      _jsx('span', { children: 'Next slide', className: 'sr-only' }),
+    ],
+  });
+}
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext };

package/dist/shadcn/chart.d.ts

@@ -0,0 +1,103 @@
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+import type { LegendPayload } from 'recharts/types/component/DefaultLegendContent';
+import type { NameType, Payload, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import type { Props as LegendProps } from 'recharts/types/component/Legend';
+import type { TooltipContentProps } from 'recharts/types/component/Tooltip';
+declare const THEMES: {
+  readonly dark: '.dark';
+  readonly light: '';
+};
+export type ChartConfig = {
+  [k in string]: {
+    label?: React.ReactNode;
+    icon?: React.ComponentType;
+  } & (
+    | {
+        color?: string;
+        theme?: never;
+      }
+    | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+      }
+  );
+};
+declare function ChartContainer({
+  id,
+  className,
+  children,
+  config,
+  ...props
+}: React.ComponentProps<'div'> & {
+  config: ChartConfig;
+  children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+}): import('react/jsx-runtime').JSX.Element;
+declare const ChartStyle: ({
+  id,
+  config,
+}: {
+  id: string;
+  config: ChartConfig;
+}) => import('react/jsx-runtime').JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+type CustomTooltipProps = TooltipContentProps<ValueType, NameType> & {
+  className?: string;
+  hideLabel?: boolean;
+  hideIndicator?: boolean;
+  indicator?: 'line' | 'dot' | 'dashed';
+  nameKey?: string;
+  labelKey?: string;
+  labelFormatter?: (
+    label: TooltipContentProps<number, string>['label'],
+    payload: TooltipContentProps<number, string>['payload'],
+  ) => React.ReactNode;
+  formatter?: (
+    value: number | string,
+    name: string,
+    item: Payload<number | string, string>,
+    index: number,
+    payload: ReadonlyArray<Payload<number | string, string>>,
+  ) => React.ReactNode;
+  labelClassName?: string;
+  color?: string;
+};
+declare function ChartTooltipContent({
+  active,
+  payload,
+  label,
+  className,
+  indicator,
+  hideLabel,
+  hideIndicator,
+  labelFormatter,
+  formatter,
+  labelClassName,
+  color,
+  nameKey,
+  labelKey,
+}: CustomTooltipProps): import('react/jsx-runtime').JSX.Element | null;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+type ChartLegendContentProps = {
+  className?: string;
+  hideIcon?: boolean;
+  verticalAlign?: LegendProps['verticalAlign'];
+  payload?: LegendPayload[];
+  nameKey?: string;
+};
+declare function ChartLegendContent({
+  className,
+  hideIcon,
+  payload,
+  verticalAlign,
+  nameKey,
+}: ChartLegendContentProps): import('react/jsx-runtime').JSX.Element | null;
+export {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+};
+//# sourceMappingURL=chart.d.ts.map