@nayhoo/ui 0.3.0 → 0.3.1

package/dist/index.d.ts

@@ -47,7 +47,7 @@ declare const statusRecipe: _vanilla_extract_recipes.RuntimeFn<{
 }>;
 type StatusVariants = NonNullable<RecipeVariants<typeof statusRecipe>>;
 
-declare const Avatar: ({ alt, fallback, shape, size, src, status, style, ...props }: AvatarPrimitive.AvatarProps & {
+declare const Avatar: ({ alt, fallback, inactive, interactive, shape, size, src, status, style, ...props }: AvatarPrimitive.AvatarProps & {
     size?: "1" | "2" | "3" | "4" | "5" | "6" | undefined;
     shape?: "circle" | "square" | undefined;
     inactive?: boolean | undefined;
@@ -124,12 +124,6 @@ declare const buttonRecipe: _vanilla_extract_recipes.RuntimeFn<{
             color: "transparent !important";
         };
     };
-    shape: {
-        square: {};
-        pill: {
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
     size: {
         "1": {
             borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -156,6 +150,12 @@ declare const buttonRecipe: _vanilla_extract_recipes.RuntimeFn<{
             lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
+    shape: {
+        square: {};
+        pill: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
     variant: {
         default: {
             selectors: {
@@ -849,7 +849,7 @@ declare const Spinner: ({ asChild, size, ...props }: SpinnerProps) => react_jsx_
 
 declare const defaultElement$2 = "div";
 type statusProps = ComponentProps<typeof defaultElement$2, StatusVariants>;
-declare const Status: ({ asChild, ...props }: statusProps) => react_jsx_runtime.JSX.Element;
+declare const Status: ({ asChild, size, variant, ...props }: statusProps) => react_jsx_runtime.JSX.Element;
 
 declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
     size: {

package/dist/index.js

@@ -134,8 +134,8 @@ var statusRecipe = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassNa
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var defaultElement2 = "div";
-var Status = ({ asChild, ...props }) => {
-  const status = statusRecipe({});
+var Status = ({ asChild, size, variant, ...props }) => {
+  const status = statusRecipe({ size, variant });
   const Comp = asChild ? import_react_slot2.Slot : defaultElement2;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { ...props, className: mergeClasses(status, props.className), children: props.children });
 };
@@ -171,6 +171,8 @@ var AvatarFallback = ({
 var Avatar2 = ({
   alt,
   fallback,
+  inactive,
+  interactive,
   shape,
   size,
   src,
@@ -178,7 +180,7 @@ var Avatar2 = ({
   style,
   ...props
 }) => {
-  const avatar = avatarRecipe({ shape, size });
+  const avatar = avatarRecipe({ inactive, interactive, shape, size });
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     Box,
     {
@@ -262,7 +264,7 @@ var Spinner = ({ asChild, size, ...props }) => {
 
 // src/recipes/button.css.ts
 var import_createRuntimeFn6 = require("@vanilla-extract/recipes/createRuntimeFn");
-var buttonRecipe = (0, import_createRuntimeFn6.createRuntimeFn)({ defaultClassName: "a5gfcc0", variantClassNames: { color: { primary: "a5gfcc1", secondary: "a5gfcc2", error: "a5gfcc3" }, fullWidth: { true: "a5gfcc4" }, loading: { true: "a5gfcc5" }, shape: { square: "a5gfcc6", pill: "a5gfcc7" }, size: { "1": "a5gfcc8", "2": "a5gfcc9", "3": "a5gfcca" }, variant: { "default": "a5gfccb", outline: "a5gfccc", ghost: "a5gfccd" } }, defaultVariants: { color: "primary", size: "2", variant: "default" }, compoundVariants: [[{ variant: "default", color: "primary" }, "a5gfcce"], [{ variant: "default", color: "secondary" }, "a5gfccf"], [{ variant: "default", color: "error" }, "a5gfccg"]] });
+var buttonRecipe = (0, import_createRuntimeFn6.createRuntimeFn)({ defaultClassName: "a5gfcc0", variantClassNames: { color: { primary: "a5gfcc1", secondary: "a5gfcc2", error: "a5gfcc3" }, fullWidth: { true: "a5gfcc4" }, loading: { true: "a5gfcc5" }, size: { "1": "a5gfcc6", "2": "a5gfcc7", "3": "a5gfcc8" }, shape: { square: "a5gfcc9", pill: "a5gfcca" }, variant: { "default": "a5gfccb", outline: "a5gfccc", ghost: "a5gfccd" } }, defaultVariants: { color: "primary", size: "2", variant: "default" }, compoundVariants: [[{ variant: "default", color: "primary" }, "a5gfcce"], [{ variant: "default", color: "secondary" }, "a5gfccf"], [{ variant: "default", color: "error" }, "a5gfccg"]] });
 
 // src/components/button.tsx
 var import_react_slot5 = require("@radix-ui/react-slot");