@admin-layout/tailwind-ui 10.1.1-alpha.9 → 12.0.16-alpha.14

package/lib/shardui/breadcrumb.js

@@ -0,0 +1,79 @@
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {Slot}from'@radix-ui/react-slot';import {MoreHorizontal,ChevronRight}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Breadcrumb = React.forwardRef(({
+  ...props
+}, ref) => jsx("nav", {
+  ref: ref,
+  "aria-label": "breadcrumb",
+  ...props
+}));
+Breadcrumb.displayName = 'Breadcrumb';
+const BreadcrumbList = React.forwardRef(({
+  className,
+  ...props
+}, ref) => jsx("ol", {
+  ref: ref,
+  className: cn('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', className),
+  ...props
+}));
+BreadcrumbList.displayName = 'BreadcrumbList';
+const BreadcrumbItem = React.forwardRef(({
+  className,
+  ...props
+}, ref) => jsx("li", {
+  ref: ref,
+  className: cn('inline-flex items-center gap-1.5', className),
+  ...props
+}));
+BreadcrumbItem.displayName = 'BreadcrumbItem';
+const BreadcrumbLink = React.forwardRef(({
+  asChild,
+  className,
+  ...props
+}, ref) => {
+  const Comp = asChild ? Slot : 'a';
+  return jsx(Comp, {
+    ref: ref,
+    className: cn('transition-colors hover:text-foreground', className),
+    ...props
+  });
+});
+BreadcrumbLink.displayName = 'BreadcrumbLink';
+const BreadcrumbPage = React.forwardRef(({
+  className,
+  ...props
+}, ref) => jsx("span", {
+  ref: ref,
+  role: "link",
+  "aria-disabled": "true",
+  "aria-current": "page",
+  className: cn('font-normal text-foreground', className),
+  ...props
+}));
+BreadcrumbPage.displayName = 'BreadcrumbPage';
+const BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => jsx("li", {
+  role: "presentation",
+  "aria-hidden": "true",
+  className: cn('[&>svg]:size-3.5', className),
+  ...props,
+  children: children ?? jsx(ChevronRight, {})
+});
+BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
+const BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => jsxs("span", {
+  role: "presentation",
+  "aria-hidden": "true",
+  className: cn('flex h-9 w-9 items-center justify-center', className),
+  ...props,
+  children: [jsx(MoreHorizontal, {
+    className: "h-4 w-4"
+  }), jsx("span", {
+    className: "sr-only",
+    children: "More"
+  })]
+});
+BreadcrumbEllipsis.displayName = 'BreadcrumbElipssis';export{Breadcrumb,BreadcrumbEllipsis,BreadcrumbItem,BreadcrumbLink,BreadcrumbList,BreadcrumbPage,BreadcrumbSeparator};//# sourceMappingURL=breadcrumb.js.map

package/lib/shardui/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sources":["../../src/shardui/breadcrumb.tsx"],"sourcesContent":[null],"names":[],"mappings":"2QA4BA,MAAA,UAAoB,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAOpB,EAAA,GAAA;cAGyB,CAAA,KAAA,EAAA;;AASzB,EAAA,YAAM,EAAc,YAAA;AAcpB,EAAA,GAAA;AAAgE,CAAA,CAAA;;AAI9D,MAAA,cAAA,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAGF,EAAA;AAAqD,EAAA,GAAA;;EAUnD,GAAA,EAAA,GAAA;AAGF,EAAA,SACI,EAAA,EAAA,CAAA,0FAMA,EAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/button.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: {
+    variant?: "default" | "link" | "secondary" | "outline" | "ghost" | "destructive";
+    size?: "default" | "sm" | "lg" | "icon";
+} & import("class-variance-authority/types").ClassProp) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/lib/shardui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/shardui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;iEAwBnB,CAAC;AAEF,MAAM,WAAW,WACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACjD,YAAY,CAAC,OAAO,cAAc,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,uFAKX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/lib/shardui/button.js

@@ -0,0 +1,41 @@
+import {jsx}from'react/jsx-runtime';import*as React from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
+  variants: {
+    variant: {
+      default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+      destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+      outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+      secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+      ghost: 'hover:bg-accent hover:text-accent-foreground',
+      link: 'text-primary underline-offset-4 hover:underline'
+    },
+    size: {
+      default: 'h-10 px-4 py-2',
+      sm: 'h-9 rounded-md px-3',
+      lg: 'h-11 rounded-md px-8',
+      icon: 'h-10 w-10'
+    }
+  },
+  defaultVariants: {
+    variant: 'default',
+    size: 'default'
+  }
+});
+const Button = React.forwardRef(({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}, ref) => {
+  const Comp = asChild ? Slot : 'button';
+  return jsx(Comp, {
+    className: cn(buttonVariants({
+      variant,
+      size,
+      className
+    })),
+    ref: ref,
+    ...props
+  });
+});
+Button.displayName = 'Button';export{Button,buttonVariants};//# sourceMappingURL=button.js.map

package/lib/shardui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../src/shardui/button.tsx"],"sourcesContent":[null],"names":[],"mappings":"+mBA8BE,EAAA;AAEF,EAAA,QAAiB,EAAA;IAGb,OAAO,EAAG;AACb,MAAA,OAAA,EAAA,wDAAA;AAED,MAAA,WAAY,EAAA,oEAAA;AAQZ,MAAA,OAAS,EAAM,gFAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/calendar.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { DayPicker } from 'react-day-picker';
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export { Calendar };
+//# sourceMappingURL=calendar.d.ts.map

package/lib/shardui/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/shardui/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK7C,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAyC3F;kBAzCQ,QAAQ;;;AA4CjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/shardui/calendar.js

@@ -0,0 +1,53 @@
+import {jsx}from'react/jsx-runtime';import {ChevronRight,ChevronLeft}from'lucide-react';import {DayPicker}from'react-day-picker';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'react';import'fast-deep-equal/react.js';import {buttonVariants}from'./button.js';function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return jsx(DayPicker, {
+    showOutsideDays: showOutsideDays,
+    className: cn('p-3', className),
+    classNames: {
+      months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',
+      month: 'space-y-4',
+      caption: 'flex justify-center pt-1 relative items-center',
+      caption_label: 'text-sm font-medium',
+      nav: 'space-x-1 flex items-center',
+      nav_button: cn(buttonVariants({
+        variant: 'outline'
+      }), 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'),
+      nav_button_previous: 'absolute left-1',
+      nav_button_next: 'absolute right-1',
+      table: 'w-full border-collapse space-y-1',
+      head_row: 'flex',
+      head_cell: 'text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]',
+      row: 'flex w-full mt-2',
+      cell: 'h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20',
+      day: cn(buttonVariants({
+        variant: 'ghost'
+      }), 'h-9 w-9 p-0 font-normal aria-selected:opacity-100'),
+      day_range_end: 'day-range-end',
+      day_selected: 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',
+      day_today: 'bg-accent text-accent-foreground',
+      day_outside: 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',
+      day_disabled: 'text-muted-foreground opacity-50',
+      day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',
+      day_hidden: 'invisible',
+      ...classNames
+    },
+    components: {
+      IconLeft: ({
+        ..._props
+      }) => jsx(ChevronLeft, {
+        className: "h-4 w-4"
+      }),
+      IconRight: ({
+        ..._props
+      }) => jsx(ChevronRight, {
+        className: "h-4 w-4"
+      })
+    },
+    ...props
+  });
+}
+Calendar.displayName = 'Calendar';export{Calendar};//# sourceMappingURL=calendar.js.map

package/lib/shardui/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../src/shardui/calendar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAqDA,EAAO,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/card.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
+//# sourceMappingURL=card.d.ts.map

package/lib/shardui/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/shardui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,6GAER,CAAC;AAGH,QAAA,MAAM,UAAU,6GAIf,CAAC;AAGF,QAAA,MAAM,SAAS,uHAId,CAAC;AAGF,QAAA,MAAM,eAAe,yHAIpB,CAAC;AAGF,QAAA,MAAM,WAAW,6GAEhB,CAAC;AAGF,QAAA,MAAM,UAAU,6GAIf,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}

package/lib/shardui/card.js

@@ -0,0 +1,54 @@
+import {jsx}from'react/jsx-runtime';import*as React from'react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Card = React.forwardRef(({
+  className,
+  ...props
+}, ref) => jsx("div", {
+  ref: ref,
+  className: cn('rounded-lg border bg-card text-card-foreground shadow-sm', className),
+  ...props
+}));
+Card.displayName = 'Card';
+const CardHeader = React.forwardRef(({
+  className,
+  ...props
+}, ref) => jsx("div", {
+  ref: ref,
+  className: cn('flex flex-col space-y-1.5 p-6', className),
+  ...props
+}));
+CardHeader.displayName = 'CardHeader';
+const CardTitle = React.forwardRef(({
+  className,
+  ...props
+}, ref) => jsx("h3", {
+  ref: ref,
+  className: cn('text-2xl font-semibold leading-none tracking-tight', className),
+  ...props
+}));
+CardTitle.displayName = 'CardTitle';
+const CardDescription = React.forwardRef(({
+  className,
+  ...props
+}, ref) => jsx("p", {
+  ref: ref,
+  className: cn('text-sm text-muted-foreground', className),
+  ...props
+}));
+CardDescription.displayName = 'CardDescription';
+const CardContent = React.forwardRef(({
+  className,
+  ...props
+}, ref) => jsx("div", {
+  ref: ref,
+  className: cn('p-6 pt-0', className),
+  ...props
+}));
+CardContent.displayName = 'CardContent';
+const CardFooter = React.forwardRef(({
+  className,
+  ...props
+}, ref) => jsx("div", {
+  ref: ref,
+  className: cn('flex items-center p-6 pt-0', className),
+  ...props
+}));
+CardFooter.displayName = 'CardFooter';export{Card,CardContent,CardDescription,CardFooter,CardHeader,CardTitle};//# sourceMappingURL=card.js.map

package/lib/shardui/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../src/shardui/card.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"uKAgBA,MAAA,IAAA,GAAA,KAAe,CAAA,UAAA,CAAA,CAAA;AAOf,EAAA,SAAA;AAOA,EAAA,GAAA;AAKA,CAAA,EAAA,GAAA,KAAAA,GAAgB,CAAA,KAAA,EAAA;AAOhB,EAAA,GAAA,EAAO,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/carousel.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';
+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 const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import("./button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import("./button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext };
+//# sourceMappingURL=carousel.d.ts.map

package/lib/shardui/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/shardui/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,gBAAgB,EAAE,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMnF,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;IACjB,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;CACvC,CAAC;AAuBF,QAAA,MAAM,QAAQ,6HA0Fb,CAAC;AAGF,QAAA,MAAM,eAAe,6GAcpB,CAAC;AAGF,QAAA,MAAM,YAAY,6GAkBjB,CAAC;AAGF,QAAA,MAAM,gBAAgB,gKAyBrB,CAAC;AAGF,QAAA,MAAM,YAAY,gKAyBjB,CAAC;AAGF,OAAO,EAAE,KAAK,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,CAAC"}

package/lib/shardui/carousel.js

@@ -0,0 +1,176 @@
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import useEmblaCarousel from'embla-carousel-react';import {ArrowLeft,ArrowRight}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {Button}from'./button.js';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;
+}
+const Carousel = React.forwardRef(({
+  orientation = 'horizontal',
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}, ref) => {
+  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, {
+    value: {
+      carouselRef,
+      api: api,
+      opts,
+      orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),
+      scrollPrev,
+      scrollNext,
+      canScrollPrev,
+      canScrollNext
+    },
+    children: jsx("div", {
+      ref: ref,
+      onKeyDownCapture: handleKeyDown,
+      className: cn('relative', className),
+      role: "region",
+      "aria-roledescription": "carousel",
+      ...props,
+      children: children
+    })
+  });
+});
+Carousel.displayName = 'Carousel';
+const CarouselContent = React.forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    carouselRef,
+    orientation
+  } = useCarousel();
+  return jsx("div", {
+    ref: carouselRef,
+    className: "overflow-hidden",
+    children: jsx("div", {
+      ref: ref,
+      className: cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className),
+      ...props
+    })
+  });
+});
+CarouselContent.displayName = 'CarouselContent';
+const CarouselItem = React.forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    orientation
+  } = useCarousel();
+  return jsx("div", {
+    ref: ref,
+    role: "group",
+    "aria-roledescription": "slide",
+    className: cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className),
+    ...props
+  });
+});
+CarouselItem.displayName = 'CarouselItem';
+const CarouselPrevious = React.forwardRef(({
+  className,
+  variant = 'outline',
+  size = 'icon',
+  ...props
+}, ref) => {
+  const {
+    orientation,
+    scrollPrev,
+    canScrollPrev
+  } = useCarousel();
+  return jsxs(Button, {
+    ref: ref,
+    variant: variant,
+    size: size,
+    className: cn('absolute  h-8 w-8 rounded-full', orientation === 'horizontal' ? '-left-12 top-1/2 -translate-y-1/2' : '-top-12 left-1/2 -translate-x-1/2 rotate-90', className),
+    disabled: !canScrollPrev,
+    onClick: scrollPrev,
+    ...props,
+    children: [jsx(ArrowLeft, {
+      className: "h-4 w-4"
+    }), jsx("span", {
+      className: "sr-only",
+      children: "Previous slide"
+    })]
+  });
+});
+CarouselPrevious.displayName = 'CarouselPrevious';
+const CarouselNext = React.forwardRef(({
+  className,
+  variant = 'outline',
+  size = 'icon',
+  ...props
+}, ref) => {
+  const {
+    orientation,
+    scrollNext,
+    canScrollNext
+  } = useCarousel();
+  return jsxs(Button, {
+    ref: ref,
+    variant: variant,
+    size: size,
+    className: cn('absolute h-8 w-8 rounded-full', orientation === 'horizontal' ? '-right-12 top-1/2 -translate-y-1/2' : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90', className),
+    disabled: !canScrollNext,
+    onClick: scrollNext,
+    ...props,
+    children: [jsx(ArrowRight, {
+      className: "h-4 w-4"
+    }), jsx("span", {
+      className: "sr-only",
+      children: "Next slide"
+    })]
+  });
+});
+CarouselNext.displayName = 'CarouselNext';export{Carousel,CarouselContent,CarouselItem,CarouselNext,CarouselPrevious};//# sourceMappingURL=carousel.js.map

package/lib/shardui/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sources":["../../src/shardui/carousel.tsx"],"sourcesContent":[null],"names":[],"mappings":"gTAYA,qBAAqB,GAAA,KAAA,CAAA,aAAA,CAAA,IAAA,CAAA;SACZ,WAAE,GAAA;QACA,OAAG,GAAA,KAAA,CAAA,UAAe,CAAA,eAAA,CAAA;AACzB,EAAA,IAAA,CAAA,OAAA,EAAY;IACZ,MAAM,IAAI,KAAK,CAAW,gDAAU,CAAA;;AAwBxC,EAAA,OAAA,OAAc;AA6Fd;AAiBA,MAAA,QAAM,GAAY,KAAA,CAAA,UAAA,CAAA,CAAA;AAqBlB,EAAA,WAAA,GAAsB,YAAA;AA4BtB,EAAA,IAAA;AA4BA,EAAA,MAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/chart.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+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 const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType> & {
+    accessibilityLayer?: boolean;
+    active?: boolean | undefined;
+    includeHidden?: boolean | undefined;
+    allowEscapeViewBox?: import("recharts/types/util/types").AllowInDimension;
+    animationDuration?: import("recharts/types/util/types").AnimationDuration;
+    animationEasing?: import("recharts/types/util/types").AnimationTiming;
+    content?: import("recharts/types/component/Tooltip").ContentType<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType>;
+    coordinate?: Partial<import("recharts/types/util/types").Coordinate>;
+    cursor?: boolean | React.ReactElement | React.SVGProps<SVGElement>;
+    filterNull?: boolean;
+    defaultIndex?: number;
+    isAnimationActive?: boolean;
+    offset?: number;
+    payloadUniqBy?: import("recharts/types/util/payload/getUniqPayload").UniqueOption<import("recharts/types/component/DefaultTooltipContent").Payload<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType>>;
+    position?: Partial<import("recharts/types/util/types").Coordinate>;
+    reverseDirection?: import("recharts/types/util/types").AllowInDimension;
+    shared?: boolean;
+    trigger?: "hover" | "click";
+    useTranslate3d?: boolean;
+    viewBox?: import("recharts/types/util/types").CartesianViewBox;
+    wrapperStyle?: React.CSSProperties;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle };
+//# sourceMappingURL=chart.d.ts.map

package/lib/shardui/chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/shardui/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAK9C,QAAA,MAAM,MAAM;;;CAAwC,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;KACrB,CAAC,IAAI,MAAM,GAAG;QACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC9B,GAAG,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,GAAG;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CAC1G,CAAC;AAkBF,QAAA,MAAM,cAAc;YAGJ,WAAW;cACT,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,mBAAmB,CAAC,CAAC,UAAU,CAAC;gDAsB9F,CAAC;AAGH,QAAA,MAAM,UAAU,GAAI,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,4CA2BtE,CAAC;AAEF,QAAA,MAAM,YAAY,kCAA4B,CAAC;AAE/C,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;gBAID,OAAO;oBACH,OAAO;gBACX,MAAM,GAAG,KAAK,GAAG,QAAQ;cAC3B,MAAM;eACL,MAAM;gDAmI5B,CAAC;AAGF,QAAA,MAAM,WAAW,iCAA2B,CAAC;AAE7C,QAAA,MAAM,kBAAkB;eAID,OAAO;cACR,MAAM;gDA6C1B,CAAC;AA6BH,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC"}