@mage-ui/preset 0.0.14 → 0.0.15

package/dist/recipes/atoms/buttons/button.js

@@ -1,226 +1,2 @@
-import { focus } from '../../shared/focus.js';
-
-const button = focus.merge({
-    className: 'button',
-    jsx: [
-        'Button'
-    ],
-    base: {
-        fontWeight: 'medium',
-        whiteSpace: 'nowrap',
-        alignItems: 'center',
-        justifyContent: 'center',
-        textAlign: 'center',
-        textDecoration: 'none',
-        borderRadius: '200',
-        cursor: 'pointer',
-        transition: '{animations.base.100}',
-        fill: 'currentColor',
-        stroke: 'currentColor',
-        _focus: {
-            outline: 'none',
-            boxShadow: 'none'
-        },
-        _active: {
-            outline: 'none!'
-        },
-        _disabled: {
-            opacity: '0.5',
-            pointerEvents: 'none'
-        }
-    },
-    variants: {
-        variant: {
-            unstyled: {},
-            filled: {
-                border: 'none'
-            },
-            outlined: {
-                backgroundColor: 'transparent',
-                borderWidth: '1px',
-                borderStyle: 'solid'
-            },
-            ghost: {
-                backgroundColor: 'transparent',
-                border: 'none'
-            }
-        },
-        color: {
-            unstyled: {},
-            primary: {},
-            neutral: {},
-            danger: {}
-        },
-        size: {
-            l: {
-                fontSize: '400',
-                height: 'control.height.300',
-                paddingX: '500',
-                gap: '300'
-            },
-            m: {
-                fontSize: '300',
-                height: 'control.height.200',
-                paddingX: '400',
-                gap: '200'
-            },
-            s: {
-                fontSize: '200',
-                height: 'control.height.100',
-                paddingX: '400',
-                gap: '200'
-            }
-        }
-    },
-    compoundVariants: [
-        {
-            variant: 'filled',
-            color: 'primary',
-            css: {
-                color: 'neutral.foreground.1.onBrand.enabled',
-                backgroundColor: 'primary.background.2.enabled',
-                _hover: {
-                    backgroundColor: 'primary.background.2.hovered'
-                },
-                _active: {
-                    backgroundColor: 'primary.background.2.actived'
-                }
-            }
-        },
-        {
-            variant: 'filled',
-            color: 'neutral',
-            css: {
-                color: 'neutral.foreground.1.onBrand.enabled',
-                backgroundColor: 'neutral.background.6.enabled',
-                _hover: {
-                    backgroundColor: 'neutral.background.6.hovered'
-                },
-                _active: {
-                    backgroundColor: 'neutral.background.6.actived'
-                }
-            }
-        },
-        {
-            variant: 'filled',
-            color: 'danger',
-            css: {
-                color: 'neutral.foreground.1.onBrand.enabled',
-                backgroundColor: 'danger.background.1.enabled',
-                _hover: {
-                    backgroundColor: 'danger.background.1.hovered'
-                },
-                _active: {
-                    backgroundColor: 'danger.background.1.actived'
-                }
-            }
-        },
-        {
-            variant: 'outlined',
-            color: 'primary',
-            css: {
-                color: 'primary.foreground.2.enabled',
-                borderColor: 'primary.stroke.3.enabled',
-                _hover: {
-                    color: 'primary.foreground.2.hovered',
-                    backgroundColor: 'neutral.background.2.hovered',
-                    borderColor: 'primary.stroke.3.hovered'
-                },
-                _active: {
-                    color: 'primary.foreground.2.actived',
-                    backgroundColor: 'neutral.background.2.actived',
-                    borderColor: 'primary.stroke.3.actived'
-                }
-            }
-        },
-        {
-            variant: 'outlined',
-            color: 'neutral',
-            css: {
-                color: 'neutral.foreground.2.enabled',
-                borderColor: 'neutral.stroke.7.enabled',
-                _hover: {
-                    color: 'neutral.foreground.2.hovered',
-                    backgroundColor: 'neutral.background.2.hovered',
-                    borderColor: 'neutral.stroke.7.hovered'
-                },
-                _active: {
-                    color: 'neutral.foreground.2.actived',
-                    backgroundColor: 'neutral.background.2.actived',
-                    borderColor: 'neutral.stroke.7.actived'
-                }
-            }
-        },
-        {
-            variant: 'outlined',
-            color: 'danger',
-            css: {
-                color: 'danger.foreground.1.enabled',
-                borderColor: 'danger.stroke.1.enabled',
-                _hover: {
-                    color: 'danger.foreground.1.hovered',
-                    backgroundColor: 'neutral.background.2.hovered',
-                    borderColor: 'danger.stroke.1.hovered'
-                },
-                _active: {
-                    color: 'danger.foreground.1.actived',
-                    backgroundColor: 'neutral.background.2.actived',
-                    borderColor: 'danger.stroke.1.actived'
-                }
-            }
-        },
-        {
-            variant: 'ghost',
-            color: 'primary',
-            css: {
-                color: 'primary.foreground.2.enabled',
-                _hover: {
-                    color: 'primary.foreground.2.hovered',
-                    backgroundColor: 'neutral.background.2.hovered'
-                },
-                _active: {
-                    color: 'primary.foreground.2.actived',
-                    backgroundColor: 'neutral.background.2.actived'
-                }
-            }
-        },
-        {
-            variant: 'ghost',
-            color: 'neutral',
-            css: {
-                color: 'neutral.foreground.2.enabled',
-                _hover: {
-                    color: 'neutral.foreground.2.hovered',
-                    backgroundColor: 'neutral.background.2.hovered'
-                },
-                _active: {
-                    color: 'neutral.foreground.2.actived',
-                    backgroundColor: 'neutral.background.2.actived'
-                }
-            }
-        },
-        {
-            variant: 'ghost',
-            color: 'danger',
-            css: {
-                color: 'danger.foreground.1.enabled',
-                _hover: {
-                    color: 'danger.foreground.1.hovered',
-                    backgroundColor: 'neutral.background.2.hovered'
-                },
-                _active: {
-                    color: 'danger.foreground.1.actived',
-                    backgroundColor: 'neutral.background.2.actived'
-                }
-            }
-        }
-    ],
-    defaultVariants: {
-        variant: 'filled',
-        color: 'neutral',
-        size: 'm'
-    }
-});
-
-export { button };
-//# sourceMappingURL=button.js.map
+import{focus as e}from"../../shared/focus.js";const t=e.merge({className:`button`,jsx:[`Button`],base:{fontWeight:`medium`,whiteSpace:`nowrap`,alignItems:`center`,justifyContent:`center`,textAlign:`center`,textDecoration:`none`,borderRadius:`200`,cursor:`pointer`,transition:`{animations.base.100}`,fill:`currentColor`,stroke:`currentColor`,_focus:{outline:`none`,boxShadow:`none`},_active:{outline:`none!`},_disabled:{opacity:`0.5`,pointerEvents:`none`}},variants:{variant:{unstyled:{},filled:{border:`none`},outlined:{backgroundColor:`transparent`,borderWidth:`1px`,borderStyle:`solid`},ghost:{backgroundColor:`transparent`,border:`none`}},color:{unstyled:{},primary:{},neutral:{},danger:{}},size:{l:{fontSize:`400`,height:`control.height.300`,paddingX:`500`,gap:`300`},m:{fontSize:`300`,height:`control.height.200`,paddingX:`400`,gap:`200`},s:{fontSize:`200`,height:`control.height.100`,paddingX:`400`,gap:`200`}}},compoundVariants:[{variant:`filled`,color:`primary`,css:{color:`neutral.foreground.1.onBrand.enabled`,backgroundColor:`primary.background.2.enabled`,_hover:{backgroundColor:`primary.background.2.hovered`},_active:{backgroundColor:`primary.background.2.actived`}}},{variant:`filled`,color:`neutral`,css:{color:`neutral.foreground.1.onBrand.enabled`,backgroundColor:`neutral.background.6.enabled`,_hover:{backgroundColor:`neutral.background.6.hovered`},_active:{backgroundColor:`neutral.background.6.actived`}}},{variant:`filled`,color:`danger`,css:{color:`neutral.foreground.1.onBrand.enabled`,backgroundColor:`danger.background.1.enabled`,_hover:{backgroundColor:`danger.background.1.hovered`},_active:{backgroundColor:`danger.background.1.actived`}}},{variant:`outlined`,color:`primary`,css:{color:`primary.foreground.2.enabled`,borderColor:`primary.stroke.3.enabled`,_hover:{color:`primary.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`,borderColor:`primary.stroke.3.hovered`},_active:{color:`primary.foreground.2.actived`,backgroundColor:`neutral.background.2.actived`,borderColor:`primary.stroke.3.actived`}}},{variant:`outlined`,color:`neutral`,css:{color:`neutral.foreground.2.enabled`,borderColor:`neutral.stroke.7.enabled`,_hover:{color:`neutral.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`,borderColor:`neutral.stroke.7.hovered`},_active:{color:`neutral.foreground.2.actived`,backgroundColor:`neutral.background.2.actived`,borderColor:`neutral.stroke.7.actived`}}},{variant:`outlined`,color:`danger`,css:{color:`danger.foreground.1.enabled`,borderColor:`danger.stroke.1.enabled`,_hover:{color:`danger.foreground.1.hovered`,backgroundColor:`neutral.background.2.hovered`,borderColor:`danger.stroke.1.hovered`},_active:{color:`danger.foreground.1.actived`,backgroundColor:`neutral.background.2.actived`,borderColor:`danger.stroke.1.actived`}}},{variant:`ghost`,color:`primary`,css:{color:`primary.foreground.2.enabled`,_hover:{color:`primary.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`},_active:{color:`primary.foreground.2.actived`,backgroundColor:`neutral.background.2.actived`}}},{variant:`ghost`,color:`neutral`,css:{color:`neutral.foreground.2.enabled`,_hover:{color:`neutral.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`},_active:{color:`neutral.foreground.2.actived`,backgroundColor:`neutral.background.2.actived`}}},{variant:`ghost`,color:`danger`,css:{color:`danger.foreground.1.enabled`,_hover:{color:`danger.foreground.1.hovered`,backgroundColor:`neutral.background.2.hovered`},_active:{color:`danger.foreground.1.actived`,backgroundColor:`neutral.background.2.actived`}}}],defaultVariants:{variant:`filled`,color:`neutral`,size:`m`}});export{t as button};
+//# sourceMappingURL=button.js.map

package/dist/recipes/atoms/buttons/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/recipes/atoms/buttons/button.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { focus } from '../../shared/focus';\n\nexport const button = focus.merge({\n  className: 'button',\n  jsx: ['Button'],\n  base: {\n    fontWeight: 'medium',\n    whiteSpace: 'nowrap',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'center',\n    textDecoration: 'none',\n    borderRadius: '200',\n    cursor: 'pointer',\n    transition: '{animations.base.100}',\n    fill: 'currentColor',\n    stroke: 'currentColor',\n    _focus: {\n      outline: 'none',\n      boxShadow: 'none',\n    },\n    _active: {\n      outline: 'none!',\n    },\n    _disabled: {\n      opacity: '0.5',\n      pointerEvents: 'none',\n    },\n  },\n  variants: {\n    variant: {\n      unstyled: {},\n      filled: {\n        border: 'none',\n      },\n      outlined: {\n        backgroundColor: 'transparent',\n        borderWidth: '1px',\n        borderStyle: 'solid',\n      },\n      ghost: {\n        backgroundColor: 'transparent',\n        border: 'none',\n      },\n    },\n    color: {\n      unstyled: {},\n      primary: {},\n      neutral: {},\n      danger: {},\n    },\n    size: {\n      l: {\n        fontSize: '400',\n        height: 'control.height.300',\n        paddingX: '500',\n        gap: '300',\n      },\n      m: {\n        fontSize: '300',\n        height: 'control.height.200',\n        paddingX: '400',\n        gap: '200',\n      },\n      s: {\n        fontSize: '200',\n        height: 'control.height.100',\n        paddingX: '400',\n        gap: '200',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'filled',\n      color: 'primary',\n      css: {\n        color: 'neutral.foreground.1.onBrand.enabled',\n        backgroundColor: 'primary.background.2.enabled',\n        _hover: {\n          backgroundColor: 'primary.background.2.hovered',\n        },\n        _active: {\n          backgroundColor: 'primary.background.2.actived',\n        },\n      },\n    },\n    {\n      variant: 'filled',\n      color: 'neutral',\n      css: {\n        color: 'neutral.foreground.1.onBrand.enabled',\n        backgroundColor: 'neutral.background.6.enabled',\n        _hover: {\n          backgroundColor: 'neutral.background.6.hovered',\n        },\n        _active: {\n          backgroundColor: 'neutral.background.6.actived',\n        },\n      },\n    },\n    {\n      variant: 'filled',\n      color: 'danger',\n      css: {\n        color: 'neutral.foreground.1.onBrand.enabled',\n        backgroundColor: 'danger.background.1.enabled',\n        _hover: {\n          backgroundColor: 'danger.background.1.hovered',\n        },\n        _active: {\n          backgroundColor: 'danger.background.1.actived',\n        },\n      },\n    },\n    {\n      variant: 'outlined',\n      color: 'primary',\n      css: {\n        color: 'primary.foreground.2.enabled',\n        borderColor: 'primary.stroke.3.enabled',\n        _hover: {\n          color: 'primary.foreground.2.hovered',\n          backgroundColor: 'neutral.background.2.hovered',\n          borderColor: 'primary.stroke.3.hovered',\n        },\n        _active: {\n          color: 'primary.foreground.2.actived',\n          backgroundColor: 'neutral.background.2.actived',\n          borderColor: 'primary.stroke.3.actived',\n        },\n      },\n    },\n    {\n      variant: 'outlined',\n      color: 'neutral',\n      css: {\n        color: 'neutral.foreground.2.enabled',\n        borderColor: 'neutral.stroke.7.enabled',\n        _hover: {\n          color: 'neutral.foreground.2.hovered',\n          backgroundColor: 'neutral.background.2.hovered',\n          borderColor: 'neutral.stroke.7.hovered',\n        },\n        _active: {\n          color: 'neutral.foreground.2.actived',\n          backgroundColor: 'neutral.background.2.actived',\n          borderColor: 'neutral.stroke.7.actived',\n        },\n      },\n    },\n    {\n      variant: 'outlined',\n      color: 'danger',\n      css: {\n        color: 'danger.foreground.1.enabled',\n        borderColor: 'danger.stroke.1.enabled',\n        _hover: {\n          color: 'danger.foreground.1.hovered',\n          backgroundColor: 'neutral.background.2.hovered',\n          borderColor: 'danger.stroke.1.hovered',\n        },\n        _active: {\n          color: 'danger.foreground.1.actived',\n          backgroundColor: 'neutral.background.2.actived',\n          borderColor: 'danger.stroke.1.actived',\n        },\n      },\n    },\n    {\n      variant: 'ghost',\n      color: 'primary',\n      css: {\n        color: 'primary.foreground.2.enabled',\n        _hover: {\n          color: 'primary.foreground.2.hovered',\n          backgroundColor: 'neutral.background.2.hovered',\n        },\n        _active: {\n          color: 'primary.foreground.2.actived',\n          backgroundColor: 'neutral.background.2.actived',\n        },\n      },\n    },\n    {\n      variant: 'ghost',\n      color: 'neutral',\n      css: {\n        color: 'neutral.foreground.2.enabled',\n        _hover: {\n          color: 'neutral.foreground.2.hovered',\n          backgroundColor: 'neutral.background.2.hovered',\n        },\n        _active: {\n          color: 'neutral.foreground.2.actived',\n          backgroundColor: 'neutral.background.2.actived',\n        },\n      },\n    },\n    {\n      variant: 'ghost',\n      color: 'danger',\n      css: {\n        color: 'danger.foreground.1.enabled',\n        _hover: {\n          color: 'danger.foreground.1.hovered',\n          backgroundColor: 'neutral.background.2.hovered',\n        },\n        _active: {\n          color: 'danger.foreground.1.actived',\n          backgroundColor: 'neutral.background.2.actived',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: 'filled',\n    color: 'neutral',\n    size: 'm',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["button","focus","merge","className","jsx","base","fontWeight","whiteSpace","alignItems","justifyContent","textAlign","textDecoration","borderRadius","cursor","transition","fill","stroke","_focus","outline","boxShadow","_active","_disabled","opacity","pointerEvents","variants","variant","unstyled","filled","border","outlined","backgroundColor","borderWidth","borderStyle","ghost","color","primary","neutral","danger","size","l","fontSize","height","paddingX","gap","m","s","compoundVariants","css","_hover","borderColor","defaultVariants"],"mappings":"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"}
+{"version":3,"file":"button.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { focus } from '../../shared/focus';\n\nexport const button = focus.merge({\n  className: 'button',\n  jsx: ['Button'],\n  base: {\n    fontWeight: 'medium',\n    whiteSpace: 'nowrap',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'center',\n    textDecoration: 'none',\n    borderRadius: '200',\n    cursor: 'pointer',\n    transition: '{animations.base.100}',\n    fill: 'currentColor',\n    stroke: 'currentColor',\n    _focus: {\n      outline: 'none',\n      boxShadow: 'none',\n    },\n    _active: {\n      outline: 'none!',\n    },\n    _disabled: {\n      opacity: '0.5',\n      pointerEvents: 'none',\n    },\n  },\n  variants: {\n    variant: {\n      unstyled: {},\n      filled: {\n        border: 'none',\n      },\n      outlined: {\n        backgroundColor: 'transparent',\n        borderWidth: '1px',\n        borderStyle: 'solid',\n      },\n      ghost: {\n        backgroundColor: 'transparent',\n        border: 'none',\n      },\n    },\n    color: {\n      unstyled: {},\n      primary: {},\n      neutral: {},\n      danger: {},\n    },\n    size: {\n      l: {\n        fontSize: '400',\n        height: 'control.height.300',\n        paddingX: '500',\n        gap: '300',\n      },\n      m: {\n        fontSize: '300',\n        height: 'control.height.200',\n        paddingX: '400',\n        gap: '200',\n      },\n      s: {\n        fontSize: '200',\n        height: 'control.height.100',\n        paddingX: '400',\n        gap: '200',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'filled',\n      color: 'primary',\n      css: {\n        color: 'neutral.foreground.1.onBrand.enabled',\n        backgroundColor: 'primary.background.2.enabled',\n        _hover: {\n          backgroundColor: 'primary.background.2.hovered',\n        },\n        _active: {\n          backgroundColor: 'primary.background.2.actived',\n        },\n      },\n    },\n    {\n      variant: 'filled',\n      color: 'neutral',\n      css: {\n        color: 'neutral.foreground.1.onBrand.enabled',\n        backgroundColor: 'neutral.background.6.enabled',\n        _hover: {\n          backgroundColor: 'neutral.background.6.hovered',\n        },\n        _active: {\n          backgroundColor: 'neutral.background.6.actived',\n        },\n      },\n    },\n    {\n      variant: 'filled',\n      color: 'danger',\n      css: {\n        color: 'neutral.foreground.1.onBrand.enabled',\n        backgroundColor: 'danger.background.1.enabled',\n        _hover: {\n          backgroundColor: 'danger.background.1.hovered',\n        },\n        _active: {\n          backgroundColor: 'danger.background.1.actived',\n        },\n      },\n    },\n    {\n      variant: 'outlined',\n      color: 'primary',\n      css: {\n        color: 'primary.foreground.2.enabled',\n        borderColor: 'primary.stroke.3.enabled',\n        _hover: {\n          color: 'primary.foreground.2.hovered',\n          backgroundColor: 'neutral.background.2.hovered',\n          borderColor: 'primary.stroke.3.hovered',\n        },\n        _active: {\n          color: 'primary.foreground.2.actived',\n          backgroundColor: 'neutral.background.2.actived',\n          borderColor: 'primary.stroke.3.actived',\n        },\n      },\n    },\n    {\n      variant: 'outlined',\n      color: 'neutral',\n      css: {\n        color: 'neutral.foreground.2.enabled',\n        borderColor: 'neutral.stroke.7.enabled',\n        _hover: {\n          color: 'neutral.foreground.2.hovered',\n          backgroundColor: 'neutral.background.2.hovered',\n          borderColor: 'neutral.stroke.7.hovered',\n        },\n        _active: {\n          color: 'neutral.foreground.2.actived',\n          backgroundColor: 'neutral.background.2.actived',\n          borderColor: 'neutral.stroke.7.actived',\n        },\n      },\n    },\n    {\n      variant: 'outlined',\n      color: 'danger',\n      css: {\n        color: 'danger.foreground.1.enabled',\n        borderColor: 'danger.stroke.1.enabled',\n        _hover: {\n          color: 'danger.foreground.1.hovered',\n          backgroundColor: 'neutral.background.2.hovered',\n          borderColor: 'danger.stroke.1.hovered',\n        },\n        _active: {\n          color: 'danger.foreground.1.actived',\n          backgroundColor: 'neutral.background.2.actived',\n          borderColor: 'danger.stroke.1.actived',\n        },\n      },\n    },\n    {\n      variant: 'ghost',\n      color: 'primary',\n      css: {\n        color: 'primary.foreground.2.enabled',\n        _hover: {\n          color: 'primary.foreground.2.hovered',\n          backgroundColor: 'neutral.background.2.hovered',\n        },\n        _active: {\n          color: 'primary.foreground.2.actived',\n          backgroundColor: 'neutral.background.2.actived',\n        },\n      },\n    },\n    {\n      variant: 'ghost',\n      color: 'neutral',\n      css: {\n        color: 'neutral.foreground.2.enabled',\n        _hover: {\n          color: 'neutral.foreground.2.hovered',\n          backgroundColor: 'neutral.background.2.hovered',\n        },\n        _active: {\n          color: 'neutral.foreground.2.actived',\n          backgroundColor: 'neutral.background.2.actived',\n        },\n      },\n    },\n    {\n      variant: 'ghost',\n      color: 'danger',\n      css: {\n        color: 'danger.foreground.1.enabled',\n        _hover: {\n          color: 'danger.foreground.1.hovered',\n          backgroundColor: 'neutral.background.2.hovered',\n        },\n        _active: {\n          color: 'danger.foreground.1.actived',\n          backgroundColor: 'neutral.background.2.actived',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: 'filled',\n    color: 'neutral',\n    size: 'm',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAMA,MAAa,EAAS,EAAM,MAAM,CAChC,UAAW,SACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,WAAY,SACZ,WAAY,SACZ,WAAY,SACZ,eAAgB,SAChB,UAAW,SACX,eAAgB,OAChB,aAAc,MACd,OAAQ,UACR,WAAY,wBACZ,KAAM,eACN,OAAQ,eACR,OAAQ,CACN,QAAS,OACT,UAAW,MACZ,EACD,QAAS,CACP,QAAS,OACV,EACD,UAAW,CACT,QAAS,MACT,cAAe,MAChB,CACF,EACD,SAAU,CACR,QAAS,CACP,SAAU,CAAE,EACZ,OAAQ,CACN,OAAQ,MACT,EACD,SAAU,CACR,gBAAiB,cACjB,YAAa,MACb,YAAa,OACd,EACD,MAAO,CACL,gBAAiB,cACjB,OAAQ,MACT,CACF,EACD,MAAO,CACL,SAAU,CAAE,EACZ,QAAS,CAAE,EACX,QAAS,CAAE,EACX,OAAQ,CAAE,CACX,EACD,KAAM,CACJ,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,KACN,EACD,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,KACN,EACD,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,KACN,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,+BACjB,OAAQ,CACN,gBAAiB,8BAClB,EACD,QAAS,CACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,+BACjB,OAAQ,CACN,gBAAiB,8BAClB,EACD,QAAS,CACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,SACT,MAAO,SACP,IAAK,CACH,MAAO,uCACP,gBAAiB,8BACjB,OAAQ,CACN,gBAAiB,6BAClB,EACD,QAAS,CACP,gBAAiB,6BAClB,CACF,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,CACF,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,CACF,CACF,EACD,CACE,QAAS,WACT,MAAO,SACP,IAAK,CACH,MAAO,8BACP,YAAa,0BACb,OAAQ,CACN,MAAO,8BACP,gBAAiB,+BACjB,YAAa,yBACd,EACD,QAAS,CACP,MAAO,8BACP,gBAAiB,+BACjB,YAAa,yBACd,CACF,CACF,EACD,CACE,QAAS,QACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,OAAQ,CACN,MAAO,+BACP,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,QACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,OAAQ,CACN,MAAO,+BACP,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,QACT,MAAO,SACP,IAAK,CACH,MAAO,8BACP,OAAQ,CACN,MAAO,8BACP,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,8BACP,gBAAiB,8BAClB,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,SACT,MAAO,UACP,KAAM,GACP,CACF,EAAC"}

package/dist/recipes/atoms/buttons/index.js

@@ -1,18 +1,2 @@
-import { button } from './button.js';
-import { buttonIcon } from './button-icon.js';
-import { buttonIconIcon } from './button-icon-icon.js';
-import { buttonInner } from './button-inner.js';
-import { buttonLabel } from './button-label.js';
-import { buttonSection } from './button-section.js';
-
-const buttons = {
-    button,
-    buttonIcon,
-    buttonIconIcon,
-    buttonInner,
-    buttonLabel,
-    buttonSection
-};
-
-export { buttons };
-//# sourceMappingURL=index.js.map
+import{button as e}from"./button.js";import{buttonIcon as t}from"./button-icon.js";import{buttonIconIcon as n}from"./button-icon-icon.js";import{buttonInner as r}from"./button-inner.js";import{buttonLabel as i}from"./button-label.js";import{buttonSection as a}from"./button-section.js";const o={button:e,buttonIcon:t,buttonIconIcon:n,buttonInner:r,buttonLabel:i,buttonSection:a};export{o as buttons};
+//# sourceMappingURL=index.js.map

package/dist/recipes/atoms/buttons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/recipes/atoms/buttons/index.ts"],"sourcesContent":["import { button } from './button';\nimport { buttonIcon } from './button-icon';\nimport { buttonIconIcon } from './button-icon-icon';\nimport { buttonInner } from './button-inner';\nimport { buttonLabel } from './button-label';\nimport { buttonSection } from './button-section';\n\nexport const buttons = {\n  button,\n  buttonIcon,\n  buttonIconIcon,\n  buttonInner,\n  buttonLabel,\n  buttonSection,\n};\n"],"names":["buttons","button","buttonIcon","buttonIconIcon","buttonInner","buttonLabel","buttonSection"],"mappings":";;;;;;;MAOaA,OAAU,GAAA;AACrBC,IAAAA,MAAAA;AACAC,IAAAA,UAAAA;AACAC,IAAAA,cAAAA;AACAC,IAAAA,WAAAA;AACAC,IAAAA,WAAAA;AACAC,IAAAA;AACF;;;;"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/index.ts"],"sourcesContent":["import { button } from './button';\nimport { buttonIcon } from './button-icon';\nimport { buttonIconIcon } from './button-icon-icon';\nimport { buttonInner } from './button-inner';\nimport { buttonLabel } from './button-label';\nimport { buttonSection } from './button-section';\n\nexport const buttons = {\n  button,\n  buttonIcon,\n  buttonIconIcon,\n  buttonInner,\n  buttonLabel,\n  buttonSection,\n};\n"],"mappings":"8RAOA,MAAa,EAAU,CACrB,SACA,aACA,iBACA,cACA,cACA,eACD"}

package/dist/recipes/atoms/dropdown/dropdown.js

@@ -1,22 +1,2 @@
-import { defineRecipe } from '@pandabox/define-recipe';
-
-const dropdown = defineRecipe({
-    className: 'dropdown',
-    base: {
-        marginTop: '0!',
-        position: 'absolute!',
-        backgroundColor: 'neutral.background.1.enabled',
-        borderWidth: '{borders.100}',
-        borderStyle: 'solid',
-        borderColor: 'neutral.stroke.7.enabled',
-        borderRadius: '200',
-        maxHeight: '33vh!',
-        overflowY: 'auto',
-        padding: '100',
-        boxShadow: 'outside.y.2'
-    },
-    variants: {}
-});
-
-export { dropdown };
-//# sourceMappingURL=dropdown.js.map
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown`,base:{marginTop:`0!`,position:`absolute!`,backgroundColor:`neutral.background.1.enabled`,borderWidth:`{borders.100}`,borderStyle:`solid`,borderColor:`neutral.stroke.7.enabled`,borderRadius:`200`,maxHeight:`33vh!`,overflowY:`auto`,padding:`100`,boxShadow:`outside.y.2`},variants:{}});export{t as dropdown};
+//# sourceMappingURL=dropdown.js.map

package/dist/recipes/atoms/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sources":["../../../../src/recipes/atoms/dropdown/dropdown.ts"],"sourcesContent":["import { type RecipeBuilder, defineRecipe } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const dropdown = defineRecipe({\n  className: 'dropdown',\n  base: {\n    marginTop: '0!',\n    position: 'absolute!',\n    backgroundColor: 'neutral.background.1.enabled',\n    borderWidth: '{borders.100}',\n    borderStyle: 'solid',\n    borderColor: 'neutral.stroke.7.enabled',\n    borderRadius: '200',\n    maxHeight: '33vh!',\n    overflowY: 'auto',\n    padding: '100',\n    boxShadow: 'outside.y.2',\n  },\n  variants: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["dropdown","defineRecipe","className","base","marginTop","position","backgroundColor","borderWidth","borderStyle","borderColor","borderRadius","maxHeight","overflowY","padding","boxShadow","variants"],"mappings":";;AAGO,MAAMA,WAAWC,YAAa,CAAA;IACnCC,SAAW,EAAA,UAAA;IACXC,IAAM,EAAA;QACJC,SAAW,EAAA,IAAA;QACXC,QAAU,EAAA,WAAA;QACVC,eAAiB,EAAA,8BAAA;QACjBC,WAAa,EAAA,eAAA;QACbC,WAAa,EAAA,OAAA;QACbC,WAAa,EAAA,0BAAA;QACbC,YAAc,EAAA,KAAA;QACdC,SAAW,EAAA,OAAA;QACXC,SAAW,EAAA,MAAA;QACXC,OAAS,EAAA,KAAA;QACTC,SAAW,EAAA;AACb,KAAA;AACAC,IAAAA,QAAAA,EAAU;AACZ,CAAyC;;;;"}
+{"version":3,"file":"dropdown.js","names":[],"sources":["../../../../src/recipes/atoms/dropdown/dropdown.ts"],"sourcesContent":["import { type RecipeBuilder, defineRecipe } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const dropdown = defineRecipe({\n  className: 'dropdown',\n  base: {\n    marginTop: '0!',\n    position: 'absolute!',\n    backgroundColor: 'neutral.background.1.enabled',\n    borderWidth: '{borders.100}',\n    borderStyle: 'solid',\n    borderColor: 'neutral.stroke.7.enabled',\n    borderRadius: '200',\n    maxHeight: '33vh!',\n    overflowY: 'auto',\n    padding: '100',\n    boxShadow: 'outside.y.2',\n  },\n  variants: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,KAAM,CACJ,UAAW,KACX,SAAU,YACV,gBAAiB,+BACjB,YAAa,gBACb,YAAa,QACb,YAAa,2BACb,aAAc,MACd,UAAW,QACX,UAAW,OACX,QAAS,MACT,UAAW,aACZ,EACD,SAAU,CAAE,CACb,EAAC"}

package/dist/recipes/atoms/icon/icon.js

@@ -1,85 +1,2 @@
-import { defineSlotRecipe } from '@pandabox/define-recipe';
-
-const icon = defineSlotRecipe({
-    className: 'icon',
-    jsx: [
-        'Icon'
-    ],
-    slots: [
-        'root',
-        'svg'
-    ],
-    base: {
-        root: {
-            display: 'inline-flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            flexShrink: 0,
-            aspectRatio: '1',
-            transition: 'all 0.2s ease'
-        },
-        svg: {
-            fill: 'none',
-            stroke: 'currentColor',
-            display: 'block',
-            width: '100%',
-            aspectRatio: '1',
-            pointerEvents: 'none'
-        }
-    },
-    variants: {
-        size: {
-            xs: {
-                root: {
-                    height: '0.75rem',
-                    width: '0.75rem'
-                },
-                svg: {
-                    strokeWidth: '1'
-                }
-            },
-            s: {
-                root: {
-                    height: '1rem',
-                    width: '1rem'
-                },
-                svg: {
-                    strokeWidth: '1.5'
-                }
-            },
-            m: {
-                root: {
-                    height: '1.25rem',
-                    width: '1.25rem'
-                },
-                svg: {
-                    strokeWidth: '1.5'
-                }
-            },
-            l: {
-                root: {
-                    height: '1.375rem',
-                    width: '1.375rem'
-                },
-                svg: {
-                    strokeWidth: '1.5'
-                }
-            },
-            xl: {
-                root: {
-                    height: '1.5rem',
-                    width: '1.5rem'
-                },
-                svg: {
-                    strokeWidth: '1.5'
-                }
-            }
-        }
-    },
-    defaultVariants: {
-        size: 'm'
-    }
-});
-
-export { icon };
-//# sourceMappingURL=icon.js.map
+import{defineSlotRecipe as e}from"@pandabox/define-recipe";const t=e({className:`icon`,jsx:[`Icon`],slots:[`root`,`svg`],base:{root:{display:`inline-flex`,justifyContent:`center`,alignItems:`center`,flexShrink:0,aspectRatio:`1`,transition:`all 0.2s ease`},svg:{fill:`none`,stroke:`currentColor`,display:`block`,width:`100%`,aspectRatio:`1`,pointerEvents:`none`}},variants:{size:{xs:{root:{height:`0.75rem`,width:`0.75rem`},svg:{strokeWidth:`1`}},s:{root:{height:`1rem`,width:`1rem`},svg:{strokeWidth:`1.5`}},m:{root:{height:`1.25rem`,width:`1.25rem`},svg:{strokeWidth:`1.5`}},l:{root:{height:`1.375rem`,width:`1.375rem`},svg:{strokeWidth:`1.5`}},xl:{root:{height:`1.5rem`,width:`1.5rem`},svg:{strokeWidth:`1.5`}}}},defaultVariants:{size:`m`}});export{t as icon};
+//# sourceMappingURL=icon.js.map

package/dist/recipes/atoms/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../src/recipes/atoms/icon/icon.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandabox/define-recipe';\n\nexport const icon = defineSlotRecipe({\n  className: 'icon',\n  jsx: ['Icon'],\n  slots: ['root', 'svg'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      flexShrink: 0,\n      aspectRatio: '1',\n      transition: 'all 0.2s ease',\n    },\n    svg: {\n      fill: 'none',\n      stroke: 'currentColor',\n      display: 'block',\n      width: '100%',\n      aspectRatio: '1',\n      pointerEvents: 'none',\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        root: { height: '0.75rem', width: '0.75rem' },\n        svg: { strokeWidth: '1' },\n      },\n      s: {\n        root: { height: '1rem', width: '1rem' },\n        svg: { strokeWidth: '1.5' },\n      },\n      m: {\n        root: { height: '1.25rem', width: '1.25rem' },\n        svg: { strokeWidth: '1.5' },\n      },\n      l: {\n        root: { height: '1.375rem', width: '1.375rem' },\n        svg: { strokeWidth: '1.5' },\n      },\n      xl: {\n        root: { height: '1.5rem', width: '1.5rem' },\n        svg: { strokeWidth: '1.5' },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'm',\n  },\n});\n"],"names":["icon","defineSlotRecipe","className","jsx","slots","base","root","display","justifyContent","alignItems","flexShrink","aspectRatio","transition","svg","fill","stroke","width","pointerEvents","variants","size","xs","height","strokeWidth","s","m","l","xl","defaultVariants"],"mappings":";;AAEO,MAAMA,OAAOC,gBAAiB,CAAA;IACnCC,SAAW,EAAA,MAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAO,KAAA;IACbC,KAAO,EAAA;AAAC,QAAA,MAAA;AAAQ,QAAA;AAAM,KAAA;IACtBC,IAAM,EAAA;QACJC,IAAM,EAAA;YACJC,OAAS,EAAA,aAAA;YACTC,cAAgB,EAAA,QAAA;YAChBC,UAAY,EAAA,QAAA;YACZC,UAAY,EAAA,CAAA;YACZC,WAAa,EAAA,GAAA;YACbC,UAAY,EAAA;AACd,SAAA;QACAC,GAAK,EAAA;YACHC,IAAM,EAAA,MAAA;YACNC,MAAQ,EAAA,cAAA;YACRR,OAAS,EAAA,OAAA;YACTS,KAAO,EAAA,MAAA;YACPL,WAAa,EAAA,GAAA;YACbM,aAAe,EAAA;AACjB;AACF,KAAA;IACAC,QAAU,EAAA;QACRC,IAAM,EAAA;YACJC,EAAI,EAAA;gBACFd,IAAM,EAAA;oBAAEe,MAAQ,EAAA,SAAA;oBAAWL,KAAO,EAAA;AAAU,iBAAA;gBAC5CH,GAAK,EAAA;oBAAES,WAAa,EAAA;AAAI;AAC1B,aAAA;YACAC,CAAG,EAAA;gBACDjB,IAAM,EAAA;oBAAEe,MAAQ,EAAA,MAAA;oBAAQL,KAAO,EAAA;AAAO,iBAAA;gBACtCH,GAAK,EAAA;oBAAES,WAAa,EAAA;AAAM;AAC5B,aAAA;YACAE,CAAG,EAAA;gBACDlB,IAAM,EAAA;oBAAEe,MAAQ,EAAA,SAAA;oBAAWL,KAAO,EAAA;AAAU,iBAAA;gBAC5CH,GAAK,EAAA;oBAAES,WAAa,EAAA;AAAM;AAC5B,aAAA;YACAG,CAAG,EAAA;gBACDnB,IAAM,EAAA;oBAAEe,MAAQ,EAAA,UAAA;oBAAYL,KAAO,EAAA;AAAW,iBAAA;gBAC9CH,GAAK,EAAA;oBAAES,WAAa,EAAA;AAAM;AAC5B,aAAA;YACAI,EAAI,EAAA;gBACFpB,IAAM,EAAA;oBAAEe,MAAQ,EAAA,QAAA;oBAAUL,KAAO,EAAA;AAAS,iBAAA;gBAC1CH,GAAK,EAAA;oBAAES,WAAa,EAAA;AAAM;AAC5B;AACF;AACF,KAAA;IACAK,eAAiB,EAAA;QACfR,IAAM,EAAA;AACR;AACF,CAAG;;;;"}
+{"version":3,"file":"icon.js","names":[],"sources":["../../../../src/recipes/atoms/icon/icon.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandabox/define-recipe';\n\nexport const icon = defineSlotRecipe({\n  className: 'icon',\n  jsx: ['Icon'],\n  slots: ['root', 'svg'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      flexShrink: 0,\n      aspectRatio: '1',\n      transition: 'all 0.2s ease',\n    },\n    svg: {\n      fill: 'none',\n      stroke: 'currentColor',\n      display: 'block',\n      width: '100%',\n      aspectRatio: '1',\n      pointerEvents: 'none',\n    },\n  },\n  variants: {\n    size: {\n      xs: {\n        root: { height: '0.75rem', width: '0.75rem' },\n        svg: { strokeWidth: '1' },\n      },\n      s: {\n        root: { height: '1rem', width: '1rem' },\n        svg: { strokeWidth: '1.5' },\n      },\n      m: {\n        root: { height: '1.25rem', width: '1.25rem' },\n        svg: { strokeWidth: '1.5' },\n      },\n      l: {\n        root: { height: '1.375rem', width: '1.375rem' },\n        svg: { strokeWidth: '1.5' },\n      },\n      xl: {\n        root: { height: '1.5rem', width: '1.5rem' },\n        svg: { strokeWidth: '1.5' },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'm',\n  },\n});\n"],"mappings":"2DAEA,MAAa,EAAO,EAAiB,CACnC,UAAW,OACX,IAAK,CAAC,MAAO,EACb,MAAO,CAAC,OAAQ,KAAM,EACtB,KAAM,CACJ,KAAM,CACJ,QAAS,cACT,eAAgB,SAChB,WAAY,SACZ,WAAY,EACZ,YAAa,IACb,WAAY,eACb,EACD,IAAK,CACH,KAAM,OACN,OAAQ,eACR,QAAS,QACT,MAAO,OACP,YAAa,IACb,cAAe,MAChB,CACF,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,CAAE,OAAQ,UAAW,MAAO,SAAW,EAC7C,IAAK,CAAE,YAAa,GAAK,CAC1B,EACD,EAAG,CACD,KAAM,CAAE,OAAQ,OAAQ,MAAO,MAAQ,EACvC,IAAK,CAAE,YAAa,KAAO,CAC5B,EACD,EAAG,CACD,KAAM,CAAE,OAAQ,UAAW,MAAO,SAAW,EAC7C,IAAK,CAAE,YAAa,KAAO,CAC5B,EACD,EAAG,CACD,KAAM,CAAE,OAAQ,WAAY,MAAO,UAAY,EAC/C,IAAK,CAAE,YAAa,KAAO,CAC5B,EACD,GAAI,CACF,KAAM,CAAE,OAAQ,SAAU,MAAO,QAAU,EAC3C,IAAK,CAAE,YAAa,KAAO,CAC5B,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACP,CACF,EAAC"}

package/dist/recipes/atoms/inputs/checkbox/checkbox-body.js

@@ -1,18 +1,2 @@
-import { defineRecipe } from '@pandabox/define-recipe';
-
-const checkboxBody = defineRecipe({
-    className: 'checkbox-body',
-    jsx: [
-        'Checkbox'
-    ],
-    base: {
-        display: 'flex',
-        flexDirection: 'row',
-        ':is([data-label-position="left"]) &': {
-            flexDirection: 'row-reverse'
-        }
-    }
-});
-
-export { checkboxBody };
-//# sourceMappingURL=checkbox-body.js.map
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox-body`,jsx:[`Checkbox`],base:{display:`flex`,flexDirection:`row`,':is([data-label-position="left"]) &':{flexDirection:`row-reverse`}}});export{t as checkboxBody};
+//# sourceMappingURL=checkbox-body.js.map

package/dist/recipes/atoms/inputs/checkbox/checkbox-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-body.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-body.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const checkboxBody = defineRecipe({\n  className: 'checkbox-body',\n  jsx: ['Checkbox'],\n  base: {\n    display: 'flex',\n    flexDirection: 'row',\n    ':is([data-label-position=\"left\"]) &': {\n      flexDirection: 'row-reverse',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxBody","defineRecipe","className","jsx","base","display","flexDirection"],"mappings":";;AAMO,MAAMA,eAAeC,YAAa,CAAA;IACvCC,SAAW,EAAA,eAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;IACjBC,IAAM,EAAA;QACJC,OAAS,EAAA,MAAA;QACTC,aAAe,EAAA,KAAA;QACf,qCAAuC,EAAA;YACrCA,aAAe,EAAA;AACjB;AACF;AACF,CAAyC;;;;"}
+{"version":3,"file":"checkbox-body.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-body.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const checkboxBody = defineRecipe({\n  className: 'checkbox-body',\n  jsx: ['Checkbox'],\n  base: {\n    display: 'flex',\n    flexDirection: 'row',\n    ':is([data-label-position=\"left\"]) &': {\n      flexDirection: 'row-reverse',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,gBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,sCAAuC,CACrC,cAAe,aAChB,CACF,CACF,EAAC"}

package/dist/recipes/atoms/inputs/checkbox/checkbox-description.js

@@ -1,12 +1,2 @@
-import { inputDescription } from '../input-description.js';
-
-const checkboxDescription = inputDescription.merge({
-    className: 'checkbox-description',
-    jsx: [
-        'Checkbox'
-    ],
-    base: {}
-});
-
-export { checkboxDescription };
-//# sourceMappingURL=checkbox-description.js.map
+import{inputDescription as e}from"../input-description.js";const t=e.merge({className:`checkbox-description`,jsx:[`Checkbox`],base:{}});export{t as checkboxDescription};
+//# sourceMappingURL=checkbox-description.js.map

package/dist/recipes/atoms/inputs/checkbox/checkbox-description.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-description.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-description.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputDescription } from '../input-description';\n\nexport const checkboxDescription = inputDescription.merge({\n  className: 'checkbox-description',\n  jsx: ['Checkbox'],\n  base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxDescription","inputDescription","merge","className","jsx","base"],"mappings":";;AAMaA,MAAAA,mBAAAA,GAAsBC,gBAAiBC,CAAAA,KAAK,CAAC;IACxDC,SAAW,EAAA,sBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;AACjBC,IAAAA,IAAAA,EAAM;AACR,CAAyC;;;;"}
+{"version":3,"file":"checkbox-description.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-description.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputDescription } from '../input-description';\n\nexport const checkboxDescription = inputDescription.merge({\n  className: 'checkbox-description',\n  jsx: ['Checkbox'],\n  base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2DAMA,MAAa,EAAsB,EAAiB,MAAM,CACxD,UAAW,uBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CAAE,CACT,EAAC"}

package/dist/recipes/atoms/inputs/checkbox/checkbox-error.js

@@ -1,12 +1,2 @@
-import { inputError } from '../input-error.js';
-
-const checkboxError = inputError.merge({
-    className: 'checkbox-error',
-    jsx: [
-        'Checkbox'
-    ],
-    base: {}
-});
-
-export { checkboxError };
-//# sourceMappingURL=checkbox-error.js.map
+import{inputError as e}from"../input-error.js";const t=e.merge({className:`checkbox-error`,jsx:[`Checkbox`],base:{}});export{t as checkboxError};
+//# sourceMappingURL=checkbox-error.js.map

package/dist/recipes/atoms/inputs/checkbox/checkbox-error.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-error.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-error.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputError } from '../input-error';\n\nexport const checkboxError = inputError.merge({\n  className: 'checkbox-error',\n  jsx: ['Checkbox'],\n  base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxError","inputError","merge","className","jsx","base"],"mappings":";;AAMaA,MAAAA,aAAAA,GAAgBC,UAAWC,CAAAA,KAAK,CAAC;IAC5CC,SAAW,EAAA,gBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;AACjBC,IAAAA,IAAAA,EAAM;AACR,CAAyC;;;;"}
+{"version":3,"file":"checkbox-error.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-error.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputError } from '../input-error';\n\nexport const checkboxError = inputError.merge({\n  className: 'checkbox-error',\n  jsx: ['Checkbox'],\n  base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+CAMA,MAAa,EAAgB,EAAW,MAAM,CAC5C,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CAAE,CACT,EAAC"}

package/dist/recipes/atoms/inputs/checkbox/checkbox-icon.js

@@ -1,23 +1,2 @@
-import { defineRecipe } from '@pandabox/define-recipe';
-
-const checkboxIcon = defineRecipe({
-    className: 'checkbox-icon',
-    jsx: [
-        'Checkbox'
-    ],
-    base: {
-        color: 'neutral.foreground.static.inverted.enabled',
-        position: 'absolute',
-        inset: 0,
-        width: '60%',
-        margin: 'auto',
-        pointerEvents: 'none',
-        opacity: 0,
-        _peerChecked: {
-            opacity: 1
-        }
-    }
-});
-
-export { checkboxIcon };
-//# sourceMappingURL=checkbox-icon.js.map
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox-icon`,jsx:[`Checkbox`],base:{color:`neutral.foreground.static.inverted.enabled`,position:`absolute`,inset:0,width:`60%`,margin:`auto`,pointerEvents:`none`,opacity:0,_peerChecked:{opacity:1}}});export{t as checkboxIcon};
+//# sourceMappingURL=checkbox-icon.js.map

package/dist/recipes/atoms/inputs/checkbox/checkbox-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-icon.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-icon.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const checkboxIcon = defineRecipe({\n  className: 'checkbox-icon',\n  jsx: ['Checkbox'],\n  base: {\n    color: 'neutral.foreground.static.inverted.enabled',\n    position: 'absolute',\n    inset: 0,\n    width: '60%',\n    margin: 'auto',\n    pointerEvents: 'none',\n    opacity: 0,\n    _peerChecked: {\n      opacity: 1,\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxIcon","defineRecipe","className","jsx","base","color","position","inset","width","margin","pointerEvents","opacity","_peerChecked"],"mappings":";;AAMO,MAAMA,eAAeC,YAAa,CAAA;IACvCC,SAAW,EAAA,eAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;IACjBC,IAAM,EAAA;QACJC,KAAO,EAAA,4CAAA;QACPC,QAAU,EAAA,UAAA;QACVC,KAAO,EAAA,CAAA;QACPC,KAAO,EAAA,KAAA;QACPC,MAAQ,EAAA,MAAA;QACRC,aAAe,EAAA,MAAA;QACfC,OAAS,EAAA,CAAA;QACTC,YAAc,EAAA;YACZD,OAAS,EAAA;AACX;AACF;AACF,CAAyC;;;;"}
+{"version":3,"file":"checkbox-icon.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-icon.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const checkboxIcon = defineRecipe({\n  className: 'checkbox-icon',\n  jsx: ['Checkbox'],\n  base: {\n    color: 'neutral.foreground.static.inverted.enabled',\n    position: 'absolute',\n    inset: 0,\n    width: '60%',\n    margin: 'auto',\n    pointerEvents: 'none',\n    opacity: 0,\n    _peerChecked: {\n      opacity: 1,\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,gBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,MAAO,6CACP,SAAU,WACV,MAAO,EACP,MAAO,MACP,OAAQ,OACR,cAAe,OACf,QAAS,EACT,aAAc,CACZ,QAAS,CACV,CACF,CACF,EAAC"}

package/dist/recipes/atoms/inputs/checkbox/checkbox-inner.js

@@ -1,16 +1,2 @@
-import { defineRecipe } from '@pandabox/define-recipe';
-
-const checkboxInner = defineRecipe({
-    className: 'checkbox-inner',
-    jsx: [
-        'Checkbox'
-    ],
-    base: {
-        position: 'relative',
-        width: 'control.height.50',
-        height: 'control.height.50'
-    }
-});
-
-export { checkboxInner };
-//# sourceMappingURL=checkbox-inner.js.map
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox-inner`,jsx:[`Checkbox`],base:{position:`relative`,width:`control.height.50`,height:`control.height.50`}});export{t as checkboxInner};
+//# sourceMappingURL=checkbox-inner.js.map

package/dist/recipes/atoms/inputs/checkbox/checkbox-inner.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-inner.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-inner.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const checkboxInner = defineRecipe({\n  className: 'checkbox-inner',\n  jsx: ['Checkbox'],\n  base: {\n    position: 'relative',\n    width: 'control.height.50',\n    height: 'control.height.50',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxInner","defineRecipe","className","jsx","base","position","width","height"],"mappings":";;AAMO,MAAMA,gBAAgBC,YAAa,CAAA;IACxCC,SAAW,EAAA,gBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;IACjBC,IAAM,EAAA;QACJC,QAAU,EAAA,UAAA;QACVC,KAAO,EAAA,mBAAA;QACPC,MAAQ,EAAA;AACV;AACF,CAAyC;;;;"}
+{"version":3,"file":"checkbox-inner.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-inner.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const checkboxInner = defineRecipe({\n  className: 'checkbox-inner',\n  jsx: ['Checkbox'],\n  base: {\n    position: 'relative',\n    width: 'control.height.50',\n    height: 'control.height.50',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,SAAU,WACV,MAAO,oBACP,OAAQ,mBACT,CACF,EAAC"}

package/dist/recipes/atoms/inputs/checkbox/checkbox-input.js

@@ -1,35 +1,2 @@
-import { formControl } from '../form-control.js';
-
-const checkboxInput = formControl.merge({
-    className: 'checkbox-input',
-    jsx: [
-        'Checkbox'
-    ],
-    base: {
-        display: 'block',
-        appearance: 'none',
-        transition: '{animations.base.100}',
-        width: 'control.height.50',
-        aspectRatio: '1',
-        borderRadius: '100',
-        WebkitTapHighlightColor: 'transparent',
-        padding: '0',
-        pointerEvents: 'auto!',
-        _checked: {
-            backgroundColor: 'neutral.background.2.brand.selected',
-            color: 'neutral.foreground.static.inverted.enabled',
-            borderColor: 'neutral.background.2.brand.selected'
-        },
-        _disabled: {
-            opacity: '0.5',
-            cursor: 'not-allowed',
-            pointerEvents: 'none',
-            _hover: {
-                borderColor: 'neutral.stroke.7.enabled'
-            }
-        }
-    }
-});
-
-export { checkboxInput };
-//# sourceMappingURL=checkbox-input.js.map
+import{formControl as e}from"../form-control.js";const t=e.merge({className:`checkbox-input`,jsx:[`Checkbox`],base:{display:`block`,appearance:`none`,transition:`{animations.base.100}`,width:`control.height.50`,aspectRatio:`1`,borderRadius:`100`,WebkitTapHighlightColor:`transparent`,padding:`0`,pointerEvents:`auto!`,_checked:{backgroundColor:`neutral.background.2.brand.selected`,color:`neutral.foreground.static.inverted.enabled`,borderColor:`neutral.background.2.brand.selected`},_disabled:{opacity:`0.5`,cursor:`not-allowed`,pointerEvents:`none`,_hover:{borderColor:`neutral.stroke.7.enabled`}}}});export{t as checkboxInput};
+//# sourceMappingURL=checkbox-input.js.map