@nayhoo/ui 0.7.0 → 0.8.0

package/dist/components/dropdown-menu.mjs

@@ -0,0 +1,155 @@
+import {
+  menuItemRecipe,
+  menuLabelRecipe,
+  menuRecipe,
+  menuSeparatorRecipe
+} from "../chunk-3RLW7QB4.mjs";
+import {
+  panelRecipe
+} from "../chunk-KQPNQST6.mjs";
+import {
+  Flex
+} from "../chunk-52RVZRC4.mjs";
+import "../chunk-RD6HAWH5.mjs";
+import {
+  theme
+} from "../chunk-OETJQIMJ.mjs";
+import {
+  Box
+} from "../chunk-XALDYHCC.mjs";
+import "../chunk-ZJDUO7Y6.mjs";
+import "../chunk-JWHPBA5J.mjs";
+import {
+  pick
+} from "../chunk-4N6P3Y54.mjs";
+import {
+  mergeClasses
+} from "../chunk-7EGQM3ZL.mjs";
+import "../chunk-LZOMFHX3.mjs";
+
+// src/components/dropdown-menu.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { CheckIcon } from "@radix-ui/react-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuContent = ({ ...props }) => {
+  const menu = menuRecipe(pick(props, ...menuRecipe.variants()));
+  const panel = panelRecipe(pick(props, ...panelRecipe.variants()));
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      ...props,
+      className: mergeClasses(menu, panel, props.className)
+    }
+  ) });
+};
+var DropdownMenuItem = ({ ...props }) => {
+  const variants = pick(props, ...menuItemRecipe.variants());
+  const menuItem = menuItemRecipe(variants);
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Item,
+    {
+      ...props,
+      className: mergeClasses(menuItem, props.className),
+      children: props.children
+    }
+  );
+};
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuLabel = ({ ...props }) => {
+  const variants = pick(props, ...menuLabelRecipe.variants());
+  const menuLabel = menuLabelRecipe(variants);
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Label,
+    {
+      ...props,
+      className: mergeClasses(menuLabel, props.className),
+      children: props.children
+    }
+  );
+};
+var DropdownMenuSeparator = ({
+  ...props
+}) => {
+  const variants = pick(props, ...menuSeparatorRecipe.variants());
+  const menuSeparator = menuSeparatorRecipe(variants);
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Separator,
+    {
+      ...props,
+      className: mergeClasses(menuSeparator, props.className),
+      children: props.children
+    }
+  );
+};
+var DropdownMenuCheckboxItem = ({
+  ...props
+}) => {
+  const variants = pick(props, ...menuItemRecipe.variants());
+  const menuItem = menuItemRecipe(variants);
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      ...props,
+      className: mergeClasses(menuItem, props.className),
+      children: [
+        /* @__PURE__ */ jsx(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }) }),
+        props.children
+      ]
+    }
+  );
+};
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuRadioItem = ({
+  children,
+  ...props
+}) => {
+  const variants = pick(props, ...menuItemRecipe.variants());
+  const menuItem = menuItemRecipe(variants);
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      ...props,
+      className: mergeClasses(menuItem, props.className),
+      children: [
+        /* @__PURE__ */ jsx(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(
+          Flex,
+          {
+            style: {
+              width: theme.sizes[3],
+              height: theme.sizes[3],
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: /* @__PURE__ */ jsx(
+              Box,
+              {
+                style: {
+                  width: theme.sizes[1],
+                  height: theme.sizes[1],
+                  backgroundColor: "currentColor",
+                  borderRadius: theme.radii.round
+                }
+              }
+            )
+          }
+        ) }) }) }),
+        children
+      ]
+    }
+  );
+};
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+};
+//# sourceMappingURL=dropdown-menu.mjs.map

package/dist/components/dropdown-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/dropdown-menu.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Flex } from \"@/components/flex\";\nimport {\n  MenuItemVariants,\n  MenuLabelVariants,\n  MenuSeparatorVariants,\n  MenuVariants,\n  menuItemRecipe,\n  menuLabelRecipe,\n  menuRecipe,\n  menuSeparatorRecipe,\n} from \"@/theme/recipes/menu.css\";\nimport { PanelVariants, panelRecipe } from \"@/theme/recipes/panel.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\n\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\ntype DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps &\n  MenuVariants &\n  PanelVariants;\n\nexport const DropdownMenuContent = ({ ...props }: DropdownMenuContentProps) => {\n  const menu = menuRecipe(pick(props, ...menuRecipe.variants()));\n  const panel = panelRecipe(pick(props, ...panelRecipe.variants()));\n\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        {...props}\n        className={mergeClasses(menu, panel, props.className)}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n};\n\ntype DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps &\n  MenuItemVariants;\n\nexport const DropdownMenuItem = ({ ...props }: DropdownMenuItemProps) => {\n  const variants = pick(props, ...menuItemRecipe.variants());\n  const menuItem = menuItemRecipe(variants);\n\n  return (\n    <DropdownMenuPrimitive.Item\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Item>\n  );\n};\n\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\ntype DropdownMenuLabelProps = DropdownMenuPrimitive.DropdownMenuLabelProps &\n  MenuLabelVariants;\n\nexport const DropdownMenuLabel = ({ ...props }: DropdownMenuLabelProps) => {\n  const variants = pick(props, ...menuLabelRecipe.variants());\n  const menuLabel = menuLabelRecipe(variants);\n\n  return (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      className={mergeClasses(menuLabel, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Label>\n  );\n};\n\ntype DropdownMenuSeparatorProps =\n  DropdownMenuPrimitive.DropdownMenuSeparatorProps & MenuSeparatorVariants;\n\nexport const DropdownMenuSeparator = ({\n  ...props\n}: DropdownMenuSeparatorProps) => {\n  const variants = pick(props, ...menuSeparatorRecipe.variants());\n  const menuSeparator = menuSeparatorRecipe(variants);\n\n  return (\n    <DropdownMenuPrimitive.Separator\n      {...props}\n      className={mergeClasses(menuSeparator, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Separator>\n  );\n};\n\ntype DropdownMenuCheckboxItemProps =\n  DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & MenuItemVariants;\n\nexport const DropdownMenuCheckboxItem = ({\n  ...props\n}: DropdownMenuCheckboxItemProps) => {\n  const variants = pick(props, ...menuItemRecipe.variants());\n  const menuItem = menuItemRecipe(variants);\n\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      <Box asChild style={{ position: \"absolute\", left: theme.space[1] }}>\n        <span>\n          <DropdownMenuPrimitive.ItemIndicator>\n            <CheckIcon />\n          </DropdownMenuPrimitive.ItemIndicator>\n        </span>\n      </Box>\n      {props.children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n};\n\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\ntype DropdownMenuRadioItemProps =\n  DropdownMenuPrimitive.DropdownMenuRadioItemProps & MenuItemVariants;\n\nexport const DropdownMenuRadioItem = ({\n  children,\n  ...props\n}: DropdownMenuRadioItemProps) => {\n  const variants = pick(props, ...menuItemRecipe.variants());\n  const menuItem = menuItemRecipe(variants);\n\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      <Box asChild style={{ position: \"absolute\", left: theme.space[1] }}>\n        <span>\n          <DropdownMenuPrimitive.ItemIndicator>\n            <Flex\n              style={{\n                width: theme.sizes[3],\n                height: theme.sizes[3],\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              }}\n            >\n              <Box\n                style={{\n                  width: theme.sizes[1],\n                  height: theme.sizes[1],\n                  backgroundColor: \"currentColor\",\n                  borderRadius: theme.radii.round,\n                }}\n              />\n            </Flex>\n          </DropdownMenuPrimitive.ItemIndicator>\n        </span>\n      </Box>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,YAAY,2BAA2B;AACvC,SAAS,iBAAiB;AAgBpB,cAyEF,YAzEE;AAdC,IAAM,eAAqC;AAE3C,IAAM,sBAA4C;AAMlD,IAAM,sBAAsB,CAAC,EAAE,GAAG,MAAM,MAAgC;AAC7E,QAAM,OAAO,WAAW,KAAK,OAAO,GAAG,WAAW,SAAS,CAAC,CAAC;AAC7D,QAAM,QAAQ,YAAY,KAAK,OAAO,GAAG,YAAY,SAAS,CAAC,CAAC;AAEhE,SACE,oBAAuB,8BAAtB,EACC;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA;AAAA,EACtD,GACF;AAEJ;AAKO,IAAM,mBAAmB,CAAC,EAAE,GAAG,MAAM,MAA6B;AACvE,QAAM,WAAW,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC;AACzD,QAAM,WAAW,eAAe,QAAQ;AAExC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEhD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,oBAA0C;AAKhD,IAAM,oBAAoB,CAAC,EAAE,GAAG,MAAM,MAA8B;AACzE,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAE1C,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKO,IAAM,wBAAwB,CAAC;AAAA,EACpC,GAAG;AACL,MAAkC;AAChC,QAAM,WAAW,KAAK,OAAO,GAAG,oBAAoB,SAAS,CAAC;AAC9D,QAAM,gBAAgB,oBAAoB,QAAQ;AAElD,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,eAAe,MAAM,SAAS;AAAA,MAErD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKO,IAAM,2BAA2B,CAAC;AAAA,EACvC,GAAG;AACL,MAAqC;AACnC,QAAM,WAAW,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC;AACzD,QAAM,WAAW,eAAe,QAAQ;AAExC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD;AAAA,4BAAC,OAAI,SAAO,MAAC,OAAO,EAAE,UAAU,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,GAC/D,8BAAC,UACC,8BAAuB,qCAAtB,EACC,8BAAC,aAAU,GACb,GACF,GACF;AAAA,QACC,MAAM;AAAA;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,yBAA+C;AAKrD,IAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA,GAAG;AACL,MAAkC;AAChC,QAAM,WAAW,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC;AACzD,QAAM,WAAW,eAAe,QAAQ;AAExC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD;AAAA,4BAAC,OAAI,SAAO,MAAC,OAAO,EAAE,UAAU,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,GAC/D,8BAAC,UACC,8BAAuB,qCAAtB,EACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO,MAAM,MAAM,CAAC;AAAA,cACpB,QAAQ,MAAM,MAAM,CAAC;AAAA,cACrB,YAAY;AAAA,cACZ,gBAAgB;AAAA,YAClB;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,OAAO,MAAM,MAAM,CAAC;AAAA,kBACpB,QAAQ,MAAM,MAAM,CAAC;AAAA,kBACrB,iBAAiB;AAAA,kBACjB,cAAc,MAAM,MAAM;AAAA,gBAC5B;AAAA;AAAA,YACF;AAAA;AAAA,QACF,GACF,GACF,GACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/flex.css

@@ -0,0 +1,81 @@
+/* vanilla-extract-css-ns:src/theme/recipes/flex.css.ts.vanilla.css?source=#H4sIAAAAAAAACo3UwY6CMBAG4LtP0ePuoUZAAfEtvOyRFBixii0pVXQ3++4bQAaDLewFDv3ny5SEf3ko4B43jz2kvIQ4dkIvebjnFflZEJLIO634Nxd5RBKpMlA0kffdgpCMV2XBHhFpZneL38VyLLGC5yKuNFMaVadV2xPKNVyqbp62qQklBaFBIeO+M11iggCR4bxnWQNENnkVBTo9orJ+V56RCSRhFRRcDB968670GSOTcQWp5lLEStao+K3SXgIDEVGynjFSWVwvApnAyHSh+W32cANVDVcLbUtR1SX/tdxY3U7sOAnnrIwdZFjL5KyMyI2pD0qrkqVAm8BWJBBmq0+r4qKSmBUXFceueKikZsVDxbUra1Qys7JGxbMrG1TArGxQWdsVH5WDWfFR2diVAJXcrASo+HYlROVoVkJUAruyRYWblS0qoVk5XSvND49REZ5a7XlGUyk0CD1bhr01qsOzGZuoxB56LcViYiVbMfZOAroGGHrkYra6T/YMG8FasTIW8qt59ZgYfvjmOCJCNm/7fP06LcfT87PjxilNxEvV/AHz0Fl4RQcAAA== */
+.flex_flexRecipe__183by2k0 {
+  box-sizing: border-box;
+  display: flex;
+}
+.flex_flexRecipe_align_start__183by2k1 {
+  align-items: flex-start;
+}
+.flex_flexRecipe_align_center__183by2k2 {
+  align-items: center;
+}
+.flex_flexRecipe_align_end__183by2k3 {
+  align-items: flex-end;
+}
+.flex_flexRecipe_align_stretch__183by2k4 {
+  align-items: stretch;
+}
+.flex_flexRecipe_align_baseline__183by2k5 {
+  align-items: baseline;
+}
+.flex_flexRecipe_direction_row__183by2k6 {
+  flex-direction: row;
+}
+.flex_flexRecipe_direction_column__183by2k7 {
+  flex-direction: column;
+}
+.flex_flexRecipe_direction_rowReverse__183by2k8 {
+  flex-direction: row-reverse;
+}
+.flex_flexRecipe_direction_columnReverse__183by2k9 {
+  flex-direction: column-reverse;
+}
+.flex_flexRecipe_gap_1__183by2ka {
+  gap: var(--space-1__19nbe8d0);
+}
+.flex_flexRecipe_gap_2__183by2kb {
+  gap: var(--space-2__19nbe8d1);
+}
+.flex_flexRecipe_gap_3__183by2kc {
+  gap: var(--space-3__19nbe8d2);
+}
+.flex_flexRecipe_gap_4__183by2kd {
+  gap: var(--space-4__19nbe8d3);
+}
+.flex_flexRecipe_gap_5__183by2ke {
+  gap: var(--space-5__19nbe8d4);
+}
+.flex_flexRecipe_gap_6__183by2kf {
+  gap: var(--space-6__19nbe8d5);
+}
+.flex_flexRecipe_gap_7__183by2kg {
+  gap: var(--space-7__19nbe8d6);
+}
+.flex_flexRecipe_gap_8__183by2kh {
+  gap: var(--space-8__19nbe8d7);
+}
+.flex_flexRecipe_gap_9__183by2ki {
+  gap: var(--space-9__19nbe8d8);
+}
+.flex_flexRecipe_justify_start__183by2kj {
+  justify-content: flex-start;
+}
+.flex_flexRecipe_justify_center__183by2kk {
+  justify-content: center;
+}
+.flex_flexRecipe_justify_end__183by2kl {
+  justify-content: flex-end;
+}
+.flex_flexRecipe_justify_between__183by2km {
+  justify-content: space-between;
+}
+.flex_flexRecipe_wrap_noWrap__183by2kn {
+  flex-wrap: nowrap;
+}
+.flex_flexRecipe_wrap_wrap__183by2ko {
+  flex-wrap: wrap;
+}
+.flex_flexRecipe_wrap_wrapReverse__183by2kp {
+  flex-wrap: wrap-reverse;
+}
+/*# sourceMappingURL=flex.css.map */

package/dist/components/flex.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/flex.css.ts.vanilla.css?source=#H4sIAAAAAAAACo3UwY6CMBAG4LtP0ePuoUZAAfEtvOyRFBixii0pVXQ3++4bQAaDLewFDv3ny5SEf3ko4B43jz2kvIQ4dkIvebjnFflZEJLIO634Nxd5RBKpMlA0kffdgpCMV2XBHhFpZneL38VyLLGC5yKuNFMaVadV2xPKNVyqbp62qQklBaFBIeO+M11iggCR4bxnWQNENnkVBTo9orJ+V56RCSRhFRRcDB968670GSOTcQWp5lLEStao+K3SXgIDEVGynjFSWVwvApnAyHSh+W32cANVDVcLbUtR1SX/tdxY3U7sOAnnrIwdZFjL5KyMyI2pD0qrkqVAm8BWJBBmq0+r4qKSmBUXFceueKikZsVDxbUra1Qys7JGxbMrG1TArGxQWdsVH5WDWfFR2diVAJXcrASo+HYlROVoVkJUAruyRYWblS0qoVk5XSvND49REZ5a7XlGUyk0CD1bhr01qsOzGZuoxB56LcViYiVbMfZOAroGGHrkYra6T/YMG8FasTIW8qt59ZgYfvjmOCJCNm/7fP06LcfT87PjxilNxEvV/AHz0Fl4RQcAAA=="],"sourcesContent":[".flex_flexRecipe__183by2k0 {\n  box-sizing: border-box;\n  display: flex;\n}\n.flex_flexRecipe_align_start__183by2k1 {\n  align-items: flex-start;\n}\n.flex_flexRecipe_align_center__183by2k2 {\n  align-items: center;\n}\n.flex_flexRecipe_align_end__183by2k3 {\n  align-items: flex-end;\n}\n.flex_flexRecipe_align_stretch__183by2k4 {\n  align-items: stretch;\n}\n.flex_flexRecipe_align_baseline__183by2k5 {\n  align-items: baseline;\n}\n.flex_flexRecipe_direction_row__183by2k6 {\n  flex-direction: row;\n}\n.flex_flexRecipe_direction_column__183by2k7 {\n  flex-direction: column;\n}\n.flex_flexRecipe_direction_rowReverse__183by2k8 {\n  flex-direction: row-reverse;\n}\n.flex_flexRecipe_direction_columnReverse__183by2k9 {\n  flex-direction: column-reverse;\n}\n.flex_flexRecipe_gap_1__183by2ka {\n  gap: var(--space-1__19nbe8d0);\n}\n.flex_flexRecipe_gap_2__183by2kb {\n  gap: var(--space-2__19nbe8d1);\n}\n.flex_flexRecipe_gap_3__183by2kc {\n  gap: var(--space-3__19nbe8d2);\n}\n.flex_flexRecipe_gap_4__183by2kd {\n  gap: var(--space-4__19nbe8d3);\n}\n.flex_flexRecipe_gap_5__183by2ke {\n  gap: var(--space-5__19nbe8d4);\n}\n.flex_flexRecipe_gap_6__183by2kf {\n  gap: var(--space-6__19nbe8d5);\n}\n.flex_flexRecipe_gap_7__183by2kg {\n  gap: var(--space-7__19nbe8d6);\n}\n.flex_flexRecipe_gap_8__183by2kh {\n  gap: var(--space-8__19nbe8d7);\n}\n.flex_flexRecipe_gap_9__183by2ki {\n  gap: var(--space-9__19nbe8d8);\n}\n.flex_flexRecipe_justify_start__183by2kj {\n  justify-content: flex-start;\n}\n.flex_flexRecipe_justify_center__183by2kk {\n  justify-content: center;\n}\n.flex_flexRecipe_justify_end__183by2kl {\n  justify-content: flex-end;\n}\n.flex_flexRecipe_justify_between__183by2km {\n  justify-content: space-between;\n}\n.flex_flexRecipe_wrap_noWrap__183by2kn {\n  flex-wrap: nowrap;\n}\n.flex_flexRecipe_wrap_wrap__183by2ko {\n  flex-wrap: wrap;\n}\n.flex_flexRecipe_wrap_wrapReverse__183by2kp {\n  flex-wrap: wrap-reverse;\n}"],"mappings":";AAAA,CAAC;AACC,cAAY;AACZ,WAAS;AACX;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,aAAW;AACb;","names":[]}

package/dist/components/flex.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { F as FlexVariants } from '../flex.css-CMy65zXP.mjs';
+import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
+import '@vanilla-extract/recipes';
+
+declare const defaultElement = "div";
+type FlexProps = ComponentProps<typeof defaultElement, FlexVariants>;
+declare const Flex: ({ asChild, ...props }: FlexProps) => react_jsx_runtime.JSX.Element;
+
+export { Flex };

package/dist/components/flex.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { F as FlexVariants } from '../flex.css-CMy65zXP.js';
+import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
+import '@vanilla-extract/recipes';
+
+declare const defaultElement = "div";
+type FlexProps = ComponentProps<typeof defaultElement, FlexVariants>;
+declare const Flex: ({ asChild, ...props }: FlexProps) => react_jsx_runtime.JSX.Element;
+
+export { Flex };

package/dist/components/flex.js

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/flex.tsx
+var flex_exports = {};
+__export(flex_exports, {
+  Flex: () => Flex
+});
+module.exports = __toCommonJS(flex_exports);
+
+// src/theme/recipes/flex.css.ts
+var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var flexRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "flex_flexRecipe__183by2k0", variantClassNames: { align: { start: "flex_flexRecipe_align_start__183by2k1", center: "flex_flexRecipe_align_center__183by2k2", end: "flex_flexRecipe_align_end__183by2k3", stretch: "flex_flexRecipe_align_stretch__183by2k4", baseline: "flex_flexRecipe_align_baseline__183by2k5" }, direction: { row: "flex_flexRecipe_direction_row__183by2k6", column: "flex_flexRecipe_direction_column__183by2k7", rowReverse: "flex_flexRecipe_direction_rowReverse__183by2k8", columnReverse: "flex_flexRecipe_direction_columnReverse__183by2k9" }, gap: { "1": "flex_flexRecipe_gap_1__183by2ka", "2": "flex_flexRecipe_gap_2__183by2kb", "3": "flex_flexRecipe_gap_3__183by2kc", "4": "flex_flexRecipe_gap_4__183by2kd", "5": "flex_flexRecipe_gap_5__183by2ke", "6": "flex_flexRecipe_gap_6__183by2kf", "7": "flex_flexRecipe_gap_7__183by2kg", "8": "flex_flexRecipe_gap_8__183by2kh", "9": "flex_flexRecipe_gap_9__183by2ki" }, justify: { start: "flex_flexRecipe_justify_start__183by2kj", center: "flex_flexRecipe_justify_center__183by2kk", end: "flex_flexRecipe_justify_end__183by2kl", between: "flex_flexRecipe_justify_between__183by2km" }, wrap: { noWrap: "flex_flexRecipe_wrap_noWrap__183by2kn", wrap: "flex_flexRecipe_wrap_wrap__183by2ko", wrapReverse: "flex_flexRecipe_wrap_wrapReverse__183by2kp" } }, defaultVariants: { align: "stretch", direction: "row", justify: "start", wrap: "noWrap" }, compoundVariants: [] });
+
+// src/utils/merge-classes.ts
+function mergeClasses(...classes) {
+  return classes.filter((cls) => Boolean(cls)).join(" ");
+}
+
+// src/utils/pick.ts
+function pick(obj, ...keys) {
+  const ret = {};
+  keys.forEach((key) => {
+    ret[key] = obj[key];
+  });
+  return ret;
+}
+
+// src/components/flex.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultElement = "div";
+var Flex = ({ asChild, ...props }) => {
+  const variants = pick(props, ...flexRecipe.variants());
+  const flex = flexRecipe(variants);
+  const Comp = asChild ? import_react_slot.Slot : defaultElement;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(flex, props.className), children: props.children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Flex
+});
+//# sourceMappingURL=flex.js.map

package/dist/components/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/flex.tsx","../../src/theme/recipes/flex.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { FlexVariants, flexRecipe } from \"@/theme/recipes/flex.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype FlexProps = ComponentProps<typeof defaultElement, FlexVariants>;\n\nexport const Flex = ({ asChild, ...props }: FlexProps) => {\n  const variants = pick(props, ...flexRecipe.variants());\n  const flex = flexRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(flex, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/flex.css.ts.vanilla.css?source=#H4sIAAAAAAAACo3UwY6CMBAG4LtP0ePuoUZAAfEtvOyRFBixii0pVXQ3++4bQAaDLewFDv3ny5SEf3ko4B43jz2kvIQ4dkIvebjnFflZEJLIO634Nxd5RBKpMlA0kffdgpCMV2XBHhFpZneL38VyLLGC5yKuNFMaVadV2xPKNVyqbp62qQklBaFBIeO+M11iggCR4bxnWQNENnkVBTo9orJ+V56RCSRhFRRcDB968670GSOTcQWp5lLEStao+K3SXgIDEVGynjFSWVwvApnAyHSh+W32cANVDVcLbUtR1SX/tdxY3U7sOAnnrIwdZFjL5KyMyI2pD0qrkqVAm8BWJBBmq0+r4qKSmBUXFceueKikZsVDxbUra1Qys7JGxbMrG1TArGxQWdsVH5WDWfFR2diVAJXcrASo+HYlROVoVkJUAruyRYWblS0qoVk5XSvND49REZ5a7XlGUyk0CD1bhr01qsOzGZuoxB56LcViYiVbMfZOAroGGHrkYra6T/YMG8FasTIW8qt59ZgYfvjmOCJCNm/7fP06LcfT87PjxilNxEvV/AHz0Fl4RQcAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var flexRecipe = _7a468({defaultClassName:'flex_flexRecipe__183by2k0',variantClassNames:{align:{start:'flex_flexRecipe_align_start__183by2k1',center:'flex_flexRecipe_align_center__183by2k2',end:'flex_flexRecipe_align_end__183by2k3',stretch:'flex_flexRecipe_align_stretch__183by2k4',baseline:'flex_flexRecipe_align_baseline__183by2k5'},direction:{row:'flex_flexRecipe_direction_row__183by2k6',column:'flex_flexRecipe_direction_column__183by2k7',rowReverse:'flex_flexRecipe_direction_rowReverse__183by2k8',columnReverse:'flex_flexRecipe_direction_columnReverse__183by2k9'},gap:{'1':'flex_flexRecipe_gap_1__183by2ka','2':'flex_flexRecipe_gap_2__183by2kb','3':'flex_flexRecipe_gap_3__183by2kc','4':'flex_flexRecipe_gap_4__183by2kd','5':'flex_flexRecipe_gap_5__183by2ke','6':'flex_flexRecipe_gap_6__183by2kf','7':'flex_flexRecipe_gap_7__183by2kg','8':'flex_flexRecipe_gap_8__183by2kh','9':'flex_flexRecipe_gap_9__183by2ki'},justify:{start:'flex_flexRecipe_justify_start__183by2kj',center:'flex_flexRecipe_justify_center__183by2kk',end:'flex_flexRecipe_justify_end__183by2kl',between:'flex_flexRecipe_justify_between__183by2km'},wrap:{noWrap:'flex_flexRecipe_wrap_noWrap__183by2kn',wrap:'flex_flexRecipe_wrap_wrap__183by2ko',wrapReverse:'flex_flexRecipe_wrap_wrapReverse__183by2kp'}},defaultVariants:{align:'stretch',direction:'row',justify:'start',wrap:'noWrap'},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const ret: any = {};\n  keys.forEach((key) => {\n    ret[key] = obj[key];\n  });\n\n  return ret;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,6BAA4B,mBAAkB,EAAC,OAAM,EAAC,OAAM,yCAAwC,QAAO,0CAAyC,KAAI,uCAAsC,SAAQ,2CAA0C,UAAS,2CAA0C,GAAE,WAAU,EAAC,KAAI,2CAA0C,QAAO,8CAA6C,YAAW,kDAAiD,eAAc,oDAAmD,GAAE,KAAI,EAAC,KAAI,mCAAkC,KAAI,mCAAkC,KAAI,mCAAkC,KAAI,mCAAkC,KAAI,mCAAkC,KAAI,mCAAkC,KAAI,mCAAkC,KAAI,mCAAkC,KAAI,kCAAiC,GAAE,SAAQ,EAAC,OAAM,2CAA0C,QAAO,4CAA2C,KAAI,yCAAwC,SAAQ,4CAA2C,GAAE,MAAK,EAAC,QAAO,yCAAwC,MAAK,uCAAsC,aAAY,6CAA4C,EAAC,GAAE,iBAAgB,EAAC,OAAM,WAAU,WAAU,OAAM,SAAQ,SAAQ,MAAK,SAAQ,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFl2C,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;AHPA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,WAAW,KAAK,OAAO,GAAG,WAAW,SAAS,CAAC;AACrD,QAAM,OAAO,WAAW,QAAQ;AAChC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":["_7a468"]}

package/dist/components/flex.mjs

@@ -0,0 +1,11 @@
+import {
+  Flex
+} from "../chunk-52RVZRC4.mjs";
+import "../chunk-RD6HAWH5.mjs";
+import "../chunk-4N6P3Y54.mjs";
+import "../chunk-7EGQM3ZL.mjs";
+import "../chunk-LZOMFHX3.mjs";
+export {
+  Flex
+};
+//# sourceMappingURL=flex.mjs.map

package/dist/components/flex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/form.css

@@ -0,0 +1,19 @@
+/* vanilla-extract-css-ns:src/theme/recipes/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybUZpZWxkUmVjaXBlX194OHkxM3IwIHsKICBkaXNwbGF5OiBncmlkOwogIG1hcmdpbi1ib3R0b206IHZhcigtLXNwYWNlLTJfXzE5bmJlOGQxKTsKfQouZm9ybV9mb3JtTGFiZWxSZWNpcGVfX3g4eTEzcjEgewogIGNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy10ZXh0U3VidGxlX18xOW5iZThkMmZjKTsKICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplcy0zX18xOW5iZThkYik7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnRXZWlnaHRzLW1lZGl1bV9fMTluYmU4ZDJmbik7CiAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmVIZWlnaHRzLTZfXzE5bmJlOGQyZnUpOwp9Ci5mb3JtX2Zvcm1NZXNzYWdlUmVjaXBlX194OHkxM3IyIHsKICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplcy0yX18xOW5iZThkYSk7CiAgb3BhY2l0eTogMC44Owp9Ci5mb3JtX2Zvcm1NZXNzYWdlUmVjaXBlX2Vycm9yX3RydWVfX3g4eTEzcjMgewogIGNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1lcnJvci1lcnJvcjlfXzE5bmJlOGQyZTIpOwp9 */
+.form_formFieldRecipe__x8y13r0 {
+  display: grid;
+  margin-bottom: var(--space-2__19nbe8d1);
+}
+.form_formLabelRecipe__x8y13r1 {
+  color: var(--semanticColors-textSubtle__19nbe8d2fc);
+  font-size: var(--fontSizes-3__19nbe8db);
+  font-weight: var(--fontWeights-medium__19nbe8d2fn);
+  line-height: var(--lineHeights-6__19nbe8d2fu);
+}
+.form_formMessageRecipe__x8y13r2 {
+  font-size: var(--fontSizes-2__19nbe8da);
+  opacity: 0.8;
+}
+.form_formMessageRecipe_error_true__x8y13r3 {
+  color: var(--semanticColors-error-error9__19nbe8d2e2);
+}
+/*# sourceMappingURL=form.css.map */

package/dist/components/form.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybUZpZWxkUmVjaXBlX194OHkxM3IwIHsKICBkaXNwbGF5OiBncmlkOwogIG1hcmdpbi1ib3R0b206IHZhcigtLXNwYWNlLTJfXzE5bmJlOGQxKTsKfQouZm9ybV9mb3JtTGFiZWxSZWNpcGVfX3g4eTEzcjEgewogIGNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy10ZXh0U3VidGxlX18xOW5iZThkMmZjKTsKICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplcy0zX18xOW5iZThkYik7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnRXZWlnaHRzLW1lZGl1bV9fMTluYmU4ZDJmbik7CiAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmVIZWlnaHRzLTZfXzE5bmJlOGQyZnUpOwp9Ci5mb3JtX2Zvcm1NZXNzYWdlUmVjaXBlX194OHkxM3IyIHsKICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplcy0yX18xOW5iZThkYSk7CiAgb3BhY2l0eTogMC44Owp9Ci5mb3JtX2Zvcm1NZXNzYWdlUmVjaXBlX2Vycm9yX3RydWVfX3g4eTEzcjMgewogIGNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1lcnJvci1lcnJvcjlfXzE5bmJlOGQyZTIpOwp9"],"sourcesContent":[".form_formFieldRecipe__x8y13r0 {\n  display: grid;\n  margin-bottom: var(--space-2__19nbe8d1);\n}\n.form_formLabelRecipe__x8y13r1 {\n  color: var(--semanticColors-textSubtle__19nbe8d2fc);\n  font-size: var(--fontSizes-3__19nbe8db);\n  font-weight: var(--fontWeights-medium__19nbe8d2fn);\n  line-height: var(--lineHeights-6__19nbe8d2fu);\n}\n.form_formMessageRecipe__x8y13r2 {\n  font-size: var(--fontSizes-2__19nbe8da);\n  opacity: 0.8;\n}\n.form_formMessageRecipe_error_true__x8y13r3 {\n  color: var(--semanticColors-error-error9__19nbe8d2e2);\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO,IAAI;AACX,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AACA,CAAC;AACC,aAAW,IAAI;AACf,WAAS;AACX;AACA,CAAC;AACC,SAAO,IAAI;AACb;","names":[]}

package/dist/components/form.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { F as FormFieldVariants, a as FormLabelVariants, b as FormMessageVariants } from '../form.css-DJxDoc1T.mjs';
+import * as FormPrimitive from '@radix-ui/react-form';
+import '@vanilla-extract/recipes';
+
+declare const Form: react.ForwardRefExoticComponent<FormPrimitive.FormProps & react.RefAttributes<HTMLFormElement>>;
+declare const FormControl: react.ForwardRefExoticComponent<FormPrimitive.FormControlProps & react.RefAttributes<HTMLInputElement>>;
+type FormFieldProps = FormPrimitive.FormFieldProps & FormFieldVariants;
+declare const FormField: ({ ...props }: FormFieldProps) => react_jsx_runtime.JSX.Element;
+type FormLabelProps = FormPrimitive.FormLabelProps & FormLabelVariants;
+declare const FormLabel: ({ ...props }: FormLabelProps) => react_jsx_runtime.JSX.Element;
+type FormMessageProps = FormPrimitive.FormMessageProps & FormMessageVariants;
+declare const FormMessage: ({ ...props }: FormMessageProps) => react_jsx_runtime.JSX.Element;
+declare const FormSubmit: react.ForwardRefExoticComponent<FormPrimitive.FormSubmitProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Form, FormControl, FormField, FormLabel, FormMessage, FormSubmit };

package/dist/components/form.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { F as FormFieldVariants, a as FormLabelVariants, b as FormMessageVariants } from '../form.css-DJxDoc1T.js';
+import * as FormPrimitive from '@radix-ui/react-form';
+import '@vanilla-extract/recipes';
+
+declare const Form: react.ForwardRefExoticComponent<FormPrimitive.FormProps & react.RefAttributes<HTMLFormElement>>;
+declare const FormControl: react.ForwardRefExoticComponent<FormPrimitive.FormControlProps & react.RefAttributes<HTMLInputElement>>;
+type FormFieldProps = FormPrimitive.FormFieldProps & FormFieldVariants;
+declare const FormField: ({ ...props }: FormFieldProps) => react_jsx_runtime.JSX.Element;
+type FormLabelProps = FormPrimitive.FormLabelProps & FormLabelVariants;
+declare const FormLabel: ({ ...props }: FormLabelProps) => react_jsx_runtime.JSX.Element;
+type FormMessageProps = FormPrimitive.FormMessageProps & FormMessageVariants;
+declare const FormMessage: ({ ...props }: FormMessageProps) => react_jsx_runtime.JSX.Element;
+declare const FormSubmit: react.ForwardRefExoticComponent<FormPrimitive.FormSubmitProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Form, FormControl, FormField, FormLabel, FormMessage, FormSubmit };

package/dist/components/form.js

@@ -0,0 +1,113 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/form.tsx
+var form_exports = {};
+__export(form_exports, {
+  Form: () => Form,
+  FormControl: () => FormControl,
+  FormField: () => FormField,
+  FormLabel: () => FormLabel,
+  FormMessage: () => FormMessage,
+  FormSubmit: () => FormSubmit
+});
+module.exports = __toCommonJS(form_exports);
+
+// src/theme/recipes/form.css.ts
+var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var formFieldRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "form_formFieldRecipe__x8y13r0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var formLabelRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "form_formLabelRecipe__x8y13r1", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var formMessageRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "form_formMessageRecipe__x8y13r2", variantClassNames: { error: { true: "form_formMessageRecipe_error_true__x8y13r3" } }, defaultVariants: {}, compoundVariants: [] });
+
+// src/utils/merge-classes.ts
+function mergeClasses(...classes) {
+  return classes.filter((cls) => Boolean(cls)).join(" ");
+}
+
+// src/utils/pick.ts
+function pick(obj, ...keys) {
+  const ret = {};
+  keys.forEach((key) => {
+    ret[key] = obj[key];
+  });
+  return ret;
+}
+
+// src/components/form.tsx
+var FormPrimitive = __toESM(require("@radix-ui/react-form"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Form = FormPrimitive.Root;
+var FormControl = FormPrimitive.Control;
+var FormField = ({ ...props }) => {
+  const variants = pick(props, ...formFieldRecipe.variants());
+  const formField = formFieldRecipe(variants);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    FormPrimitive.Field,
+    {
+      ...props,
+      className: mergeClasses(formField, props.className),
+      children: props.children
+    }
+  );
+};
+var FormLabel = ({ ...props }) => {
+  const variants = pick(props, ...formLabelRecipe.variants());
+  const formLabel = formLabelRecipe(variants);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    FormPrimitive.Label,
+    {
+      ...props,
+      className: mergeClasses(formLabel, props.className),
+      children: props.children
+    }
+  );
+};
+var FormMessage = ({ ...props }) => {
+  const variants = pick(props, ...formMessageRecipe.variants());
+  const formMessage = formMessageRecipe(variants);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    FormPrimitive.Message,
+    {
+      ...props,
+      className: mergeClasses(formMessage, props.className),
+      children: props.children
+    }
+  );
+};
+var FormSubmit = FormPrimitive.Submit;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Form,
+  FormControl,
+  FormField,
+  FormLabel,
+  FormMessage,
+  FormSubmit
+});
+//# sourceMappingURL=form.js.map

package/dist/components/form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/form.tsx","../../src/theme/recipes/form.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n  FormFieldVariants,\n  FormLabelVariants,\n  FormMessageVariants,\n  formFieldRecipe,\n  formLabelRecipe,\n  formMessageRecipe,\n} from \"@/theme/recipes/form.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as FormPrimitive from \"@radix-ui/react-form\";\n\nexport const Form = FormPrimitive.Root;\n\nexport const FormControl = FormPrimitive.Control;\n\ntype FormFieldProps = FormPrimitive.FormFieldProps & FormFieldVariants;\n\nexport const FormField = ({ ...props }: FormFieldProps) => {\n  const variants = pick(props, ...formFieldRecipe.variants());\n  const formField = formFieldRecipe(variants);\n\n  return (\n    <FormPrimitive.Field\n      {...props}\n      className={mergeClasses(formField, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Field>\n  );\n};\n\ntype FormLabelProps = FormPrimitive.FormLabelProps & FormLabelVariants;\n\nexport const FormLabel = ({ ...props }: FormLabelProps) => {\n  const variants = pick(props, ...formLabelRecipe.variants());\n  const formLabel = formLabelRecipe(variants);\n\n  return (\n    <FormPrimitive.Label\n      {...props}\n      className={mergeClasses(formLabel, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Label>\n  );\n};\n\ntype FormMessageProps = FormPrimitive.FormMessageProps & FormMessageVariants;\n\nexport const FormMessage = ({ ...props }: FormMessageProps) => {\n  const variants = pick(props, ...formMessageRecipe.variants());\n  const formMessage = formMessageRecipe(variants);\n\n  return (\n    <FormPrimitive.Message\n      {...props}\n      className={mergeClasses(formMessage, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Message>\n  );\n};\n\nexport const FormSubmit = FormPrimitive.Submit;\n","import 'src/theme/recipes/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybUZpZWxkUmVjaXBlX194OHkxM3IwIHsKICBkaXNwbGF5OiBncmlkOwogIG1hcmdpbi1ib3R0b206IHZhcigtLXNwYWNlLTJfXzE5bmJlOGQxKTsKfQouZm9ybV9mb3JtTGFiZWxSZWNpcGVfX3g4eTEzcjEgewogIGNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy10ZXh0U3VidGxlX18xOW5iZThkMmZjKTsKICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplcy0zX18xOW5iZThkYik7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnRXZWlnaHRzLW1lZGl1bV9fMTluYmU4ZDJmbik7CiAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmVIZWlnaHRzLTZfXzE5bmJlOGQyZnUpOwp9Ci5mb3JtX2Zvcm1NZXNzYWdlUmVjaXBlX194OHkxM3IyIHsKICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplcy0yX18xOW5iZThkYSk7CiAgb3BhY2l0eTogMC44Owp9Ci5mb3JtX2Zvcm1NZXNzYWdlUmVjaXBlX2Vycm9yX3RydWVfX3g4eTEzcjMgewogIGNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1lcnJvci1lcnJvcjlfXzE5bmJlOGQyZTIpOwp9';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var formFieldRecipe = _7a468({defaultClassName:'form_formFieldRecipe__x8y13r0',variantClassNames:{},defaultVariants:{},compoundVariants:[]});\nexport var formLabelRecipe = _7a468({defaultClassName:'form_formLabelRecipe__x8y13r1',variantClassNames:{},defaultVariants:{},compoundVariants:[]});\nexport var formMessageRecipe = _7a468({defaultClassName:'form_formMessageRecipe__x8y13r2',variantClassNames:{error:{true:'form_formMessageRecipe_error_true__x8y13r3'}},defaultVariants:{},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const ret: any = {};\n  keys.forEach((key) => {\n    ret[key] = obj[key];\n  });\n\n  return ret;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,sBAAkB,uBAAAA,iBAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,CAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3I,IAAI,sBAAkB,uBAAAA,iBAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,CAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3I,IAAI,wBAAoB,uBAAAA,iBAAO,EAAC,kBAAiB,mCAAkC,mBAAkB,EAAC,OAAM,EAAC,MAAK,6CAA4C,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACJxM,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;AHDA,oBAA+B;AAa3B;AAXG,IAAM,OAAqB;AAE3B,IAAM,cAA4B;AAIlC,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAE1C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAE1C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,aAA2B;","names":["_7a468"]}

package/dist/components/form.mjs

@@ -0,0 +1,64 @@
+import {
+  formFieldRecipe,
+  formLabelRecipe,
+  formMessageRecipe
+} from "../chunk-PHULHA6N.mjs";
+import {
+  pick
+} from "../chunk-4N6P3Y54.mjs";
+import {
+  mergeClasses
+} from "../chunk-7EGQM3ZL.mjs";
+import "../chunk-LZOMFHX3.mjs";
+
+// src/components/form.tsx
+import * as FormPrimitive from "@radix-ui/react-form";
+import { jsx } from "react/jsx-runtime";
+var Form = FormPrimitive.Root;
+var FormControl = FormPrimitive.Control;
+var FormField = ({ ...props }) => {
+  const variants = pick(props, ...formFieldRecipe.variants());
+  const formField = formFieldRecipe(variants);
+  return /* @__PURE__ */ jsx(
+    FormPrimitive.Field,
+    {
+      ...props,
+      className: mergeClasses(formField, props.className),
+      children: props.children
+    }
+  );
+};
+var FormLabel = ({ ...props }) => {
+  const variants = pick(props, ...formLabelRecipe.variants());
+  const formLabel = formLabelRecipe(variants);
+  return /* @__PURE__ */ jsx(
+    FormPrimitive.Label,
+    {
+      ...props,
+      className: mergeClasses(formLabel, props.className),
+      children: props.children
+    }
+  );
+};
+var FormMessage = ({ ...props }) => {
+  const variants = pick(props, ...formMessageRecipe.variants());
+  const formMessage = formMessageRecipe(variants);
+  return /* @__PURE__ */ jsx(
+    FormPrimitive.Message,
+    {
+      ...props,
+      className: mergeClasses(formMessage, props.className),
+      children: props.children
+    }
+  );
+};
+var FormSubmit = FormPrimitive.Submit;
+export {
+  Form,
+  FormControl,
+  FormField,
+  FormLabel,
+  FormMessage,
+  FormSubmit
+};
+//# sourceMappingURL=form.mjs.map

package/dist/components/form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/form.tsx"],"sourcesContent":["import {\n  FormFieldVariants,\n  FormLabelVariants,\n  FormMessageVariants,\n  formFieldRecipe,\n  formLabelRecipe,\n  formMessageRecipe,\n} from \"@/theme/recipes/form.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as FormPrimitive from \"@radix-ui/react-form\";\n\nexport const Form = FormPrimitive.Root;\n\nexport const FormControl = FormPrimitive.Control;\n\ntype FormFieldProps = FormPrimitive.FormFieldProps & FormFieldVariants;\n\nexport const FormField = ({ ...props }: FormFieldProps) => {\n  const variants = pick(props, ...formFieldRecipe.variants());\n  const formField = formFieldRecipe(variants);\n\n  return (\n    <FormPrimitive.Field\n      {...props}\n      className={mergeClasses(formField, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Field>\n  );\n};\n\ntype FormLabelProps = FormPrimitive.FormLabelProps & FormLabelVariants;\n\nexport const FormLabel = ({ ...props }: FormLabelProps) => {\n  const variants = pick(props, ...formLabelRecipe.variants());\n  const formLabel = formLabelRecipe(variants);\n\n  return (\n    <FormPrimitive.Label\n      {...props}\n      className={mergeClasses(formLabel, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Label>\n  );\n};\n\ntype FormMessageProps = FormPrimitive.FormMessageProps & FormMessageVariants;\n\nexport const FormMessage = ({ ...props }: FormMessageProps) => {\n  const variants = pick(props, ...formMessageRecipe.variants());\n  const formMessage = formMessageRecipe(variants);\n\n  return (\n    <FormPrimitive.Message\n      {...props}\n      className={mergeClasses(formMessage, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Message>\n  );\n};\n\nexport const FormSubmit = FormPrimitive.Submit;\n"],"mappings":";;;;;;;;;;;;;;AAUA,YAAY,mBAAmB;AAa3B;AAXG,IAAM,OAAqB;AAE3B,IAAM,cAA4B;AAIlC,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAE1C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAE1C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,aAA2B;","names":[]}