@hai3/uikit 0.1.0-alpha.10 → 0.1.0-alpha.11

package/dist/index.cjs

@@ -8,7 +8,6 @@ var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
 var React26 = require('react');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var reactSlot = require('@radix-ui/react-slot');
-var uikitContracts = require('@hai3/uikit-contracts');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var reactDayPicker = require('react-day-picker');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
@@ -286,28 +285,84 @@ var AvatarFallback = React26__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
+
+// src/types.ts
+var ButtonVariant = /* @__PURE__ */ ((ButtonVariant2) => {
+  ButtonVariant2["Default"] = "default";
+  ButtonVariant2["Destructive"] = "destructive";
+  ButtonVariant2["Outline"] = "outline";
+  ButtonVariant2["Secondary"] = "secondary";
+  ButtonVariant2["Ghost"] = "ghost";
+  ButtonVariant2["Link"] = "link";
+  return ButtonVariant2;
+})(ButtonVariant || {});
+var ButtonSize = /* @__PURE__ */ ((ButtonSize2) => {
+  ButtonSize2["Default"] = "default";
+  ButtonSize2["Sm"] = "sm";
+  ButtonSize2["Lg"] = "lg";
+  ButtonSize2["Icon"] = "icon";
+  return ButtonSize2;
+})(ButtonSize || {});
+var IconButtonSize = /* @__PURE__ */ ((IconButtonSize2) => {
+  IconButtonSize2["Default"] = "default";
+  IconButtonSize2["Small"] = "sm";
+  IconButtonSize2["Large"] = "lg";
+  return IconButtonSize2;
+})(IconButtonSize || {});
+var UiKitComponent = /* @__PURE__ */ ((UiKitComponent2) => {
+  UiKitComponent2["Button"] = "Button";
+  UiKitComponent2["IconButton"] = "IconButton";
+  UiKitComponent2["DropdownButton"] = "DropdownButton";
+  UiKitComponent2["Switch"] = "Switch";
+  UiKitComponent2["Skeleton"] = "Skeleton";
+  UiKitComponent2["Spinner"] = "Spinner";
+  UiKitComponent2["Header"] = "Header";
+  UiKitComponent2["Sidebar"] = "Sidebar";
+  UiKitComponent2["SidebarContent"] = "SidebarContent";
+  UiKitComponent2["SidebarHeader"] = "SidebarHeader";
+  UiKitComponent2["SidebarMenu"] = "SidebarMenu";
+  UiKitComponent2["SidebarMenuItem"] = "SidebarMenuItem";
+  UiKitComponent2["SidebarMenuButton"] = "SidebarMenuButton";
+  UiKitComponent2["SidebarMenuIcon"] = "SidebarMenuIcon";
+  UiKitComponent2["SidebarMenuLabel"] = "SidebarMenuLabel";
+  UiKitComponent2["UserInfo"] = "UserInfo";
+  UiKitComponent2["DropdownMenu"] = "DropdownMenu";
+  UiKitComponent2["DropdownMenuTrigger"] = "DropdownMenuTrigger";
+  UiKitComponent2["DropdownMenuContent"] = "DropdownMenuContent";
+  UiKitComponent2["DropdownMenuItem"] = "DropdownMenuItem";
+  UiKitComponent2["DropdownMenuSub"] = "DropdownMenuSub";
+  UiKitComponent2["DropdownMenuSubTrigger"] = "DropdownMenuSubTrigger";
+  UiKitComponent2["DropdownMenuSubContent"] = "DropdownMenuSubContent";
+  return UiKitComponent2;
+})(UiKitComponent || {});
+var UiKitIcon = /* @__PURE__ */ ((UiKitIcon2) => {
+  UiKitIcon2["Close"] = "close";
+  UiKitIcon2["AppLogo"] = "app-logo";
+  UiKitIcon2["AppLogoText"] = "app-logo-text";
+  return UiKitIcon2;
+})(UiKitIcon || {});
 var buttonVariants = classVarianceAuthority.cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        [uikitContracts.ButtonVariant.Default]: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        [uikitContracts.ButtonVariant.Destructive]: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        [uikitContracts.ButtonVariant.Outline]: "border border-input bg-background shadow-sm hover:bg-accent data-[state=open]:bg-accent",
-        [uikitContracts.ButtonVariant.Secondary]: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        [uikitContracts.ButtonVariant.Ghost]: "hover:bg-accent data-[state=open]:bg-accent",
-        [uikitContracts.ButtonVariant.Link]: "text-primary underline-offset-4 hover:underline"
+        ["default" /* Default */]: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        ["destructive" /* Destructive */]: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        ["outline" /* Outline */]: "border border-input bg-background shadow-sm hover:bg-accent data-[state=open]:bg-accent",
+        ["secondary" /* Secondary */]: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ["ghost" /* Ghost */]: "hover:bg-accent data-[state=open]:bg-accent",
+        ["link" /* Link */]: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        [uikitContracts.ButtonSize.Default]: "h-9 px-4 py-2",
-        [uikitContracts.ButtonSize.Sm]: "h-8 rounded-md px-3 text-xs",
-        [uikitContracts.ButtonSize.Lg]: "h-10 rounded-md px-8",
-        [uikitContracts.ButtonSize.Icon]: "h-9 w-9"
+        ["default" /* Default */]: "h-9 px-4 py-2",
+        ["sm" /* Sm */]: "h-8 rounded-md px-3 text-xs",
+        ["lg" /* Lg */]: "h-10 rounded-md px-8",
+        ["icon" /* Icon */]: "h-9 w-9"
       }
     },
     defaultVariants: {
-      variant: uikitContracts.ButtonVariant.Default,
-      size: uikitContracts.ButtonSize.Default
+      variant: "default" /* Default */,
+      size: "default" /* Default */
     }
   }
 );
@@ -501,7 +556,7 @@ function Calendar({
   classNames,
   showOutsideDays = true,
   captionLayout = "label",
-  buttonVariant = uikitContracts.ButtonVariant.Ghost,
+  buttonVariant = "ghost" /* Ghost */,
   formatters,
   components,
   ...props
@@ -651,8 +706,8 @@ function CalendarDayButton({
     Button,
     {
       ref,
-      variant: uikitContracts.ButtonVariant.Ghost,
-      size: uikitContracts.ButtonSize.Icon,
+      variant: "ghost" /* Ghost */,
+      size: "icon" /* Icon */,
       "data-day": day.date.toLocaleDateString(),
       "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
       "data-range-start": modifiers.range_start,
@@ -1578,8 +1633,8 @@ function DataTablePagination({
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
-            variant: uikitContracts.ButtonVariant.Outline,
-            size: uikitContracts.ButtonSize.Icon,
+            variant: "outline" /* Outline */,
+            size: "icon" /* Icon */,
             className: "hidden size-8 lg:flex",
             onClick: () => table.setPageIndex(0),
             disabled: !table.getCanPreviousPage(),
@@ -1592,8 +1647,8 @@ function DataTablePagination({
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
-            variant: uikitContracts.ButtonVariant.Outline,
-            size: uikitContracts.ButtonSize.Icon,
+            variant: "outline" /* Outline */,
+            size: "icon" /* Icon */,
             className: "size-8",
             onClick: () => table.previousPage(),
             disabled: !table.getCanPreviousPage(),
@@ -1606,8 +1661,8 @@ function DataTablePagination({
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
-            variant: uikitContracts.ButtonVariant.Outline,
-            size: uikitContracts.ButtonSize.Icon,
+            variant: "outline" /* Outline */,
+            size: "icon" /* Icon */,
             className: "size-8",
             onClick: () => table.nextPage(),
             disabled: !table.getCanNextPage(),
@@ -1620,8 +1675,8 @@ function DataTablePagination({
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
-            variant: uikitContracts.ButtonVariant.Outline,
-            size: uikitContracts.ButtonSize.Icon,
+            variant: "outline" /* Outline */,
+            size: "icon" /* Icon */,
             className: "hidden size-8 lg:flex",
             onClick: () => table.setPageIndex(table.getPageCount() - 1),
             disabled: !table.getCanNextPage(),
@@ -1854,8 +1909,8 @@ function DataTableColumnHeader({
     /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       Button,
       {
-        variant: uikitContracts.ButtonVariant.Ghost,
-        size: uikitContracts.ButtonSize.Sm,
+        variant: "ghost" /* Ghost */,
+        size: "sm" /* Sm */,
         className: "data-[state=open]:bg-accent -ml-3 h-8",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
@@ -1889,8 +1944,8 @@ function DataTableViewOptions({
     /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       Button,
       {
-        variant: uikitContracts.ButtonVariant.Outline,
-        size: uikitContracts.ButtonSize.Sm,
+        variant: "outline" /* Outline */,
+        size: "sm" /* Sm */,
         className: "ml-auto hidden h-8 lg:flex",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { className: "size-4" }),
@@ -2669,7 +2724,7 @@ function PaginationItem({ ...props }) {
 function PaginationLink({
   className,
   isActive,
-  size = uikitContracts.ButtonSize.Icon,
+  size = "icon" /* Icon */,
   asChild,
   ...props
 }) {
@@ -2682,7 +2737,7 @@ function PaginationLink({
       "data-active": isActive,
       className: cn(
         buttonVariants({
-          variant: isActive ? uikitContracts.ButtonVariant.Outline : uikitContracts.ButtonVariant.Ghost,
+          variant: isActive ? "outline" /* Outline */ : "ghost" /* Ghost */,
           size
         }),
         className
@@ -2700,7 +2755,7 @@ function PaginationPrevious({
     PaginationLink,
     {
       "aria-label": "Go to previous page",
-      size: uikitContracts.ButtonSize.Default,
+      size: "default" /* Default */,
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
@@ -2719,7 +2774,7 @@ function PaginationNext({
     PaginationLink,
     {
       "aria-label": "Go to next page",
-      size: uikitContracts.ButtonSize.Default,
+      size: "default" /* Default */,
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
@@ -3095,7 +3150,7 @@ var AlertDialogCancel = React26__namespace.forwardRef(({ className, ...props },
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
-    className: cn(buttonVariants({ variant: uikitContracts.ButtonVariant.Outline }), className),
+    className: cn(buttonVariants({ variant: "outline" /* Outline */ }), className),
     ...props
   }
 ));
@@ -3639,7 +3694,7 @@ var CarouselItem = React26__namespace.forwardRef(({ className, ...props }, ref)
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React26__namespace.forwardRef(({ className, variant = uikitContracts.ButtonVariant.Outline, size = uikitContracts.ButtonSize.Icon, ...props }, ref) => {
+var CarouselPrevious = React26__namespace.forwardRef(({ className, variant = "outline" /* Outline */, size = "icon" /* Icon */, ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -3664,7 +3719,7 @@ var CarouselPrevious = React26__namespace.forwardRef(({ className, variant = uik
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React26__namespace.forwardRef(({ className, variant = uikitContracts.ButtonVariant.Outline, size = uikitContracts.ButtonSize.Icon, ...props }, ref) => {
+var CarouselNext = React26__namespace.forwardRef(({ className, variant = "outline" /* Outline */, size = "icon" /* Icon */, ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
@@ -4423,18 +4478,18 @@ function TypographyMuted({
   );
 }
 var IconButton = React26__namespace.default.forwardRef(
-  ({ variant = uikitContracts.ButtonVariant.Ghost, size = uikitContracts.IconButtonSize.Default, className, ...props }, ref) => {
+  ({ variant = "ghost" /* Ghost */, size = "default" /* Default */, className, ...props }, ref) => {
     const sizeStyles = {
-      [uikitContracts.IconButtonSize.Small]: "h-8 w-8",
-      [uikitContracts.IconButtonSize.Default]: "h-9 w-9",
-      [uikitContracts.IconButtonSize.Large]: "h-10 w-10"
+      ["sm" /* Small */]: "h-8 w-8",
+      ["default" /* Default */]: "h-9 w-9",
+      ["lg" /* Large */]: "h-10 w-10"
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
       Button,
       {
         ref,
         variant,
-        size: uikitContracts.ButtonSize.Icon,
+        size: "icon" /* Icon */,
         className: cn(sizeStyles[size], className),
         ...props
       }
@@ -4442,7 +4497,7 @@ var IconButton = React26__namespace.default.forwardRef(
   }
 );
 IconButton.displayName = "IconButton";
-var DropdownButton = React26__namespace.default.forwardRef(({ children, variant = uikitContracts.ButtonVariant.Outline, className, ...props }, ref) => {
+var DropdownButton = React26__namespace.default.forwardRef(({ children, variant = "outline" /* Outline */, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
     {
@@ -4532,7 +4587,7 @@ var inputGroupButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var InputGroupButton = React26__namespace.forwardRef(({ className, type = "button", variant = uikitContracts.ButtonVariant.Ghost, size = "xs", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputGroupButton = React26__namespace.forwardRef(({ className, type = "button", variant = "ghost" /* Ghost */, size = "xs", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   Button,
   {
     ref,
@@ -4667,7 +4722,7 @@ function DatePickerTrigger({
   return /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
     Button,
     {
-      variant: uikitContracts.ButtonVariant.Outline,
+      variant: "outline" /* Outline */,
       "data-slot": "date-picker-trigger",
       "data-empty": !date,
       className: cn(
@@ -4761,7 +4816,7 @@ function DatePickerInput({
     /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       Button,
       {
-        variant: uikitContracts.ButtonVariant.Ghost,
+        variant: "ghost" /* Ghost */,
         className: "absolute top-1/2 right-2 size-6 -translate-y-1/2 p-0",
         "aria-label": "Select date",
         children: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { className: "size-3.5" })
@@ -5099,8 +5154,8 @@ var ChatInput = ({
     onAttachFile && /* @__PURE__ */ jsxRuntime.jsx(
       Button,
       {
-        variant: uikitContracts.ButtonVariant.Ghost,
-        size: uikitContracts.ButtonSize.Icon,
+        variant: "ghost" /* Ghost */,
+        size: "icon" /* Icon */,
         onClick: onAttachFile,
         disabled,
         className: "flex-shrink-0",
@@ -5159,8 +5214,8 @@ var ThreadList = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           Button,
           {
-            variant: uikitContracts.ButtonVariant.Ghost,
-            size: uikitContracts.ButtonSize.Icon,
+            variant: "ghost" /* Ghost */,
+            size: "icon" /* Icon */,
             onClick: onNewThread,
             "aria-label": "New chat",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 16 })
@@ -5345,18 +5400,6 @@ var applyTheme = (theme, themeName) => {
   }
 };
 
-Object.defineProperty(exports, "ButtonSize", {
-  enumerable: true,
-  get: function () { return uikitContracts.ButtonSize; }
-});
-Object.defineProperty(exports, "ButtonVariant", {
-  enumerable: true,
-  get: function () { return uikitContracts.ButtonVariant; }
-});
-Object.defineProperty(exports, "IconButtonSize", {
-  enumerable: true,
-  get: function () { return uikitContracts.IconButtonSize; }
-});
 Object.defineProperty(exports, "flexRender", {
   enumerable: true,
   get: function () { return reactTable.flexRender; }
@@ -5595,6 +5638,8 @@ exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
 exports.ButtonGroupSeparator = ButtonGroupSeparator;
 exports.ButtonGroupText = ButtonGroupText;
+exports.ButtonSize = ButtonSize;
+exports.ButtonVariant = ButtonVariant;
 exports.CLOSE_ICON_ID = CLOSE_ICON_ID;
 exports.Calendar = Calendar;
 exports.CalendarDayButton = CalendarDayButton;
@@ -5719,6 +5764,7 @@ exports.HoverCard = HoverCard;
 exports.HoverCardContent = HoverCardContent;
 exports.HoverCardTrigger = HoverCardTrigger;
 exports.IconButton = IconButton;
+exports.IconButtonSize = IconButtonSize;
 exports.Input = Input;
 exports.InputGroup = InputGroup;
 exports.InputGroupAddon = InputGroupAddon;
@@ -5862,6 +5908,8 @@ exports.TypographyList = TypographyList;
 exports.TypographyMuted = TypographyMuted;
 exports.TypographyP = TypographyP;
 exports.TypographySmall = TypographySmall;
+exports.UiKitComponent = UiKitComponent;
+exports.UiKitIcon = UiKitIcon;
 exports.UserInfo = UserInfo;
 exports.alertVariants = alertVariants;
 exports.applyTheme = applyTheme;