@inspirecn/react 1.0.0

package/dist/components/section/Section.js

@@ -0,0 +1,84 @@
+import * as p from "react";
+import { ChevronDown as f } from "lucide-react";
+import { cn as h } from "@inspirecn/ui/lib/utils";
+import { motion as n, AnimatePresence as g } from "motion/react";
+import { Collapsible as u, CollapsibleTrigger as v } from "../collapsible/Collapsible.js";
+import { Card as x, CardHeader as y, CardTitle as C, CardContent as N } from "../card/Card.js";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+function S({
+  children: o,
+  title: a,
+  subheading: r,
+  action: s,
+  defaultOpen: l = !0,
+  className: c,
+  ...m
+}) {
+  const [t, d] = p.useState(l);
+  return /* @__PURE__ */ e(u, {
+    open: t,
+    onOpenChange: d,
+    children: /* @__PURE__ */ i(x, {
+      className: h("gap-0 overflow-hidden py-0", c),
+      ...m,
+      children: [/* @__PURE__ */ i(y, {
+        className: "bg-muted/50 z-10 flex flex-row items-center justify-between gap-4 py-4",
+        children: [/* @__PURE__ */ i("div", {
+          className: "flex flex-col gap-1",
+          children: [/* @__PURE__ */ e(C, {
+            children: a
+          }), r && /* @__PURE__ */ e("div", {
+            className: "text-muted-foreground text-xs",
+            children: r
+          })]
+        }), /* @__PURE__ */ i("div", {
+          className: "flex items-center gap-2",
+          children: [s, /* @__PURE__ */ i(v, {
+            className: "ring-offset-background focus-visible:ring-ring cursor-pointer rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+            children: [/* @__PURE__ */ e(n.div, {
+              animate: {
+                rotate: t ? 180 : 0
+              },
+              transition: {
+                duration: 0.2
+              },
+              children: /* @__PURE__ */ e(f, {
+                className: "h-4 w-4"
+              })
+            }), /* @__PURE__ */ e("span", {
+              className: "sr-only",
+              children: "Toggle section"
+            })]
+          })]
+        })]
+      }), /* @__PURE__ */ e(g, {
+        initial: !1,
+        children: t && /* @__PURE__ */ e(n.div, {
+          initial: {
+            height: 0,
+            opacity: 0
+          },
+          animate: {
+            height: "auto",
+            opacity: 1
+          },
+          exit: {
+            height: 0,
+            opacity: 0
+          },
+          transition: {
+            duration: 0.2,
+            ease: "easeInOut"
+          },
+          children: /* @__PURE__ */ e(N, {
+            className: "py-4",
+            children: o
+          })
+        })
+      })]
+    })
+  });
+}
+export {
+  S as Section
+};

package/dist/components/select/Select.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: 'sm' | 'default';
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,2CAkBA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CA4BtD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAoBnD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAQxD;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAa7D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAa/D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}

package/dist/components/select/Select.js

@@ -0,0 +1,148 @@
+import * as a from "@radix-ui/react-select";
+import { CheckIcon as i, ChevronDownIcon as l, ChevronUpIcon as c } from "lucide-react";
+import { cn as o } from "@inspirecn/ui/lib/utils";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+function v({
+  ...t
+}) {
+  return /* @__PURE__ */ e(a.Root, {
+    "data-slot": "select",
+    ...t
+  });
+}
+function x({
+  ...t
+}) {
+  return /* @__PURE__ */ e(a.Group, {
+    "data-slot": "select-group",
+    ...t
+  });
+}
+function h({
+  ...t
+}) {
+  return /* @__PURE__ */ e(a.Value, {
+    "data-slot": "select-value",
+    ...t
+  });
+}
+function b({
+  className: t,
+  size: r = "default",
+  children: s,
+  ...n
+}) {
+  return /* @__PURE__ */ d(a.Trigger, {
+    "data-slot": "select-trigger",
+    "data-size": r,
+    className: o("group hover:border-border-primary data-[state=open]:border-focused data-placeholder:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-focused focus-visible:ring-ring/50 aria-invalid:ring-delete/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive text-heading-xs! flex w-fit items-center justify-between gap-2 rounded-md border border-transparent bg-transparent px-3 py-2 whitespace-nowrap transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "bg-surface-white hover:bg-hover-secondary! group-hover:text-text-brand!", t),
+    ...n,
+    children: [/* @__PURE__ */ e("span", {
+      className: "group-hover:text-text-brand!",
+      children: s
+    }), /* @__PURE__ */ e(a.Icon, {
+      asChild: !0,
+      children: /* @__PURE__ */ e(l, {
+        className: "group-hover:text-text-brand! size-4 transition-transform duration-300 group-data-[state=open]:rotate-180"
+      })
+    })]
+  });
+}
+function w({
+  className: t,
+  children: r,
+  position: s = "popper",
+  ...n
+}) {
+  return /* @__PURE__ */ e(a.Portal, {
+    children: /* @__PURE__ */ d(a.Content, {
+      "data-slot": "select-content",
+      className: o("bg-surface-tertiary! text-text-secondary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 border-border-white z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", t),
+      position: s,
+      ...n,
+      children: [/* @__PURE__ */ e(u, {}), /* @__PURE__ */ e(a.Viewport, {
+        className: o("", s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+        children: r
+      }), /* @__PURE__ */ e(m, {})]
+    })
+  });
+}
+function y({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(a.Label, {
+    "data-slot": "select-label",
+    className: o("text-muted-foreground px-2 py-1.5 text-xs", t),
+    ...r
+  });
+}
+function S({
+  className: t,
+  children: r,
+  ...s
+}) {
+  return /* @__PURE__ */ d(a.Item, {
+    "data-slot": "select-item",
+    className: o("text-heading-xs relative flex w-full cursor-default items-center rounded-sm p-2 font-normal transition-colors outline-none select-none", "hover:bg-hover-secondary! hover:text-text-brand focus:bg-hover-secondary!", "data-[variant=destructive]:text-delete data-[variant=destructive]:focus:bg-delete/10 dark:data-[variant=destructive]:focus:bg-delete/20 data-[variant=destructive]:focus:text-delete data-[variant=destructive]:*:[svg]:!text-delete [&_svg:not([class*='text-'])] data-disabled:pointer-events-none data-disabled:opacity-50", t),
+    ...s,
+    children: [/* @__PURE__ */ e("span", {
+      className: "absolute right-2 flex size-3.5 items-center justify-center",
+      children: /* @__PURE__ */ e(a.ItemIndicator, {
+        children: /* @__PURE__ */ e(i, {
+          className: "text-text-brand size-4"
+        })
+      })
+    }), /* @__PURE__ */ e(a.ItemText, {
+      children: r
+    })]
+  });
+}
+function N({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(a.Separator, {
+    "data-slot": "select-separator",
+    className: o("bg-border pointer-events-none -mx-1 my-1 h-px", t),
+    ...r
+  });
+}
+function u({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(a.ScrollUpButton, {
+    "data-slot": "select-scroll-up-button",
+    className: o("flex cursor-default items-center justify-center py-1", t),
+    ...r,
+    children: /* @__PURE__ */ e(c, {
+      className: "size-4"
+    })
+  });
+}
+function m({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(a.ScrollDownButton, {
+    "data-slot": "select-scroll-down-button",
+    className: o("flex cursor-default items-center justify-center py-1", t),
+    ...r,
+    children: /* @__PURE__ */ e(l, {
+      className: "size-4"
+    })
+  });
+}
+export {
+  v as Select,
+  w as SelectContent,
+  x as SelectGroup,
+  S as SelectItem,
+  y as SelectLabel,
+  m as SelectScrollDownButton,
+  u as SelectScrollUpButton,
+  N as SelectSeparator,
+  b as SelectTrigger,
+  h as SelectValue
+};

package/dist/components/separator/Separator.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };
+//# sourceMappingURL=Separator.d.ts.map

package/dist/components/separator/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/separator/Separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAIhE,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAatD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/separator/Separator.js

@@ -0,0 +1,20 @@
+import * as i from "@radix-ui/react-separator";
+import { cn as n } from "@inspirecn/ui/lib/utils";
+import { jsx as e } from "react/jsx-runtime";
+function m({
+  className: t,
+  orientation: o = "horizontal",
+  decorative: r = !0,
+  ...a
+}) {
+  return /* @__PURE__ */ e(i.Root, {
+    "data-slot": "separator",
+    decorative: r,
+    orientation: o,
+    className: n("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px", t),
+    ...a
+  });
+}
+export {
+  m as Separator
+};

package/dist/components/sheet/Sheet.d.ts

@@ -0,0 +1,16 @@
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ className, children, side, width, showCloseButton, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    width?: '25%' | '50%' | '75%' | '100%';
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, };
+//# sourceMappingURL=Sheet.d.ts.map

package/dist/components/sheet/Sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/sheet/Sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAE5E;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,2CAErD;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAEnD;AAwBD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,IAAc,EACd,KAAa,EACb,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,2CAuCA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAWnD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,2CAQzD;AAED,OAAO,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,GACb,CAAC"}

package/dist/components/sheet/Sheet.js

@@ -0,0 +1,127 @@
+import * as o from "@radix-ui/react-dialog";
+import { XIcon as u } from "lucide-react";
+import { Button as f } from "../button/Button.js";
+import { cn as s } from "@inspirecn/ui/lib/utils";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+function b({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Root, {
+    "data-slot": "sheet",
+    ...t
+  });
+}
+function y({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Trigger, {
+    "data-slot": "sheet-trigger",
+    ...t
+  });
+}
+function S({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Close, {
+    "data-slot": "sheet-close",
+    ...t
+  });
+}
+function c({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Portal, {
+    "data-slot": "sheet-portal",
+    ...t
+  });
+}
+function h({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(o.Overlay, {
+    "data-slot": "sheet-overlay",
+    className: s("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", t),
+    ...a
+  });
+}
+function v({
+  className: t,
+  children: a,
+  side: l = "right",
+  width: n = "50%",
+  showCloseButton: i = !0,
+  ...d
+}) {
+  return /* @__PURE__ */ r(c, {
+    children: [/* @__PURE__ */ e(h, {}), /* @__PURE__ */ r(o.Content, {
+      "data-slot": "sheet-content",
+      onOpenAutoFocus: (m) => m.preventDefault(),
+      className: s("bg-surface-tertiary data-[state=open]:animate-in data-[state=closed]:animate-out outline-border-white shadow-primary fixed z-50 flex flex-col gap-6 rounded-tl-md rounded-bl-md p-6 outline -outline-offset-1 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", l === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 sm:max-w-sm", l === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 sm:max-w-sm", l === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto", l === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto", (l === "left" || l === "right") && [n === "25%" && "w-full max-w-full md:w-1/4 md:max-w-1/4", n === "50%" && "w-full max-w-full md:w-1/2 md:max-w-1/2", n === "75%" && "w-full max-w-full md:w-3/4 md:max-w-3/4", n === "100%" && "w-full max-w-full md:w-full md:max-w-full"], t),
+      ...d,
+      children: [a, i && /* @__PURE__ */ r(o.Close, {
+        className: "absolute end-6 top-6 focus:outline-hidden disabled:pointer-events-none",
+        children: [/* @__PURE__ */ e(f, {
+          variant: "secondary",
+          size: "icon",
+          children: /* @__PURE__ */ e(u, {
+            size: 16
+          })
+        }), /* @__PURE__ */ e("span", {
+          className: "sr-only",
+          children: "Close"
+        })]
+      })]
+    })]
+  });
+}
+function N({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", {
+    "data-slot": "sheet-header",
+    className: s("flex w-full max-w-[calc(100%-2.25rem)] flex-col gap-1 text-center sm:text-left", t),
+    ...a
+  });
+}
+function C({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", {
+    "data-slot": "sheet-footer",
+    className: s("mt-auto flex gap-2 p-4", t),
+    ...a
+  });
+}
+function z({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(o.Title, {
+    "data-slot": "sheet-title",
+    className: s("text-text-primary text-heading-xl! font-medium", t),
+    ...a
+  });
+}
+function D({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(o.Description, {
+    "data-slot": "sheet-description",
+    className: s("text-text-secondary! text-text-sm", t),
+    ...a
+  });
+}
+export {
+  b as Sheet,
+  S as SheetClose,
+  v as SheetContent,
+  D as SheetDescription,
+  C as SheetFooter,
+  N as SheetHeader,
+  z as SheetTitle,
+  y as SheetTrigger
+};

package/dist/components/sidebar/HeaderDropDown.d.ts

@@ -0,0 +1,3 @@
+declare const HeaderDropDown: () => import("react/jsx-runtime").JSX.Element;
+export default HeaderDropDown;
+//# sourceMappingURL=HeaderDropDown.d.ts.map

package/dist/components/sidebar/HeaderDropDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDropDown.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/HeaderDropDown.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,cAAc,+CA8BnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/sidebar/HeaderDropDown.js

@@ -0,0 +1,39 @@
+import { ChevronsUpDown as a } from "lucide-react";
+import { useSidebar as n, SidebarGroup as o, SidebarGroupContent as i, SidebarMenu as c, SidebarMenuItem as d, SidebarMenuButton as l } from "./Sidebar.js";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+const h = () => {
+  const {
+    state: s
+  } = n(), r = s === "collapsed";
+  return /* @__PURE__ */ e(o, {
+    children: /* @__PURE__ */ e(i, {
+      children: /* @__PURE__ */ e(c, {
+        className: `${r ? "py-0! pb-1!" : "p-0!"}`,
+        children: /* @__PURE__ */ e(d, {
+          className: "text-text-primary!",
+          children: /* @__PURE__ */ t(l, {
+            className: "group bg-surface-white focus:bg-hover-secondary focus:text-text-brand group h-auto items-center justify-center",
+            children: [/* @__PURE__ */ e("div", {
+              className: "bg-primary-500 flex aspect-square size-6 items-center justify-center rounded-md font-medium text-white",
+              children: "S"
+            }), !r && /* @__PURE__ */ t("span", {
+              className: `h-auto ${r ? "hidden" : "flex w-full justify-between"}`,
+              children: [/* @__PURE__ */ e("div", {
+                className: "flex flex-col gap-0.5 leading-none",
+                children: /* @__PURE__ */ e("span", {
+                  className: "text-heading-sm cursor-pointer font-medium",
+                  children: "Sitgram"
+                })
+              }), /* @__PURE__ */ e(a, {
+                className: "text-icon-secondary group-hover:text-icon-brand! ml-auto size-4 cursor-pointer opacity-50"
+              })]
+            })]
+          })
+        })
+      })
+    })
+  });
+};
+export {
+  h as default
+};

package/dist/components/sidebar/Sidebar.d.ts

@@ -0,0 +1,70 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { TooltipContentBase } from '@inspirecn/ui/components/tooltip/Tooltip';
+import { Button } from '../button/Button';
+import { Input } from '../input/Input';
+import { Separator } from '../separator/Separator';
+type SidebarContextProps = {
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<'div'> & {
+    side?: 'left' | 'right';
+    variant?: 'sidebar' | 'floating' | 'inset';
+    collapsible?: 'offcanvas' | 'icon' | 'none';
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<'main'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContentBase>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<'div'> & {
+    showIcon?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/sidebar/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}