@alkimi.org/ui-kit 0.1.22 → 0.1.24

package/README.github.md

@@ -247,6 +247,187 @@ Make sure to include your custom font using `@font-face` or a web font service l
 }
 ```
 
+## Available Components
+
+### Sidebar
+
+A collapsible sidebar component with responsive design and keyboard shortcuts. The sidebar supports multiple variants, collapsible modes, and includes all necessary sub-components for building navigation interfaces.
+
+#### Basic Usage
+
+```tsx
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarHeader,
+  SidebarProvider,
+  SidebarInset,
+  SidebarTrigger,
+} from "@alkimi.org/ui-kit"
+
+function App() {
+  return (
+    <SidebarProvider>
+      <Sidebar collapsible="icon">
+        <SidebarHeader showTrigger>
+          <h2>My App</h2>
+        </SidebarHeader>
+        <SidebarContent>
+          {/* Your sidebar content */}
+        </SidebarContent>
+      </Sidebar>
+      <SidebarInset>
+        <header>
+          <SidebarTrigger />
+          <h1>Main Content Area</h1>
+        </header>
+        {/* Your main content */}
+      </SidebarInset>
+    </SidebarProvider>
+  )
+}
+```
+
+#### Components
+
+##### SidebarProvider
+
+Wraps your entire layout and provides sidebar context.
+
+**Props:**
+- `defaultOpen?: boolean` - Initial sidebar state (default: `true`)
+- `open?: boolean` - Controlled sidebar state
+- `onOpenChange?: (open: boolean) => void` - Callback when sidebar state changes
+
+##### Sidebar
+
+The main sidebar container.
+
+**Props:**
+- `side?: "left" | "right"` - Sidebar position (default: `"left"`)
+- `variant?: "sidebar" | "floating" | "inset"` - Visual style (default: `"sidebar"`)
+- `collapsible?: "offcanvas" | "icon" | "none"` - Collapse behavior (default: `"offcanvas"`)
+  - `offcanvas` - Sidebar slides completely off-screen
+  - `icon` - Sidebar collapses to icon-only mode
+  - `none` - Sidebar is always visible and non-collapsible
+
+##### SidebarHeader
+
+Header section of the sidebar.
+
+**Props:**
+- `showTrigger?: boolean` - Show toggle button in header (default: `false`)
+
+##### SidebarContent
+
+Scrollable content area of the sidebar.
+
+##### SidebarFooter
+
+Footer section of the sidebar.
+
+##### SidebarTrigger
+
+Button to toggle sidebar visibility. Automatically shows appropriate icons for mobile and desktop.
+
+##### SidebarInset
+
+Main content area wrapper that adapts to sidebar state.
+
+##### Navigation Components
+
+Build navigation menus using these components:
+
+```tsx
+import {
+  SidebarMenu,
+  SidebarMenuItem,
+  SidebarMenuButton,
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarGroupContent,
+} from "@alkimi.org/ui-kit"
+
+<SidebarGroup>
+  <SidebarGroupLabel>Navigation</SidebarGroupLabel>
+  <SidebarGroupContent>
+    <SidebarMenu>
+      <SidebarMenuItem>
+        <SidebarMenuButton tooltip="Home">
+          <Home />
+          <span>Home</span>
+        </SidebarMenuButton>
+      </SidebarMenuItem>
+    </SidebarMenu>
+  </SidebarGroupContent>
+</SidebarGroup>
+```
+
+**Available Components:**
+- `SidebarGroup` - Groups related menu items
+- `SidebarGroupLabel` - Label for a group
+- `SidebarGroupContent` - Container for group items
+- `SidebarGroupAction` - Action button for a group
+- `SidebarMenu` - Menu list container
+- `SidebarMenuItem` - Individual menu item
+- `SidebarMenuButton` - Interactive menu button with tooltip support
+- `SidebarMenuAction` - Action button for menu items
+- `SidebarMenuBadge` - Badge/count indicator
+- `SidebarMenuSub` - Submenu container
+- `SidebarMenuSubItem` - Submenu item
+- `SidebarMenuSubButton` - Submenu button
+
+##### SidebarMenuButton Props
+
+- `variant?: "default" | "outline"` - Visual style
+- `size?: "default" | "sm" | "lg"` - Button size
+- `isActive?: boolean` - Highlight as active
+- `tooltip?: string | TooltipProps` - Tooltip text or props
+- `asChild?: boolean` - Render as child component (e.g., for links)
+
+##### Utility Components
+
+- `SidebarInput` - Styled input for sidebar (e.g., search)
+- `SidebarSeparator` - Visual separator
+- `SidebarRail` - Clickable rail for toggling sidebar
+- `SidebarMenuSkeleton` - Loading skeleton for menu items
+
+##### useSidebar Hook
+
+Access sidebar state and controls from any component within `SidebarProvider`:
+
+```tsx
+import { useSidebar } from "@alkimi.org/ui-kit"
+
+function MyComponent() {
+  const { state, open, toggleSidebar, isMobile } = useSidebar()
+
+  return (
+    <div>
+      Sidebar is {state} {/* "expanded" or "collapsed" */}
+    </div>
+  )
+}
+```
+
+**Returns:**
+- `state: "expanded" | "collapsed"` - Current sidebar state
+- `open: boolean` - Whether sidebar is open (desktop)
+- `setOpen: (open: boolean) => void` - Set sidebar state
+- `openMobile: boolean` - Whether sidebar is open (mobile)
+- `setOpenMobile: (open: boolean) => void` - Set mobile sidebar state
+- `isMobile: boolean` - Whether viewing on mobile
+- `toggleSidebar: () => void` - Toggle sidebar visibility
+
+#### Keyboard Shortcuts
+
+- `Cmd+B` (Mac) or `Ctrl+B` (Windows/Linux) - Toggle sidebar
+
+#### Responsive Behavior
+
+- **Desktop**: Sidebar is fixed and collapsible based on the `collapsible` prop
+- **Mobile**: Sidebar automatically becomes a slide-out sheet overlay
+
 ## Usage
 
 You can import components in two ways:

package/README.md

@@ -242,6 +242,187 @@ Make sure to include your custom font using `@font-face` or a web font service l
 }
 ```
 
+## Available Components
+
+### Sidebar
+
+A collapsible sidebar component with responsive design and keyboard shortcuts. The sidebar supports multiple variants, collapsible modes, and includes all necessary sub-components for building navigation interfaces.
+
+#### Basic Usage
+
+```tsx
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarHeader,
+  SidebarProvider,
+  SidebarInset,
+  SidebarTrigger,
+} from "@alkimi.org/ui-kit"
+
+function App() {
+  return (
+    <SidebarProvider>
+      <Sidebar collapsible="icon">
+        <SidebarHeader showTrigger>
+          <h2>My App</h2>
+        </SidebarHeader>
+        <SidebarContent>
+          {/* Your sidebar content */}
+        </SidebarContent>
+      </Sidebar>
+      <SidebarInset>
+        <header>
+          <SidebarTrigger />
+          <h1>Main Content Area</h1>
+        </header>
+        {/* Your main content */}
+      </SidebarInset>
+    </SidebarProvider>
+  )
+}
+```
+
+#### Components
+
+##### SidebarProvider
+
+Wraps your entire layout and provides sidebar context.
+
+**Props:**
+- `defaultOpen?: boolean` - Initial sidebar state (default: `true`)
+- `open?: boolean` - Controlled sidebar state
+- `onOpenChange?: (open: boolean) => void` - Callback when sidebar state changes
+
+##### Sidebar
+
+The main sidebar container.
+
+**Props:**
+- `side?: "left" | "right"` - Sidebar position (default: `"left"`)
+- `variant?: "sidebar" | "floating" | "inset"` - Visual style (default: `"sidebar"`)
+- `collapsible?: "offcanvas" | "icon" | "none"` - Collapse behavior (default: `"offcanvas"`)
+  - `offcanvas` - Sidebar slides completely off-screen
+  - `icon` - Sidebar collapses to icon-only mode
+  - `none` - Sidebar is always visible and non-collapsible
+
+##### SidebarHeader
+
+Header section of the sidebar.
+
+**Props:**
+- `showTrigger?: boolean` - Show toggle button in header (default: `false`)
+
+##### SidebarContent
+
+Scrollable content area of the sidebar.
+
+##### SidebarFooter
+
+Footer section of the sidebar.
+
+##### SidebarTrigger
+
+Button to toggle sidebar visibility. Automatically shows appropriate icons for mobile and desktop.
+
+##### SidebarInset
+
+Main content area wrapper that adapts to sidebar state.
+
+##### Navigation Components
+
+Build navigation menus using these components:
+
+```tsx
+import {
+  SidebarMenu,
+  SidebarMenuItem,
+  SidebarMenuButton,
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarGroupContent,
+} from "@alkimi.org/ui-kit"
+
+<SidebarGroup>
+  <SidebarGroupLabel>Navigation</SidebarGroupLabel>
+  <SidebarGroupContent>
+    <SidebarMenu>
+      <SidebarMenuItem>
+        <SidebarMenuButton tooltip="Home">
+          <Home />
+          <span>Home</span>
+        </SidebarMenuButton>
+      </SidebarMenuItem>
+    </SidebarMenu>
+  </SidebarGroupContent>
+</SidebarGroup>
+```
+
+**Available Components:**
+- `SidebarGroup` - Groups related menu items
+- `SidebarGroupLabel` - Label for a group
+- `SidebarGroupContent` - Container for group items
+- `SidebarGroupAction` - Action button for a group
+- `SidebarMenu` - Menu list container
+- `SidebarMenuItem` - Individual menu item
+- `SidebarMenuButton` - Interactive menu button with tooltip support
+- `SidebarMenuAction` - Action button for menu items
+- `SidebarMenuBadge` - Badge/count indicator
+- `SidebarMenuSub` - Submenu container
+- `SidebarMenuSubItem` - Submenu item
+- `SidebarMenuSubButton` - Submenu button
+
+##### SidebarMenuButton Props
+
+- `variant?: "default" | "outline"` - Visual style
+- `size?: "default" | "sm" | "lg"` - Button size
+- `isActive?: boolean` - Highlight as active
+- `tooltip?: string | TooltipProps` - Tooltip text or props
+- `asChild?: boolean` - Render as child component (e.g., for links)
+
+##### Utility Components
+
+- `SidebarInput` - Styled input for sidebar (e.g., search)
+- `SidebarSeparator` - Visual separator
+- `SidebarRail` - Clickable rail for toggling sidebar
+- `SidebarMenuSkeleton` - Loading skeleton for menu items
+
+##### useSidebar Hook
+
+Access sidebar state and controls from any component within `SidebarProvider`:
+
+```tsx
+import { useSidebar } from "@alkimi.org/ui-kit"
+
+function MyComponent() {
+  const { state, open, toggleSidebar, isMobile } = useSidebar()
+
+  return (
+    <div>
+      Sidebar is {state} {/* "expanded" or "collapsed" */}
+    </div>
+  )
+}
+```
+
+**Returns:**
+- `state: "expanded" | "collapsed"` - Current sidebar state
+- `open: boolean` - Whether sidebar is open (desktop)
+- `setOpen: (open: boolean) => void` - Set sidebar state
+- `openMobile: boolean` - Whether sidebar is open (mobile)
+- `setOpenMobile: (open: boolean) => void` - Set mobile sidebar state
+- `isMobile: boolean` - Whether viewing on mobile
+- `toggleSidebar: () => void` - Toggle sidebar visibility
+
+#### Keyboard Shortcuts
+
+- `Cmd+B` (Mac) or `Ctrl+B` (Windows/Linux) - Toggle sidebar
+
+#### Responsive Behavior
+
+- **Desktop**: Sidebar is fixed and collapsible based on the `collapsible` prop
+- **Mobile**: Sidebar automatically becomes a slide-out sheet overlay
+
 ## Usage
 
 You can import components in two ways:

package/README.npm.md

@@ -242,6 +242,187 @@ Make sure to include your custom font using `@font-face` or a web font service l
 }
 ```
 
+## Available Components
+
+### Sidebar
+
+A collapsible sidebar component with responsive design and keyboard shortcuts. The sidebar supports multiple variants, collapsible modes, and includes all necessary sub-components for building navigation interfaces.
+
+#### Basic Usage
+
+```tsx
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarHeader,
+  SidebarProvider,
+  SidebarInset,
+  SidebarTrigger,
+} from "@alkimi.org/ui-kit"
+
+function App() {
+  return (
+    <SidebarProvider>
+      <Sidebar collapsible="icon">
+        <SidebarHeader showTrigger>
+          <h2>My App</h2>
+        </SidebarHeader>
+        <SidebarContent>
+          {/* Your sidebar content */}
+        </SidebarContent>
+      </Sidebar>
+      <SidebarInset>
+        <header>
+          <SidebarTrigger />
+          <h1>Main Content Area</h1>
+        </header>
+        {/* Your main content */}
+      </SidebarInset>
+    </SidebarProvider>
+  )
+}
+```
+
+#### Components
+
+##### SidebarProvider
+
+Wraps your entire layout and provides sidebar context.
+
+**Props:**
+- `defaultOpen?: boolean` - Initial sidebar state (default: `true`)
+- `open?: boolean` - Controlled sidebar state
+- `onOpenChange?: (open: boolean) => void` - Callback when sidebar state changes
+
+##### Sidebar
+
+The main sidebar container.
+
+**Props:**
+- `side?: "left" | "right"` - Sidebar position (default: `"left"`)
+- `variant?: "sidebar" | "floating" | "inset"` - Visual style (default: `"sidebar"`)
+- `collapsible?: "offcanvas" | "icon" | "none"` - Collapse behavior (default: `"offcanvas"`)
+  - `offcanvas` - Sidebar slides completely off-screen
+  - `icon` - Sidebar collapses to icon-only mode
+  - `none` - Sidebar is always visible and non-collapsible
+
+##### SidebarHeader
+
+Header section of the sidebar.
+
+**Props:**
+- `showTrigger?: boolean` - Show toggle button in header (default: `false`)
+
+##### SidebarContent
+
+Scrollable content area of the sidebar.
+
+##### SidebarFooter
+
+Footer section of the sidebar.
+
+##### SidebarTrigger
+
+Button to toggle sidebar visibility. Automatically shows appropriate icons for mobile and desktop.
+
+##### SidebarInset
+
+Main content area wrapper that adapts to sidebar state.
+
+##### Navigation Components
+
+Build navigation menus using these components:
+
+```tsx
+import {
+  SidebarMenu,
+  SidebarMenuItem,
+  SidebarMenuButton,
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarGroupContent,
+} from "@alkimi.org/ui-kit"
+
+<SidebarGroup>
+  <SidebarGroupLabel>Navigation</SidebarGroupLabel>
+  <SidebarGroupContent>
+    <SidebarMenu>
+      <SidebarMenuItem>
+        <SidebarMenuButton tooltip="Home">
+          <Home />
+          <span>Home</span>
+        </SidebarMenuButton>
+      </SidebarMenuItem>
+    </SidebarMenu>
+  </SidebarGroupContent>
+</SidebarGroup>
+```
+
+**Available Components:**
+- `SidebarGroup` - Groups related menu items
+- `SidebarGroupLabel` - Label for a group
+- `SidebarGroupContent` - Container for group items
+- `SidebarGroupAction` - Action button for a group
+- `SidebarMenu` - Menu list container
+- `SidebarMenuItem` - Individual menu item
+- `SidebarMenuButton` - Interactive menu button with tooltip support
+- `SidebarMenuAction` - Action button for menu items
+- `SidebarMenuBadge` - Badge/count indicator
+- `SidebarMenuSub` - Submenu container
+- `SidebarMenuSubItem` - Submenu item
+- `SidebarMenuSubButton` - Submenu button
+
+##### SidebarMenuButton Props
+
+- `variant?: "default" | "outline"` - Visual style
+- `size?: "default" | "sm" | "lg"` - Button size
+- `isActive?: boolean` - Highlight as active
+- `tooltip?: string | TooltipProps` - Tooltip text or props
+- `asChild?: boolean` - Render as child component (e.g., for links)
+
+##### Utility Components
+
+- `SidebarInput` - Styled input for sidebar (e.g., search)
+- `SidebarSeparator` - Visual separator
+- `SidebarRail` - Clickable rail for toggling sidebar
+- `SidebarMenuSkeleton` - Loading skeleton for menu items
+
+##### useSidebar Hook
+
+Access sidebar state and controls from any component within `SidebarProvider`:
+
+```tsx
+import { useSidebar } from "@alkimi.org/ui-kit"
+
+function MyComponent() {
+  const { state, open, toggleSidebar, isMobile } = useSidebar()
+
+  return (
+    <div>
+      Sidebar is {state} {/* "expanded" or "collapsed" */}
+    </div>
+  )
+}
+```
+
+**Returns:**
+- `state: "expanded" | "collapsed"` - Current sidebar state
+- `open: boolean` - Whether sidebar is open (desktop)
+- `setOpen: (open: boolean) => void` - Set sidebar state
+- `openMobile: boolean` - Whether sidebar is open (mobile)
+- `setOpenMobile: (open: boolean) => void` - Set mobile sidebar state
+- `isMobile: boolean` - Whether viewing on mobile
+- `toggleSidebar: () => void` - Toggle sidebar visibility
+
+#### Keyboard Shortcuts
+
+- `Cmd+B` (Mac) or `Ctrl+B` (Windows/Linux) - Toggle sidebar
+
+#### Responsive Behavior
+
+- **Desktop**: Sidebar is fixed and collapsible based on the `collapsible` prop
+- **Mobile**: Sidebar automatically becomes a slide-out sheet overlay
+
 ## Usage
 
 You can import components in two ways:

package/dist/chunk-5L5DM2X5.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _jsxruntime = require('react/jsx-runtime');function d({className:t,...n}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkFUYXCJOQjs.a.call(void 0, "animate-pulse rounded-md bg-muted",t),...n})}exports.a = d;
+//# sourceMappingURL=chunk-5L5DM2X5.js.map

package/dist/chunk-5L5DM2X5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-5L5DM2X5.js","../src/components/skeleton.tsx"],"names":["Skeleton","className","props","jsx","cn"],"mappings":"AAAA,qFAAY;AACZ,sDAAuC,+CCMnC,SALKA,CAAAA,CAAS,CAChB,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAyC,CACvC,OACEC,6BAAAA,KAAC,CAAA,CACC,SAAA,CAAWC,gCAAAA,mCAAG,CAAqCH,CAAS,CAAA,CAC3D,GAAGC,CAAAA,CACN,CAEJ,CAAA,cAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-5L5DM2X5.js","sourcesContent":[null,"import { cn } from \"@/lib/utils\"\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\"animate-pulse rounded-md bg-muted\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"]}

package/dist/chunk-6BEVEBGO.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as e}from"./chunk-S5TKCF6T.mjs";import*as t from"react";import{jsx as u}from"react/jsx-runtime";var s=t.forwardRef(({className:r,type:o,...n},i)=>u("input",{type:o,className:e("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",r),ref:i,...n}));s.displayName="Input";export{s as a};
+//# sourceMappingURL=chunk-6BEVEBGO.mjs.map

package/dist/chunk-6BEVEBGO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"],"mappings":";yCAAA,UAAYA,MAAW,QAUjB,cAAAC,MAAA,oBAHN,IAAMC,EAAc,aAClB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAE5BL,EAAC,SACC,KAAMG,EACN,UAAWG,EACT,+VACAJ,CACF,EACA,IAAKG,EACJ,GAAGD,EACN,CAGN,EACAH,EAAM,YAAc","names":["React","jsx","Input","className","type","props","ref","cn"]}

package/dist/chunk-73BUNE7H.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as s}from"./chunk-S5TKCF6T.mjs";import*as r from"react";import*as e from"@radix-ui/react-dialog";import{cva as f}from"class-variance-authority";import{X as c}from"lucide-react";import{jsx as a,jsxs as n}from"react/jsx-runtime";var x=e.Root,N=e.Trigger,C=e.Close,p=e.Portal,m=r.forwardRef(({className:t,...i},o)=>a(e.Overlay,{className:s("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...i,ref:o}));m.displayName=e.Overlay.displayName;var h=f("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-200 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),S=r.forwardRef(({side:t="right",className:i,children:o,...l},d)=>n(p,{children:[a(m,{}),n(e.Content,{ref:d,className:s(h({side:t}),i),...l,children:[o,n(e.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",children:[a(c,{className:"h-4 w-4"}),a("span",{className:"sr-only",children:"Close"})]})]})]}));S.displayName=e.Content.displayName;var v=({className:t,...i})=>a("div",{className:s("flex flex-col space-y-2 text-center sm:text-left",t),...i});v.displayName="SheetHeader";var P=({className:t,...i})=>a("div",{className:s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...i});P.displayName="SheetFooter";var y=r.forwardRef(({className:t,...i},o)=>a(e.Title,{ref:o,className:s("text-lg font-semibold text-foreground",t),...i}));y.displayName=e.Title.displayName;var u=r.forwardRef(({className:t,...i},o)=>a(e.Description,{ref:o,className:s("text-sm text-muted-foreground",t),...i}));u.displayName=e.Description.displayName;export{x as a,N as b,C as c,p as d,m as e,S as f,v as g,P as h,y as i,u as j};
+//# sourceMappingURL=chunk-73BUNE7H.mjs.map

package/dist/chunk-73BUNE7H.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sheet.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n  \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-200 data-[state=open]:duration-500\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  }\n)\n\ninterface SheetContentProps\n  extends\n    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <SheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}\n    >\n      {children}\n      <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n    </SheetPrimitive.Content>\n  </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-2 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  />\n)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold text-foreground\", className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"],"mappings":";yCAEA,UAAYA,MAAW,QACvB,UAAYC,MAAoB,yBAChC,OAAS,OAAAC,MAA8B,2BACvC,OAAS,KAAAC,MAAS,eAgBhB,cAAAC,EA+CI,QAAAC,MA/CJ,oBAZF,IAAMC,EAAuB,OAEvBC,EAA8B,UAE9BC,EAA4B,QAE5BC,EAA6B,SAE7BC,EAAqB,aAGzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BT,EAAgB,UAAf,CACC,UAAWU,EACT,0JACAH,CACF,EACC,GAAGC,EACJ,IAAKC,EACP,CACD,EACDH,EAAa,YAA6B,UAAQ,YAElD,IAAMK,EAAgBC,EACpB,mMACA,CACE,SAAU,CACR,KAAM,CACJ,IAAK,oGACL,OACE,6GACF,KAAM,gIACN,MACE,mIACJ,CACF,EACA,gBAAiB,CACf,KAAM,OACR,CACF,CACF,EAOMC,EAAqB,aAGzB,CAAC,CAAE,KAAAC,EAAO,QAAS,UAAAP,EAAW,SAAAQ,EAAU,GAAGP,CAAM,EAAGC,IACpDR,EAACI,EAAA,CACC,UAAAL,EAACM,EAAA,EAAa,EACdL,EAAgB,UAAf,CACC,IAAKQ,EACL,UAAWC,EAAGC,EAAc,CAAE,KAAAG,CAAK,CAAC,EAAGP,CAAS,EAC/C,GAAGC,EAEH,UAAAO,EACDd,EAAgB,QAAf,CAAqB,UAAU,2OAC9B,UAAAD,EAACgB,EAAA,CAAE,UAAU,UAAU,EACvBhB,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CACD,EACDa,EAAa,YAA6B,UAAQ,YAElD,IAAMI,EAAc,CAAC,CACnB,UAAAV,EACA,GAAGC,CACL,IACER,EAAC,OACC,UAAWU,EACT,mDACAH,CACF,EACC,GAAGC,EACN,EAEFS,EAAY,YAAc,cAE1B,IAAMC,EAAc,CAAC,CACnB,UAAAX,EACA,GAAGC,CACL,IACER,EAAC,OACC,UAAWU,EACT,gEACAH,CACF,EACC,GAAGC,EACN,EAEFU,EAAY,YAAc,cAE1B,IAAMC,EAAmB,aAGvB,CAAC,CAAE,UAAAZ,EAAW,GAAGC,CAAM,EAAGC,IAC1BT,EAAgB,QAAf,CACC,IAAKS,EACL,UAAWC,EAAG,wCAAyCH,CAAS,EAC/D,GAAGC,EACN,CACD,EACDW,EAAW,YAA6B,QAAM,YAE9C,IAAMC,EAAyB,aAG7B,CAAC,CAAE,UAAAb,EAAW,GAAGC,CAAM,EAAGC,IAC1BT,EAAgB,cAAf,CACC,IAAKS,EACL,UAAWC,EAAG,gCAAiCH,CAAS,EACvD,GAAGC,EACN,CACD,EACDY,EAAiB,YAA6B,cAAY","names":["React","SheetPrimitive","cva","X","jsx","jsxs","Sheet","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","props","ref","cn","sheetVariants","cva","SheetContent","side","children","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"]}

package/dist/chunk-7SOZ6MOV.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var e = _interopRequireWildcard(_react);var _reactseparator = require('@radix-ui/react-separator'); var o = _interopRequireWildcard(_reactseparator);var _jsxruntime = require('react/jsx-runtime');var f=e.forwardRef(({className:a,orientation:r="horizontal",decorative:i=!0,...p},m)=>_jsxruntime.jsx.call(void 0, o.Root,{ref:m,decorative:i,orientation:r,className:_chunkFUYXCJOQjs.a.call(void 0, "shrink-0 bg-border",r==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",a),...p}));f.displayName=o.Root.displayName;exports.a = f;
+//# sourceMappingURL=chunk-7SOZ6MOV.js.map

package/dist/chunk-7SOZ6MOV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-7SOZ6MOV.js","../src/components/separator.tsx"],"names":["Separator","className","orientation","decorative","props","ref","jsx","cn"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECChB,6GACa,+CAYhC,IAREA,CAAAA,CAAkB,CAAA,CAAA,UAAA,CAItB,CACE,CAAE,SAAA,CAAAC,CAAAA,CAAW,WAAA,CAAAC,CAAAA,CAAc,YAAA,CAAc,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAA,CAAM,GAAGC,CAAM,CAAA,CACrEC,CAAAA,CAAAA,EAEAC,6BAAAA,CAAoB,CAAA,IAAA,CAAnB,CACC,GAAA,CAAKD,CAAAA,CACL,UAAA,CAAYF,CAAAA,CACZ,WAAA,CAAaD,CAAAA,CACb,SAAA,CAAWK,gCAAAA,oBACT,CACAL,CAAAA,GAAgB,YAAA,CAAe,gBAAA,CAAmB,gBAAA,CAClDD,CACF,CAAA,CACC,GAAGG,CAAAA,CACN,CAEJ,CAAA,CACAJ,CAAAA,CAAU,WAAA,CAAiC,CAAA,CAAA,IAAA,CAAK,WAAA,CAAA,cAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-7SOZ6MOV.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border\",\n        orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n"]}

package/dist/chunk-C5AZO7RU.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var i = _interopRequireWildcard(_react);var _reacttooltip = require('@radix-ui/react-tooltip'); var o = _interopRequireWildcard(_reacttooltip);var _jsxruntime = require('react/jsx-runtime');var s=o.Provider,l= exports.b =o.Root,f= exports.c =o.Trigger,m= exports.d =i.forwardRef(({className:e,sideOffset:r=4,...a},d)=>_jsxruntime.jsx.call(void 0, o.Content,{ref:d,sideOffset:r,className:_chunkFUYXCJOQjs.a.call(void 0, "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",e),...a}));m.displayName=o.Content.displayName;exports.a = s; exports.b = l; exports.c = f; exports.d = m;
+//# sourceMappingURL=chunk-C5AZO7RU.js.map

package/dist/chunk-C5AZO7RU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-C5AZO7RU.js","../src/components/tooltip.tsx"],"names":["TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","props","ref","jsx","cn"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECChB,uGACW,+CAchC,IAVIA,CAAAA,CAAmC,CAAA,CAAA,QAAA,CAEnCC,CAAAA,aAA2B,CAAA,CAAA,IAAA,CAE3BC,CAAAA,aAAkC,CAAA,CAAA,OAAA,CAElCC,CAAAA,aAAuB,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAG,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1CC,6BAAAA,CAAkB,CAAA,OAAA,CAAjB,CACC,GAAA,CAAKD,CAAAA,CACL,UAAA,CAAYF,CAAAA,CACZ,SAAA,CAAWI,gCAAAA,oYACT,CACAL,CACF,CAAA,CACC,GAAGE,CAAAA,CACN,CACD,CAAA,CACDH,CAAAA,CAAe,WAAA,CAA+B,CAAA,CAAA,OAAA,CAAQ,WAAA,CAAA,2DAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-C5AZO7RU.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      \"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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\",\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"]}

package/dist/chunk-CNRZOMR4.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as e}from"./chunk-S5TKCF6T.mjs";import{jsx as m}from"react/jsx-runtime";function d({className:t,...n}){return m("div",{className:e("animate-pulse rounded-md bg-muted",t),...n})}export{d as a};
+//# sourceMappingURL=chunk-CNRZOMR4.mjs.map

package/dist/chunk-CNRZOMR4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/skeleton.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\"\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\"animate-pulse rounded-md bg-muted\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"],"mappings":";yCAOI,cAAAA,MAAA,oBALJ,SAASC,EAAS,CAChB,UAAAC,EACA,GAAGC,CACL,EAAyC,CACvC,OACEH,EAAC,OACC,UAAWI,EAAG,oCAAqCF,CAAS,EAC3D,GAAGC,EACN,CAEJ","names":["jsx","Skeleton","className","props","cn"]}