@arcadeai/design-system 0.6.5 → 0.7.0

package/dist/components/ui/atoms/form.d.ts

@@ -1,5 +1,5 @@
 import { Slot } from '@radix-ui/react-slot';
-import { ControllerProps, FieldPath, FieldValues, useFormContext } from 'react-hook-form';
+import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
 import type * as LabelPrimitive from '@radix-ui/react-label';
 import * as React from 'react';
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
@@ -21,4 +21,5 @@ declare function FormLabel({ className, ...props }: React.ComponentProps<typeof
 declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
 declare function FormDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
 declare function FormMessage({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element | null;
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, useFormContext, };
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
+export { useFormContext } from 'react-hook-form';

package/dist/components/ui/atoms/sheet.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { R as d, T as c, C as r, a as u, X as f, b as h, D as m, P as p, O as g } from "../../../index-CL4N9wMT.js";
+import { R as d, T as c, C as r, a as u, X as m, b as f, D as h, P as g, O as p } from "../../../index-CL4N9wMT.js";
 import { c as o } from "../../../utils-Dy2WjYNJ.js";
-function v({ ...t }) {
+function N({ ...t }) {
   return /* @__PURE__ */ e(d, { "data-slot": "sheet", ...t });
 }
-function w({
+function v({
   ...t
 }) {
   return /* @__PURE__ */ e(c, { "data-slot": "sheet-trigger", ...t });
@@ -14,17 +14,17 @@ function C({
 }) {
   return /* @__PURE__ */ e(r, { "data-slot": "sheet-close", ...t });
 }
-function b({
+function x({
   ...t
 }) {
-  return /* @__PURE__ */ e(p, { "data-slot": "sheet-portal", ...t });
+  return /* @__PURE__ */ e(g, { "data-slot": "sheet-portal", ...t });
 }
-function x({
+function b({
   className: t,
   ...a
 }) {
   return /* @__PURE__ */ e(
-    g,
+    p,
     {
       className: o(
         "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
@@ -39,29 +39,29 @@ function T({
   className: t,
   children: a,
   side: s = "right",
-  variant: i = "default",
-  ...l
+  variant: l = "inset",
+  ...i
 }) {
-  return /* @__PURE__ */ n(b, { children: [
-    /* @__PURE__ */ e(x, {}),
+  return /* @__PURE__ */ n(x, { children: [
+    /* @__PURE__ */ e(b, {}),
     /* @__PURE__ */ n(
       u,
       {
         className: o(
           "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          s === "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",
-          s === "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",
+          s === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-full border-l sm:max-w-sm lg:max-w-lg xl:max-w-xl",
+          s === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-full border-r sm:max-w-sm lg:max-w-lg xl:max-w-xl",
           s === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
           s === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
-          i === "inset" && "mt-2 mr-2 h-[calc(100svh-1rem)] rounded-lg border shadow-lg",
+          l === "inset" && "mt-0 mr-0 h-[calc(100svh-1rem)] rounded-lg border shadow-lg sm:mt-2 sm:mr-2",
           t
         ),
         "data-slot": "sheet-content",
-        ...l,
+        ...i,
         children: [
           a,
           /* @__PURE__ */ n(r, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ e(f, { className: "size-4" }),
+            /* @__PURE__ */ e(m, { className: "size-4" }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -94,7 +94,7 @@ function D({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    h,
+    f,
     {
       className: o("font-semibold text-foreground", t),
       "data-slot": "sheet-title",
@@ -107,7 +107,7 @@ function O({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    m,
+    h,
     {
       className: o("text-muted-foreground text-sm", t),
       "data-slot": "sheet-description",
@@ -116,12 +116,12 @@ function O({
   );
 }
 export {
-  v as Sheet,
+  N as Sheet,
   C as SheetClose,
   T as SheetContent,
   O as SheetDescription,
   z as SheetFooter,
   k as SheetHeader,
   D as SheetTitle,
-  w as SheetTrigger
+  v as SheetTrigger
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcadeai/design-system",
   "private": false,
-  "version": "0.6.5",
+  "version": "0.7.0",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",