@nayhoo/ui 0.6.1 → 0.8.0

package/dist/components/tooltip.mjs

@@ -0,0 +1,84 @@
+import {
+  tooltipContentRecipe
+} from "../chunk-K625HY3P.mjs";
+import {
+  Paragraph
+} from "../chunk-WG4IO5EQ.mjs";
+import "../chunk-IPBDMBQP.mjs";
+import {
+  theme
+} from "../chunk-OETJQIMJ.mjs";
+import {
+  Box
+} from "../chunk-XALDYHCC.mjs";
+import "../chunk-ZJDUO7Y6.mjs";
+import {
+  pick
+} from "../chunk-4N6P3Y54.mjs";
+import {
+  mergeClasses
+} from "../chunk-7EGQM3ZL.mjs";
+import "../chunk-LZOMFHX3.mjs";
+
+// src/components/tooltip.tsx
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Tooltip({
+  children,
+  content,
+  open,
+  defaultOpen,
+  onOpenChange,
+  delayDuration,
+  disableHoverableContent,
+  ...props
+}) {
+  const rootProps = {
+    open,
+    defaultOpen,
+    onOpenChange,
+    delayDuration,
+    disableHoverableContent
+  };
+  const variants = pick(props, ...tooltipContentRecipe.variants());
+  const tooltipContent = tooltipContentRecipe(variants);
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+      TooltipPrimitive.Content,
+      {
+        side: "top",
+        align: "center",
+        sideOffset: 5,
+        ...props,
+        className: mergeClasses(tooltipContent, props.className),
+        children: [
+          /* @__PURE__ */ jsx(
+            Paragraph,
+            {
+              size: "1",
+              style: {
+                lineHeight: props.multiline ? "20px" : void 0
+              },
+              children: content
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+            TooltipPrimitive.Arrow,
+            {
+              width: 11,
+              height: 5,
+              style: {
+                fill: theme.semanticColors.transparentSurface
+              }
+            }
+          ) })
+        ]
+      }
+    ) })
+  ] }) });
+}
+export {
+  Tooltip
+};
+//# sourceMappingURL=tooltip.mjs.map

package/dist/components/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Paragraph } from \"@/components/paragraph\";\nimport {\n  TooltipContentVariants,\n  tooltipContentRecipe,\n} from \"@/theme/recipes/tooltip.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport React from \"react\";\n\ntype TooltipPrimitiveProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\ntype TooltipProps = TooltipPrimitiveProps &\n  TooltipPrimitive.TooltipContentProps &\n  TooltipContentVariants;\n\nexport function Tooltip({\n  children,\n  content,\n  open,\n  defaultOpen,\n  onOpenChange,\n  delayDuration,\n  disableHoverableContent,\n  ...props\n}: TooltipProps) {\n  const rootProps = {\n    open,\n    defaultOpen,\n    onOpenChange,\n    delayDuration,\n    disableHoverableContent,\n  };\n\n  const variants = pick(props, ...tooltipContentRecipe.variants());\n  const tooltipContent = tooltipContentRecipe(variants);\n\n  return (\n    <TooltipPrimitive.Provider>\n      <TooltipPrimitive.Root {...rootProps}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side=\"top\"\n            align=\"center\"\n            sideOffset={5}\n            {...props}\n            className={mergeClasses(tooltipContent, props.className)}\n          >\n            <Paragraph\n              size=\"1\"\n              style={{\n                lineHeight: props.multiline ? \"20px\" : undefined,\n              }}\n            >\n              {content}\n            </Paragraph>\n            <Box>\n              <TooltipPrimitive.Arrow\n                width={11}\n                height={5}\n                style={{\n                  fill: theme.semanticColors.transparentSurface,\n                }}\n              />\n            </Box>\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,YAAY,sBAAsB;AAgC1B,cAEE,YAFF;AAxBD,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiB;AACf,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,KAAK,OAAO,GAAG,qBAAqB,SAAS,CAAC;AAC/D,QAAM,iBAAiB,qBAAqB,QAAQ;AAEpD,SACE,oBAAkB,2BAAjB,EACC,+BAAkB,uBAAjB,EAAuB,GAAG,WACzB;AAAA,wBAAkB,0BAAjB,EAAyB,SAAO,MAAE,UAAS;AAAA,IAC5C,oBAAkB,yBAAjB,EACC;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,YAAY;AAAA,QACX,GAAG;AAAA,QACJ,WAAW,aAAa,gBAAgB,MAAM,SAAS;AAAA,QAEvD;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,gBACL,YAAY,MAAM,YAAY,SAAS;AAAA,cACzC;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,OACC;AAAA,YAAkB;AAAA,YAAjB;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,OAAO;AAAA,gBACL,MAAM,MAAM,eAAe;AAAA,cAC7B;AAAA;AAAA,UACF,GACF;AAAA;AAAA;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/container.css-DEKRVrvD.d.mts

@@ -0,0 +1,22 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const containerRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        "1": {
+            maxWidth: "430px";
+        };
+        "2": {
+            maxWidth: "715px";
+        };
+        "3": {
+            maxWidth: "1145px";
+        };
+        "4": {
+            maxWidth: "none";
+        };
+    };
+}>;
+type ContainerVariants = NonNullable<RecipeVariants<typeof containerRecipe>>;
+
+export { type ContainerVariants as C, containerRecipe as c };

package/dist/container.css-DEKRVrvD.d.ts

@@ -0,0 +1,22 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const containerRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        "1": {
+            maxWidth: "430px";
+        };
+        "2": {
+            maxWidth: "715px";
+        };
+        "3": {
+            maxWidth: "1145px";
+        };
+        "4": {
+            maxWidth: "none";
+        };
+    };
+}>;
+type ContainerVariants = NonNullable<RecipeVariants<typeof containerRecipe>>;
+
+export { type ContainerVariants as C, containerRecipe as c };

package/dist/flex.css-CMy65zXP.d.mts

@@ -0,0 +1,93 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const flexRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    align: {
+        start: {
+            alignItems: "flex-start";
+        };
+        center: {
+            alignItems: "center";
+        };
+        end: {
+            alignItems: "flex-end";
+        };
+        stretch: {
+            alignItems: "stretch";
+        };
+        baseline: {
+            alignItems: "baseline";
+        };
+    };
+    direction: {
+        row: {
+            flexDirection: "row";
+        };
+        column: {
+            flexDirection: "column";
+        };
+        rowReverse: {
+            flexDirection: "row-reverse";
+        };
+        columnReverse: {
+            flexDirection: "column-reverse";
+        };
+    };
+    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})`;
+        };
+    };
+    justify: {
+        start: {
+            justifyContent: "flex-start";
+        };
+        center: {
+            justifyContent: "center";
+        };
+        end: {
+            justifyContent: "flex-end";
+        };
+        between: {
+            justifyContent: "space-between";
+        };
+    };
+    wrap: {
+        noWrap: {
+            flexWrap: "nowrap";
+        };
+        wrap: {
+            flexWrap: "wrap";
+        };
+        wrapReverse: {
+            flexWrap: "wrap-reverse";
+        };
+    };
+}>;
+type FlexVariants = NonNullable<RecipeVariants<typeof flexRecipe>>;
+
+export { type FlexVariants as F, flexRecipe as f };

package/dist/flex.css-CMy65zXP.d.ts

@@ -0,0 +1,93 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const flexRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    align: {
+        start: {
+            alignItems: "flex-start";
+        };
+        center: {
+            alignItems: "center";
+        };
+        end: {
+            alignItems: "flex-end";
+        };
+        stretch: {
+            alignItems: "stretch";
+        };
+        baseline: {
+            alignItems: "baseline";
+        };
+    };
+    direction: {
+        row: {
+            flexDirection: "row";
+        };
+        column: {
+            flexDirection: "column";
+        };
+        rowReverse: {
+            flexDirection: "row-reverse";
+        };
+        columnReverse: {
+            flexDirection: "column-reverse";
+        };
+    };
+    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})`;
+        };
+    };
+    justify: {
+        start: {
+            justifyContent: "flex-start";
+        };
+        center: {
+            justifyContent: "center";
+        };
+        end: {
+            justifyContent: "flex-end";
+        };
+        between: {
+            justifyContent: "space-between";
+        };
+    };
+    wrap: {
+        noWrap: {
+            flexWrap: "nowrap";
+        };
+        wrap: {
+            flexWrap: "wrap";
+        };
+        wrapReverse: {
+            flexWrap: "wrap-reverse";
+        };
+    };
+}>;
+type FlexVariants = NonNullable<RecipeVariants<typeof flexRecipe>>;
+
+export { type FlexVariants as F, flexRecipe as f };

package/dist/form.css-DJxDoc1T.d.mts

@@ -0,0 +1,17 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const formFieldRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type FormFieldVariants = NonNullable<RecipeVariants<typeof formFieldRecipe>>;
+declare const formLabelRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type FormLabelVariants = NonNullable<RecipeVariants<typeof formLabelRecipe>>;
+declare const formMessageRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    error: {
+        true: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+type FormMessageVariants = NonNullable<RecipeVariants<typeof formMessageRecipe>>;
+
+export { type FormFieldVariants as F, type FormLabelVariants as a, type FormMessageVariants as b, formLabelRecipe as c, formMessageRecipe as d, formFieldRecipe as f };

package/dist/form.css-DJxDoc1T.d.ts

@@ -0,0 +1,17 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const formFieldRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type FormFieldVariants = NonNullable<RecipeVariants<typeof formFieldRecipe>>;
+declare const formLabelRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type FormLabelVariants = NonNullable<RecipeVariants<typeof formLabelRecipe>>;
+declare const formMessageRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    error: {
+        true: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+type FormMessageVariants = NonNullable<RecipeVariants<typeof formMessageRecipe>>;
+
+export { type FormFieldVariants as F, type FormLabelVariants as a, type FormMessageVariants as b, formLabelRecipe as c, formMessageRecipe as d, formFieldRecipe as f };

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

@@ -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 };