@mage-ui/preset 0.0.12 → 0.0.15

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

@@ -1,37 +1,2 @@
-import { defineRecipe } from '@pandabox/define-recipe';
-
-const inputSection = defineRecipe({
-    className: 'input-section',
-    jsx: [
-        'Input'
-    ],
-    base: {
-        position: 'absolute',
-        top: '50%',
-        transform: 'translateY(-50%)',
-        zIndex: '10',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        color: 'neutral.foreground.3.enabled',
-        '&:is([data-position=left])': {
-            left: '{spacing.300}'
-        },
-        '&:is([data-position=right])': {
-            right: '{spacing.300}'
-        }
-    },
-    variants: {
-        pointerEvents: {
-            none: {
-                pointerEvents: 'none'
-            },
-            auto: {
-                pointerEvents: 'auto'
-            }
-        }
-    }
-});
-
-export { inputSection };
-//# sourceMappingURL=input-section.js.map
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-section`,jsx:[`Input`],base:{position:`absolute`,top:`50%`,transform:`translateY(-50%)`,zIndex:`10`,display:`flex`,alignItems:`center`,justifyContent:`center`,color:`neutral.foreground.3.enabled`,"&:is([data-position=left])":{left:`{spacing.300}`},"&:is([data-position=right])":{right:`{spacing.300}`}},variants:{pointerEvents:{none:{pointerEvents:`none`},auto:{pointerEvents:`auto`}}}});export{t as inputSection};
+//# sourceMappingURL=input-section.js.map

package/dist/recipes/atoms/inputs/input-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-section.js","sources":["../../../../src/recipes/atoms/inputs/input-section.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const inputSection = defineRecipe({\n  className: 'input-section',\n  jsx: ['Input'],\n  base: {\n    position: 'absolute',\n    top: '50%',\n    transform: 'translateY(-50%)',\n    zIndex: '10',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'neutral.foreground.3.enabled',\n    '&:is([data-position=left])': {\n      left: '{spacing.300}',\n    },\n    '&:is([data-position=right])': {\n      right: '{spacing.300}',\n    },\n  },\n  variants: {\n    pointerEvents: {\n      none: {\n        pointerEvents: 'none',\n      },\n      auto: {\n        pointerEvents: 'auto',\n      },\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["inputSection","defineRecipe","className","jsx","base","position","top","transform","zIndex","display","alignItems","justifyContent","color","left","right","variants","pointerEvents","none","auto"],"mappings":";;AAMO,MAAMA,eAAeC,YAAa,CAAA;IACvCC,SAAW,EAAA,eAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAQ,KAAA;IACdC,IAAM,EAAA;QACJC,QAAU,EAAA,UAAA;QACVC,GAAK,EAAA,KAAA;QACLC,SAAW,EAAA,kBAAA;QACXC,MAAQ,EAAA,IAAA;QACRC,OAAS,EAAA,MAAA;QACTC,UAAY,EAAA,QAAA;QACZC,cAAgB,EAAA,QAAA;QAChBC,KAAO,EAAA,8BAAA;QACP,4BAA8B,EAAA;YAC5BC,IAAM,EAAA;AACR,SAAA;QACA,6BAA+B,EAAA;YAC7BC,KAAO,EAAA;AACT;AACF,KAAA;IACAC,QAAU,EAAA;QACRC,aAAe,EAAA;YACbC,IAAM,EAAA;gBACJD,aAAe,EAAA;AACjB,aAAA;YACAE,IAAM,EAAA;gBACJF,aAAe,EAAA;AACjB;AACF;AACF;AACF,CAAyC;;;;"}
+{"version":3,"file":"input-section.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-section.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const inputSection = defineRecipe({\n  className: 'input-section',\n  jsx: ['Input'],\n  base: {\n    position: 'absolute',\n    top: '50%',\n    transform: 'translateY(-50%)',\n    zIndex: '10',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'neutral.foreground.3.enabled',\n    '&:is([data-position=left])': {\n      left: '{spacing.300}',\n    },\n    '&:is([data-position=right])': {\n      right: '{spacing.300}',\n    },\n  },\n  variants: {\n    pointerEvents: {\n      none: {\n        pointerEvents: 'none',\n      },\n      auto: {\n        pointerEvents: 'auto',\n      },\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,gBACX,IAAK,CAAC,OAAQ,EACd,KAAM,CACJ,SAAU,WACV,IAAK,MACL,UAAW,mBACX,OAAQ,KACR,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,+BACP,6BAA8B,CAC5B,KAAM,eACP,EACD,8BAA+B,CAC7B,MAAO,eACR,CACF,EACD,SAAU,CACR,cAAe,CACb,KAAM,CACJ,cAAe,MAChB,EACD,KAAM,CACJ,cAAe,MAChB,CACF,CACF,CACF,EAAC"}

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

@@ -1,18 +1,2 @@
-import { defineRecipe } from '@pandabox/define-recipe';
-
-const inputWrapper = defineRecipe({
-    className: 'input-wrapper',
-    jsx: [
-        'Input'
-    ],
-    base: {
-        position: 'relative',
-        color: 'neutral.foreground.1.enabled',
-        '&:is([data-with-right-section="true"])': {
-            paddingInlineEnd: 'var(--input-left-section-width)	'
-        }
-    }
-});
-
-export { inputWrapper };
-//# sourceMappingURL=input-wrapper.js.map
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`input-wrapper`,jsx:[`Input`],base:{position:`relative`,color:`neutral.foreground.1.enabled`,'&:is([data-with-right-section="true"])':{paddingInlineEnd:`var(--input-left-section-width)	`}}});export{t as inputWrapper};
+//# sourceMappingURL=input-wrapper.js.map

package/dist/recipes/atoms/inputs/input-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-wrapper.js","sources":["../../../../src/recipes/atoms/inputs/input-wrapper.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const inputWrapper = defineRecipe({\n  className: 'input-wrapper',\n  jsx: ['Input'],\n  base: {\n    position: 'relative',\n    color: 'neutral.foreground.1.enabled',\n    '&:is([data-with-right-section=\"true\"])': {\n      paddingInlineEnd: 'var(--input-left-section-width)\t',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["inputWrapper","defineRecipe","className","jsx","base","position","color","paddingInlineEnd"],"mappings":";;AAMO,MAAMA,eAAeC,YAAa,CAAA;IACvCC,SAAW,EAAA,eAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAQ,KAAA;IACdC,IAAM,EAAA;QACJC,QAAU,EAAA,UAAA;QACVC,KAAO,EAAA,8BAAA;QACP,wCAA0C,EAAA;YACxCC,gBAAkB,EAAA;AACpB;AACF;AACF,CAAyC;;;;"}
+{"version":3,"file":"input-wrapper.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-wrapper.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const inputWrapper = defineRecipe({\n  className: 'input-wrapper',\n  jsx: ['Input'],\n  base: {\n    position: 'relative',\n    color: 'neutral.foreground.1.enabled',\n    '&:is([data-with-right-section=\"true\"])': {\n      paddingInlineEnd: 'var(--input-left-section-width)\t',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,gBACX,IAAK,CAAC,OAAQ,EACd,KAAM,CACJ,SAAU,WACV,MAAO,+BACP,yCAA0C,CACxC,iBAAkB,kCACnB,CACF,CACF,EAAC"}

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

@@ -1,46 +1,2 @@
-import { formControl } from './form-control.js';
-
-const input = formControl.merge({
-    className: 'input',
-    jsx: [
-        'Input'
-    ],
-    base: {
-        '&::-webkit-outer-spin-button': {
-            margin: 0,
-            WebkitAppearance: 'none'
-        },
-        '&::-webkit-inner-spin-button': {
-            margin: 0,
-            WebkitAppearance: 'none'
-        },
-        '&[type=number]': {
-            '-moz-appearance': 'textfield'
-        },
-        '[data-with-left-section="true"] &': {
-            paddingInlineStart: 'calc({sizes.400} + {spacing.200})'
-        },
-        '[data-with-right-section="true"] &': {
-            paddingInlineEnd: 'calc({sizes.400} + {spacing.200})'
-        },
-        _placeholder: {
-            color: 'neutral.foreground.3.enabled'
-        }
-    },
-    variants: {
-        size: {
-            l: {
-                height: 'control.height.300'
-            },
-            m: {
-                height: 'control.height.200'
-            }
-        }
-    },
-    defaultVariants: {
-        size: 'l'
-    }
-});
-
-export { input };
-//# sourceMappingURL=input.js.map
+import{formControl as e}from"./form-control.js";const t=e.merge({className:`input`,jsx:[`Input`],base:{"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&[type=number]":{"-moz-appearance":`textfield`},'[data-with-left-section="true"] &':{paddingInlineStart:`calc({sizes.400} + {spacing.200})`},'[data-with-right-section="true"] &':{paddingInlineEnd:`calc({sizes.400} + {spacing.200})`},_placeholder:{color:`neutral.foreground.3.enabled`}},variants:{size:{l:{height:`control.height.300`},m:{height:`control.height.200`}}},defaultVariants:{size:`l`}});export{t as input};
+//# sourceMappingURL=input.js.map

package/dist/recipes/atoms/inputs/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../src/recipes/atoms/inputs/input.ts"],"sourcesContent":["import type {\n  RecipeConfig,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { formControl } from './form-control';\n\nexport const input = formControl.merge({\n  className: 'input',\n  jsx: ['Input'],\n  base: {\n    '&::-webkit-outer-spin-button': {\n      margin: 0,\n      WebkitAppearance: 'none',\n    },\n    '&::-webkit-inner-spin-button': {\n      margin: 0,\n      WebkitAppearance: 'none',\n    },\n    '&[type=number]': {\n      '-moz-appearance': 'textfield',\n    },\n    '[data-with-left-section=\"true\"] &': {\n      paddingInlineStart: 'calc({sizes.400} + {spacing.200})',\n    },\n    '[data-with-right-section=\"true\"] &': {\n      paddingInlineEnd: 'calc({sizes.400} + {spacing.200})',\n    },\n    _placeholder: {\n      color: 'neutral.foreground.3.enabled',\n    },\n  },\n  variants: {\n    size: {\n      l: {\n        height: 'control.height.300',\n      },\n      m: {\n        height: 'control.height.200',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'l',\n  },\n}) as RecipeConfig<RecipeVariantRecord>;\n"],"names":["input","formControl","merge","className","jsx","base","margin","WebkitAppearance","paddingInlineStart","paddingInlineEnd","_placeholder","color","variants","size","l","height","m","defaultVariants"],"mappings":";;AAMaA,MAAAA,KAAAA,GAAQC,WAAYC,CAAAA,KAAK,CAAC;IACrCC,SAAW,EAAA,OAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAQ,KAAA;IACdC,IAAM,EAAA;QACJ,8BAAgC,EAAA;YAC9BC,MAAQ,EAAA,CAAA;YACRC,gBAAkB,EAAA;AACpB,SAAA;QACA,8BAAgC,EAAA;YAC9BD,MAAQ,EAAA,CAAA;YACRC,gBAAkB,EAAA;AACpB,SAAA;QACA,gBAAkB,EAAA;YAChB,iBAAmB,EAAA;AACrB,SAAA;QACA,mCAAqC,EAAA;YACnCC,kBAAoB,EAAA;AACtB,SAAA;QACA,oCAAsC,EAAA;YACpCC,gBAAkB,EAAA;AACpB,SAAA;QACAC,YAAc,EAAA;YACZC,KAAO,EAAA;AACT;AACF,KAAA;IACAC,QAAU,EAAA;QACRC,IAAM,EAAA;YACJC,CAAG,EAAA;gBACDC,MAAQ,EAAA;AACV,aAAA;YACAC,CAAG,EAAA;gBACDD,MAAQ,EAAA;AACV;AACF;AACF,KAAA;IACAE,eAAiB,EAAA;QACfJ,IAAM,EAAA;AACR;AACF,CAAwC;;;;"}
+{"version":3,"file":"input.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input.ts"],"sourcesContent":["import type {\n  RecipeConfig,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { formControl } from './form-control';\n\nexport const input = formControl.merge({\n  className: 'input',\n  jsx: ['Input'],\n  base: {\n    '&::-webkit-outer-spin-button': {\n      margin: 0,\n      WebkitAppearance: 'none',\n    },\n    '&::-webkit-inner-spin-button': {\n      margin: 0,\n      WebkitAppearance: 'none',\n    },\n    '&[type=number]': {\n      '-moz-appearance': 'textfield',\n    },\n    '[data-with-left-section=\"true\"] &': {\n      paddingInlineStart: 'calc({sizes.400} + {spacing.200})',\n    },\n    '[data-with-right-section=\"true\"] &': {\n      paddingInlineEnd: 'calc({sizes.400} + {spacing.200})',\n    },\n    _placeholder: {\n      color: 'neutral.foreground.3.enabled',\n    },\n  },\n  variants: {\n    size: {\n      l: {\n        height: 'control.height.300',\n      },\n      m: {\n        height: 'control.height.200',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'l',\n  },\n}) as RecipeConfig<RecipeVariantRecord>;\n"],"mappings":"gDAMA,MAAa,EAAQ,EAAY,MAAM,CACrC,UAAW,QACX,IAAK,CAAC,OAAQ,EACd,KAAM,CACJ,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,MACnB,EACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,MACnB,EACD,iBAAkB,CAChB,kBAAmB,WACpB,EACD,oCAAqC,CACnC,mBAAoB,mCACrB,EACD,qCAAsC,CACpC,iBAAkB,mCACnB,EACD,aAAc,CACZ,MAAO,8BACR,CACF,EACD,SAAU,CACR,KAAM,CACJ,EAAG,CACD,OAAQ,oBACT,EACD,EAAG,CACD,OAAQ,oBACT,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACP,CACF,EAAC"}

package/dist/recipes/atoms/tab/tab-label.js

@@ -1,18 +1,2 @@
-import { defineRecipe } from '@pandabox/define-recipe';
-
-const tabLabel = defineRecipe({
-    className: 'tab-label',
-    jsx: [
-        'TabLabel'
-    ],
-    base: {
-        textTransform: 'uppercase',
-        textAlign: 'center',
-        whiteSpace: 'nowrap',
-        fontSize: '400',
-        fontWeight: '600'
-    }
-});
-
-export { tabLabel };
-//# sourceMappingURL=tab-label.js.map
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`tab-label`,jsx:[`TabLabel`],base:{textTransform:`uppercase`,textAlign:`center`,whiteSpace:`nowrap`,fontSize:`400`,fontWeight:`600`}});export{t as tabLabel};
+//# sourceMappingURL=tab-label.js.map

package/dist/recipes/atoms/tab/tab-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-label.js","sources":["../../../../src/recipes/atoms/tab/tab-label.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const tabLabel = defineRecipe({\n  className: 'tab-label',\n  jsx: ['TabLabel'],\n  base: {\n    textTransform: 'uppercase',\n    textAlign: 'center',\n    whiteSpace: 'nowrap',\n    fontSize: '400',\n    fontWeight: '600',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["tabLabel","defineRecipe","className","jsx","base","textTransform","textAlign","whiteSpace","fontSize","fontWeight"],"mappings":";;AAMO,MAAMA,WAAWC,YAAa,CAAA;IACnCC,SAAW,EAAA,WAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;IACjBC,IAAM,EAAA;QACJC,aAAe,EAAA,WAAA;QACfC,SAAW,EAAA,QAAA;QACXC,UAAY,EAAA,QAAA;QACZC,QAAU,EAAA,KAAA;QACVC,UAAY,EAAA;AACd;AACF,CAAyC;;;;"}
+{"version":3,"file":"tab-label.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab-label.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const tabLabel = defineRecipe({\n  className: 'tab-label',\n  jsx: ['TabLabel'],\n  base: {\n    textTransform: 'uppercase',\n    textAlign: 'center',\n    whiteSpace: 'nowrap',\n    fontSize: '400',\n    fontWeight: '600',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,YACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,cAAe,YACf,UAAW,SACX,WAAY,SACZ,SAAU,MACV,WAAY,KACb,CACF,EAAC"}

package/dist/recipes/atoms/tab/tab-list.js

@@ -1,23 +1,2 @@
-import { defineRecipe } from '@pandabox/define-recipe';
-
-const tabList = defineRecipe({
-    className: 'tab-list',
-    jsx: [
-        'TabList'
-    ],
-    base: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: '200',
-        "&[data-orientation='vertical']": {
-            flexDirection: 'column'
-        },
-        "&[data-orientation='horizontal']": {
-            flexDirection: 'row'
-        }
-    }
-});
-
-export { tabList };
-//# sourceMappingURL=tab-list.js.map
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`tab-list`,jsx:[`TabList`],base:{display:`flex`,alignItems:`center`,justifyContent:`center`,gap:`200`,"&[data-orientation='vertical']":{flexDirection:`column`},"&[data-orientation='horizontal']":{flexDirection:`row`}}});export{t as tabList};
+//# sourceMappingURL=tab-list.js.map

package/dist/recipes/atoms/tab/tab-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-list.js","sources":["../../../../src/recipes/atoms/tab/tab-list.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const tabList = defineRecipe({\n  className: 'tab-list',\n  jsx: ['TabList'],\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '200',\n\n    \"&[data-orientation='vertical']\": {\n      flexDirection: 'column',\n    },\n    \"&[data-orientation='horizontal']\": {\n      flexDirection: 'row',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["tabList","defineRecipe","className","jsx","base","display","alignItems","justifyContent","gap","flexDirection"],"mappings":";;AAMO,MAAMA,UAAUC,YAAa,CAAA;IAClCC,SAAW,EAAA,UAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAU,KAAA;IAChBC,IAAM,EAAA;QACJC,OAAS,EAAA,MAAA;QACTC,UAAY,EAAA,QAAA;QACZC,cAAgB,EAAA,QAAA;QAChBC,GAAK,EAAA,KAAA;QAEL,gCAAkC,EAAA;YAChCC,aAAe,EAAA;AACjB,SAAA;QACA,kCAAoC,EAAA;YAClCA,aAAe,EAAA;AACjB;AACF;AACF,CAAyC;;;;"}
+{"version":3,"file":"tab-list.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab-list.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const tabList = defineRecipe({\n  className: 'tab-list',\n  jsx: ['TabList'],\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '200',\n\n    \"&[data-orientation='vertical']\": {\n      flexDirection: 'column',\n    },\n    \"&[data-orientation='horizontal']\": {\n      flexDirection: 'row',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,WACX,IAAK,CAAC,SAAU,EAChB,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,IAAK,MAEL,iCAAkC,CAChC,cAAe,QAChB,EACD,mCAAoC,CAClC,cAAe,KAChB,CACF,CACF,EAAC"}

package/dist/recipes/atoms/tab/tab-panel.js

@@ -1,16 +1,2 @@
-import { defineRecipe } from '@pandabox/define-recipe';
-
-const tabPanel = defineRecipe({
-    className: 'tab-panel',
-    jsx: [
-        'TabPanel'
-    ],
-    base: {
-        display: 'flex',
-        alignItems: 'flex-start',
-        justifyContent: 'flex-start'
-    }
-});
-
-export { tabPanel };
-//# sourceMappingURL=tab-panel.js.map
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`tab-panel`,jsx:[`TabPanel`],base:{display:`flex`,alignItems:`flex-start`,justifyContent:`flex-start`}});export{t as tabPanel};
+//# sourceMappingURL=tab-panel.js.map

package/dist/recipes/atoms/tab/tab-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-panel.js","sources":["../../../../src/recipes/atoms/tab/tab-panel.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const tabPanel = defineRecipe({\n  className: 'tab-panel',\n  jsx: ['TabPanel'],\n  base: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    justifyContent: 'flex-start',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["tabPanel","defineRecipe","className","jsx","base","display","alignItems","justifyContent"],"mappings":";;AAMO,MAAMA,WAAWC,YAAa,CAAA;IACnCC,SAAW,EAAA,WAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;IACjBC,IAAM,EAAA;QACJC,OAAS,EAAA,MAAA;QACTC,UAAY,EAAA,YAAA;QACZC,cAAgB,EAAA;AAClB;AACF,CAAyC;;;;"}
+{"version":3,"file":"tab-panel.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab-panel.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const tabPanel = defineRecipe({\n  className: 'tab-panel',\n  jsx: ['TabPanel'],\n  base: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    justifyContent: 'flex-start',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,YACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,QAAS,OACT,WAAY,aACZ,eAAgB,YACjB,CACF,EAAC"}

package/dist/recipes/atoms/tab/tab-section.js

@@ -1,22 +1,2 @@
-import { defineRecipe } from '@pandabox/define-recipe';
-
-const tabSection = defineRecipe({
-    className: 'tab-section',
-    jsx: [
-        'TabSection'
-    ],
-    base: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        "&[data-position='left']": {
-            marginLeft: 'calc({spacing.100} * -1)'
-        },
-        "&[data-position='right']": {
-            marginRight: 'calc({spacing.100} * -1)'
-        }
-    }
-});
-
-export { tabSection };
-//# sourceMappingURL=tab-section.js.map
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`tab-section`,jsx:[`TabSection`],base:{display:`flex`,alignItems:`center`,justifyContent:`center`,"&[data-position='left']":{marginLeft:`calc({spacing.100} * -1)`},"&[data-position='right']":{marginRight:`calc({spacing.100} * -1)`}}});export{t as tabSection};
+//# sourceMappingURL=tab-section.js.map

package/dist/recipes/atoms/tab/tab-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-section.js","sources":["../../../../src/recipes/atoms/tab/tab-section.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const tabSection = defineRecipe({\n  className: 'tab-section',\n  jsx: ['TabSection'],\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    \"&[data-position='left']\": {\n      marginLeft: 'calc({spacing.100} * -1)',\n    },\n    \"&[data-position='right']\": {\n      marginRight: 'calc({spacing.100} * -1)',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["tabSection","defineRecipe","className","jsx","base","display","alignItems","justifyContent","marginLeft","marginRight"],"mappings":";;AAMO,MAAMA,aAAaC,YAAa,CAAA;IACrCC,SAAW,EAAA,aAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAa,KAAA;IACnBC,IAAM,EAAA;QACJC,OAAS,EAAA,MAAA;QACTC,UAAY,EAAA,QAAA;QACZC,cAAgB,EAAA,QAAA;QAChB,yBAA2B,EAAA;YACzBC,UAAY,EAAA;AACd,SAAA;QACA,0BAA4B,EAAA;YAC1BC,WAAa,EAAA;AACf;AACF;AACF,CAAyC;;;;"}
+{"version":3,"file":"tab-section.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab-section.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const tabSection = defineRecipe({\n  className: 'tab-section',\n  jsx: ['TabSection'],\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    \"&[data-position='left']\": {\n      marginLeft: 'calc({spacing.100} * -1)',\n    },\n    \"&[data-position='right']\": {\n      marginRight: 'calc({spacing.100} * -1)',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,YAAa,EACnB,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,0BAA2B,CACzB,WAAY,0BACb,EACD,2BAA4B,CAC1B,YAAa,0BACd,CACF,CACF,EAAC"}

package/dist/recipes/atoms/tab/tab.js

@@ -1,158 +1,2 @@
-import { focus } from '../../shared/focus.js';
-
-const tab = focus.merge({
-    className: 'tab',
-    jsx: [
-        'Tab'
-    ],
-    base: {
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyItems: 'center',
-        gap: '100',
-        padding: '{spacing.100} {spacing.300}',
-        cursor: 'pointer',
-        transition: '{animations.base.100}',
-        _hover: {
-            transition: '{animations.base.100}'
-        },
-        _focus: {
-            outline: 'none',
-            boxShadow: 'none'
-        },
-        _active: {
-            outline: 'none!'
-        },
-        _disabled: {
-            opacity: '0.4',
-            pointerEvents: 'none'
-        },
-        "&[data-orientation='vertical']": {
-            width: '100%'
-        }
-    },
-    variants: {
-        variant: {
-            pill: {
-                border: 'none',
-                borderRadius: '200'
-            },
-            tab: {
-                borderWidth: '1px',
-                borderBottomWidth: '0',
-                borderTopWidth: '3px',
-                borderStyle: 'solid',
-                borderRadius: '0',
-                "&[data-orientation='vertical']": {
-                    borderTopWidth: '1px',
-                    borderLeftWidth: '3px',
-                    borderBottomWidth: '1px',
-                    borderRightWidth: '0'
-                }
-            }
-        },
-        color: {
-            unstyled: {},
-            primary: {},
-            neutral: {}
-        }
-    },
-    compoundVariants: [
-        {
-            variant: 'pill',
-            color: 'primary',
-            css: {
-                backgroundColor: 'neutral.background.1.enabled',
-                color: 'primary.foreground.2.enabled',
-                _hover: {
-                    backgroundColor: 'primary.background.4.hovered',
-                    color: 'primary.foreground.2.hovered'
-                },
-                _active: {
-                    backgroundColor: 'primary.background.5.enabled',
-                    color: 'primary.foreground.2.enabled',
-                    _hover: {
-                        backgroundColor: 'primary.background.2.hovered',
-                        color: 'neutral.foreground.1.onBrand.enabled'
-                    }
-                }
-            }
-        },
-        {
-            variant: 'pill',
-            color: 'neutral',
-            css: {
-                backgroundColor: 'neutral.background.1.enabled',
-                color: 'neutral.foreground.3.enabled',
-                _hover: {
-                    backgroundColor: 'neutral.background.2.hovered',
-                    color: 'neutral.foreground.2.hovered'
-                },
-                _active: {
-                    backgroundColor: 'neutral.background.2.enabled',
-                    color: 'neutral.foreground.2.enabled',
-                    _hover: {
-                        backgroundColor: 'neutral.background.3.hovered',
-                        color: 'neutral.foreground.2.hovered'
-                    }
-                }
-            }
-        },
-        {
-            variant: 'tab',
-            color: 'primary',
-            css: {
-                backgroundColor: 'neutral.background.1.enabled',
-                color: 'primary.foreground.2.enabled',
-                borderColor: 'primary.stroke.3.enabled',
-                _hover: {
-                    backgroundColor: 'primary.background.4.hovered',
-                    color: 'primary.foreground.2.hovered',
-                    borderColor: 'primary.stroke.1.hovered'
-                },
-                _active: {
-                    backgroundColor: 'primary.background.5.enabled',
-                    color: 'primary.foreground.2.enabled',
-                    borderColor: 'primary.stroke.2.enabled',
-                    _hover: {
-                        backgroundColor: 'primary.background.2.hovered',
-                        color: 'neutral.foreground.1.onBrand.enabled',
-                        borderColor: 'primary.stroke.2.hovered'
-                    }
-                }
-            }
-        },
-        {
-            variant: 'tab',
-            color: 'neutral',
-            css: {
-                backgroundColor: 'neutral.background.1.enabled',
-                color: 'neutral.foreground.3.enabled',
-                borderColor: 'neutral.stroke.3.enabled',
-                _hover: {
-                    backgroundColor: 'neutral.background.2.hovered',
-                    color: 'neutral.foreground.2.hovered',
-                    borderColor: 'neutral.stroke.1.hovered'
-                },
-                _active: {
-                    backgroundColor: 'neutral.background.2.enabled',
-                    color: 'neutral.foreground.2.enabled',
-                    borderColor: 'neutral.stroke.2.enabled',
-                    _hover: {
-                        backgroundColor: 'neutral.background.3.hovered',
-                        color: 'neutral.foreground.static.enabled',
-                        borderColor: 'neutral.stroke.2.hovered'
-                    }
-                }
-            }
-        }
-    ],
-    defaultVariants: {
-        color: 'neutral',
-        variant: 'tab'
-    }
-});
-
-export { tab };
-//# sourceMappingURL=tab.js.map
+import{focus as e}from"../../shared/focus.js";const t=e.merge({className:`tab`,jsx:[`Tab`],base:{display:`flex`,flexDirection:`row`,alignItems:`center`,justifyItems:`center`,gap:`100`,padding:`{spacing.100} {spacing.300}`,cursor:`pointer`,transition:`{animations.base.100}`,_hover:{transition:`{animations.base.100}`},_focus:{outline:`none`,boxShadow:`none`},_active:{outline:`none!`},_disabled:{opacity:`0.4`,pointerEvents:`none`},"&[data-orientation='vertical']":{width:`100%`}},variants:{variant:{pill:{border:`none`,borderRadius:`200`},tab:{borderWidth:`1px`,borderBottomWidth:`0`,borderTopWidth:`3px`,borderStyle:`solid`,borderRadius:`0`,"&[data-orientation='vertical']":{borderTopWidth:`1px`,borderLeftWidth:`3px`,borderBottomWidth:`1px`,borderRightWidth:`0`}}},color:{unstyled:{},primary:{},neutral:{}}},compoundVariants:[{variant:`pill`,color:`primary`,css:{backgroundColor:`neutral.background.1.enabled`,color:`primary.foreground.2.enabled`,_hover:{backgroundColor:`primary.background.4.hovered`,color:`primary.foreground.2.hovered`},_active:{backgroundColor:`primary.background.5.enabled`,color:`primary.foreground.2.enabled`,_hover:{backgroundColor:`primary.background.2.hovered`,color:`neutral.foreground.1.onBrand.enabled`}}}},{variant:`pill`,color:`neutral`,css:{backgroundColor:`neutral.background.1.enabled`,color:`neutral.foreground.3.enabled`,_hover:{backgroundColor:`neutral.background.2.hovered`,color:`neutral.foreground.2.hovered`},_active:{backgroundColor:`neutral.background.2.enabled`,color:`neutral.foreground.2.enabled`,_hover:{backgroundColor:`neutral.background.3.hovered`,color:`neutral.foreground.2.hovered`}}}},{variant:`tab`,color:`primary`,css:{backgroundColor:`neutral.background.1.enabled`,color:`primary.foreground.2.enabled`,borderColor:`primary.stroke.3.enabled`,_hover:{backgroundColor:`primary.background.4.hovered`,color:`primary.foreground.2.hovered`,borderColor:`primary.stroke.1.hovered`},_active:{backgroundColor:`primary.background.5.enabled`,color:`primary.foreground.2.enabled`,borderColor:`primary.stroke.2.enabled`,_hover:{backgroundColor:`primary.background.2.hovered`,color:`neutral.foreground.1.onBrand.enabled`,borderColor:`primary.stroke.2.hovered`}}}},{variant:`tab`,color:`neutral`,css:{backgroundColor:`neutral.background.1.enabled`,color:`neutral.foreground.3.enabled`,borderColor:`neutral.stroke.3.enabled`,_hover:{backgroundColor:`neutral.background.2.hovered`,color:`neutral.foreground.2.hovered`,borderColor:`neutral.stroke.1.hovered`},_active:{backgroundColor:`neutral.background.2.enabled`,color:`neutral.foreground.2.enabled`,borderColor:`neutral.stroke.2.enabled`,_hover:{backgroundColor:`neutral.background.3.hovered`,color:`neutral.foreground.static.enabled`,borderColor:`neutral.stroke.2.hovered`}}}}],defaultVariants:{color:`neutral`,variant:`tab`}});export{t as tab};
+//# sourceMappingURL=tab.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sources":["../../../../src/recipes/atoms/tab/tab.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { focus } from '../../shared/focus';\n\nexport const tab = focus.merge({\n  className: 'tab',\n  jsx: ['Tab'],\n  base: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyItems: 'center',\n    gap: '100',\n    padding: '{spacing.100} {spacing.300}',\n    cursor: 'pointer',\n    transition: '{animations.base.100}',\n    _hover: {\n      transition: '{animations.base.100}',\n    },\n    _focus: {\n      outline: 'none',\n      boxShadow: 'none',\n    },\n    _active: {\n      outline: 'none!',\n    },\n    _disabled: {\n      opacity: '0.4',\n      pointerEvents: 'none',\n    },\n\n    \"&[data-orientation='vertical']\": {\n      width: '100%',\n    },\n  },\n  variants: {\n    variant: {\n      pill: {\n        border: 'none',\n        borderRadius: '200',\n      },\n      tab: {\n        borderWidth: '1px',\n        borderBottomWidth: '0',\n        borderTopWidth: '3px',\n        borderStyle: 'solid',\n        borderRadius: '0',\n        \"&[data-orientation='vertical']\": {\n          borderTopWidth: '1px',\n          borderLeftWidth: '3px',\n          borderBottomWidth: '1px',\n          borderRightWidth: '0',\n        },\n      },\n    },\n    color: {\n      unstyled: {},\n      primary: {},\n      neutral: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'pill',\n      color: 'primary',\n      css: {\n        backgroundColor: 'neutral.background.1.enabled',\n        color: 'primary.foreground.2.enabled',\n\n        _hover: {\n          backgroundColor: 'primary.background.4.hovered',\n          color: 'primary.foreground.2.hovered',\n        },\n        _active: {\n          backgroundColor: 'primary.background.5.enabled',\n          color: 'primary.foreground.2.enabled',\n\n          _hover: {\n            backgroundColor: 'primary.background.2.hovered',\n            color: 'neutral.foreground.1.onBrand.enabled',\n          },\n        },\n      },\n    },\n    {\n      variant: 'pill',\n      color: 'neutral',\n      css: {\n        backgroundColor: 'neutral.background.1.enabled',\n        color: 'neutral.foreground.3.enabled',\n\n        _hover: {\n          backgroundColor: 'neutral.background.2.hovered',\n          color: 'neutral.foreground.2.hovered',\n        },\n        _active: {\n          backgroundColor: 'neutral.background.2.enabled',\n          color: 'neutral.foreground.2.enabled',\n\n          _hover: {\n            backgroundColor: 'neutral.background.3.hovered',\n            color: 'neutral.foreground.2.hovered',\n          },\n        },\n      },\n    },\n    {\n      variant: 'tab',\n      color: 'primary',\n      css: {\n        backgroundColor: 'neutral.background.1.enabled',\n        color: 'primary.foreground.2.enabled',\n        borderColor: 'primary.stroke.3.enabled',\n        _hover: {\n          backgroundColor: 'primary.background.4.hovered',\n          color: 'primary.foreground.2.hovered',\n          borderColor: 'primary.stroke.1.hovered',\n        },\n        _active: {\n          backgroundColor: 'primary.background.5.enabled',\n          color: 'primary.foreground.2.enabled',\n          borderColor: 'primary.stroke.2.enabled',\n          _hover: {\n            backgroundColor: 'primary.background.2.hovered',\n            color: 'neutral.foreground.1.onBrand.enabled',\n            borderColor: 'primary.stroke.2.hovered',\n          },\n        },\n      },\n    },\n    {\n      variant: 'tab',\n      color: 'neutral',\n      css: {\n        backgroundColor: 'neutral.background.1.enabled',\n        color: 'neutral.foreground.3.enabled',\n        borderColor: 'neutral.stroke.3.enabled',\n        _hover: {\n          backgroundColor: 'neutral.background.2.hovered',\n          color: 'neutral.foreground.2.hovered',\n          borderColor: 'neutral.stroke.1.hovered',\n        },\n        _active: {\n          backgroundColor: 'neutral.background.2.enabled',\n          color: 'neutral.foreground.2.enabled',\n          borderColor: 'neutral.stroke.2.enabled',\n          _hover: {\n            backgroundColor: 'neutral.background.3.hovered',\n            color: 'neutral.foreground.static.enabled',\n            borderColor: 'neutral.stroke.2.hovered',\n          },\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    color: 'neutral',\n    variant: 'tab',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["tab","focus","merge","className","jsx","base","display","flexDirection","alignItems","justifyItems","gap","padding","cursor","transition","_hover","_focus","outline","boxShadow","_active","_disabled","opacity","pointerEvents","width","variants","variant","pill","border","borderRadius","borderWidth","borderBottomWidth","borderTopWidth","borderStyle","borderLeftWidth","borderRightWidth","color","unstyled","primary","neutral","compoundVariants","css","backgroundColor","borderColor","defaultVariants"],"mappings":"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"}
+{"version":3,"file":"tab.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { focus } from '../../shared/focus';\n\nexport const tab = focus.merge({\n  className: 'tab',\n  jsx: ['Tab'],\n  base: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyItems: 'center',\n    gap: '100',\n    padding: '{spacing.100} {spacing.300}',\n    cursor: 'pointer',\n    transition: '{animations.base.100}',\n    _hover: {\n      transition: '{animations.base.100}',\n    },\n    _focus: {\n      outline: 'none',\n      boxShadow: 'none',\n    },\n    _active: {\n      outline: 'none!',\n    },\n    _disabled: {\n      opacity: '0.4',\n      pointerEvents: 'none',\n    },\n\n    \"&[data-orientation='vertical']\": {\n      width: '100%',\n    },\n  },\n  variants: {\n    variant: {\n      pill: {\n        border: 'none',\n        borderRadius: '200',\n      },\n      tab: {\n        borderWidth: '1px',\n        borderBottomWidth: '0',\n        borderTopWidth: '3px',\n        borderStyle: 'solid',\n        borderRadius: '0',\n        \"&[data-orientation='vertical']\": {\n          borderTopWidth: '1px',\n          borderLeftWidth: '3px',\n          borderBottomWidth: '1px',\n          borderRightWidth: '0',\n        },\n      },\n    },\n    color: {\n      unstyled: {},\n      primary: {},\n      neutral: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'pill',\n      color: 'primary',\n      css: {\n        backgroundColor: 'neutral.background.1.enabled',\n        color: 'primary.foreground.2.enabled',\n\n        _hover: {\n          backgroundColor: 'primary.background.4.hovered',\n          color: 'primary.foreground.2.hovered',\n        },\n        _active: {\n          backgroundColor: 'primary.background.5.enabled',\n          color: 'primary.foreground.2.enabled',\n\n          _hover: {\n            backgroundColor: 'primary.background.2.hovered',\n            color: 'neutral.foreground.1.onBrand.enabled',\n          },\n        },\n      },\n    },\n    {\n      variant: 'pill',\n      color: 'neutral',\n      css: {\n        backgroundColor: 'neutral.background.1.enabled',\n        color: 'neutral.foreground.3.enabled',\n\n        _hover: {\n          backgroundColor: 'neutral.background.2.hovered',\n          color: 'neutral.foreground.2.hovered',\n        },\n        _active: {\n          backgroundColor: 'neutral.background.2.enabled',\n          color: 'neutral.foreground.2.enabled',\n\n          _hover: {\n            backgroundColor: 'neutral.background.3.hovered',\n            color: 'neutral.foreground.2.hovered',\n          },\n        },\n      },\n    },\n    {\n      variant: 'tab',\n      color: 'primary',\n      css: {\n        backgroundColor: 'neutral.background.1.enabled',\n        color: 'primary.foreground.2.enabled',\n        borderColor: 'primary.stroke.3.enabled',\n        _hover: {\n          backgroundColor: 'primary.background.4.hovered',\n          color: 'primary.foreground.2.hovered',\n          borderColor: 'primary.stroke.1.hovered',\n        },\n        _active: {\n          backgroundColor: 'primary.background.5.enabled',\n          color: 'primary.foreground.2.enabled',\n          borderColor: 'primary.stroke.2.enabled',\n          _hover: {\n            backgroundColor: 'primary.background.2.hovered',\n            color: 'neutral.foreground.1.onBrand.enabled',\n            borderColor: 'primary.stroke.2.hovered',\n          },\n        },\n      },\n    },\n    {\n      variant: 'tab',\n      color: 'neutral',\n      css: {\n        backgroundColor: 'neutral.background.1.enabled',\n        color: 'neutral.foreground.3.enabled',\n        borderColor: 'neutral.stroke.3.enabled',\n        _hover: {\n          backgroundColor: 'neutral.background.2.hovered',\n          color: 'neutral.foreground.2.hovered',\n          borderColor: 'neutral.stroke.1.hovered',\n        },\n        _active: {\n          backgroundColor: 'neutral.background.2.enabled',\n          color: 'neutral.foreground.2.enabled',\n          borderColor: 'neutral.stroke.2.enabled',\n          _hover: {\n            backgroundColor: 'neutral.background.3.hovered',\n            color: 'neutral.foreground.static.enabled',\n            borderColor: 'neutral.stroke.2.hovered',\n          },\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    color: 'neutral',\n    variant: 'tab',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAMA,MAAa,EAAM,EAAM,MAAM,CAC7B,UAAW,MACX,IAAK,CAAC,KAAM,EACZ,KAAM,CACJ,QAAS,OACT,cAAe,MACf,WAAY,SACZ,aAAc,SACd,IAAK,MACL,QAAS,8BACT,OAAQ,UACR,WAAY,wBACZ,OAAQ,CACN,WAAY,uBACb,EACD,OAAQ,CACN,QAAS,OACT,UAAW,MACZ,EACD,QAAS,CACP,QAAS,OACV,EACD,UAAW,CACT,QAAS,MACT,cAAe,MAChB,EAED,iCAAkC,CAChC,MAAO,MACR,CACF,EACD,SAAU,CACR,QAAS,CACP,KAAM,CACJ,OAAQ,OACR,aAAc,KACf,EACD,IAAK,CACH,YAAa,MACb,kBAAmB,IACnB,eAAgB,MAChB,YAAa,QACb,aAAc,IACd,iCAAkC,CAChC,eAAgB,MAChB,gBAAiB,MACjB,kBAAmB,MACnB,iBAAkB,GACnB,CACF,CACF,EACD,MAAO,CACL,SAAU,CAAE,EACZ,QAAS,CAAE,EACX,QAAS,CAAE,CACZ,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,OACT,MAAO,UACP,IAAK,CACH,gBAAiB,+BACjB,MAAO,+BAEP,OAAQ,CACN,gBAAiB,+BACjB,MAAO,8BACR,EACD,QAAS,CACP,gBAAiB,+BACjB,MAAO,+BAEP,OAAQ,CACN,gBAAiB,+BACjB,MAAO,sCACR,CACF,CACF,CACF,EACD,CACE,QAAS,OACT,MAAO,UACP,IAAK,CACH,gBAAiB,+BACjB,MAAO,+BAEP,OAAQ,CACN,gBAAiB,+BACjB,MAAO,8BACR,EACD,QAAS,CACP,gBAAiB,+BACjB,MAAO,+BAEP,OAAQ,CACN,gBAAiB,+BACjB,MAAO,8BACR,CACF,CACF,CACF,EACD,CACE,QAAS,MACT,MAAO,UACP,IAAK,CACH,gBAAiB,+BACjB,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,gBAAiB,+BACjB,MAAO,+BACP,YAAa,0BACd,EACD,QAAS,CACP,gBAAiB,+BACjB,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,gBAAiB,+BACjB,MAAO,uCACP,YAAa,0BACd,CACF,CACF,CACF,EACD,CACE,QAAS,MACT,MAAO,UACP,IAAK,CACH,gBAAiB,+BACjB,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,gBAAiB,+BACjB,MAAO,+BACP,YAAa,0BACd,EACD,QAAS,CACP,gBAAiB,+BACjB,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,gBAAiB,+BACjB,MAAO,oCACP,YAAa,0BACd,CACF,CACF,CACF,CACF,EACD,gBAAiB,CACf,MAAO,UACP,QAAS,KACV,CACF,EAAC"}

package/dist/recipes/atoms/tab/tabs.js

@@ -1,27 +1,2 @@
-import { defineRecipe } from '@pandabox/define-recipe';
-
-const tabs = defineRecipe({
-    className: 'tabs',
-    jsx: [
-        'Tabs'
-    ],
-    base: {
-        display: 'flex',
-        alignItems: 'flex-start',
-        justifyContent: 'flex-start',
-        flexDirection: 'column',
-        gap: '200'
-    },
-    variants: {
-        orientation: {
-            horizontal: {},
-            vertical: {}
-        }
-    },
-    defaultVariants: {
-        orientation: 'horizontal'
-    }
-});
-
-export { tabs };
-//# sourceMappingURL=tabs.js.map
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`tabs`,jsx:[`Tabs`],base:{display:`flex`,alignItems:`flex-start`,justifyContent:`flex-start`,flexDirection:`column`,gap:`200`},variants:{orientation:{horizontal:{},vertical:{}}},defaultVariants:{orientation:`horizontal`}});export{t as tabs};
+//# sourceMappingURL=tabs.js.map

package/dist/recipes/atoms/tab/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../../../src/recipes/atoms/tab/tabs.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const tabs = defineRecipe({\n  className: 'tabs',\n  jsx: ['Tabs'],\n  base: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    justifyContent: 'flex-start',\n    flexDirection: 'column',\n    gap: '200',\n  },\n  variants: {\n    orientation: {\n      horizontal: {},\n      vertical: {},\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["tabs","defineRecipe","className","jsx","base","display","alignItems","justifyContent","flexDirection","gap","variants","orientation","horizontal","vertical","defaultVariants"],"mappings":";;AAMO,MAAMA,OAAOC,YAAa,CAAA;IAC/BC,SAAW,EAAA,MAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAO,KAAA;IACbC,IAAM,EAAA;QACJC,OAAS,EAAA,MAAA;QACTC,UAAY,EAAA,YAAA;QACZC,cAAgB,EAAA,YAAA;QAChBC,aAAe,EAAA,QAAA;QACfC,GAAK,EAAA;AACP,KAAA;IACAC,QAAU,EAAA;QACRC,WAAa,EAAA;AACXC,YAAAA,UAAAA,EAAY,EAAC;AACbC,YAAAA,QAAAA,EAAU;AACZ;AACF,KAAA;IACAC,eAAiB,EAAA;QACfH,WAAa,EAAA;AACf;AACF,CAAyC;;;;"}
+{"version":3,"file":"tabs.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tabs.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const tabs = defineRecipe({\n  className: 'tabs',\n  jsx: ['Tabs'],\n  base: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    justifyContent: 'flex-start',\n    flexDirection: 'column',\n    gap: '200',\n  },\n  variants: {\n    orientation: {\n      horizontal: {},\n      vertical: {},\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAO,EAAa,CAC/B,UAAW,OACX,IAAK,CAAC,MAAO,EACb,KAAM,CACJ,QAAS,OACT,WAAY,aACZ,eAAgB,aAChB,cAAe,SACf,IAAK,KACN,EACD,SAAU,CACR,YAAa,CACX,WAAY,CAAE,EACd,SAAU,CAAE,CACb,CACF,EACD,gBAAiB,CACf,YAAa,YACd,CACF,EAAC"}

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

@@ -1,95 +1,2 @@
-import { defineRecipe } from '@pandabox/define-recipe';
-
-const wrappedIcon = defineRecipe({
-    className: 'wrapped-icon',
-    jsx: [
-        'WrappedIcon'
-    ],
-    base: {
-        display: 'inline-flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        aspectRatio: '1'
-    },
-    variants: {
-        variant: {
-            unstyled: {},
-            filled: {
-                border: 'none'
-            },
-            outlined: {
-                borderWidth: '1px',
-                borderStyle: 'solid',
-                backgroundColor: 'transparent'
-            }
-        },
-        shape: {
-            unstyled: {},
-            rounded: {
-                borderRadius: '900'
-            },
-            square: {
-                borderRadius: '50'
-            }
-        },
-        color: {
-            unstyled: {},
-            primary: {},
-            neutral: {}
-        },
-        size: {
-            l: {
-                height: '{sizes.600}'
-            },
-            m: {
-                height: '{sizes.500}'
-            },
-            s: {
-                height: '{sizes.400}'
-            }
-        }
-    },
-    compoundVariants: [
-        {
-            variant: 'filled',
-            color: 'primary',
-            css: {
-                color: 'neutral.foreground.1.onBrand.enabled',
-                backgroundColor: 'primary.background.2.enabled'
-            }
-        },
-        {
-            variant: 'filled',
-            color: 'neutral',
-            css: {
-                color: 'neutral.foreground.2.onBrand.enabled',
-                backgroundColor: 'neutral.background.2.enabled'
-            }
-        },
-        {
-            variant: 'outlined',
-            color: 'primary',
-            css: {
-                color: 'primary.foreground.1.enabled',
-                borderColor: 'primary.stroke.2.enabled'
-            }
-        },
-        {
-            variant: 'outlined',
-            color: 'neutral',
-            css: {
-                color: 'neutral.foreground.1.enabled',
-                borderColor: 'neutral.stroke.2.enabled'
-            }
-        }
-    ],
-    defaultVariants: {
-        variant: 'filled',
-        shape: 'rounded',
-        color: 'neutral',
-        size: 'm'
-    }
-});
-
-export { wrappedIcon };
-//# sourceMappingURL=wrapped-icon.js.map
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`wrapped-icon`,jsx:[`WrappedIcon`],base:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,aspectRatio:`1`},variants:{variant:{unstyled:{},filled:{border:`none`},outlined:{borderWidth:`1px`,borderStyle:`solid`,backgroundColor:`transparent`}},shape:{unstyled:{},rounded:{borderRadius:`900`},square:{borderRadius:`50`}},color:{unstyled:{},primary:{},neutral:{}},size:{l:{height:`{sizes.600}`},m:{height:`{sizes.500}`},s:{height:`{sizes.400}`}}},compoundVariants:[{variant:`filled`,color:`primary`,css:{color:`neutral.foreground.1.onBrand.enabled`,backgroundColor:`primary.background.2.enabled`}},{variant:`filled`,color:`neutral`,css:{color:`neutral.foreground.2.onBrand.enabled`,backgroundColor:`neutral.background.2.enabled`}},{variant:`outlined`,color:`primary`,css:{color:`primary.foreground.1.enabled`,borderColor:`primary.stroke.2.enabled`}},{variant:`outlined`,color:`neutral`,css:{color:`neutral.foreground.1.enabled`,borderColor:`neutral.stroke.2.enabled`}}],defaultVariants:{variant:`filled`,shape:`rounded`,color:`neutral`,size:`m`}});export{t as wrappedIcon};
+//# sourceMappingURL=wrapped-icon.js.map