@herca/r-kit 0.0.68 → 0.0.69

package/dist/clients.cjs

@@ -78,6 +78,7 @@ __export(clients_exports, {
   RadioVariants: () => RadioVariants,
   Select: () => Select,
   Sheet: () => Sheet,
+  SheetBody: () => SheetBody,
   SheetClose: () => SheetClose,
   SheetContent: () => SheetContent,
   SheetDescription: () => SheetDescription,
@@ -11275,6 +11276,13 @@ var Icon_default = Icon;
 var React395 = require("react");
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_jsx_runtime403 = require("react/jsx-runtime");
+var sheetSizeClasses = {
+  sm: "w-1/4 sm:max-w-sm",
+  md: "w-1/3 sm:max-w-md",
+  lg: "w-1/2 sm:max-w-lg",
+  xl: "w-2/3 sm:max-w-xl",
+  full: "w-full"
+};
 function Sheet({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime403.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
@@ -11313,6 +11321,7 @@ function SheetContent({
   className,
   children,
   side = "right",
+  size = "md",
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime403.jsxs)(SheetPortal, { children: [
@@ -11322,9 +11331,19 @@ function SheetContent({
       {
         "data-slot": "sheet-content",
         className: cn(
-          "data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 border-gray-200 bg-white shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          side === "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 border-l sm:max-w-sm",
-          side === "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 border-r sm:max-w-sm",
+          "fixed z-50 flex flex-col gap-4 border-gray-200 bg-white shadow-lg transition ease-in-out",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" && cn(
+            "inset-y-0 right-0 h-full border-l",
+            "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
+            sheetSizeClasses[size]
+          ),
+          side === "left" && cn(
+            "inset-y-0 left-0 h-full border-r",
+            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
+            sheetSizeClasses[size]
+          ),
           side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
           side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
           className
@@ -11381,6 +11400,19 @@ function SheetDescription({
     }
   );
 }
+function SheetBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime403.jsx)(
+    SheetPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
+}
 
 // src/components/sidebar/contex.ts
 var import_react393 = __toESM(require("react"), 1);
@@ -36553,6 +36585,7 @@ var Radio = ({ label, description, className, size: sizeProp, ...props }) => {
   RadioVariants,
   Select,
   Sheet,
+  SheetBody,
   SheetClose,
   SheetContent,
   SheetDescription,