@databricks/appkit-ui 0.2.0 → 0.4.0

package/dist/react/ui/separator.js

@@ -5,6 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 
 //#region src/react/ui/separator.tsx
+/** Visual divider line between content sections */
 function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
 	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
 		"data-slot": "separator",

package/dist/react/ui/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../../../src/react/ui/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;;;AAOA,SAAS,UAAU,EACjB,WACA,cAAc,cACd,aAAa,MACb,GAAG,SACoD;AACvD,QACE,oBAAC,mBAAmB;EAClB,aAAU;EACE;EACC;EACb,WAAW,GACT,kKACA,UACD;EACD,GAAI;GACJ"}
+{"version":3,"file":"separator.js","names":[],"sources":["../../../src/react/ui/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"../lib/utils\";\n\n/** Visual divider line between content sections */\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;;;;AAQA,SAAS,UAAU,EACjB,WACA,cAAc,cACd,aAAa,MACb,GAAG,SACoD;AACvD,QACE,oBAAC,mBAAmB;EAClB,aAAU;EACE;EACC;EACb,WAAW,GACT,kKACA,UACD;EACD,GAAI;GACJ"}

package/dist/react/ui/sheet.d.ts

@@ -1,17 +1,21 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime220 from "react/jsx-runtime";
+import * as react_jsx_runtime223 from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 
 //#region src/react/ui/sheet.d.ts
+/** Sliding panel that overlays content from screen edges */
 declare function Sheet({
   ...props
-}: React$1.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime220.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime223.JSX.Element;
+/** Button that opens the sheet */
 declare function SheetTrigger({
   ...props
-}: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime220.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime223.JSX.Element;
+/** Button that closes the sheet */
 declare function SheetClose({
   ...props
-}: React$1.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime220.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime223.JSX.Element;
+/** Main content area of the sheet */
 declare function SheetContent({
   className,
   children,
@@ -19,23 +23,27 @@ declare function SheetContent({
   ...props
 }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
   side?: "top" | "right" | "bottom" | "left";
-}): react_jsx_runtime220.JSX.Element;
+}): react_jsx_runtime223.JSX.Element;
+/** Header section of the sheet */
 declare function SheetHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime220.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime223.JSX.Element;
+/** Footer section of the sheet */
 declare function SheetFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime220.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime223.JSX.Element;
+/** Title text for the sheet */
 declare function SheetTitle({
   className,
   ...props
-}: React$1.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime220.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime223.JSX.Element;
+/** Description text for the sheet */
 declare function SheetDescription({
   className,
   ...props
-}: React$1.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime220.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime223.JSX.Element;
 //#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
 //# sourceMappingURL=sheet.d.ts.map

package/dist/react/ui/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","names":[],"sources":["../../../src/react/ui/sheet.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,KAAA;;GAAoB,OAAA,CAAM,sBAAsB,cAAA,CAAe,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAIpE,YAAA;;GAEN,OAAA,CAAM,sBAAsB,cAAA,CAAe,WAAQ,oBAAA,CAAA,GAAA,CAAA;iBAI7C,UAAA;;GAEN,OAAA,CAAM,sBAAsB,cAAA,CAAe,SAAM,oBAAA,CAAA,GAAA,CAAA;AAlBK,iBAmDhD,YAAA,CA7CK;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAkDX,OAAA,CAAM,cAlDK,CAAA,OAkDiB,cAAA,CAAe,OAlDhC,CAAA,GAAA;EAAA,IAAA,CAAA,EAAA,KAAA,GAAA,OAAA,GAAA,QAAA,GAAA,MAAA;IAoDb,oBAAA,CAAA,GAAA,CAAA,OApDuE;iBAkF/D,WAAA,CAlF0B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkFW,OAAA,CAAM,cAlFjB,CAAA,KAAA,CAAA,CAAA,EAkFsC,oBAAA,CAAA,GAAA,CAAA,OAlFtC;iBA4F1B,WAAA,CA5FoE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4F/B,OAAA,CAAM,cA5FyB,CAAA,KAAA,CAAA,CAAA,EA4FJ,oBAAA,CAAA,GAAA,CAAA,OA5FI;iBAsGpE,UAAA,CAtGoE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyG1E,OAAA,CAAM,cAzGoE,CAAA,OAyG9C,cAAA,CAAe,KAzG+B,CAAA,CAAA,EAyGzB,oBAAA,CAAA,GAAA,CAAA,OAzGyB;AAAA,iBAmHpE,gBAAA,CA/GY;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkHlB,OAAA,CAAM,cAlHY,CAAA,OAkHU,cAAA,CAAe,WAlHzB,CAAA,CAAA,EAkHqC,oBAAA,CAAA,GAAA,CAAA,OAlHrC"}
+{"version":3,"file":"sheet.d.ts","names":[],"sources":["../../../src/react/ui/sheet.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAQS,KAAA;;GAAoB,OAAA,CAAM,sBAAsB,cAAA,CAAe,QAAK,oBAAA,CAAA,GAAA,CAAA;;AAPpB,iBAYhD,YAAA,CALK;EAAA,GAAA;AAAA,CAAA,EAOX,OAAA,CAAM,cAPK,CAAA,OAOiB,cAAA,CAAe,OAPhC,CAAA,CAAA,EAOwC,oBAAA,CAAA,GAAA,CAAA,OAPxC;;iBAYL,UAAA,CAZ+D;EAAA,GAAA;AAAA,CAAA,EAcrE,OAAA,CAAM,cAd+D,CAAA,OAczC,cAAA,CAAe,KAd0B,CAAA,CAAA,EAcpB,oBAAA,CAAA,GAAA,CAAA,OAdoB;;iBAkD/D,YAAA,CAlDoE;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAuD1E,OAAA,CAAM,cAvDoE,CAAA,OAuD9C,cAAA,CAAe,OAvD+B,CAAA,GAAA;EAAA,IAAA,CAAA,EAAA,KAAA,GAAA,OAAA,GAAA,QAAA,GAAA,MAAA;AAAA,CAAA,CAAA,EAyD5E,oBAAA,CAAA,GAAA,CAAA,OApDoB;;iBAmFZ,WAAA,CAjFqC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiFA,OAAA,CAAM,cAjFN,CAAA,KAAA,CAAA,CAAA,EAiF2B,oBAAA,CAAA,GAAA,CAAA,OAjF3B;;iBA4FrC,WAAA,CA5F6C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4FR,OAAA,CAAM,cA5FE,CAAA,KAAA,CAAA,CAAA,EA4FmB,oBAAA,CAAA,GAAA,CAAA,OA5FnB;;AAAA,iBAuG7C,UAAA,CAlGU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqGhB,OAAA,CAAM,cArGU,CAAA,OAqGY,cAAA,CAAe,KArG3B,CAAA,CAAA,EAqGiC,oBAAA,CAAA,GAAA,CAAA,OArGjC;;iBAgHV,gBAAA,CA9GqC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiH3C,OAAA,CAAM,cAjHqC,CAAA,OAiHf,cAAA,CAAe,WAjHA,CAAA,CAAA,EAiHY,oBAAA,CAAA,GAAA,CAAA,OAjHZ"}

package/dist/react/ui/sheet.js

@@ -5,24 +5,28 @@ import { XIcon } from "lucide-react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 
 //#region src/react/ui/sheet.tsx
+/** Sliding panel that overlays content from screen edges */
 function Sheet({ ...props }) {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Root, {
 		"data-slot": "sheet",
 		...props
 	});
 }
+/** Button that opens the sheet */
 function SheetTrigger({ ...props }) {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, {
 		"data-slot": "sheet-trigger",
 		...props
 	});
 }
+/** Button that closes the sheet */
 function SheetClose({ ...props }) {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Close, {
 		"data-slot": "sheet-close",
 		...props
 	});
 }
+/** Portal container for sheet content */
 function SheetPortal({ container, ...props }) {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Portal, {
 		"data-slot": "sheet-portal",
@@ -30,6 +34,7 @@ function SheetPortal({ container, ...props }) {
 		...props
 	});
 }
+/** Dimmed overlay behind the sheet */
 function SheetOverlay({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
 		"data-slot": "sheet-overlay",
@@ -37,6 +42,7 @@ function SheetOverlay({ className, ...props }) {
 		...props
 	});
 }
+/** Main content area of the sheet */
 function SheetContent({ className, children, side = "right", ...props }) {
 	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
 		"data-slot": "sheet-content",
@@ -51,6 +57,7 @@ function SheetContent({ className, children, side = "right", ...props }) {
 		})]
 	})] });
 }
+/** Header section of the sheet */
 function SheetHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sheet-header",
@@ -58,6 +65,7 @@ function SheetHeader({ className, ...props }) {
 		...props
 	});
 }
+/** Footer section of the sheet */
 function SheetFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sheet-footer",
@@ -65,6 +73,7 @@ function SheetFooter({ className, ...props }) {
 		...props
 	});
 }
+/** Title text for the sheet */
 function SheetTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Title, {
 		"data-slot": "sheet-title",
@@ -72,6 +81,7 @@ function SheetTitle({ className, ...props }) {
 		...props
 	});
 }
+/** Description text for the sheet */
 function SheetDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Description, {
 		"data-slot": "sheet-description",

package/dist/react/ui/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","names":[],"sources":["../../../src/react/ui/sheet.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return (\n    <SheetPrimitive.Portal\n      data-slot=\"sheet-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          side === \"right\" &&\n            \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n          side === \"left\" &&\n            \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;AAOA,SAAS,MAAM,EAAE,GAAG,SAA2D;AAC7E,QAAO,oBAAC,eAAe;EAAK,aAAU;EAAQ,GAAI;GAAS;;AAG7D,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QAAO,oBAAC,eAAe;EAAQ,aAAU;EAAgB,GAAI;GAAS;;AAGxE,SAAS,WAAW,EAClB,GAAG,SACiD;AACpD,QAAO,oBAAC,eAAe;EAAM,aAAU;EAAc,GAAI;GAAS;;AAGpE,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,UACA,OAAO,SACP,GAAG,SAGF;AACD,QACE,qBAAC,0BACC,oBAAC,iBAAe,EAChB,qBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,8MACA,SAAS,WACP,oIACF,SAAS,UACP,iIACF,SAAS,SACP,4GACF,SAAS,YACP,qHACF,UACD;EACD,GAAI;aAEH,UACD,qBAAC,eAAe;GAAM,WAAU;cAC9B,oBAAC,SAAM,WAAU,WAAW,EAC5B,oBAAC;IAAK,WAAU;cAAU;KAAY;IACjB;GACA,IACb;;AAIlB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,WACA,GAAG,SACiD;AACpD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}
+{"version":3,"file":"sheet.js","names":[],"sources":["../../../src/react/ui/sheet.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\n/** Sliding panel that overlays content from screen edges */\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\n/** Button that opens the sheet */\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\n/** Button that closes the sheet */\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\n/** Portal container for sheet content */\nfunction SheetPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return (\n    <SheetPrimitive.Portal\n      data-slot=\"sheet-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\n/** Dimmed overlay behind the sheet */\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Main content area of the sheet */\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          side === \"right\" &&\n            \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n          side === \"left\" &&\n            \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\n/** Header section of the sheet */\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Footer section of the sheet */\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Title text for the sheet */\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Description text for the sheet */\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;;AAQA,SAAS,MAAM,EAAE,GAAG,SAA2D;AAC7E,QAAO,oBAAC,eAAe;EAAK,aAAU;EAAQ,GAAI;GAAS;;;AAI7D,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QAAO,oBAAC,eAAe;EAAQ,aAAU;EAAgB,GAAI;GAAS;;;AAIxE,SAAS,WAAW,EAClB,GAAG,SACiD;AACpD,QAAO,oBAAC,eAAe;EAAM,aAAU;EAAc,GAAI;GAAS;;;AAIpE,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;;AAKN,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,aAAa,EACpB,WACA,UACA,OAAO,SACP,GAAG,SAGF;AACD,QACE,qBAAC,0BACC,oBAAC,iBAAe,EAChB,qBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,8MACA,SAAS,WACP,oIACF,SAAS,UACP,iIACF,SAAS,SACP,4GACF,SAAS,YACP,qHACF,UACD;EACD,GAAI;aAEH,UACD,qBAAC,eAAe;GAAM,WAAU;cAC9B,oBAAC,SAAM,WAAU,WAAW,EAC5B,oBAAC;IAAK,WAAU;cAAU;KAAY;IACjB;GACA,IACb;;;AAKlB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;;AAKN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;;AAKN,SAAS,WAAW,EAClB,WACA,GAAG,SACiD;AACpD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;;AAKN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}

package/dist/react/ui/sidebar.d.ts

@@ -3,7 +3,7 @@ import { Separator } from "./separator.js";
 import { Input } from "./input.js";
 import { TooltipContent } from "./tooltip.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime232 from "react/jsx-runtime";
+import * as react_jsx_runtime231 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types10 from "class-variance-authority/types";
 
@@ -17,6 +17,7 @@ type SidebarContextProps = {
   isMobile: boolean;
   toggleSidebar: () => void;
 };
+/** Hook to access sidebar state and controls */
 declare function useSidebar(): SidebarContextProps;
 declare function SidebarProvider({
   defaultOpen,
@@ -30,7 +31,8 @@ declare function SidebarProvider({
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime232.JSX.Element;
+}): react_jsx_runtime231.JSX.Element;
+/** Collapsible navigation sidebar with mobile support */
 declare function Sidebar({
   side,
   variant,
@@ -42,70 +44,84 @@ declare function Sidebar({
   side?: "left" | "right";
   variant?: "sidebar" | "floating" | "inset";
   collapsible?: "offcanvas" | "icon" | "none";
-}): react_jsx_runtime232.JSX.Element;
+}): react_jsx_runtime231.JSX.Element;
+/** Button that toggles the sidebar open and closed */
 declare function SidebarTrigger({
   className,
   onClick,
   ...props
-}: React$1.ComponentProps<typeof Button>): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<typeof Button>): react_jsx_runtime231.JSX.Element;
+/** Clickable rail element for toggling sidebar visibility */
 declare function SidebarRail({
   className,
   ...props
-}: React$1.ComponentProps<"button">): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<"button">): react_jsx_runtime231.JSX.Element;
+/** Main content area that adapts to sidebar state */
 declare function SidebarInset({
   className,
   ...props
-}: React$1.ComponentProps<"main">): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<"main">): react_jsx_runtime231.JSX.Element;
+/** Input field styled for use within the sidebar */
 declare function SidebarInput({
   className,
   ...props
-}: React$1.ComponentProps<typeof Input>): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<typeof Input>): react_jsx_runtime231.JSX.Element;
+/** Header section at the top of the sidebar */
 declare function SidebarHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime231.JSX.Element;
+/** Footer section at the bottom of the sidebar */
 declare function SidebarFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime231.JSX.Element;
+/** Visual separator between sidebar sections */
 declare function SidebarSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof Separator>): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<typeof Separator>): react_jsx_runtime231.JSX.Element;
+/** Scrollable content area within the sidebar */
 declare function SidebarContent({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime231.JSX.Element;
+/** Container for grouping related sidebar items */
 declare function SidebarGroup({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime231.JSX.Element;
+/** Label heading for a sidebar group */
 declare function SidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React$1.ComponentProps<"div"> & {
   asChild?: boolean;
-}): react_jsx_runtime232.JSX.Element;
+}): react_jsx_runtime231.JSX.Element;
+/** Action button displayed next to a sidebar group label */
 declare function SidebarGroupAction({
   className,
   asChild,
   ...props
 }: React$1.ComponentProps<"button"> & {
   asChild?: boolean;
-}): react_jsx_runtime232.JSX.Element;
+}): react_jsx_runtime231.JSX.Element;
+/** Content container for sidebar group items */
 declare function SidebarGroupContent({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime231.JSX.Element;
+/** Navigation menu list within the sidebar */
 declare function SidebarMenu({
   className,
   ...props
-}: React$1.ComponentProps<"ul">): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<"ul">): react_jsx_runtime231.JSX.Element;
+/** Individual menu item within the sidebar */
 declare function SidebarMenuItem({
   className,
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime231.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
@@ -122,7 +138,8 @@ declare function SidebarMenuButton({
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime232.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime231.JSX.Element;
+/** Action button displayed alongside a menu item */
 declare function SidebarMenuAction({
   className,
   asChild,
@@ -131,26 +148,31 @@ declare function SidebarMenuAction({
 }: React$1.ComponentProps<"button"> & {
   asChild?: boolean;
   showOnHover?: boolean;
-}): react_jsx_runtime232.JSX.Element;
+}): react_jsx_runtime231.JSX.Element;
+/** Badge for displaying counts or status on menu items */
 declare function SidebarMenuBadge({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime231.JSX.Element;
+/** Loading skeleton placeholder for menu items */
 declare function SidebarMenuSkeleton({
   className,
   showIcon,
   ...props
 }: React$1.ComponentProps<"div"> & {
   showIcon?: boolean;
-}): react_jsx_runtime232.JSX.Element;
+}): react_jsx_runtime231.JSX.Element;
+/** Submenu list for nested navigation items */
 declare function SidebarMenuSub({
   className,
   ...props
-}: React$1.ComponentProps<"ul">): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<"ul">): react_jsx_runtime231.JSX.Element;
+/** Individual item within a sidebar submenu */
 declare function SidebarMenuSubItem({
   className,
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime232.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime231.JSX.Element;
+/** Button for submenu items */
 declare function SidebarMenuSubButton({
   asChild,
   size,
@@ -161,7 +183,7 @@ declare function SidebarMenuSubButton({
   asChild?: boolean;
   size?: "sm" | "md";
   isActive?: boolean;
-}): react_jsx_runtime232.JSX.Element;
+}): react_jsx_runtime231.JSX.Element;
 //#endregion
 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/react/ui/sidebar.d.ts.map

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

package/dist/react/ui/sidebar.js

@@ -22,6 +22,7 @@ const SIDEBAR_WIDTH_MOBILE = "18rem";
 const SIDEBAR_WIDTH_ICON = "3rem";
 const SIDEBAR_KEYBOARD_SHORTCUT = "b";
 const SidebarContext = React$1.createContext(null);
+/** Hook to access sidebar state and controls */
 function useSidebar() {
 	const context = React$1.useContext(SidebarContext);
 	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
@@ -39,7 +40,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
 	}, [setOpenProp, open]);
 	const toggleSidebar = React$1.useCallback(() => {
-		return isMobile ? setOpenMobile((open$1) => !open$1) : setOpen((open$1) => !open$1);
+		return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
 	}, [
 		isMobile,
 		setOpen,
@@ -91,6 +92,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		})
 	});
 }
+/** Collapsible navigation sidebar with mobile support */
 function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
 	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
 	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
@@ -142,6 +144,7 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
 		})]
 	});
 }
+/** Button that toggles the sidebar open and closed */
 function SidebarTrigger({ className, onClick, ...props }) {
 	const { toggleSidebar } = useSidebar();
 	return /* @__PURE__ */ jsxs(Button, {
@@ -161,6 +164,7 @@ function SidebarTrigger({ className, onClick, ...props }) {
 		})]
 	});
 }
+/** Clickable rail element for toggling sidebar visibility */
 function SidebarRail({ className, ...props }) {
 	const { toggleSidebar } = useSidebar();
 	return /* @__PURE__ */ jsx("button", {
@@ -174,6 +178,7 @@ function SidebarRail({ className, ...props }) {
 		...props
 	});
 }
+/** Main content area that adapts to sidebar state */
 function SidebarInset({ className, ...props }) {
 	return /* @__PURE__ */ jsx("main", {
 		"data-slot": "sidebar-inset",
@@ -181,6 +186,7 @@ function SidebarInset({ className, ...props }) {
 		...props
 	});
 }
+/** Input field styled for use within the sidebar */
 function SidebarInput({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Input, {
 		"data-slot": "sidebar-input",
@@ -189,6 +195,7 @@ function SidebarInput({ className, ...props }) {
 		...props
 	});
 }
+/** Header section at the top of the sidebar */
 function SidebarHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar-header",
@@ -197,6 +204,7 @@ function SidebarHeader({ className, ...props }) {
 		...props
 	});
 }
+/** Footer section at the bottom of the sidebar */
 function SidebarFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar-footer",
@@ -205,6 +213,7 @@ function SidebarFooter({ className, ...props }) {
 		...props
 	});
 }
+/** Visual separator between sidebar sections */
 function SidebarSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Separator, {
 		"data-slot": "sidebar-separator",
@@ -213,6 +222,7 @@ function SidebarSeparator({ className, ...props }) {
 		...props
 	});
 }
+/** Scrollable content area within the sidebar */
 function SidebarContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar-content",
@@ -221,6 +231,7 @@ function SidebarContent({ className, ...props }) {
 		...props
 	});
 }
+/** Container for grouping related sidebar items */
 function SidebarGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar-group",
@@ -229,6 +240,7 @@ function SidebarGroup({ className, ...props }) {
 		...props
 	});
 }
+/** Label heading for a sidebar group */
 function SidebarGroupLabel({ className, asChild = false, ...props }) {
 	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
 		"data-slot": "sidebar-group-label",
@@ -237,6 +249,7 @@ function SidebarGroupLabel({ className, asChild = false, ...props }) {
 		...props
 	});
 }
+/** Action button displayed next to a sidebar group label */
 function SidebarGroupAction({ className, asChild = false, ...props }) {
 	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
 		"data-slot": "sidebar-group-action",
@@ -245,6 +258,7 @@ function SidebarGroupAction({ className, asChild = false, ...props }) {
 		...props
 	});
 }
+/** Content container for sidebar group items */
 function SidebarGroupContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar-group-content",
@@ -253,6 +267,7 @@ function SidebarGroupContent({ className, ...props }) {
 		...props
 	});
 }
+/** Navigation menu list within the sidebar */
 function SidebarMenu({ className, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {
 		"data-slot": "sidebar-menu",
@@ -261,6 +276,7 @@ function SidebarMenu({ className, ...props }) {
 		...props
 	});
 }
+/** Individual menu item within the sidebar */
 function SidebarMenuItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx("li", {
 		"data-slot": "sidebar-menu-item",
@@ -312,6 +328,7 @@ function SidebarMenuButton({ asChild = false, isActive = false, variant = "defau
 		...tooltip
 	})] });
 }
+/** Action button displayed alongside a menu item */
 function SidebarMenuAction({ className, asChild = false, showOnHover = false, ...props }) {
 	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
 		"data-slot": "sidebar-menu-action",
@@ -320,6 +337,7 @@ function SidebarMenuAction({ className, asChild = false, showOnHover = false, ..
 		...props
 	});
 }
+/** Badge for displaying counts or status on menu items */
 function SidebarMenuBadge({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar-menu-badge",
@@ -328,6 +346,7 @@ function SidebarMenuBadge({ className, ...props }) {
 		...props
 	});
 }
+/** Loading skeleton placeholder for menu items */
 function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
 	const width = React$1.useMemo(() => {
 		return `${Math.floor(Math.random() * 40) + 50}%`;
@@ -347,6 +366,7 @@ function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
 		})]
 	});
 }
+/** Submenu list for nested navigation items */
 function SidebarMenuSub({ className, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {
 		"data-slot": "sidebar-menu-sub",
@@ -355,6 +375,7 @@ function SidebarMenuSub({ className, ...props }) {
 		...props
 	});
 }
+/** Individual item within a sidebar submenu */
 function SidebarMenuSubItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx("li", {
 		"data-slot": "sidebar-menu-sub-item",
@@ -363,6 +384,7 @@ function SidebarMenuSubItem({ className, ...props }) {
 		...props
 	});
 }
+/** Button for submenu items */
 function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false, className, ...props }) {
 	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
 		"data-slot": "sidebar-menu-sub-button",