@pandacss/studio 0.3.1 → 0.4.0

package/styled-system/styles.css

@@ -11,6 +11,118 @@
 @import './tokens/keyframes.css';
 
 @layer utilities {
+  .styles\:text_red\! {
+    color: red !important;
+  }
+
+  .styles\:fs_30px\! {
+    font-size: 30px !important;
+  }
+
+  .styles\:bg_red\.300 {
+    background: var(--colors-red-300);
+  }
+
+  .styles\:w_20px {
+    width: 20px;
+  }
+
+  .styles\:w_70px {
+    width: 70px;
+  }
+
+  .styles\:w_50px {
+    width: 50px;
+  }
+
+  [dir='rtl'] .styles\:rtl\:ml_-4 {
+    margin-left: calc(var(--spacing-4) * -1);
+  }
+
+  .styles\:light\:text_red.light,
+  .light .styles\:light\:text_red {
+    color: red;
+  }
+
+  .styles\:dark\:text_green.dark,
+  .dark .styles\:dark\:text_green {
+    color: green;
+  }
+
+  .styles\:dark\:opacity_slate400.dark,
+  .dark .styles\:dark\:opacity_slate400 {
+    opacity: slate400;
+  }
+
+  .styles\:left_20px,
+  .styles\:\[\&_\>_p\]\:left_20px > p {
+    left: 20px;
+  }
+
+  .styles\:\[\&_\>_p\]\:light\:bg_red400 > p.light,
+  .light .styles\:\[\&_\>_p\]\:light\:bg_red400 > p {
+    background: red400;
+  }
+
+  .styles\:\[\&_\>_p\]\:dark\:bg_green500 > p.dark,
+  .dark .styles\:\[\&_\>_p\]\:dark\:bg_green500 > p {
+    background: green500;
+  }
+
+  [dir='rtl'] .styles\:\[\&_\>_p\]\:rtl\:font_sans > p {
+    font: sans;
+  }
+
+  .styles\:\[\&\:\:placeholder\]\:left_40px::placeholder {
+    left: 40px;
+  }
+
+  .styles\:\[\&\:\:placeholder\]\:bg_red400::placeholder {
+    background: red400;
+  }
+
+  .styles\:all_unset {
+    all: unset;
+  }
+
+  .styles\:bg_red {
+    background-color: red;
+  }
+
+  .styles\:border_none {
+    border: var(--borders-none);
+  }
+
+  .styles\:p_\$3_\$3 {
+    padding: $3 $3;
+  }
+
+  .styles\:rounded_\$button {
+    border-radius: $button;
+  }
+
+  .styles\:fs_\$xsmall {
+    font-size: $xsmall;
+  }
+
+  .styles\:cursor_pointer {
+    cursor: pointer;
+  }
+
+  .styles\:\[\&_\+_span\]\:ml_\$2 + span {
+    margin-left: $2;
+  }
+
+  .test .styles\:\[\.test_\&\]\:bg_blue {
+    background-color: blue;
+  }
+
+  .styles\:\[\&_\.my-class\]\:text_red .my-class,
+  .styles\:\[\&_span\]\:text_red span,
+  .styles\:\[\&_kbd\]\:text_red kbd {
+    color: red;
+  }
+
   .w_26px {
     width: 26px;
   }
@@ -39,14 +151,46 @@
     background: var(--colors-border);
   }
 
-  .border_solid_1px {
-    border: solid 1px;
+  .isolation_isolate {
+    isolation: isolate;
   }
 
   .border-l_solid_1px {
     border-left: solid 1px;
   }
 
+  .expanded\:transform_rotate\(180deg\):where([aria-expanded='true'], [data-expanded]) {
+    transform: rotate(180deg);
+  }
+
+  .transition_all_\.2s_ease {
+    transition: all 0.2s ease;
+  }
+
+  .top_0px {
+    top: 0px;
+  }
+
+  .right_0px {
+    right: 0px;
+  }
+
+  .pos_absolute {
+    position: absolute;
+  }
+
+  .z_2 {
+    z-index: 2;
+  }
+
+  .break_break-word {
+    word-break: break-word;
+  }
+
+  .grid-cols_80px_repeat\(auto-fit\,_minmax\(30px\,_1fr\)\) {
+    grid-template-columns: 80px repeat(auto-fit, minmax(30px, 1fr));
+  }
+
   .max-w_14px {
     max-width: 14px;
   }
@@ -880,10 +1024,6 @@
     min-width: var(--sizes-60);
   }
 
-  .overflow_auto {
-    overflow: auto;
-  }
-
   .px_12 {
     padding-inline: var(--spacing-12);
   }
@@ -912,13 +1052,8 @@
     width: var(--sizes-full);
   }
 
-  .focusWithin\:border_yellow\.200:focus-within {
-    border-color: var(--colors-yellow-200);
-  }
-
-  .focusWithin\:dark\:border_yellow\.300:focus-within.dark,
-  .dark .focusWithin\:dark\:border_yellow\.300:focus-within {
-    border-color: var(--colors-yellow-300);
+  .overflow_auto {
+    overflow: auto;
   }
 
   .focusWithin\:outline-style_solid:focus-within {
@@ -937,9 +1072,13 @@
     outline-color: var(--colors-neutral-400);
   }
 
-  .focus\:ring_none:where(:focus, [data-focus]) {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
+  .styles\:\[\&\:focus\,_\&\:hover\]\:shadow_none:focus,
+  .styles\:\[\&\:focus\,_\&\:hover\]\:shadow_none:hover {
+    box-shadow: none;
+  }
+
+  :focus > .styles\:\[\:focus_\>_\&\]\:text_white {
+    color: var(--colors-white);
   }
 
   .hover\:bg_gray\.100:where(:hover, [data-hover]) {
@@ -978,6 +1117,18 @@
     border-bottom-color: var(--colors-black);
   }
 
+  input:hover .styles\:\[input\:hover_\&\]\:bg_red400 {
+    background: red400;
+  }
+
+  .styles\:hover\:bg_pink\.400:where(:hover, [data-hover]) {
+    background: var(--colors-pink-400);
+  }
+
+  .styles\:hover\:text_pink\.400:where(:hover, [data-hover]) {
+    color: var(--colors-pink-400);
+  }
+
   .\[\&\:hover\]\:bg_\#4049f0:hover {
     background: #4049f0;
   }
@@ -990,15 +1141,143 @@
     opacity: 0.8;
   }
 
+  @media screen and (min-width: 640px) {
+    [dir='ltr'] .styles\:ltr\:sm\:ml_4 {
+      margin-left: var(--spacing-4);
+    }
+  }
+
+  @media screen and (min-width: 640px) {
+    [dir='rtl'] .styles\:sm\:rtl\:top_20px {
+      top: 20px;
+    }
+  }
+
+  @media screen and (min-width: 640px) {
+    .styles\:\[\&\:\:placeholder\]\:sm\:text_left::placeholder {
+      text-align: left;
+    }
+  }
+
+  @media screen and (min-width: 640px) {
+    .styles\:sm\:hover\:top_50px:where(:hover, [data-hover]) {
+      top: 50px;
+    }
+  }
+
+  @media screen and (min-width: 640px) {
+    [dir='ltr'] .styles\:\[\&_\>_p\]\:ltr\:dark\:sm\:hover\:font_serif > p:where(:hover, [data-hover]).dark,
+    .dark [dir='ltr'] .styles\:\[\&_\>_p\]\:ltr\:dark\:sm\:hover\:font_serif > p:where(:hover, [data-hover]) {
+      font: serif;
+    }
+  }
+
+  @media screen and (min-width: 640px) {
+    input:hover .styles\:\[input\:hover_\&\]\:sm\:fs_14px {
+      font-size: 14px;
+    }
+  }
+
+  @media screen and (min-width: 640px) {
+    .styles\:hover\:sm\:dark\:bg_red\.300:where(:hover, [data-hover]).dark,
+    .dark .styles\:hover\:sm\:dark\:bg_red\.300:where(:hover, [data-hover]) {
+      background: var(--colors-red-300);
+    }
+  }
+
+  @media screen and (min-width: 640px) {
+    .styles\:hover\:disabled\:sm\:bg_red\.300:where(:hover, [data-hover]):where(
+        :disabled,
+        [disabled],
+        [data-disabled]
+      ) {
+      background: var(--colors-red-300);
+    }
+  }
+
+  @media screen and (min-width: 640px) {
+    .styles\:sm\:w_60px {
+      width: 60px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .styles\:\[\@media_\(min-width\:_768px\)\]\:\[\&\:hover\]\:bg_yellow:hover {
+      background-color: yellow;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .styles\:\[\@media_\(min-width\:_768px\)\]\:bg_green {
+      background-color: green;
+    }
+
+    .styles\:\[\@media_\(min-width\:_768px\)\]\:fs_\$small {
+      font-size: $small;
+    }
+  }
+
+  @media screen and (min-width: 768px) {
+    .styles\:\[\&_\>_p\]\:md\:left_40px > p {
+      left: 40px;
+    }
+  }
+
+  @media screen and (min-width: 768px) {
+    .styles\:md\:left_40px {
+      left: 40px;
+    }
+  }
+
   @media screen and (min-width: 768px) {
     .md\:px_6 {
       padding-inline: var(--spacing-6);
     }
   }
 
+  @media screen and (min-width: 1024px) {
+    input:hover .styles\:\[input\:hover_\&\]\:lg\:fs_18px {
+      font-size: 18px;
+    }
+  }
+
+  @media screen and (min-width: 1024px) {
+    .styles\:lg\:top_120px {
+      top: 120px;
+    }
+  }
+
   @media screen and (min-width: 1024px) {
     .lg\:px_8 {
       padding-inline: var(--spacing-8);
     }
   }
+
+  @media base {
+    .styles\:\[\@media_base\]\:\[\&\:hover\]\:left_40px:hover {
+      left: 40px;
+    }
+  }
+
+  @media base {
+    @media screen and (min-width: 640px) {
+      .styles\:\[\@media_base\]\:\[\&\:hover\]\:sm\:text_left:hover {
+        text-align: left;
+      }
+    }
+  }
+
+  @media base {
+    .styles\:\[\@media_base\]\:left_40px {
+      left: 40px;
+    }
+  }
+
+  @media base {
+    @media screen and (min-width: 640px) {
+      .styles\:\[\@media_base\]\:sm\:text_left {
+        text-align: left;
+      }
+    }
+  }
 }

package/styled-system/tokens/index.css

@@ -1,5 +1,6 @@
 @layer tokens {
   :where(:root, :host) {
+    --borders-none: none;
     --easings-default: cubic-bezier(0.4, 0, 0.2, 1);
     --easings-linear: linear;
     --easings-in: cubic-bezier(0.4, 0, 1, 1);
@@ -73,6 +74,7 @@
     --blurs-xl: 24px;
     --blurs-2xl: 40px;
     --blurs-3xl: 64px;
+    --spacing-0: 0rem;
     --spacing-1: 0.25rem;
     --spacing-2: 0.5rem;
     --spacing-3: 0.75rem;
@@ -106,6 +108,7 @@
     --spacing-1\.5: 0.375rem;
     --spacing-2\.5: 0.625rem;
     --spacing-3\.5: 0.875rem;
+    --sizes-0: 0rem;
     --sizes-1: 0.25rem;
     --sizes-2: 0.5rem;
     --sizes-3: 0.75rem;

package/styled-system/tokens/index.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import type { Token } from './tokens'
 
 export declare const token: {

package/styled-system/tokens/index.mjs

@@ -1,4 +1,8 @@
 const tokens = {
+  'borders.none': {
+    value: 'none',
+    variable: 'var(--borders-none)',
+  },
   'easings.default': {
     value: 'cubic-bezier(0.4, 0, 0.2, 1)',
     variable: 'var(--easings-default)',
@@ -288,6 +292,10 @@ const tokens = {
     value: '64px',
     variable: 'var(--blurs-3xl)',
   },
+  'spacing.0': {
+    value: '0rem',
+    variable: 'var(--spacing-0)',
+  },
   'spacing.1': {
     value: '0.25rem',
     variable: 'var(--spacing-1)',
@@ -420,6 +428,10 @@ const tokens = {
     value: '0.875rem',
     variable: 'var(--spacing-3\\.5)',
   },
+  'sizes.0': {
+    value: '0rem',
+    variable: 'var(--sizes-0)',
+  },
   'sizes.1': {
     value: '0.25rem',
     variable: 'var(--sizes-1)',

package/styled-system/tokens/tokens.d.ts

@@ -1,7 +1,10 @@
-export type Token = "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "fontWeights.thin" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.black" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.snug" | "lineHeights.normal" | "lineHeights.relaxed" | "lineHeights.loose" | "fonts.sans" | "fonts.serif" | "fonts.mono" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "fontSizes.2xs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "fontSizes.5xl" | "fontSizes.6xl" | "fontSizes.7xl" | "fontSizes.8xl" | "fontSizes.9xl" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "shadows.xl" | "shadows.2xl" | "shadows.inner" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.prose" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "colors.current" | "colors.black" | "colors.white" | "colors.transparent" | "colors.rose.50" | "colors.rose.100" | "colors.rose.200" | "colors.rose.300" | "colors.rose.400" | "colors.rose.500" | "colors.rose.600" | "colors.rose.700" | "colors.rose.800" | "colors.rose.900" | "colors.pink.50" | "colors.pink.100" | "colors.pink.200" | "colors.pink.300" | "colors.pink.400" | "colors.pink.500" | "colors.pink.600" | "colors.pink.700" | "colors.pink.800" | "colors.pink.900" | "colors.fuchsia.50" | "colors.fuchsia.100" | "colors.fuchsia.200" | "colors.fuchsia.300" | "colors.fuchsia.400" | "colors.fuchsia.500" | "colors.fuchsia.600" | "colors.fuchsia.700" | "colors.fuchsia.800" | "colors.fuchsia.900" | "colors.purple.50" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.indigo.50" | "colors.indigo.100" | "colors.indigo.200" | "colors.indigo.300" | "colors.indigo.400" | "colors.indigo.500" | "colors.indigo.600" | "colors.indigo.700" | "colors.indigo.800" | "colors.indigo.900" | "colors.blue.50" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.sky.50" | "colors.sky.100" | "colors.sky.200" | "colors.sky.300" | "colors.sky.400" | "colors.sky.500" | "colors.sky.600" | "colors.sky.700" | "colors.sky.800" | "colors.sky.900" | "colors.cyan.50" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.teal.50" | "colors.teal.100" | "colors.teal.200" | "colors.teal.300" | "colors.teal.400" | "colors.teal.500" | "colors.teal.600" | "colors.teal.700" | "colors.teal.800" | "colors.teal.900" | "colors.green.50" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.lime.50" | "colors.lime.100" | "colors.lime.200" | "colors.lime.300" | "colors.lime.400" | "colors.lime.500" | "colors.lime.600" | "colors.lime.700" | "colors.lime.800" | "colors.lime.900" | "colors.yellow.50" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.orange.50" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.red.50" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.gray.50" | "colors.gray.100" | "colors.gray.200" | "colors.gray.300" | "colors.gray.400" | "colors.gray.500" | "colors.gray.600" | "colors.gray.700" | "colors.gray.800" | "colors.gray.900" | "colors.slate.50" | "colors.slate.100" | "colors.slate.200" | "colors.slate.300" | "colors.slate.400" | "colors.slate.500" | "colors.slate.600" | "colors.slate.700" | "colors.slate.800" | "colors.slate.900" | "colors.neutral.50" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.950" | "assets.check" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "shadows.inset" | "colors.text" | "colors.bg" | "colors.card" | "colors.border" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.950"
+/* eslint-disable */
+export type Token = "borders.none" | "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "fontWeights.thin" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.black" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.snug" | "lineHeights.normal" | "lineHeights.relaxed" | "lineHeights.loose" | "fonts.sans" | "fonts.serif" | "fonts.mono" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "fontSizes.2xs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "fontSizes.5xl" | "fontSizes.6xl" | "fontSizes.7xl" | "fontSizes.8xl" | "fontSizes.9xl" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "shadows.xl" | "shadows.2xl" | "shadows.inner" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.prose" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "colors.current" | "colors.black" | "colors.white" | "colors.transparent" | "colors.rose.50" | "colors.rose.100" | "colors.rose.200" | "colors.rose.300" | "colors.rose.400" | "colors.rose.500" | "colors.rose.600" | "colors.rose.700" | "colors.rose.800" | "colors.rose.900" | "colors.pink.50" | "colors.pink.100" | "colors.pink.200" | "colors.pink.300" | "colors.pink.400" | "colors.pink.500" | "colors.pink.600" | "colors.pink.700" | "colors.pink.800" | "colors.pink.900" | "colors.fuchsia.50" | "colors.fuchsia.100" | "colors.fuchsia.200" | "colors.fuchsia.300" | "colors.fuchsia.400" | "colors.fuchsia.500" | "colors.fuchsia.600" | "colors.fuchsia.700" | "colors.fuchsia.800" | "colors.fuchsia.900" | "colors.purple.50" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.indigo.50" | "colors.indigo.100" | "colors.indigo.200" | "colors.indigo.300" | "colors.indigo.400" | "colors.indigo.500" | "colors.indigo.600" | "colors.indigo.700" | "colors.indigo.800" | "colors.indigo.900" | "colors.blue.50" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.sky.50" | "colors.sky.100" | "colors.sky.200" | "colors.sky.300" | "colors.sky.400" | "colors.sky.500" | "colors.sky.600" | "colors.sky.700" | "colors.sky.800" | "colors.sky.900" | "colors.cyan.50" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.teal.50" | "colors.teal.100" | "colors.teal.200" | "colors.teal.300" | "colors.teal.400" | "colors.teal.500" | "colors.teal.600" | "colors.teal.700" | "colors.teal.800" | "colors.teal.900" | "colors.green.50" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.lime.50" | "colors.lime.100" | "colors.lime.200" | "colors.lime.300" | "colors.lime.400" | "colors.lime.500" | "colors.lime.600" | "colors.lime.700" | "colors.lime.800" | "colors.lime.900" | "colors.yellow.50" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.orange.50" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.red.50" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.gray.50" | "colors.gray.100" | "colors.gray.200" | "colors.gray.300" | "colors.gray.400" | "colors.gray.500" | "colors.gray.600" | "colors.gray.700" | "colors.gray.800" | "colors.gray.900" | "colors.slate.50" | "colors.slate.100" | "colors.slate.200" | "colors.slate.300" | "colors.slate.400" | "colors.slate.500" | "colors.slate.600" | "colors.slate.700" | "colors.slate.800" | "colors.slate.900" | "colors.neutral.50" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.950" | "assets.check" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "shadows.inset" | "colors.text" | "colors.bg" | "colors.card" | "colors.border" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.950"
 
 export type ColorPalette = "rose" | "pink" | "fuchsia" | "purple" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "green" | "lime" | "yellow" | "orange" | "red" | "gray" | "slate" | "neutral"
 
+export type BorderToken = "none"
+
 export type EasingToken = "default" | "linear" | "in" | "out" | "in-out"
 
 export type DurationToken = "fastest" | "faster" | "fast" | "normal" | "slow" | "slower" | "slowest"
@@ -22,9 +25,9 @@ export type ShadowToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inner" | "
 
 export type BlurToken = "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl"
 
-export type SpacingToken = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5"
+export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5"
 
-export type SizeToken = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
+export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
 
 export type AnimationToken = "spin" | "ping" | "pulse" | "bounce"
 
@@ -35,6 +38,7 @@ export type AssetToken = "check"
 export type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl"
 
 export type Tokens = {
+		borders: BorderToken
 		easings: EasingToken
 		durations: DurationToken
 		radii: RadiusToken

package/styled-system/types/composition.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import type { CompositionStyleObject } from './system-types'
 
 type Recursive<T> = {

package/styled-system/types/conditions.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import type { AnySelector, Selectors } from './selectors'
 
 export type Conditions = {

package/styled-system/types/csstype.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable */
 export {};
 
 export type PropertyValue<TValue> = TValue extends Array<infer AValue>

package/styled-system/types/global.d.ts

@@ -1,8 +1,9 @@
-import { RecipeVariantRecord, RecipeConfig } from './recipe'
-import { Parts } from './parts'
-import { PatternConfig } from './pattern'
-import { GlobalStyleObject, SystemStyleObject } from './system-types'
-import { CompositionStyles } from './composition'
+/* eslint-disable */
+import type { RecipeVariantRecord, RecipeConfig } from './recipe'
+import type { Parts } from './parts'
+import type { PatternConfig } from './pattern'
+import type { GlobalStyleObject, SystemStyleObject } from './system-types'
+import type { CompositionStyles } from './composition'
 
 declare module '@pandacss/dev' {
   export function defineRecipe<V extends RecipeVariantRecord>(config: RecipeConfig<V>): RecipeConfig

package/styled-system/types/helpers.d.ts

@@ -1 +1,2 @@
+/* eslint-disable */
 export type Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never

package/styled-system/types/index.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import './global'
-export { ConditionalValue } from './conditions'
-export { GlobalStyleObject, JsxStyleProps, SystemStyleObject } from './system-types'
+export type { ConditionalValue } from './conditions'
+export type { GlobalStyleObject, JsxStyleProps, SystemStyleObject } from './system-types'

package/styled-system/types/jsx.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import type { ComponentProps, ElementType } from 'react'
 import type { Assign, JsxStyleProps, JsxHTMLProps } from './system-types'
 import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe'

package/styled-system/types/parts.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable */
 export type Part = {
   selector: string
 }

package/styled-system/types/pattern.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import type { CssProperty, SystemStyleObject } from './system-types'
 import type { TokenCategory } from '../tokens'