@nayhoo/ui 0.7.0 → 0.8.0

package/dist/grid.css-BvgQR1FB.d.ts

@@ -0,0 +1,207 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const gridRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    align: {
+        start: {
+            alignItems: "start";
+        };
+        center: {
+            alignItems: "center";
+        };
+        end: {
+            alignItems: "end";
+        };
+        stretch: {
+            alignItems: "stretch";
+        };
+        baseline: {
+            alignItems: "baseline";
+        };
+    };
+    columns: {
+        "1": {
+            gridTemplateColumns: "repeat(1, minmax(0, 1fr))";
+        };
+        "2": {
+            gridTemplateColumns: "repeat(2, minmax(0, 2fr))";
+        };
+        "3": {
+            gridTemplateColumns: "repeat(3, minmax(0, 3fr))";
+        };
+        "4": {
+            gridTemplateColumns: "repeat(4, minmax(0, 4fr))";
+        };
+        "5": {
+            gridTemplateColumns: "repeat(5, minmax(0, 5fr))";
+        };
+        "6": {
+            gridTemplateColumns: "repeat(6, minmax(0, 6fr))";
+        };
+        "7": {
+            gridTemplateColumns: "repeat(7, minmax(0, 7fr))";
+        };
+        "8": {
+            gridTemplateColumns: "repeat(8, minmax(0, 8fr))";
+        };
+        "9": {
+            gridTemplateColumns: "repeat(9, minmax(0, 9fr))";
+        };
+        "10": {
+            gridTemplateColumns: "repeat(10, minmax(0, 10fr))";
+        };
+    };
+    flow: {
+        row: {
+            gridAutoFlow: "row";
+        };
+        column: {
+            gridAutoFlow: "column";
+        };
+        dense: {
+            gridAutoFlow: "dense";
+        };
+        rowDense: {
+            gridAutoFlow: "row dense";
+        };
+        columnDense: {
+            gridAutoFlow: "column dense";
+        };
+    };
+    gap: {
+        "1": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "2": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "3": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "4": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "5": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "6": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "7": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "8": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "9": {
+            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    gapX: {
+        "1": {
+            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "2": {
+            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "3": {
+            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "4": {
+            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "5": {
+            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "6": {
+            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "7": {
+            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "8": {
+            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "9": {
+            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    gapY: {
+        "1": {
+            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "2": {
+            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "3": {
+            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "4": {
+            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "5": {
+            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "6": {
+            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "7": {
+            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "8": {
+            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "9": {
+            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    justify: {
+        start: {
+            justifyContent: "start";
+        };
+        center: {
+            justifyContent: "center";
+        };
+        end: {
+            justifyContent: "end";
+        };
+        between: {
+            justifyContent: "space-between";
+        };
+    };
+    rows: {
+        "1": {
+            gridTemplateRows: "repeat(1, minmax(0, 1fr))";
+        };
+        "2": {
+            gridTemplateRows: "repeat(2, minmax(0, 2fr))";
+        };
+        "3": {
+            gridTemplateRows: "repeat(3, minmax(0, 3fr))";
+        };
+        "4": {
+            gridTemplateRows: "repeat(4, minmax(0, 4fr))";
+        };
+        "5": {
+            gridTemplateRows: "repeat(5, minmax(0, 5fr))";
+        };
+        "6": {
+            gridTemplateRows: "repeat(6, minmax(0, 6fr))";
+        };
+        "7": {
+            gridTemplateRows: "repeat(7, minmax(0, 7fr))";
+        };
+        "8": {
+            gridTemplateRows: "repeat(8, minmax(0, 8fr))";
+        };
+        "9": {
+            gridTemplateRows: "repeat(9, minmax(0, 9fr))";
+        };
+        "10": {
+            gridTemplateRows: "repeat(10, minmax(0, 10fr))";
+        };
+    };
+}>;
+type GridVariants = NonNullable<RecipeVariants<typeof gridRecipe>>;
+
+export { type GridVariants as G, gridRecipe as g };

package/dist/icon-button.css-DxZdHUEt.d.mts

@@ -0,0 +1,54 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const iconButtonRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    loading: {
+        true: {
+            color: "transparent !important";
+        };
+    };
+    size: {
+        "1": {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "2": {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "3": {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "4": {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    variant: {
+        ghost: {
+            backgroundColor: "transparent";
+            borderWidth: "0";
+            selectors: {
+                "&:active": {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        outline: {
+            boxShadow: `inset 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}, ${number})`;
+            selectors: {
+                "&:active": {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+}>;
+type IconButtonVariants = RecipeVariants<typeof iconButtonRecipe>;
+
+export { type IconButtonVariants as I, iconButtonRecipe as i };

package/dist/icon-button.css-DxZdHUEt.d.ts

@@ -0,0 +1,54 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const iconButtonRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    loading: {
+        true: {
+            color: "transparent !important";
+        };
+    };
+    size: {
+        "1": {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "2": {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "3": {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "4": {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    variant: {
+        ghost: {
+            backgroundColor: "transparent";
+            borderWidth: "0";
+            selectors: {
+                "&:active": {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        outline: {
+            boxShadow: `inset 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}, ${number})`;
+            selectors: {
+                "&:active": {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+}>;
+type IconButtonVariants = RecipeVariants<typeof iconButtonRecipe>;
+
+export { type IconButtonVariants as I, iconButtonRecipe as i };

package/dist/link.css-J250gDi8.d.mts

@@ -0,0 +1,26 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const linkRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    color: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        error: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        subtle: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+type LinkVariants = NonNullable<RecipeVariants<typeof linkRecipe>>;
+
+export { type LinkVariants as L, linkRecipe as l };

package/dist/link.css-J250gDi8.d.ts

@@ -0,0 +1,26 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const linkRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    color: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        error: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        subtle: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+type LinkVariants = NonNullable<RecipeVariants<typeof linkRecipe>>;
+
+export { type LinkVariants as L, linkRecipe as l };

package/dist/menu.css-5kJKHBR_.d.mts

@@ -0,0 +1,13 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const menuItemRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type MenuItemVariants = NonNullable<RecipeVariants<typeof menuItemRecipe>>;
+declare const menuLabelRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type MenuLabelVariants = NonNullable<RecipeVariants<typeof menuLabelRecipe>>;
+declare const menuRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type MenuVariants = NonNullable<RecipeVariants<typeof menuRecipe>>;
+declare const menuSeparatorRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type MenuSeparatorVariants = NonNullable<RecipeVariants<typeof menuSeparatorRecipe>>;
+
+export { type MenuVariants as M, type MenuItemVariants as a, type MenuLabelVariants as b, type MenuSeparatorVariants as c, menuLabelRecipe as d, menuRecipe as e, menuSeparatorRecipe as f, menuItemRecipe as m };

package/dist/menu.css-5kJKHBR_.d.ts

@@ -0,0 +1,13 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const menuItemRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type MenuItemVariants = NonNullable<RecipeVariants<typeof menuItemRecipe>>;
+declare const menuLabelRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type MenuLabelVariants = NonNullable<RecipeVariants<typeof menuLabelRecipe>>;
+declare const menuRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type MenuVariants = NonNullable<RecipeVariants<typeof menuRecipe>>;
+declare const menuSeparatorRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type MenuSeparatorVariants = NonNullable<RecipeVariants<typeof menuSeparatorRecipe>>;
+
+export { type MenuVariants as M, type MenuItemVariants as a, type MenuLabelVariants as b, type MenuSeparatorVariants as c, menuLabelRecipe as d, menuRecipe as e, menuSeparatorRecipe as f, menuItemRecipe as m };

package/dist/panel.css-DUVSZSQ6.d.mts

@@ -0,0 +1,7 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const panelRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type PanelVariants = NonNullable<RecipeVariants<typeof panelRecipe>>;
+
+export { type PanelVariants as P, panelRecipe as p };

package/dist/panel.css-DUVSZSQ6.d.ts

@@ -0,0 +1,7 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const panelRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type PanelVariants = NonNullable<RecipeVariants<typeof panelRecipe>>;
+
+export { type PanelVariants as P, panelRecipe as p };