@becket-ui/tokens 0.1.0

package/dist/preset.js

@@ -0,0 +1,1846 @@
+// preset/index.ts
+import { definePreset } from "@pandacss/dev";
+
+// recipes/button.recipe.ts
+import { defineRecipe } from "@pandacss/dev";
+
+// recipes/gradientStyles.ts
+var filledGradient = (image) => ({
+  borderWidth: "0px",
+  borderStyle: "solid",
+  borderColor: "transparent",
+  backgroundColor: "transparent",
+  backgroundImage: image,
+  backgroundOrigin: "border-box",
+  backgroundClip: "border-box",
+  backgroundRepeat: "no-repeat",
+  backgroundSize: "100% 100%"
+});
+var outlineGradient = (image) => ({
+  borderWidth: "2px",
+  borderStyle: "solid",
+  borderColor: "transparent",
+  backgroundImage: `linear-gradient({colors.background}, {colors.background}), ${image}`,
+  backgroundOrigin: "border-box",
+  backgroundClip: "padding-box, border-box"
+});
+
+// recipes/density.ts
+var buttonSizeStyles = {
+  sm: {
+    fontSize: "sm",
+    paddingInline: "var(--beckui-button-px-sm)",
+    paddingBlock: "var(--beckui-button-py-sm)"
+  },
+  md: {
+    fontSize: "md",
+    paddingInline: "var(--beckui-button-px-md)",
+    paddingBlock: "var(--beckui-button-py-md)"
+  }
+};
+var fieldSizeStyles = {
+  sm: {
+    fontSize: "sm",
+    paddingInline: "var(--beckui-field-px-sm)",
+    paddingBlock: "var(--beckui-field-py-sm)"
+  },
+  md: {
+    fontSize: "md",
+    paddingInline: "var(--beckui-field-px-md)",
+    paddingBlock: "var(--beckui-field-py-md)"
+  },
+  lg: {
+    fontSize: "lg",
+    paddingInline: "var(--beckui-field-px-lg)",
+    paddingBlock: "var(--beckui-field-py-lg)"
+  }
+};
+var tagSizeStyles = {
+  sm: {
+    fontSize: "xs",
+    paddingInline: "var(--beckui-tag-px-sm)",
+    paddingBlock: "var(--beckui-tag-py-sm)"
+  },
+  md: {
+    fontSize: "sm",
+    paddingInline: "var(--beckui-tag-px-md)",
+    paddingBlock: "var(--beckui-tag-py-md)"
+  },
+  lg: {
+    fontSize: "md",
+    paddingInline: "var(--beckui-tag-px-lg)",
+    paddingBlock: "var(--beckui-tag-py-lg)"
+  }
+};
+
+// recipes/button.recipe.ts
+var button = defineRecipe({
+  className: "button",
+  description: "The styles for the Button component",
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    cursor: "pointer",
+    fontWeight: "bold",
+    paddingInline: "var(--beckui-button-px-md)",
+    paddingBlock: "var(--beckui-button-py-md)",
+    transition: "all 0.2s",
+    width: "field",
+    maxWidth: "100%",
+    boxSizing: "border-box",
+    _focus: { outline: "none", boxShadow: "outline" },
+    _disabled: { opacity: 0.6, cursor: "not-allowed" }
+  },
+  variants: {
+    visual: {
+      primary: {
+        backgroundColor: "primary",
+        color: "neutral.50",
+        _hover: { backgroundColor: "primaryHover" }
+      },
+      secondary: {
+        backgroundColor: "secondary",
+        color: "neutral.50",
+        _hover: {
+          backgroundColor: "secondary"
+        }
+      },
+      neutral: {
+        backgroundColor: "neutral.600",
+        color: "text",
+        _hover: {
+          backgroundColor: "neutral.500"
+        },
+        _light: {
+          backgroundColor: "neutral.200",
+          _hover: {
+            backgroundColor: "neutral.300"
+          }
+        }
+      },
+      outline: {
+        borderWidth: "2px",
+        borderStyle: "solid",
+        borderColor: "secondary",
+        color: "secondary",
+        backgroundColor: "transparent",
+        _hover: { backgroundColor: "neutral.800" },
+        _light: {
+          _hover: { backgroundColor: "neutral.100" }
+        }
+      }
+    },
+    size: buttonSizeStyles,
+    borderRadius: {
+      none: { borderRadius: "none" },
+      sm: { borderRadius: "sm" },
+      md: { borderRadius: "md" },
+      lg: { borderRadius: "lg" },
+      xl: { borderRadius: "xl" },
+      full: { borderRadius: "full" }
+    },
+    withGradient: {
+      false: {},
+      true: {}
+    },
+    fullWidth: {
+      true: { width: "100%" },
+      false: { width: "field", maxWidth: "100%" }
+    }
+  },
+  compoundVariants: [
+    {
+      visual: "primary",
+      withGradient: true,
+      css: {
+        ...filledGradient("{gradients.primary}"),
+        color: "neutral.50",
+        _hover: {
+          backgroundImage: "{gradients.primaryHover}"
+        }
+      }
+    },
+    {
+      visual: "secondary",
+      withGradient: true,
+      css: {
+        ...filledGradient("{gradients.secondary}"),
+        color: "neutral.50"
+      }
+    },
+    {
+      visual: "neutral",
+      withGradient: true,
+      css: {
+        ...filledGradient("{gradients.neutral}"),
+        color: "text"
+      }
+    },
+    {
+      visual: "outline",
+      withGradient: true,
+      css: {
+        ...outlineGradient("{gradients.primary}"),
+        color: "secondary"
+      }
+    }
+  ],
+  defaultVariants: {
+    visual: "outline",
+    size: "md",
+    borderRadius: "md",
+    withGradient: false,
+    fullWidth: false
+  }
+});
+
+// recipes/heading.recipe.ts
+import { defineRecipe as defineRecipe2 } from "@pandacss/dev";
+var heading = defineRecipe2({
+  className: "heading",
+  description: "The styles for the Heading component",
+  base: {
+    fontFamily: "sans",
+    fontWeight: "bold",
+    color: "text",
+    lineHeight: "tight"
+  },
+  variants: {
+    size: {
+      sm: { fontSize: "sm" },
+      md: { fontSize: "md" },
+      lg: { fontSize: "lg" },
+      xl: { fontSize: "xl" },
+      "2xl": { fontSize: "2xl" },
+      "3xl": { fontSize: "3xl" },
+      "4xl": { fontSize: "4xl" },
+      "5xl": { fontSize: "5xl" },
+      "6xl": { fontSize: "6xl" }
+    },
+    withGradient: {
+      false: {},
+      true: {}
+    }
+  },
+  compoundVariants: [
+    {
+      withGradient: true,
+      css: {
+        display: "inline",
+        color: "transparent",
+        backgroundImage: "{gradients.primary}",
+        backgroundClip: "text",
+        WebkitBackgroundClip: "text"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "xl",
+    withGradient: false
+  }
+});
+
+// recipes/tag.recipe.ts
+import { defineRecipe as defineRecipe3 } from "@pandacss/dev";
+var tag = defineRecipe3({
+  className: "tag",
+  description: "Non-interactive metadata chip (Tag)",
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    maxWidth: "100%",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    fontWeight: "medium",
+    lineHeight: "tight",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "var(--mav-label-border, transparent)",
+    bg: "var(--mav-label-bg, transparent)",
+    color: "var(--mav-label-color, inherit)",
+    verticalAlign: "middle",
+    userSelect: "none"
+  },
+  variants: {
+    size: tagSizeStyles,
+    visual: {
+      primary: {},
+      secondary: {},
+      neutral: {},
+      outline: {}
+    },
+    borderRadius: {
+      none: { borderRadius: "none" },
+      sm: { borderRadius: "sm" },
+      md: { borderRadius: "md" },
+      lg: { borderRadius: "lg" },
+      xl: { borderRadius: "xl" },
+      full: { borderRadius: "full" }
+    },
+    withGradient: {
+      false: {},
+      true: {}
+    }
+  },
+  compoundVariants: [
+    {
+      withGradient: true,
+      css: {
+        ...filledGradient("var(--mav-label-gradient, {gradients.primary})")
+      }
+    },
+    {
+      visual: "outline",
+      withGradient: true,
+      css: {
+        ...outlineGradient("var(--mav-label-gradient, {gradients.primary})"),
+        color: "var(--mav-label-color, {colors.secondary})"
+      }
+    },
+    {
+      visual: "neutral",
+      css: {
+        _light: {
+          bg: "var(--mav-label-bg, {colors.neutral.100})"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    visual: "neutral",
+    borderRadius: "full",
+    withGradient: false
+  }
+});
+
+// recipes/badge.recipe.ts
+import { defineRecipe as defineRecipe4 } from "@pandacss/dev";
+var badge = defineRecipe4({
+  className: "badge",
+  description: "Non-interactive status chip (Badge)",
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    maxWidth: "100%",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    fontWeight: "bold",
+    letterSpacing: "0.02em",
+    lineHeight: "tight",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "var(--mav-label-border, transparent)",
+    bg: "var(--mav-label-bg, transparent)",
+    color: "var(--mav-label-color, inherit)",
+    verticalAlign: "middle",
+    userSelect: "none",
+    textTransform: "uppercase"
+  },
+  variants: {
+    size: {
+      sm: { fontSize: "xs", px: "2", py: "1" },
+      md: { fontSize: "xs", px: "3", py: "1" },
+      lg: { fontSize: "sm", px: "3", py: "2" }
+    },
+    visual: {
+      primary: {},
+      secondary: {},
+      neutral: {},
+      outline: {}
+    },
+    borderRadius: {
+      none: { borderRadius: "none" },
+      sm: { borderRadius: "sm" },
+      md: { borderRadius: "md" },
+      lg: { borderRadius: "lg" },
+      xl: { borderRadius: "xl" },
+      full: { borderRadius: "full" }
+    },
+    withGradient: {
+      false: {},
+      true: {}
+    }
+  },
+  compoundVariants: [
+    {
+      withGradient: true,
+      css: {
+        ...filledGradient("var(--mav-label-gradient, {gradients.primary})"),
+        color: "var(--mav-label-color, {colors.text})"
+      }
+    },
+    {
+      visual: "outline",
+      withGradient: true,
+      css: {
+        ...outlineGradient("var(--mav-label-gradient, {gradients.primary})"),
+        color: "var(--mav-label-color, {colors.secondary})",
+        textTransform: "uppercase"
+      }
+    },
+    {
+      visual: "neutral",
+      css: {
+        _light: {
+          bg: "var(--mav-label-bg, {colors.neutral.100})"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    visual: "neutral",
+    borderRadius: "full",
+    withGradient: false
+  }
+});
+
+// recipes/card.slot-recipe.ts
+import { defineSlotRecipe } from "@pandacss/dev";
+var card = defineSlotRecipe({
+  className: "card",
+  description: "Card container with header, body, and footer slots",
+  slots: ["root", "header", "body", "footer", "title", "description"],
+  base: {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      width: "fit-content",
+      maxWidth: "100%",
+      borderRadius: "md",
+      overflow: "hidden"
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: "sm",
+      flexWrap: "wrap",
+      width: "100%"
+    },
+    body: {
+      display: "flex",
+      flexDirection: "column",
+      width: "100%",
+      flex: 1
+    },
+    footer: {
+      display: "flex",
+      alignItems: "center",
+      gap: "sm",
+      width: "100%"
+    },
+    title: {
+      fontFamily: "sans",
+      fontWeight: "bold",
+      color: "text",
+      lineHeight: "tight"
+    },
+    description: {
+      fontFamily: "sans",
+      color: "muted",
+      lineHeight: "normal",
+      fontSize: "sm"
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        root: { gap: "sm", p: "sm" },
+        header: { gap: "1" },
+        title: { fontSize: "sm" },
+        description: { fontSize: "xs" }
+      },
+      md: {
+        root: { gap: "md", p: "md" },
+        header: { gap: "sm" },
+        title: { fontSize: "md" },
+        description: { fontSize: "sm" }
+      },
+      lg: {
+        root: { gap: "lg", p: "lg" },
+        header: { gap: "md" },
+        title: { fontSize: "lg" },
+        description: { fontSize: "md" }
+      }
+    },
+    visual: {
+      outline: {
+        root: {
+          borderWidth: "1px",
+          borderStyle: "solid",
+          borderColor: "border",
+          bg: "transparent"
+        }
+      },
+      subtle: {
+        root: {
+          borderWidth: "1px",
+          borderStyle: "solid",
+          borderColor: "neutral.700",
+          bg: "neutral.800",
+          _light: {
+            borderColor: "border",
+            bg: "neutral.50"
+          }
+        }
+      },
+      elevated: {
+        root: {
+          borderWidth: "1px",
+          borderStyle: "solid",
+          borderColor: "neutral.700",
+          bg: "neutral.800",
+          boxShadow: "elevated",
+          _light: {
+            borderColor: "border",
+            bg: "white",
+            boxShadow: "md"
+          }
+        }
+      }
+    },
+    fullWidth: {
+      true: {
+        root: { width: "100%" }
+      },
+      false: {
+        root: { width: "fit-content", maxWidth: "100%" }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    visual: "subtle",
+    fullWidth: false
+  }
+});
+
+// recipes/switch.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe2 } from "@pandacss/dev";
+var switchRecipe = defineSlotRecipe2({
+  className: "switch",
+  description: "Accessible switch control with track and thumb slots",
+  slots: ["root", "track", "thumb", "wrap", "label"],
+  base: {
+    wrap: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "sm"
+    },
+    label: {
+      fontFamily: "sans",
+      fontSize: "md",
+      color: "text",
+      cursor: "pointer"
+    },
+    root: {
+      display: "inline-flex",
+      alignItems: "center",
+      flexShrink: 0,
+      cursor: "pointer",
+      border: "none",
+      padding: 0,
+      background: "transparent",
+      _focusVisible: {
+        outline: "none",
+        boxShadow: "outline"
+      },
+      _disabled: {
+        opacity: 0.6,
+        cursor: "not-allowed"
+      }
+    },
+    track: {
+      position: "relative",
+      display: "inline-flex",
+      alignItems: "center",
+      borderRadius: "full",
+      bg: "neutral.600",
+      transition: "background 0.15s ease",
+      _light: {
+        bg: "neutral.300"
+      }
+    },
+    thumb: {
+      position: "absolute",
+      borderRadius: "full",
+      bg: "white",
+      boxShadow: "sm",
+      transition: "transform 0.15s ease"
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        root: { height: "1.25rem" },
+        track: { width: "2rem", height: "1.25rem" },
+        thumb: { width: "0.875rem", height: "0.875rem", left: "0.1875rem" }
+      },
+      md: {
+        root: { height: "1.5rem" },
+        track: { width: "2.75rem", height: "1.5rem" },
+        thumb: { width: "1.125rem", height: "1.125rem", left: "0.1875rem" }
+      },
+      lg: {
+        root: { height: "1.75rem" },
+        track: { width: "3.25rem", height: "1.75rem" },
+        thumb: { width: "1.375rem", height: "1.375rem", left: "0.1875rem" }
+      }
+    },
+    checked: {
+      true: {
+        track: {
+          bg: "primary"
+        }
+      },
+      false: {}
+    }
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      checked: true,
+      css: {
+        thumb: { transform: "translateX(0.75rem)" }
+      }
+    },
+    {
+      size: "md",
+      checked: true,
+      css: {
+        thumb: { transform: "translateX(1.25rem)" }
+      }
+    },
+    {
+      size: "lg",
+      checked: true,
+      css: {
+        thumb: { transform: "translateX(1.5rem)" }
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    checked: false
+  }
+});
+
+// recipes/field.slot-recipe.ts
+import { defineSlotRecipe as defineSlotRecipe3 } from "@pandacss/dev";
+var field = defineSlotRecipe3({
+  className: "field",
+  description: "Field composition: label, helper, and error around a control",
+  slots: ["root", "label", "helper", "error"],
+  base: {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "1",
+      width: "field",
+      maxWidth: "100%",
+      minWidth: 0
+    },
+    label: {
+      fontSize: "sm",
+      fontWeight: "medium",
+      color: "text"
+    },
+    helper: {
+      fontSize: "xs",
+      color: "muted"
+    },
+    error: {
+      fontSize: "xs",
+      color: "danger"
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        label: { fontSize: "xs" },
+        helper: { fontSize: "xs" },
+        error: { fontSize: "xs" }
+      },
+      md: {
+        label: { fontSize: "sm" },
+        helper: { fontSize: "xs" },
+        error: { fontSize: "xs" }
+      },
+      lg: {
+        label: { fontSize: "md" },
+        helper: { fontSize: "sm" },
+        error: { fontSize: "sm" }
+      }
+    },
+    fullWidth: {
+      true: {
+        root: { width: "100%" }
+      },
+      false: {
+        root: { width: "field", maxWidth: "100%" }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    fullWidth: false
+  }
+});
+
+// recipes/text-field.recipe.ts
+import { defineRecipe as defineRecipe5 } from "@pandacss/dev";
+
+// recipes/controlStyles.ts
+var controlChrome = {
+  width: "100%",
+  fontFamily: "sans",
+  color: "text",
+  backgroundColor: "surface",
+  borderWidth: "1px",
+  borderStyle: "solid",
+  borderColor: "neutral.500",
+  borderRadius: "md",
+  outline: "none",
+  transition: "border-color 0.15s ease, box-shadow 0.15s ease",
+  _placeholder: { color: "muted" },
+  _focusVisible: {
+    borderColor: "primary",
+    boxShadow: "0 0 0 2px color-mix(in srgb, {colors.primary} 45%, transparent)"
+  },
+  _disabled: {
+    opacity: 0.6,
+    cursor: "not-allowed"
+  },
+  _light: {
+    borderColor: "neutral.400",
+    _focusVisible: {
+      borderColor: "primary",
+      boxShadow: "0 0 0 2px color-mix(in srgb, {colors.primary} 35%, transparent)"
+    }
+  }
+};
+var controlSizeVariants = fieldSizeStyles;
+var controlInvalidVariants = {
+  true: {
+    borderColor: "danger",
+    _focusVisible: {
+      borderColor: "danger",
+      boxShadow: "outline"
+    }
+  },
+  false: {}
+};
+
+// recipes/text-field.recipe.ts
+var textFieldRecipe = defineRecipe5({
+  className: "textField",
+  description: "Styles for the TextField / FieldControl input",
+  base: controlChrome,
+  variants: {
+    size: controlSizeVariants,
+    invalid: controlInvalidVariants
+  },
+  defaultVariants: {
+    size: "md",
+    invalid: false
+  }
+});
+
+// recipes/checkbox.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe4 } from "@pandacss/dev";
+var checkMark = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.2 6.6 11.2 12.5 4.8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")`;
+var checkbox = defineSlotRecipe4({
+  className: "checkbox",
+  description: "Native checkbox with visible control, label, and optional description",
+  slots: ["root", "control", "indicator", "text", "label", "description"],
+  base: {
+    root: {
+      position: "relative",
+      display: "inline-flex",
+      alignItems: "flex-start",
+      gap: "sm",
+      cursor: "pointer",
+      color: "text",
+      _disabled: { opacity: 0.6, cursor: "not-allowed" }
+    },
+    control: {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      padding: 0,
+      margin: "-1px",
+      overflow: "hidden",
+      clip: "rect(0, 0, 0, 0)",
+      whiteSpace: "nowrap",
+      borderWidth: 0,
+      _checked: {
+        "& + *": {
+          backgroundColor: "primary",
+          borderColor: "primary",
+          backgroundImage: checkMark
+        }
+      },
+      _focusVisible: {
+        "& + *": {
+          boxShadow: "outline"
+        }
+      }
+    },
+    indicator: {
+      flexShrink: 0,
+      boxSizing: "border-box",
+      borderWidth: "2px",
+      borderStyle: "solid",
+      borderColor: "neutral.400",
+      borderRadius: "sm",
+      backgroundColor: "neutral.800",
+      backgroundRepeat: "no-repeat",
+      backgroundPosition: "center",
+      backgroundSize: "80%",
+      pointerEvents: "none",
+      _light: {
+        backgroundColor: "white",
+        borderColor: "neutral.500"
+      }
+    },
+    text: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "1",
+      minWidth: 0
+    },
+    label: {
+      display: "inline-flex",
+      alignItems: "center",
+      fontFamily: "sans",
+      fontWeight: "medium",
+      lineHeight: "1"
+    },
+    description: {
+      fontFamily: "sans",
+      color: "muted",
+      lineHeight: "tight"
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        indicator: { width: "1rem", height: "1rem" },
+        label: { fontSize: "sm", minHeight: "1rem" },
+        description: { fontSize: "xs" }
+      },
+      md: {
+        indicator: { width: "1.25rem", height: "1.25rem" },
+        label: { fontSize: "md", minHeight: "1.25rem" },
+        description: { fontSize: "sm" }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// recipes/radio.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe5 } from "@pandacss/dev";
+var radioDot = "radial-gradient(circle, {colors.white} 32%, transparent 34%)";
+var radio = defineSlotRecipe5({
+  className: "radio",
+  description: "Native radio with visible control, label, optional description, and group",
+  slots: ["group", "legend", "root", "control", "indicator", "text", "label", "description"],
+  base: {
+    group: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "flex-start",
+      gap: "sm",
+      margin: 0,
+      padding: 0,
+      minWidth: 0,
+      borderWidth: 0
+    },
+    legend: {
+      padding: 0,
+      marginBottom: "1",
+      fontFamily: "sans",
+      fontWeight: "medium",
+      lineHeight: "tight",
+      color: "text"
+    },
+    root: {
+      position: "relative",
+      display: "inline-flex",
+      alignItems: "flex-start",
+      gap: "sm",
+      cursor: "pointer",
+      color: "text",
+      _disabled: { opacity: 0.6, cursor: "not-allowed" }
+    },
+    control: {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      padding: 0,
+      margin: "-1px",
+      overflow: "hidden",
+      clip: "rect(0, 0, 0, 0)",
+      whiteSpace: "nowrap",
+      borderWidth: 0,
+      _checked: {
+        "& + *": {
+          backgroundColor: "primary",
+          borderColor: "primary",
+          backgroundImage: radioDot
+        }
+      },
+      _focusVisible: {
+        "& + *": {
+          boxShadow: "outline"
+        }
+      },
+      _invalid: {
+        "& + *": {
+          borderColor: "danger"
+        }
+      }
+    },
+    indicator: {
+      flexShrink: 0,
+      boxSizing: "border-box",
+      borderWidth: "2px",
+      borderStyle: "solid",
+      borderColor: "neutral.400",
+      borderRadius: "full",
+      backgroundColor: "neutral.800",
+      backgroundRepeat: "no-repeat",
+      backgroundPosition: "center",
+      pointerEvents: "none",
+      _light: {
+        backgroundColor: "white",
+        borderColor: "neutral.500"
+      }
+    },
+    text: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "1",
+      minWidth: 0
+    },
+    label: {
+      display: "inline-flex",
+      alignItems: "center",
+      fontFamily: "sans",
+      fontWeight: "medium",
+      lineHeight: "1"
+    },
+    description: {
+      fontFamily: "sans",
+      color: "muted",
+      lineHeight: "tight"
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        indicator: { width: "1rem", height: "1rem" },
+        label: { fontSize: "sm", minHeight: "1rem" },
+        description: { fontSize: "xs" },
+        legend: { fontSize: "sm" }
+      },
+      md: {
+        indicator: { width: "1.25rem", height: "1.25rem" },
+        label: { fontSize: "md", minHeight: "1.25rem" },
+        description: { fontSize: "sm" },
+        legend: { fontSize: "md" }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// recipes/select.recipe.ts
+import { defineRecipe as defineRecipe6 } from "@pandacss/dev";
+var chevron = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6.5 8 10.5 12 6.5' stroke='%23a1a1aa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")`;
+var selectRecipe = defineRecipe6({
+  className: "select",
+  description: "Native select. Label / helper / error live on Field.",
+  base: {
+    ...controlChrome,
+    appearance: "none",
+    cursor: "pointer",
+    backgroundImage: chevron,
+    backgroundRepeat: "no-repeat",
+    backgroundPosition: "right 0.6rem center",
+    backgroundSize: "1rem",
+    paddingRight: "8"
+  },
+  variants: {
+    size: controlSizeVariants,
+    invalid: controlInvalidVariants
+  },
+  defaultVariants: {
+    size: "md",
+    invalid: false
+  }
+});
+
+// recipes/textarea.recipe.ts
+import { defineRecipe as defineRecipe7 } from "@pandacss/dev";
+var textareaRecipe = defineRecipe7({
+  className: "textarea",
+  description: "Native textarea. Label / helper / error live on Field.",
+  base: {
+    ...controlChrome,
+    boxSizing: "border-box",
+    resize: "vertical",
+    lineHeight: "normal"
+  },
+  variants: {
+    size: {
+      sm: { ...controlSizeVariants.sm, height: "5rem", minHeight: "5rem" },
+      md: { ...controlSizeVariants.md, height: "8rem", minHeight: "8rem" },
+      lg: { ...controlSizeVariants.lg, height: "13rem", minHeight: "13rem" }
+    },
+    invalid: controlInvalidVariants
+  },
+  defaultVariants: {
+    size: "md",
+    invalid: false
+  }
+});
+
+// recipes/dialog.slot-recipe.ts
+import { defineSlotRecipe as defineSlotRecipe6 } from "@pandacss/dev";
+var dialog = defineSlotRecipe6({
+  className: "dialog",
+  description: "Native dialog overlay with header, body, and footer slots",
+  slots: ["root", "header", "body", "footer", "title", "close"],
+  base: {
+    root: {
+      // Panda preflight sets margin: 0, which removes UA dialog centering.
+      position: "fixed",
+      inset: "0",
+      margin: "auto",
+      height: "fit-content",
+      width: "calc(100% - 2rem)",
+      maxWidth: "28rem",
+      maxHeight: "calc(100% - 2rem)",
+      overflow: "auto",
+      p: "md",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: "neutral.700",
+      borderRadius: "lg",
+      backgroundColor: "surface",
+      color: "text",
+      boxShadow: "elevated",
+      _light: {
+        borderColor: "border",
+        boxShadow: "lg"
+      },
+      "&::backdrop": {
+        backgroundColor: "oklch(0% 0 0 / 0.55)"
+      }
+    },
+    header: {
+      display: "flex",
+      alignItems: "flex-start",
+      justifyContent: "space-between",
+      gap: "sm",
+      mb: "md"
+    },
+    title: {
+      fontFamily: "sans",
+      fontWeight: "bold",
+      fontSize: "lg",
+      lineHeight: "tight",
+      m: 0
+    },
+    body: {
+      fontFamily: "sans",
+      fontSize: "md",
+      lineHeight: "normal"
+    },
+    footer: {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "flex-end",
+      alignItems: "center",
+      gap: "sm",
+      mt: "md",
+      "& > *": {
+        width: "auto",
+        flex: "0 1 auto"
+      }
+    },
+    close: {
+      appearance: "none",
+      border: "none",
+      background: "transparent",
+      color: "muted",
+      cursor: "pointer",
+      fontSize: "xl",
+      lineHeight: "1",
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      minW: "24px",
+      minH: "24px",
+      p: "1",
+      borderRadius: "sm",
+      _hover: { color: "text" },
+      _focusVisible: {
+        outline: "none",
+        boxShadow: "outline"
+      }
+    }
+  }
+});
+
+// recipes/drawer.slot-recipe.ts
+import { defineSlotRecipe as defineSlotRecipe7 } from "@pandacss/dev";
+var drawer = defineSlotRecipe7({
+  className: "drawer",
+  description: "Side overlay built on native dialog",
+  slots: ["root", "header", "body", "footer", "title", "close"],
+  base: {
+    root: {
+      maxHeight: "100%",
+      height: "100%",
+      overflow: "auto",
+      p: "md",
+      borderWidth: "0",
+      backgroundColor: "surface",
+      color: "text",
+      boxShadow: "elevated",
+      _light: {
+        boxShadow: "lg"
+      },
+      "&::backdrop": {
+        backgroundColor: "oklch(0% 0 0 / 0.55)"
+      }
+    },
+    header: {
+      display: "flex",
+      alignItems: "flex-start",
+      justifyContent: "space-between",
+      gap: "sm",
+      mb: "md"
+    },
+    title: {
+      fontFamily: "sans",
+      fontWeight: "bold",
+      fontSize: "lg",
+      lineHeight: "tight",
+      m: 0
+    },
+    body: {
+      fontFamily: "sans",
+      fontSize: "md",
+      lineHeight: "normal"
+    },
+    footer: {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "flex-end",
+      alignItems: "center",
+      gap: "sm",
+      mt: "md",
+      "& > *": {
+        width: "auto",
+        flex: "0 1 auto"
+      }
+    },
+    close: {
+      appearance: "none",
+      border: "none",
+      background: "transparent",
+      color: "muted",
+      cursor: "pointer",
+      fontSize: "xl",
+      lineHeight: "1",
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      minW: "24px",
+      minH: "24px",
+      p: "1",
+      borderRadius: "sm",
+      _hover: { color: "text" },
+      _focusVisible: {
+        outline: "none",
+        boxShadow: "outline"
+      }
+    }
+  },
+  variants: {
+    placement: {
+      start: {
+        root: {
+          width: "20rem",
+          maxWidth: "100%",
+          margin: "0 auto 0 0",
+          height: "100%",
+          maxHeight: "100%"
+        }
+      },
+      end: {
+        root: {
+          width: "20rem",
+          maxWidth: "100%",
+          margin: "0 0 0 auto",
+          height: "100%",
+          maxHeight: "100%"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    placement: "end"
+  }
+});
+
+// recipes/menu.slot-recipe.ts
+import { defineSlotRecipe as defineSlotRecipe8 } from "@pandacss/dev";
+var menu = defineSlotRecipe8({
+  className: "menu",
+  description: "Disclosure menu using details/summary",
+  slots: ["root", "trigger", "content", "item"],
+  base: {
+    root: {
+      display: "inline-block",
+      position: "relative"
+    },
+    trigger: {
+      listStyle: "none",
+      cursor: "pointer",
+      fontFamily: "sans",
+      fontWeight: "medium",
+      fontSize: "sm",
+      px: 3,
+      py: 2,
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: "neutral.500",
+      borderRadius: "md",
+      backgroundColor: "surface",
+      color: "text",
+      _light: {
+        borderColor: "neutral.400"
+      },
+      _focusVisible: {
+        outline: "none",
+        boxShadow: "outline"
+      },
+      "&::-webkit-details-marker": { display: "none" },
+      "&::marker": { content: '""' }
+    },
+    content: {
+      position: "absolute",
+      zIndex: 20,
+      mt: "1",
+      minWidth: "10rem",
+      p: "1",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: "neutral.700",
+      borderRadius: "md",
+      backgroundColor: "surface",
+      boxShadow: "elevated",
+      _light: {
+        borderColor: "border",
+        boxShadow: "md"
+      }
+    },
+    item: {
+      display: "block",
+      width: "100%",
+      textAlign: "left",
+      appearance: "none",
+      border: "none",
+      background: "transparent",
+      color: "text",
+      fontFamily: "sans",
+      fontSize: "sm",
+      px: 3,
+      py: 2,
+      borderRadius: "sm",
+      cursor: "pointer",
+      _hover: { backgroundColor: "neutral.700" },
+      _light: {
+        _hover: { backgroundColor: "neutral.100" }
+      },
+      _focusVisible: {
+        outline: "none",
+        boxShadow: "outline"
+      },
+      _disabled: {
+        opacity: 0.6,
+        cursor: "not-allowed"
+      }
+    }
+  }
+});
+
+// recipes/tabs.slot-recipe.ts
+import { defineSlotRecipe as defineSlotRecipe9 } from "@pandacss/dev";
+var tabs = defineSlotRecipe9({
+  className: "tabs",
+  description: "ARIA tabs with list, tab, and panel slots",
+  slots: ["root", "list", "tab", "panel"],
+  base: {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "md"
+    },
+    list: {
+      display: "flex",
+      gap: "1",
+      borderBottomWidth: "1px",
+      borderBottomStyle: "solid",
+      borderColor: "neutral.700",
+      _light: { borderColor: "border" }
+    },
+    tab: {
+      appearance: "none",
+      border: "none",
+      background: "transparent",
+      color: "muted",
+      fontFamily: "sans",
+      fontWeight: "medium",
+      fontSize: "sm",
+      px: 3,
+      py: 2,
+      cursor: "pointer",
+      borderBottomWidth: "2px",
+      borderBottomStyle: "solid",
+      borderBottomColor: "transparent",
+      mb: "-1px",
+      _hover: { color: "text" },
+      '&[aria-selected="true"]': {
+        color: "text",
+        borderBottomColor: "primary"
+      },
+      _focusVisible: {
+        outline: "none",
+        boxShadow: "outline"
+      },
+      _disabled: {
+        opacity: 0.6,
+        cursor: "not-allowed"
+      }
+    },
+    panel: {
+      fontFamily: "sans",
+      fontSize: "md",
+      color: "text",
+      _focusVisible: {
+        outline: "none",
+        boxShadow: "outline"
+      }
+    }
+  }
+});
+
+// recipes/table.slot-recipe.ts
+import { defineSlotRecipe as defineSlotRecipe10 } from "@pandacss/dev";
+var table = defineSlotRecipe10({
+  className: "table",
+  description: "Semantic table slots",
+  slots: ["root", "caption", "thead", "tbody", "tfoot", "tr", "th", "td"],
+  base: {
+    root: {
+      width: "100%",
+      borderCollapse: "collapse",
+      fontFamily: "sans",
+      fontSize: "sm",
+      color: "text"
+    },
+    caption: {
+      captionSide: "bottom",
+      pt: "sm",
+      color: "muted",
+      fontSize: "xs",
+      textAlign: "left"
+    },
+    thead: {
+      borderBottomWidth: "1px",
+      borderBottomStyle: "solid",
+      borderColor: "neutral.600",
+      _light: { borderColor: "border" }
+    },
+    tbody: {},
+    tfoot: {
+      borderTopWidth: "1px",
+      borderTopStyle: "solid",
+      borderColor: "neutral.600",
+      _light: { borderColor: "border" }
+    },
+    tr: {
+      borderBottomWidth: "1px",
+      borderBottomStyle: "solid",
+      borderColor: "neutral.700",
+      _light: { borderColor: "neutral.200" }
+    },
+    th: {
+      textAlign: "left",
+      fontWeight: "medium",
+      px: 3,
+      py: 2
+    },
+    td: {
+      px: 3,
+      py: 2
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        root: { fontSize: "xs" },
+        th: { px: 2, py: 1 },
+        td: { px: 2, py: 1 }
+      },
+      md: {
+        root: { fontSize: "sm" }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// recipes/spinner.recipe.ts
+import { defineRecipe as defineRecipe8 } from "@pandacss/dev";
+var spinner = defineRecipe8({
+  className: "spinner",
+  description: "Pure CSS loading spinner",
+  base: {
+    display: "inline-block",
+    boxSizing: "border-box",
+    flexShrink: 0,
+    verticalAlign: "middle",
+    borderWidth: "2px",
+    borderStyle: "solid",
+    borderColor: "neutral.600",
+    borderTopColor: "primary",
+    borderRadius: "full",
+    animationName: "spin",
+    animationDuration: "0.7s",
+    animationTimingFunction: "linear",
+    animationIterationCount: "infinite",
+    _light: {
+      borderColor: "neutral.300",
+      borderTopColor: "primary"
+    }
+  },
+  variants: {
+    size: {
+      sm: { width: "1rem", height: "1rem" },
+      md: { width: "1.5rem", height: "1.5rem" },
+      lg: { width: "2rem", height: "2rem" }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// recipes/link.recipe.ts
+import { defineRecipe as defineRecipe9 } from "@pandacss/dev";
+var link = defineRecipe9({
+  className: "link",
+  description: "Inline link",
+  base: {
+    color: "primary",
+    textDecoration: "underline",
+    textUnderlineOffset: "0.15em",
+    cursor: "pointer",
+    _hover: { color: "primaryHover" },
+    _focusVisible: {
+      outline: "none",
+      boxShadow: "outline",
+      borderRadius: "sm"
+    }
+  },
+  variants: {
+    visual: {
+      default: {},
+      muted: {
+        color: "muted",
+        textDecoration: "none",
+        _hover: { color: "text", textDecoration: "underline" }
+      }
+    },
+    visited: {
+      true: {
+        _visited: { color: "secondary" }
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    visual: "default",
+    visited: false
+  }
+});
+
+// recipes/separator.recipe.ts
+import { defineRecipe as defineRecipe10 } from "@pandacss/dev";
+var separator = defineRecipe10({
+  className: "separator",
+  description: "Horizontal or vertical rule",
+  base: {
+    border: "none",
+    margin: 0,
+    backgroundColor: "neutral.700",
+    _light: { backgroundColor: "border" },
+    flexShrink: 0
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        width: "100%",
+        height: "1px"
+      },
+      vertical: {
+        width: "1px",
+        height: "auto",
+        alignSelf: "stretch",
+        minHeight: "1em"
+      }
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+
+// recipes/tooltip.recipe.ts
+import { defineRecipe as defineRecipe11 } from "@pandacss/dev";
+var tooltip = defineRecipe11({
+  className: "tooltip",
+  description: "Tooltip content bubble",
+  base: {
+    position: "fixed",
+    zIndex: 1e3,
+    maxWidth: "16rem",
+    px: "2",
+    py: "1",
+    borderRadius: "md",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "border",
+    bg: "surface",
+    color: "text",
+    fontSize: "xs",
+    fontWeight: "medium",
+    lineHeight: "tight",
+    boxShadow: "md",
+    pointerEvents: "none",
+    whiteSpace: "normal",
+    textAlign: "left",
+    _light: {
+      bg: "neutral.100",
+      borderColor: "neutral.300"
+    }
+  },
+  variants: {
+    placement: {
+      top: {},
+      bottom: {},
+      left: {},
+      right: {}
+    }
+  },
+  defaultVariants: {
+    placement: "top"
+  }
+});
+
+// recipes/hide.recipe.ts
+import { defineRecipe as defineRecipe12 } from "@pandacss/dev";
+var BREAKPOINTS = ["sm", "md", "lg", "xl", "2xl"];
+var breakpointVariants = {
+  sm: {},
+  md: {},
+  lg: {},
+  xl: {},
+  "2xl": {}
+};
+var hide = defineRecipe12({
+  className: "hide",
+  description: "Hide children below or from a breakpoint (CSS media queries)",
+  variants: {
+    below: breakpointVariants,
+    from: breakpointVariants,
+    asContents: {
+      true: {},
+      false: {}
+    }
+  },
+  compoundVariants: BREAKPOINTS.flatMap((bp) => [
+    {
+      below: bp,
+      asContents: true,
+      css: { display: { base: "none", [bp]: "contents" } }
+    },
+    {
+      below: bp,
+      asContents: false,
+      css: { display: { base: "none", [bp]: "block" } }
+    },
+    {
+      from: bp,
+      asContents: true,
+      css: { display: { base: "contents", [bp]: "none" } }
+    },
+    {
+      from: bp,
+      asContents: false,
+      css: { display: { base: "block", [bp]: "none" } }
+    }
+  ]),
+  defaultVariants: {
+    asContents: true
+  }
+});
+
+// preset/theme-tokens.ts
+var colors = {
+  brand: {
+    becketYellow: { value: "oklch(0.75 0.15 78)" },
+    hiveSage: { value: "oklch(0.70 0.13 125)" },
+    combAmber: { value: "oklch(0.60 0.16 48)" }
+  },
+  primary: { value: "{colors.brand.becketYellow}" },
+  secondary: { value: "{colors.brand.hiveSage}" },
+  tertiary: { value: "{colors.brand.combAmber}" },
+  primaryHover: {
+    value: "color-mix(in oklch, {colors.primary} 88%, white)"
+  },
+  neutral: {
+    50: { value: "oklch(0.96 0.012 78)" },
+    100: { value: "oklch(0.94 0.012 78)" },
+    200: { value: "oklch(0.89 0.012 75)" },
+    300: { value: "oklch(0.84 0.012 72)" },
+    400: { value: "oklch(0.75 0.012 70)" },
+    500: { value: "oklch(0.65 0.012 65)" },
+    600: { value: "oklch(0.55 0.014 62)" },
+    700: { value: "oklch(0.45 0.014 60)" },
+    800: { value: "oklch(0.35 0.015 60)" },
+    900: { value: "oklch(0.22 0.015 60)" }
+  },
+  black: { value: "oklch(20% 0 0)" },
+  white: { value: "oklch(99% 0 0)" },
+  border: { value: "{colors.neutral.200}" },
+  danger: { value: "oklch(0.62 0.20 25)" },
+  warning: { value: "oklch(0.78 0.14 95)" },
+  success: { value: "oklch(0.68 0.16 145)" },
+  /** @deprecated Prefer semantic `text` / `background`. Kept as CSS-var aliases. */
+  lightBackground: { value: "{colors.neutral.50}" },
+  lightText: { value: "{colors.neutral.900}" }
+};
+var semanticColors = {
+  background: {
+    value: {
+      base: "{colors.neutral.900}",
+      _light: "{colors.neutral.50}"
+    }
+  },
+  text: {
+    value: {
+      base: "{colors.neutral.50}",
+      _light: "{colors.neutral.900}"
+    }
+  },
+  muted: {
+    value: {
+      base: "{colors.neutral.300}",
+      _light: "{colors.neutral.600}"
+    }
+  },
+  /** Overlay / control fill (dialog, field, menu). Cards keep their own surfaces. */
+  surface: {
+    value: {
+      base: "{colors.neutral.800}",
+      _light: "{colors.white}"
+    }
+  }
+};
+var spacing = {
+  0: { value: "0rem" },
+  1: { value: "0.25rem" },
+  2: { value: "0.5rem" },
+  3: { value: "0.75rem" },
+  5: { value: "1.25rem" },
+  8: { value: "2rem" },
+  13: { value: "3.25rem" },
+  21: { value: "5.25rem" },
+  34: { value: "8.5rem" },
+  xs: { value: "{spacing.1}" },
+  sm: { value: "{spacing.2}" },
+  md: { value: "{spacing.3}" },
+  lg: { value: "{spacing.5}" },
+  xl: { value: "{spacing.8}" },
+  "2xs": { value: "{spacing.13}" }
+};
+var sizes = {
+  0: { value: "0rem" },
+  1: { value: "0.25rem" },
+  2: { value: "0.5rem" },
+  3: { value: "0.75rem" },
+  5: { value: "1.25rem" },
+  8: { value: "2rem" },
+  13: { value: "3.25rem" },
+  21: { value: "5.25rem" },
+  34: { value: "8.5rem" },
+  55: { value: "13.75rem" },
+  /** Default form-control width (~200px at 16px root). */
+  field: { value: "12.5rem" }
+};
+var radii = {
+  none: { value: "0px" },
+  sm: { value: "4px" },
+  md: { value: "8px" },
+  lg: { value: "12px" },
+  xl: { value: "20px" },
+  full: { value: "9999px" }
+};
+var fonts = {
+  sans: { value: "'Inter', 'Roboto', 'Helvetica Neue', Arial, sans-serif" },
+  mono: { value: "'JetBrains Mono', 'Menlo', 'Consolas', 'monospace'" }
+};
+var fontSizes = {
+  xs: { value: "0.75rem" },
+  sm: { value: "0.875rem" },
+  md: { value: "1rem" },
+  lg: { value: "1.25rem" },
+  xl: { value: "1.5rem" },
+  "2xl": { value: "2rem" },
+  "3xl": { value: "3rem" },
+  "4xl": { value: "3.75rem" },
+  "5xl": { value: "4.5rem" },
+  "6xl": { value: "6rem" }
+};
+var fontWeights = {
+  normal: { value: "400" },
+  medium: { value: "500" },
+  bold: { value: "700" }
+};
+var lineHeights = {
+  normal: { value: "1.5" },
+  tight: { value: "1.25" },
+  loose: { value: "1.75" }
+};
+var shadows = {
+  sm: { value: "0 1px 3px 0 oklch(0% 0 0 / 0.08)" },
+  md: { value: "0 3px 6px 0 oklch(0% 0 0 / 0.12)" },
+  lg: { value: "0 8px 16px 0 oklch(0% 0 0 / 0.16)" },
+  /** Readable on dark surfaces (black sm/md/lg wash out). */
+  elevated: {
+    value: "0 12px 32px oklch(0% 0 0 / 0.55), 0 0 0 1px oklch(100% 0 0 / 0.08)"
+  },
+  outline: {
+    value: "0 0 0 2px color-mix(in srgb, {colors.primary} 45%, transparent)"
+  }
+};
+var gradients = {
+  primary: {
+    value: "linear-gradient(to right, {colors.primary}, {colors.tertiary})"
+  },
+  primaryHover: {
+    value: "linear-gradient(to right, {colors.primaryHover}, {colors.tertiary})"
+  },
+  secondary: {
+    value: "linear-gradient(to right, {colors.primary}, {colors.secondary})"
+  },
+  neutral: {
+    value: "linear-gradient(to right, {colors.neutral.100}, {colors.neutral.200})"
+  }
+};
+var keyframes = {
+  spin: {
+    from: { transform: "rotate(0deg)" },
+    to: { transform: "rotate(360deg)" }
+  }
+};
+var breakpoints = {
+  sm: "30rem",
+  md: "48rem",
+  lg: "62rem",
+  xl: "80rem",
+  "2xl": "96rem"
+};
+
+// preset/index.ts
+var BECKET_PREFIX = "beckui-";
+var becketPreset = definePreset({
+  name: "@becket-ui/tokens",
+  conditions: {
+    extend: {
+      light: "[data-theme='light'] &",
+      dark: "[data-theme='dark'] &"
+    }
+  },
+  theme: {
+    extend: {
+      tokens: {
+        colors,
+        gradients,
+        spacing,
+        sizes,
+        radii,
+        fonts,
+        fontSizes,
+        fontWeights,
+        lineHeights,
+        shadows
+      },
+      semanticTokens: {
+        colors: semanticColors
+      },
+      keyframes,
+      breakpoints,
+      recipes: {
+        button,
+        heading,
+        hide,
+        tag,
+        badge,
+        card,
+        field,
+        switchRecipe,
+        textFieldRecipe,
+        checkbox,
+        radio,
+        selectRecipe,
+        textareaRecipe,
+        dialog,
+        drawer,
+        menu,
+        tabs,
+        table,
+        spinner,
+        link,
+        separator,
+        tooltip
+      }
+    }
+  }
+});
+export {
+  BECKET_PREFIX,
+  becketPreset
+};
+//# sourceMappingURL=preset.js.map