@mage-ui/preset 0.0.10

package/dist/recipes/atoms/inputs/input-root.d.ts

@@ -0,0 +1,3 @@
+import { type RecipeBuilder, type RecipeVariantRecord } from '@pandabox/define-recipe';
+export declare const inputRoot: RecipeBuilder<RecipeVariantRecord>;
+//# sourceMappingURL=input-root.d.ts.map

package/dist/recipes/atoms/inputs/input-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-root.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/inputs/input-root.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,SAAS,EAShB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+import { defineRecipe } from '@pandabox/define-recipe';
+
+const inputRoot = defineRecipe({
+    className: 'input-root',
+    jsx: [
+        'Input'
+    ],
+    base: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '200',
+        width: '100%'
+    }
+});
+
+export { inputRoot };
+//# sourceMappingURL=input-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-root.js","sources":["../../../../src/recipes/atoms/inputs/input-root.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const inputRoot = defineRecipe({\n  className: 'input-root',\n  jsx: ['Input'],\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '200',\n    width: '100%',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["inputRoot","defineRecipe","className","jsx","base","display","flexDirection","gap","width"],"mappings":";;AAMO,MAAMA,YAAYC,YAAa,CAAA;IACpCC,SAAW,EAAA,YAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAQ,KAAA;IACdC,IAAM,EAAA;QACJC,OAAS,EAAA,MAAA;QACTC,aAAe,EAAA,QAAA;QACfC,GAAK,EAAA,KAAA;QACLC,KAAO,EAAA;AACT;AACF,CAAyC;;;;"}

package/dist/recipes/atoms/inputs/input-section.d.ts

@@ -0,0 +1,3 @@
+import { type RecipeBuilder, type RecipeVariantRecord } from '@pandabox/define-recipe';
+export declare const inputSection: RecipeBuilder<RecipeVariantRecord>;
+//# sourceMappingURL=input-section.d.ts.map

package/dist/recipes/atoms/inputs/input-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-section.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/inputs/input-section.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,YAAY,EA6BnB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -0,0 +1,37 @@
+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

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

@@ -0,0 +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;;;;"}

package/dist/recipes/atoms/inputs/input-wrapper.d.ts

@@ -0,0 +1,3 @@
+import { type RecipeBuilder, type RecipeVariantRecord } from '@pandabox/define-recipe';
+export declare const inputWrapper: RecipeBuilder<RecipeVariantRecord>;
+//# sourceMappingURL=input-wrapper.d.ts.map

package/dist/recipes/atoms/inputs/input-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/inputs/input-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,YAAY,EAUnB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -0,0 +1,18 @@
+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

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

@@ -0,0 +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;;;;"}

package/dist/recipes/atoms/inputs/input.d.ts

@@ -0,0 +1,3 @@
+import type { RecipeConfig, RecipeVariantRecord } from '@pandabox/define-recipe';
+export declare const input: RecipeConfig<RecipeVariantRecord>;
+//# sourceMappingURL=input.d.ts.map

package/dist/recipes/atoms/inputs/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/inputs/input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,KAAK,EAsCZ,YAAY,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -0,0 +1,46 @@
+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

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

@@ -0,0 +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;;;;"}

package/dist/recipes/atoms/tab/tab-label.d.ts

@@ -0,0 +1,3 @@
+import { type RecipeBuilder, type RecipeVariantRecord } from '@pandabox/define-recipe';
+export declare const tabLabel: RecipeBuilder<RecipeVariantRecord>;
+//# sourceMappingURL=tab-label.d.ts.map

package/dist/recipes/atoms/tab/tab-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-label.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/tab/tab-label.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAUf,aAAa,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -0,0 +1,18 @@
+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

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

@@ -0,0 +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;;;;"}

package/dist/recipes/atoms/tab/tab-panel.d.ts

@@ -0,0 +1,3 @@
+import { type RecipeBuilder, type RecipeVariantRecord } from '@pandabox/define-recipe';
+export declare const tabPanel: RecipeBuilder<RecipeVariantRecord>;
+//# sourceMappingURL=tab-panel.d.ts.map

package/dist/recipes/atoms/tab/tab-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/tab/tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAQf,aAAa,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+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

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

@@ -0,0 +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;;;;"}

package/dist/recipes/atoms/tab/tab-section.d.ts

@@ -0,0 +1,3 @@
+import { type RecipeBuilder, type RecipeVariantRecord } from '@pandabox/define-recipe';
+export declare const tabSection: RecipeBuilder<RecipeVariantRecord>;
+//# sourceMappingURL=tab-section.d.ts.map

package/dist/recipes/atoms/tab/tab-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-section.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/tab/tab-section.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,UAAU,EAcjB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -0,0 +1,22 @@
+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

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

@@ -0,0 +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;;;;"}

package/dist/recipes/atoms/tab/tab.d.ts

@@ -0,0 +1,3 @@
+import type { RecipeBuilder, RecipeVariantRecord } from '@pandabox/define-recipe';
+export declare const tab: RecipeBuilder<RecipeVariantRecord>;
+//# sourceMappingURL=tab.d.ts.map

package/dist/recipes/atoms/tab/tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/tab/tab.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,GAAG,EA2JV,aAAa,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -0,0 +1,158 @@
+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

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

@@ -0,0 +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":";;AAMaA,MAAAA,GAAAA,GAAMC,KAAMC,CAAAA,KAAK,CAAC;IAC7BC,SAAW,EAAA,KAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAM,KAAA;IACZC,IAAM,EAAA;QACJC,OAAS,EAAA,MAAA;QACTC,aAAe,EAAA,KAAA;QACfC,UAAY,EAAA,QAAA;QACZC,YAAc,EAAA,QAAA;QACdC,GAAK,EAAA,KAAA;QACLC,OAAS,EAAA,6BAAA;QACTC,MAAQ,EAAA,SAAA;QACRC,UAAY,EAAA,uBAAA;QACZC,MAAQ,EAAA;YACND,UAAY,EAAA;AACd,SAAA;QACAE,MAAQ,EAAA;YACNC,OAAS,EAAA,MAAA;YACTC,SAAW,EAAA;AACb,SAAA;QACAC,OAAS,EAAA;YACPF,OAAS,EAAA;AACX,SAAA;QACAG,SAAW,EAAA;YACTC,OAAS,EAAA,KAAA;YACTC,aAAe,EAAA;AACjB,SAAA;QAEA,gCAAkC,EAAA;YAChCC,KAAO,EAAA;AACT;AACF,KAAA;IACAC,QAAU,EAAA;QACRC,OAAS,EAAA;YACPC,IAAM,EAAA;gBACJC,MAAQ,EAAA,MAAA;gBACRC,YAAc,EAAA;AAChB,aAAA;YACA3B,GAAK,EAAA;gBACH4B,WAAa,EAAA,KAAA;gBACbC,iBAAmB,EAAA,GAAA;gBACnBC,cAAgB,EAAA,KAAA;gBAChBC,WAAa,EAAA,OAAA;gBACbJ,YAAc,EAAA,GAAA;gBACd,gCAAkC,EAAA;oBAChCG,cAAgB,EAAA,KAAA;oBAChBE,eAAiB,EAAA,KAAA;oBACjBH,iBAAmB,EAAA,KAAA;oBACnBI,gBAAkB,EAAA;AACpB;AACF;AACF,SAAA;QACAC,KAAO,EAAA;AACLC,YAAAA,QAAAA,EAAU,EAAC;AACXC,YAAAA,OAAAA,EAAS,EAAC;AACVC,YAAAA,OAAAA,EAAS;AACX;AACF,KAAA;IACAC,gBAAkB,EAAA;AAChB,QAAA;YACEd,OAAS,EAAA,MAAA;YACTU,KAAO,EAAA,SAAA;YACPK,GAAK,EAAA;gBACHC,eAAiB,EAAA,8BAAA;gBACjBN,KAAO,EAAA,8BAAA;gBAEPpB,MAAQ,EAAA;oBACN0B,eAAiB,EAAA,8BAAA;oBACjBN,KAAO,EAAA;AACT,iBAAA;gBACAhB,OAAS,EAAA;oBACPsB,eAAiB,EAAA,8BAAA;oBACjBN,KAAO,EAAA,8BAAA;oBAEPpB,MAAQ,EAAA;wBACN0B,eAAiB,EAAA,8BAAA;wBACjBN,KAAO,EAAA;AACT;AACF;AACF;AACF,SAAA;AACA,QAAA;YACEV,OAAS,EAAA,MAAA;YACTU,KAAO,EAAA,SAAA;YACPK,GAAK,EAAA;gBACHC,eAAiB,EAAA,8BAAA;gBACjBN,KAAO,EAAA,8BAAA;gBAEPpB,MAAQ,EAAA;oBACN0B,eAAiB,EAAA,8BAAA;oBACjBN,KAAO,EAAA;AACT,iBAAA;gBACAhB,OAAS,EAAA;oBACPsB,eAAiB,EAAA,8BAAA;oBACjBN,KAAO,EAAA,8BAAA;oBAEPpB,MAAQ,EAAA;wBACN0B,eAAiB,EAAA,8BAAA;wBACjBN,KAAO,EAAA;AACT;AACF;AACF;AACF,SAAA;AACA,QAAA;YACEV,OAAS,EAAA,KAAA;YACTU,KAAO,EAAA,SAAA;YACPK,GAAK,EAAA;gBACHC,eAAiB,EAAA,8BAAA;gBACjBN,KAAO,EAAA,8BAAA;gBACPO,WAAa,EAAA,0BAAA;gBACb3B,MAAQ,EAAA;oBACN0B,eAAiB,EAAA,8BAAA;oBACjBN,KAAO,EAAA,8BAAA;oBACPO,WAAa,EAAA;AACf,iBAAA;gBACAvB,OAAS,EAAA;oBACPsB,eAAiB,EAAA,8BAAA;oBACjBN,KAAO,EAAA,8BAAA;oBACPO,WAAa,EAAA,0BAAA;oBACb3B,MAAQ,EAAA;wBACN0B,eAAiB,EAAA,8BAAA;wBACjBN,KAAO,EAAA,sCAAA;wBACPO,WAAa,EAAA;AACf;AACF;AACF;AACF,SAAA;AACA,QAAA;YACEjB,OAAS,EAAA,KAAA;YACTU,KAAO,EAAA,SAAA;YACPK,GAAK,EAAA;gBACHC,eAAiB,EAAA,8BAAA;gBACjBN,KAAO,EAAA,8BAAA;gBACPO,WAAa,EAAA,0BAAA;gBACb3B,MAAQ,EAAA;oBACN0B,eAAiB,EAAA,8BAAA;oBACjBN,KAAO,EAAA,8BAAA;oBACPO,WAAa,EAAA;AACf,iBAAA;gBACAvB,OAAS,EAAA;oBACPsB,eAAiB,EAAA,8BAAA;oBACjBN,KAAO,EAAA,8BAAA;oBACPO,WAAa,EAAA,0BAAA;oBACb3B,MAAQ,EAAA;wBACN0B,eAAiB,EAAA,8BAAA;wBACjBN,KAAO,EAAA,mCAAA;wBACPO,WAAa,EAAA;AACf;AACF;AACF;AACF;AACD,KAAA;IACDC,eAAiB,EAAA;QACfR,KAAO,EAAA,SAAA;QACPV,OAAS,EAAA;AACX;AACF,CAAyC;;;;"}

package/dist/recipes/atoms/wrapped-icon/wrapped-icon.d.ts

@@ -0,0 +1,3 @@
+import { type RecipeBuilder, type RecipeVariantRecord } from '@pandabox/define-recipe';
+export declare const wrappedIcon: RecipeBuilder<RecipeVariantRecord>;
+//# sourceMappingURL=wrapped-icon.d.ts.map

package/dist/recipes/atoms/wrapped-icon/wrapped-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapped-icon.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/wrapped-icon/wrapped-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,WAAW,EAuFlB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -0,0 +1,95 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"wrapped-icon.js","sources":["../../../../src/recipes/atoms/wrapped-icon/wrapped-icon.ts"],"sourcesContent":["import {\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n  defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const wrappedIcon = defineRecipe({\n  className: 'wrapped-icon',\n  jsx: ['WrappedIcon'],\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    aspectRatio: '1',\n  },\n  variants: {\n    variant: {\n      unstyled: {},\n      filled: {\n        border: 'none',\n      },\n      outlined: {\n        borderWidth: '1px',\n        borderStyle: 'solid',\n        backgroundColor: 'transparent',\n      },\n    },\n    shape: {\n      unstyled: {},\n      rounded: {\n        borderRadius: '900',\n      },\n      square: {\n        borderRadius: '50',\n      },\n    },\n    color: {\n      unstyled: {},\n      primary: {},\n      neutral: {},\n    },\n    size: {\n      l: {\n        height: '{sizes.600}',\n      },\n      m: {\n        height: '{sizes.500}',\n      },\n      s: {\n        height: '{sizes.400}',\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      },\n    },\n    {\n      variant: 'filled',\n      color: 'neutral',\n      css: {\n        color: 'neutral.foreground.2.onBrand.enabled',\n        backgroundColor: 'neutral.background.2.enabled',\n      },\n    },\n    {\n      variant: 'outlined',\n      color: 'primary',\n      css: {\n        color: 'primary.foreground.1.enabled',\n        borderColor: 'primary.stroke.2.enabled',\n      },\n    },\n    {\n      variant: 'outlined',\n      color: 'neutral',\n      css: {\n        color: 'neutral.foreground.1.enabled',\n        borderColor: 'neutral.stroke.2.enabled',\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: 'filled',\n    shape: 'rounded',\n    color: 'neutral',\n    size: 'm',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["wrappedIcon","defineRecipe","className","jsx","base","display","alignItems","justifyContent","aspectRatio","variants","variant","unstyled","filled","border","outlined","borderWidth","borderStyle","backgroundColor","shape","rounded","borderRadius","square","color","primary","neutral","size","l","height","m","s","compoundVariants","css","borderColor","defaultVariants"],"mappings":";;AAMO,MAAMA,cAAcC,YAAa,CAAA;IACtCC,SAAW,EAAA,cAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAc,KAAA;IACpBC,IAAM,EAAA;QACJC,OAAS,EAAA,aAAA;QACTC,UAAY,EAAA,QAAA;QACZC,cAAgB,EAAA,QAAA;QAChBC,WAAa,EAAA;AACf,KAAA;IACAC,QAAU,EAAA;QACRC,OAAS,EAAA;AACPC,YAAAA,QAAAA,EAAU,EAAC;YACXC,MAAQ,EAAA;gBACNC,MAAQ,EAAA;AACV,aAAA;YACAC,QAAU,EAAA;gBACRC,WAAa,EAAA,KAAA;gBACbC,WAAa,EAAA,OAAA;gBACbC,eAAiB,EAAA;AACnB;AACF,SAAA;QACAC,KAAO,EAAA;AACLP,YAAAA,QAAAA,EAAU,EAAC;YACXQ,OAAS,EAAA;gBACPC,YAAc,EAAA;AAChB,aAAA;YACAC,MAAQ,EAAA;gBACND,YAAc,EAAA;AAChB;AACF,SAAA;QACAE,KAAO,EAAA;AACLX,YAAAA,QAAAA,EAAU,EAAC;AACXY,YAAAA,OAAAA,EAAS,EAAC;AACVC,YAAAA,OAAAA,EAAS;AACX,SAAA;QACAC,IAAM,EAAA;YACJC,CAAG,EAAA;gBACDC,MAAQ,EAAA;AACV,aAAA;YACAC,CAAG,EAAA;gBACDD,MAAQ,EAAA;AACV,aAAA;YACAE,CAAG,EAAA;gBACDF,MAAQ,EAAA;AACV;AACF;AACF,KAAA;IACAG,gBAAkB,EAAA;AAChB,QAAA;YACEpB,OAAS,EAAA,QAAA;YACTY,KAAO,EAAA,SAAA;YACPS,GAAK,EAAA;gBACHT,KAAO,EAAA,sCAAA;gBACPL,eAAiB,EAAA;AACnB;AACF,SAAA;AACA,QAAA;YACEP,OAAS,EAAA,QAAA;YACTY,KAAO,EAAA,SAAA;YACPS,GAAK,EAAA;gBACHT,KAAO,EAAA,sCAAA;gBACPL,eAAiB,EAAA;AACnB;AACF,SAAA;AACA,QAAA;YACEP,OAAS,EAAA,UAAA;YACTY,KAAO,EAAA,SAAA;YACPS,GAAK,EAAA;gBACHT,KAAO,EAAA,8BAAA;gBACPU,WAAa,EAAA;AACf;AACF,SAAA;AACA,QAAA;YACEtB,OAAS,EAAA,UAAA;YACTY,KAAO,EAAA,SAAA;YACPS,GAAK,EAAA;gBACHT,KAAO,EAAA,8BAAA;gBACPU,WAAa,EAAA;AACf;AACF;AACD,KAAA;IACDC,eAAiB,EAAA;QACfvB,OAAS,EAAA,QAAA;QACTQ,KAAO,EAAA,SAAA;QACPI,KAAO,EAAA,SAAA;QACPG,IAAM,EAAA;AACR;AACF,CAAyC;;;;"}

package/dist/recipes/index.d.ts

@@ -0,0 +1,4 @@
+import type { RecipeConfig, SlotRecipeConfig } from '@pandacss/dev';
+export declare const recipes: Record<string, Partial<RecipeConfig>>;
+export declare const slotRecipes: Record<string, Partial<SlotRecipeConfig>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/recipes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/recipes/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAmBpE,eAAO,MAAM,OAAO,EAef,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC;AAE3C,eAAO,MAAM,WAAW,EAInB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC"}

package/dist/recipes/index.js

@@ -0,0 +1,41 @@
+import { avatar } from './atoms/avatar/avatar.js';
+import { badge } from './atoms/badges/badge.js';
+import { badgeSection } from './atoms/badges/badge-section.js';
+import { buttons } from './atoms/buttons/index.js';
+import { dropdown } from './atoms/dropdown/dropdown.js';
+import { icon } from './atoms/icon/icon.js';
+import { inputs } from './atoms/inputs/index.js';
+import { tab } from './atoms/tab/tab.js';
+import { tabLabel } from './atoms/tab/tab-label.js';
+import { tabPanel } from './atoms/tab/tab-panel.js';
+import { tabSection } from './atoms/tab/tab-section.js';
+import { wrappedIcon } from './atoms/wrapped-icon/wrapped-icon.js';
+import { calendar } from './molecules/calendar/index.js';
+import { tabList } from './molecules/tab-list/tabList.js';
+import { tabs } from './molecules/tabs/tabs.js';
+import { focus } from './shared/focus.js';
+
+const recipes = {
+    badge,
+    badgeSection,
+    dropdown,
+    focus,
+    tab,
+    tabLabel,
+    tabList,
+    tabSection,
+    tabPanel,
+    tabs,
+    wrappedIcon,
+    ...buttons,
+    ...inputs,
+    ...calendar
+};
+const slotRecipes = {
+    avatar,
+    calendar,
+    icon
+};
+
+export { recipes, slotRecipes };
+//# sourceMappingURL=index.js.map