@mage-ui/preset 0.0.16 → 0.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +0 -1
- package/dist/index.js.map +1 -1
- package/dist/recipes/atoms/avatar/avatar-image.js +2 -0
- package/dist/recipes/atoms/avatar/avatar-image.js.map +1 -0
- package/dist/recipes/atoms/avatar/avatar-placeholder.js +2 -0
- package/dist/recipes/atoms/avatar/avatar-placeholder.js.map +1 -0
- package/dist/recipes/atoms/avatar/avatar.js.map +1 -1
- package/dist/recipes/atoms/badges/badge-section.js.map +1 -1
- package/dist/recipes/atoms/breadcrumbs/breadcrumb-separator.js +1 -1
- package/dist/recipes/atoms/breadcrumbs/breadcrumb-separator.js.map +1 -1
- package/dist/recipes/atoms/breadcrumbs/breadcrumb.js +1 -1
- package/dist/recipes/atoms/breadcrumbs/breadcrumb.js.map +1 -1
- package/dist/recipes/atoms/buttons/button-icon-icon.js.map +1 -1
- package/dist/recipes/atoms/buttons/button-inner.js.map +1 -1
- package/dist/recipes/atoms/buttons/button-label.js.map +1 -1
- package/dist/recipes/atoms/buttons/button-section.js.map +1 -1
- package/dist/recipes/atoms/buttons/button.js +1 -1
- package/dist/recipes/atoms/buttons/button.js.map +1 -1
- package/dist/recipes/atoms/carousel/carousel-container.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-container.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-control.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-control.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-controls.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-controls.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-indicator.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-indicator.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-indicators.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-indicators.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-slide.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-slide.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-viewport.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-viewport.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel.js +2 -0
- package/dist/recipes/atoms/carousel/carousel.js.map +1 -0
- package/dist/recipes/atoms/carousel/index.js +2 -0
- package/dist/recipes/atoms/carousel/index.js.map +1 -0
- package/dist/recipes/atoms/dropdown/dropdown.js.map +1 -1
- package/dist/recipes/atoms/icon-wrapped/icon-wrapped.js +2 -0
- package/dist/recipes/atoms/icon-wrapped/icon-wrapped.js.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-body.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-description.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-error.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-icon.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-inner.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-input.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-label-wrapper.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-label.js.map +1 -1
- package/dist/recipes/atoms/inputs/combobox/combobox-empty.js.map +1 -1
- package/dist/recipes/atoms/inputs/combobox/combobox-option.js.map +1 -1
- package/dist/recipes/atoms/inputs/combobox/combobox-options.js.map +1 -1
- package/dist/recipes/atoms/inputs/combobox/combobox-section.js.map +1 -1
- package/dist/recipes/atoms/inputs/datepicker-dropdown.js.map +1 -1
- package/dist/recipes/atoms/inputs/form-control.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-description.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-error.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-label.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-placeholder.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-root.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-section.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-wrapper.js.map +1 -1
- package/dist/recipes/atoms/inputs/input.js.map +1 -1
- package/dist/recipes/atoms/tab/tab-label.js.map +1 -1
- package/dist/recipes/atoms/tab/tab-list.js.map +1 -1
- package/dist/recipes/atoms/tab/tab-panel.js.map +1 -1
- package/dist/recipes/atoms/tab/tab-section.js.map +1 -1
- package/dist/recipes/atoms/tab/tab.js +1 -1
- package/dist/recipes/atoms/tab/tab.js.map +1 -1
- package/dist/recipes/atoms/tab/tabs.js.map +1 -1
- package/dist/recipes/index.js +1 -1
- package/dist/recipes/index.js.map +1 -1
- package/dist/recipes/molecules/calendar/calendar-control.js.map +1 -1
- package/dist/recipes/molecules/calendar/calendar-header-control-icon.js.map +1 -1
- package/dist/recipes/molecules/calendar/calendar-header-level.js.map +1 -1
- package/dist/recipes/molecules/calendar/calendar-months-list-control.js.map +1 -1
- package/dist/recipes/molecules/calendar/calendar-years-list-control.js.map +1 -1
- package/dist/recipes/shared/focus.js.map +1 -1
- package/dist/semantic-tokens/index.js.map +1 -1
- package/dist/tokens/borders.js +1 -1
- package/dist/tokens/borders.js.map +1 -1
- package/package.json +3 -3
- package/dist/recipes/atoms/avatar/avatar-img.js +0 -2
- package/dist/recipes/atoms/avatar/avatar-img.js.map +0 -1
- package/dist/recipes/atoms/avatar/avatar-text.js +0 -2
- package/dist/recipes/atoms/avatar/avatar-text.js.map +0 -1
- package/dist/recipes/atoms/wrapped-icon/wrapped-icon.js +0 -2
- package/dist/recipes/atoms/wrapped-icon/wrapped-icon.js.map +0 -1
package/dist/index.d.ts
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import { definePreset } from '@pandacss/dev';\nimport { conditions } from './conditions';\nimport { recipes } from './recipes';\nimport { slotRecipes } from './recipes/index';\nimport { semanticTokens } from './semantic-tokens';\nimport { tokens } from './tokens';\n\nexport default definePreset({\n name: 'mage-preset',\n conditions,\n theme: {\n extend: {\n tokens,\n semanticTokens,\n recipes,\n slotRecipes,\n },\n },\n});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import { definePreset } from '@pandacss/dev';\n\nimport { conditions } from './conditions';\nimport { recipes } from './recipes';\nimport { slotRecipes } from './recipes/index';\nimport { semanticTokens } from './semantic-tokens';\nimport { tokens } from './tokens';\n\nexport default definePreset({\n name: 'mage-preset',\n conditions,\n theme: {\n extend: {\n tokens,\n semanticTokens,\n recipes,\n slotRecipes,\n },\n },\n});\n"],"mappings":"qQAQA,IAAA,EAAe,EAAa,CAC1B,KAAM,cACN,aACA,MAAO,CACL,OAAQ,CACN,SACA,iBACA,UACA,aACD,CACF,CACF,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-image.js","names":[],"sources":["../../../../src/recipes/atoms/avatar/avatar-image.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatarImage = defineRecipe({\n className: 'avatar-image',\n jsx: ['Avatar'],\n base: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,MAAO,OACP,OAAQ,OACR,UAAW,OACZ,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar-placeholder`,jsx:[`Avatar`],base:{lineHeight:`1`,fontWeight:`regular`,color:`neutral.foreground.1.onBrand.enabled`,textDecoration:`none`},variants:{size:{s:{fontSize:`200`},m:{fontSize:`300`},l:{fontSize:`800`}}},defaultVariants:{size:`m`}});export{t as avatarPlaceholder};
|
|
2
|
+
//# sourceMappingURL=avatar-placeholder.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-placeholder.js","names":[],"sources":["../../../../src/recipes/atoms/avatar/avatar-placeholder.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatarPlaceholder = defineRecipe({\n className: 'avatar-placeholder',\n jsx: ['Avatar'],\n base: {\n lineHeight: '1',\n fontWeight: 'regular',\n color: 'neutral.foreground.1.onBrand.enabled',\n textDecoration: 'none',\n },\n variants: {\n size: {\n s: {\n fontSize: '200',\n },\n m: {\n fontSize: '300',\n },\n l: {\n fontSize: '800',\n },\n },\n },\n defaultVariants: {\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,qBACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,WAAY,IACZ,WAAY,UACZ,MAAO,uCACP,eAAgB,MACjB,EACD,SAAU,CACR,KAAM,CACJ,EAAG,CACD,SAAU,KACX,EACD,EAAG,CACD,SAAU,KACX,EACD,EAAG,CACD,SAAU,KACX,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACP,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","names":[],"sources":["../../../../src/recipes/atoms/avatar/avatar.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"avatar.js","names":[],"sources":["../../../../src/recipes/atoms/avatar/avatar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatar = defineRecipe({\n className: 'avatar',\n jsx: ['Avatar'],\n base: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexShrink: 0,\n aspectRatio: '1',\n borderRadius: '900',\n backgroundColor: 'primary.background.1.enabled',\n overflow: 'hidden',\n },\n variants: {\n size: {\n s: {\n width: '{sizes.300}',\n height: '{sizes.300}',\n },\n m: {\n width: '{sizes.400}',\n height: '{sizes.400}',\n },\n l: {\n width: '{sizes.1000}',\n height: '{sizes.1000}',\n },\n },\n },\n defaultVariants: {\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAS,EAAa,CACjC,UAAW,SACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,WAAY,EACZ,YAAa,IACb,aAAc,MACd,gBAAiB,+BACjB,SAAU,QACX,EACD,SAAU,CACR,KAAM,CACJ,EAAG,CACD,MAAO,cACP,OAAQ,aACT,EACD,EAAG,CACD,MAAO,cACP,OAAQ,aACT,EACD,EAAG,CACD,MAAO,eACP,OAAQ,cACT,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACP,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge-section.js","names":[],"sources":["../../../../src/recipes/atoms/badges/badge-section.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"badge-section.js","names":[],"sources":["../../../../src/recipes/atoms/badges/badge-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const badgeSection = defineRecipe({\n className: 'badge-section',\n jsx: ['BadgeSection'],\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '150',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,gBACX,IAAK,CAAC,cAAe,EACrB,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,IAAK,KACN,CACF,EAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumb-separator`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumb-separator`,base:{display:`flex`,alignItems:`center`}});export{t as breadcrumbSeparator};
|
|
2
2
|
//# sourceMappingURL=breadcrumb-separator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-separator.js","names":[],"sources":["../../../../src/recipes/atoms/breadcrumbs/breadcrumb-separator.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"breadcrumb-separator.js","names":[],"sources":["../../../../src/recipes/atoms/breadcrumbs/breadcrumb-separator.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbSeparator = defineRecipe({\n className: 'breadcrumb-separator',\n base: {\n display: 'flex',\n alignItems: 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAsB,EAAa,CAC9C,UAAW,uBACX,KAAM,CACJ,QAAS,OACT,WAAY,QACb,CACF,EAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumb`,jsx:[`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumb`,jsx:[`Breadcrumbs.Item`],base:{display:`flex`,alignItems:`center`}});export{t as breadcrumb};
|
|
2
2
|
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../../src/recipes/atoms/breadcrumbs/breadcrumb.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../../src/recipes/atoms/breadcrumbs/breadcrumb.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumb = defineRecipe({\n className: 'breadcrumb',\n jsx: ['Breadcrumbs.Item'],\n base: {\n display: 'flex',\n alignItems: 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,aACX,IAAK,CAAC,kBAAmB,EACzB,KAAM,CACJ,QAAS,OACT,WAAY,QACb,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icon-icon.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-icon-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\
|
|
1
|
+
{"version":3,"file":"button-icon-icon.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-icon-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { defineRecipe } from '@pandacss/dev';\n\nexport const buttonIconIcon = defineRecipe({\n className: 'button-icon-icon',\n jsx: ['Button'],\n base: {\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n aspectRatio: '1',\n transition: 'all 0.2s ease',\n },\n variants: {\n size: {\n xs: {\n height: '0.75rem',\n width: '0.75rem',\n },\n s: {\n height: '1rem',\n width: '1rem',\n },\n m: {\n height: '1.25rem',\n width: '1.25rem',\n },\n l: {\n height: '1.5rem',\n width: '1.5rem',\n },\n xl: {\n height: '2rem',\n width: '2rem',\n },\n },\n },\n defaultVariants: {\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"6CAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,QAAS,cACT,eAAgB,SAChB,WAAY,SACZ,YAAa,IACb,WAAY,eACb,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQ,UACR,MAAO,SACR,EACD,EAAG,CACD,OAAQ,OACR,MAAO,MACR,EACD,EAAG,CACD,OAAQ,UACR,MAAO,SACR,EACD,EAAG,CACD,OAAQ,SACR,MAAO,QACR,EACD,GAAI,CACF,OAAQ,OACR,MAAO,MACR,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACP,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-inner.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-inner.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"button-inner.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonInner = defineRecipe({\n className: 'button-inner',\n jsx: ['Button'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '300',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,IAAK,KACN,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-label.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-label.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"button-label.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonLabel = defineRecipe({\n className: 'button-label',\n jsx: ['Button'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,OAAQ,MACT,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-section.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-section.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"button-section.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonSection = defineRecipe({\n className: 'button-section',\n jsx: ['Button'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,iBACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,QACjB,CACF,EAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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:`
|
|
1
|
+
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:`{borders.100}`,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};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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: '
|
|
1
|
+
{"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';\n\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: '{borders.100}',\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":"8CAOA,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,gBACb,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-container.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-container.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselContainer = defineRecipe({\n className: 'carousel-container',\n jsx: ['Carousel'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n height: '20rem',\n marginInlineEnd: '0',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAoB,EAAa,CAC5C,UAAW,qBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,OAAQ,QACR,gBAAiB,GAClB,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel-control`,jsx:[`Carousel`],base:{display:`flex`,alignItems:`center`,justifyContent:`center`,borderRadius:`900`,height:`control.height.100`,width:`control.height.100`,padding:`{spacing.100}`,aspectRatio:`1`,color:`black`,backgroundColor:`white`,cursor:`pointer`,opacity:`.2`,transition:`{animations.base.100}`,_hover:{opacity:`.8`}}});export{t as carouselControl};
|
|
2
|
+
//# sourceMappingURL=carousel-control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-control.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-control.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselControl = defineRecipe({\n className: 'carousel-control',\n jsx: ['Carousel'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '900',\n height: 'control.height.100',\n width: 'control.height.100',\n padding: '{spacing.100}',\n aspectRatio: '1',\n color: 'black',\n backgroundColor: 'white',\n cursor: 'pointer',\n opacity: '.2',\n transition: '{animations.base.100}',\n _hover: {\n opacity: '.8',\n },\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAkB,EAAa,CAC1C,UAAW,mBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,aAAc,MACd,OAAQ,qBACR,MAAO,qBACP,QAAS,gBACT,YAAa,IACb,MAAO,QACP,gBAAiB,QACjB,OAAQ,UACR,QAAS,KACT,WAAY,wBACZ,OAAQ,CACN,QAAS,IACV,CACF,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel-controls`,jsx:[`Carousel`],base:{position:`absolute`,display:`flex`,flexDirection:`row`,alignItems:`center`,justifyContent:`space-between`,zIndex:1,insetInlineStart:`{spacing.400}`,insetInlineEnd:`{spacing.400}`,top:`50%`,transform:`translateY(-50%)`}});export{t as carouselControls};
|
|
2
|
+
//# sourceMappingURL=carousel-controls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-controls.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-controls.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselControls = defineRecipe({\n className: 'carousel-controls',\n jsx: ['Carousel'],\n base: {\n position: 'absolute',\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n zIndex: 1,\n insetInlineStart: '{spacing.400}',\n insetInlineEnd: '{spacing.400}',\n top: '50%',\n transform: 'translateY(-50%)',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,SAAU,WACV,QAAS,OACT,cAAe,MACf,WAAY,SACZ,eAAgB,gBAChB,OAAQ,EACR,iBAAkB,gBAClB,eAAgB,gBAChB,IAAK,MACL,UAAW,kBACZ,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel-indicator`,jsx:[`Carousel`],base:{pointerEvents:`all`,borderRadius:`900`,opacity:.4,backgroundColor:`white`,cursor:`pointer`,width:`150`,height:`150`,_hover:{opacity:.8},_active:{opacity:1}}});export{t as carouselIndicator};
|
|
2
|
+
//# sourceMappingURL=carousel-indicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-indicator.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-indicator.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselIndicator = defineRecipe({\n className: 'carousel-indicator',\n jsx: ['Carousel'],\n base: {\n pointerEvents: 'all',\n borderRadius: '900',\n opacity: 0.4,\n backgroundColor: 'white',\n cursor: 'pointer',\n width: '150',\n height: '150',\n _hover: {\n opacity: 0.8,\n },\n _active: {\n opacity: 1,\n },\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAoB,EAAa,CAC5C,UAAW,qBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,cAAe,MACf,aAAc,MACd,QAAS,GACT,gBAAiB,QACjB,OAAQ,UACR,MAAO,MACP,OAAQ,MACR,OAAQ,CACN,QAAS,EACV,EACD,QAAS,CACP,QAAS,CACV,CACF,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel-indicators`,jsx:[`Carousel`],base:{position:`absolute`,display:`flex`,justifyContent:`center`,gap:`8px`,pointerEvents:`none`,bottom:`{spacing.400}`,insetInlineStart:0,insetInlineEnd:0,flexDirection:`row`}});export{t as carouselIndicators};
|
|
2
|
+
//# sourceMappingURL=carousel-indicators.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-indicators.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-indicators.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselIndicators = defineRecipe({\n className: 'carousel-indicators',\n jsx: ['Carousel'],\n base: {\n position: 'absolute',\n display: 'flex',\n justifyContent: 'center',\n gap: '8px',\n pointerEvents: 'none',\n bottom: '{spacing.400}',\n insetInlineStart: 0,\n insetInlineEnd: 0,\n flexDirection: 'row',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAqB,EAAa,CAC7C,UAAW,sBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,SAAU,WACV,QAAS,OACT,eAAgB,SAChB,IAAK,MACL,cAAe,OACf,OAAQ,gBACR,iBAAkB,EAClB,eAAgB,EAChB,cAAe,KAChB,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel-slide`,jsx:[`Carousel`],base:{position:`relative`,flex:`0 0 100%`,display:`flex`,alignItems:`center`,justifyContent:`center`,backgroundColor:`neutral.background.3.enabled`,borderRadius:`100`,fontSize:`1000`,fontWeight:`bold`,color:`neutral.foreground.1.enabled`}});export{t as carouselSlide};
|
|
2
|
+
//# sourceMappingURL=carousel-slide.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-slide.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-slide.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselSlide = defineRecipe({\n className: 'carousel-slide',\n jsx: ['Carousel'],\n base: {\n position: 'relative',\n // slide example\n flex: '0 0 100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'neutral.background.3.enabled',\n borderRadius: '100',\n fontSize: '1000',\n fontWeight: 'bold',\n color: 'neutral.foreground.1.enabled',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAgB,EAAa,CACxC,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,SAAU,WAEV,KAAM,WACN,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,gBAAiB,+BACjB,aAAc,MACd,SAAU,OACV,WAAY,OACZ,MAAO,8BACR,CACF,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-viewport.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-viewport.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselViewport = defineRecipe({\n className: 'carousel-viewport',\n jsx: ['Carousel'],\n base: {\n height: 'auto',\n overflow: 'hidden',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,OAAQ,OACR,SAAU,QACX,CACF,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carousel = defineRecipe({\n className: 'carousel',\n jsx: ['Carousel'],\n base: {\n width: '400px',\n position: 'relative',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,MAAO,QACP,SAAU,UACX,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{carousel as e}from"./carousel.js";import{carouselContainer as t}from"./carousel-container.js";import{carouselControl as n}from"./carousel-control.js";import{carouselControls as r}from"./carousel-controls.js";import{carouselIndicator as i}from"./carousel-indicator.js";import{carouselIndicators as a}from"./carousel-indicators.js";import{carouselSlide as o}from"./carousel-slide.js";import{carouselViewport as s}from"./carousel-viewport.js";const c={carousel:e,carouselViewport:s,carouselContainer:t,carouselControls:r,carouselControl:n,carouselIndicators:a,carouselIndicator:i,carouselSlide:o};export{c as carousels};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/index.ts"],"sourcesContent":["import { carousel } from './carousel';\nimport { carouselContainer } from './carousel-container';\nimport { carouselControl } from './carousel-control';\nimport { carouselControls } from './carousel-controls';\nimport { carouselIndicator } from './carousel-indicator';\nimport { carouselIndicators } from './carousel-indicators';\nimport { carouselSlide } from './carousel-slide';\nimport { carouselViewport } from './carousel-viewport';\n\nexport const carousels = {\n carousel,\n carouselViewport,\n carouselContainer,\n carouselControls,\n carouselControl,\n carouselIndicators,\n carouselIndicator,\n carouselSlide,\n};\n"],"mappings":"+bASA,MAAa,EAAY,CACvB,WACA,mBACA,oBACA,mBACA,kBACA,qBACA,oBACA,eACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","names":[],"sources":["../../../../src/recipes/atoms/dropdown/dropdown.ts"],"sourcesContent":["import { type RecipeBuilder
|
|
1
|
+
{"version":3,"file":"dropdown.js","names":[],"sources":["../../../../src/recipes/atoms/dropdown/dropdown.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } 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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`icon-wrapped`,jsx:[`IconWrapped`],base:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,aspectRatio:`1`},variants:{variant:{unstyled:{},filled:{border:`none`},outlined:{borderWidth:`{borders.100}`,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 iconWrapped};
|
|
2
|
+
//# sourceMappingURL=icon-wrapped.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-wrapped.js","names":[],"sources":["../../../../src/recipes/atoms/icon-wrapped/icon-wrapped.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const iconWrapped = defineRecipe({\n className: 'icon-wrapped',\n jsx: ['IconWrapped'],\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: '{borders.100}',\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"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,aAAc,EACpB,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,YAAa,GACd,EACD,SAAU,CACR,QAAS,CACP,SAAU,CAAE,EACZ,OAAQ,CACN,OAAQ,MACT,EACD,SAAU,CACR,YAAa,gBACb,YAAa,QACb,gBAAiB,aAClB,CACF,EACD,MAAO,CACL,SAAU,CAAE,EACZ,QAAS,CACP,aAAc,KACf,EACD,OAAQ,CACN,aAAc,IACf,CACF,EACD,MAAO,CACL,SAAU,CAAE,EACZ,QAAS,CAAE,EACX,QAAS,CAAE,CACZ,EACD,KAAM,CACJ,EAAG,CACD,OAAQ,aACT,EACD,EAAG,CACD,OAAQ,aACT,EACD,EAAG,CACD,OAAQ,aACT,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,8BAClB,CACF,EACD,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,8BAClB,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,0BACd,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,0BACd,CACF,CACF,EACD,gBAAiB,CACf,QAAS,SACT,MAAO,UACP,MAAO,UACP,KAAM,GACP,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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
|
|
1
|
+
{"version":3,"file":"checkbox-body.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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":"
|
|
1
|
+
{"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';\n\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":"2DAOA,MAAa,EAAsB,EAAiB,MAAM,CACxD,UAAW,uBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CAAE,CACT,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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":"+
|
|
1
|
+
{"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';\n\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":"+CAOA,MAAa,EAAgB,EAAW,MAAM,CAC5C,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CAAE,CACT,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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
|
|
1
|
+
{"version":3,"file":"checkbox-icon.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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
|
|
1
|
+
{"version":3,"file":"checkbox-inner.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-input.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { formControl } from './../form-control';\n\nexport const checkboxInput = formControl.merge({\n className: 'checkbox-input',\n jsx: ['Checkbox'],\n base: {\n display: 'block',\n appearance: 'none',\n transition: '{animations.base.100}',\n width: 'control.height.50',\n aspectRatio: '1',\n borderRadius: '100',\n WebkitTapHighlightColor: 'transparent',\n padding: '0',\n pointerEvents: 'auto!',\n _checked: {\n backgroundColor: 'neutral.background.2.brand.selected',\n color: 'neutral.foreground.static.inverted.enabled',\n borderColor: 'neutral.background.2.brand.selected',\n },\n _disabled: {\n opacity: '0.5',\n cursor: 'not-allowed',\n pointerEvents: 'none',\n _hover: {\n borderColor: 'neutral.stroke.7.enabled',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"checkbox-input.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { formControl } from './../form-control';\n\nexport const checkboxInput = formControl.merge({\n className: 'checkbox-input',\n jsx: ['Checkbox'],\n base: {\n display: 'block',\n appearance: 'none',\n transition: '{animations.base.100}',\n width: 'control.height.50',\n aspectRatio: '1',\n borderRadius: '100',\n WebkitTapHighlightColor: 'transparent',\n padding: '0',\n pointerEvents: 'auto!',\n _checked: {\n backgroundColor: 'neutral.background.2.brand.selected',\n color: 'neutral.foreground.static.inverted.enabled',\n borderColor: 'neutral.background.2.brand.selected',\n },\n _disabled: {\n opacity: '0.5',\n cursor: 'not-allowed',\n pointerEvents: 'none',\n _hover: {\n borderColor: 'neutral.stroke.7.enabled',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"iDAOA,MAAa,EAAgB,EAAY,MAAM,CAC7C,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,QAAS,QACT,WAAY,OACZ,WAAY,wBACZ,MAAO,oBACP,YAAa,IACb,aAAc,MACd,wBAAyB,cACzB,QAAS,IACT,cAAe,QACf,SAAU,CACR,gBAAiB,sCACjB,MAAO,6CACP,YAAa,qCACd,EACD,UAAW,CACT,QAAS,MACT,OAAQ,cACR,cAAe,OACf,OAAQ,CACN,YAAa,0BACd,CACF,CACF,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-label-wrapper.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-label-wrapper.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputRoot } from '../input-root';\n\nexport const checkboxLabelWrapper = inputRoot.merge({\n className: 'checkbox-label-wrapper',\n jsx: ['Checkbox'],\n base: {\n marginLeft: '200',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"checkbox-label-wrapper.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-label-wrapper.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputRoot } from '../input-root';\n\nexport const checkboxLabelWrapper = inputRoot.merge({\n className: 'checkbox-label-wrapper',\n jsx: ['Checkbox'],\n base: {\n marginLeft: '200',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"6CAOA,MAAa,EAAuB,EAAU,MAAM,CAClD,UAAW,yBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,WAAY,KACb,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-label.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-label.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputLabel } from '../input-label';\n\nexport const checkboxLabel = inputLabel.merge({\n className: 'checkbox-label',\n jsx: ['Checkbox'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+
|
|
1
|
+
{"version":3,"file":"checkbox-label.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-label.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputLabel } from '../input-label';\n\nexport const checkboxLabel = inputLabel.merge({\n className: 'checkbox-label',\n jsx: ['Checkbox'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+CAOA,MAAa,EAAgB,EAAW,MAAM,CAC5C,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CAAE,CACT,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-empty.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-empty.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport { type RecipeVariantRecord
|
|
1
|
+
{"version":3,"file":"combobox-empty.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-empty.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport { defineRecipe, type RecipeVariantRecord } from '@pandacss/dev';\n\nexport const comboboxEmpty = defineRecipe({\n className: 'combobox-empty',\n jsx: ['Combobox'],\n base: {\n fontSize: '300',\n fontWeight: 'regular',\n lineHeight: '1',\n padding: '300',\n color: 'neutral.foreground.3.enabled',\n textAlign: 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"6CAGA,MAAa,EAAgB,EAAa,CACxC,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,SAAU,MACV,WAAY,UACZ,WAAY,IACZ,QAAS,MACT,MAAO,+BACP,UAAW,QACZ,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-option.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-option.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\nimport { focus } from '../../../shared/focus';\n\nexport const comboboxOption = focus.merge({\n className: 'combobox-option',\n jsx: ['ComboboxOption'],\n base: {\n fontSize: '300',\n fontWeight: 'regular',\n lineHeight: '1',\n padding: '300',\n borderRadius: '100',\n cursor: 'pointer',\n color: 'neutral.foreground.1.enabled',\n transition: '{animations.base.100}',\n _hover: {\n backgroundColor: 'neutral.background.2.hovered',\n },\n '&:is([data-combobox-active])': {\n color: 'neutral.foreground.1.onBrand.selected',\n backgroundColor: 'neutral.background.2.brand.selected',\n _hover: {\n backgroundColor: 'neutral.background.2.brand.selectedHovered',\n },\n },\n },\n variants: {\n type: {\n create: {\n display: 'flex',\n gap: '200',\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'primary.background.2.enabled',\n fontWeight: 'medium',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n cursor: 'pointer',\n _hover: {\n backgroundColor: 'primary.background.2.hovered',\n },\n },\n },\n },\n defaultVariants: {\n colors: 'neutral',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"combobox-option.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-option.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { focus } from '../../../shared/focus';\n\nexport const comboboxOption = focus.merge({\n className: 'combobox-option',\n jsx: ['ComboboxOption'],\n base: {\n fontSize: '300',\n fontWeight: 'regular',\n lineHeight: '1',\n padding: '300',\n borderRadius: '100',\n cursor: 'pointer',\n color: 'neutral.foreground.1.enabled',\n transition: '{animations.base.100}',\n _hover: {\n backgroundColor: 'neutral.background.2.hovered',\n },\n '&:is([data-combobox-active])': {\n color: 'neutral.foreground.1.onBrand.selected',\n backgroundColor: 'neutral.background.2.brand.selected',\n _hover: {\n backgroundColor: 'neutral.background.2.brand.selectedHovered',\n },\n },\n },\n variants: {\n type: {\n create: {\n display: 'flex',\n gap: '200',\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'primary.background.2.enabled',\n fontWeight: 'medium',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n cursor: 'pointer',\n _hover: {\n backgroundColor: 'primary.background.2.hovered',\n },\n },\n },\n },\n defaultVariants: {\n colors: 'neutral',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"iDAKA,MAAa,EAAiB,EAAM,MAAM,CACxC,UAAW,kBACX,IAAK,CAAC,gBAAiB,EACvB,KAAM,CACJ,SAAU,MACV,WAAY,UACZ,WAAY,IACZ,QAAS,MACT,aAAc,MACd,OAAQ,UACR,MAAO,+BACP,WAAY,wBACZ,OAAQ,CACN,gBAAiB,8BAClB,EACD,+BAAgC,CAC9B,MAAO,wCACP,gBAAiB,sCACjB,OAAQ,CACN,gBAAiB,4CAClB,CACF,CACF,EACD,SAAU,CACR,KAAM,CACJ,OAAQ,CACN,QAAS,OACT,IAAK,MACL,MAAO,uCACP,gBAAiB,+BACjB,WAAY,SACZ,WAAY,SACZ,eAAgB,SAChB,UAAW,SACX,OAAQ,UACR,OAAQ,CACN,gBAAiB,8BAClB,CACF,CACF,CACF,EACD,gBAAiB,CACf,OAAQ,SACT,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-options.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-options.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\nimport { focus } from '../../../shared/focus';\n\nexport const comboboxOptions = focus.merge({\n className: 'combobox-options',\n jsx: ['Combobox'],\n base: {\n overflowY: 'auto',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"combobox-options.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-options.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { focus } from '../../../shared/focus';\n\nexport const comboboxOptions = focus.merge({\n className: 'combobox-options',\n jsx: ['Combobox'],\n base: {\n overflowY: 'auto',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"iDAKA,MAAa,EAAkB,EAAM,MAAM,CACzC,UAAW,mBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,UAAW,MACZ,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-section.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-section.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport { type RecipeVariantRecord
|
|
1
|
+
{"version":3,"file":"combobox-section.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-section.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport { defineRecipe, type RecipeVariantRecord } from '@pandacss/dev';\n\nexport const comboboxSection = defineRecipe({\n className: 'combobox-section',\n jsx: ['Combobox'],\n base: {\n pointerEvents: 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"6CAGA,MAAa,EAAkB,EAAa,CAC1C,UAAW,mBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,cAAe,MAChB,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datepicker-dropdown.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/datepicker-dropdown.ts"],"sourcesContent":["import type {\n RecipeConfig,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { dropdown } from '../dropdown/dropdown';\n\nexport const datepickerDropdown = dropdown.merge({\n className: 'datepicker-dropdown',\n jsx: ['DatePicker'],\n base: {\n padding: '400!',\n minWidth: '17.75rem!',\n maxHeight: 'fit-content!',\n overflow: 'hidden',\n },\n}) as RecipeConfig<RecipeVariantRecord>;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"datepicker-dropdown.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/datepicker-dropdown.ts"],"sourcesContent":["import type {\n RecipeConfig,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown/dropdown';\n\nexport const datepickerDropdown = dropdown.merge({\n className: 'datepicker-dropdown',\n jsx: ['DatePicker'],\n base: {\n padding: '400!',\n minWidth: '17.75rem!',\n maxHeight: 'fit-content!',\n overflow: 'hidden',\n },\n}) as RecipeConfig<RecipeVariantRecord>;\n"],"mappings":"mDAOA,MAAa,EAAqB,EAAS,MAAM,CAC/C,UAAW,sBACX,IAAK,CAAC,YAAa,EACnB,KAAM,CACJ,QAAS,OACT,SAAU,YACV,UAAW,eACX,SAAU,QACX,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/form-control.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\nimport { focus } from '../../shared/focus';\n\nexport const formControl = focus.merge({\n className: 'form-control',\n base: {\n fontFamily: 'base',\n fontSize: '300',\n fontWeight: 'regular',\n backgroundColor: 'transparent',\n color: 'neutral.foreground.1.enabled',\n borderWidth: '{borders.150}',\n borderStyle: 'solid',\n borderColor: 'neutral.stroke.7.enabled',\n borderRadius: '200',\n paddingX: '400',\n width: '100%',\n boxSizing: 'border-box',\n transition: 'all 0.2s ease',\n _placeholder: {\n color: 'neutral.foreground.3.enabled',\n },\n _hover: {\n color: 'neutral.foreground.1.enabled',\n borderColor: 'neutral.stroke.7.hovered',\n },\n _focus: {\n color: 'neutral.foreground.1.enabled',\n borderColor: 'neutral.stroke.7.hovered',\n },\n _disabled: {\n opacity: '0.5',\n pointerEvents: 'none',\n cursor: 'not-allowed',\n },\n _invalid: {\n color: 'neutral.foreground.1.enabled',\n borderColor: 'danger.stroke.1.enabled',\n _focus: {\n borderColor: 'danger.stroke.1.enabled',\n },\n _hover: {\n borderColor: 'danger.stroke.1.enabled',\n },\n },\n _readOnly: {\n pointerEvents: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"form-control.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/form-control.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { focus } from '../../shared/focus';\n\nexport const formControl = focus.merge({\n className: 'form-control',\n base: {\n fontFamily: 'base',\n fontSize: '300',\n fontWeight: 'regular',\n backgroundColor: 'transparent',\n color: 'neutral.foreground.1.enabled',\n borderWidth: '{borders.150}',\n borderStyle: 'solid',\n borderColor: 'neutral.stroke.7.enabled',\n borderRadius: '200',\n paddingX: '400',\n width: '100%',\n boxSizing: 'border-box',\n transition: 'all 0.2s ease',\n _placeholder: {\n color: 'neutral.foreground.3.enabled',\n },\n _hover: {\n color: 'neutral.foreground.1.enabled',\n borderColor: 'neutral.stroke.7.hovered',\n },\n _focus: {\n color: 'neutral.foreground.1.enabled',\n borderColor: 'neutral.stroke.7.hovered',\n },\n _disabled: {\n opacity: '0.5',\n pointerEvents: 'none',\n cursor: 'not-allowed',\n },\n _invalid: {\n color: 'neutral.foreground.1.enabled',\n borderColor: 'danger.stroke.1.enabled',\n _focus: {\n borderColor: 'danger.stroke.1.enabled',\n },\n _hover: {\n borderColor: 'danger.stroke.1.enabled',\n },\n },\n _readOnly: {\n pointerEvents: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAKA,MAAa,EAAc,EAAM,MAAM,CACrC,UAAW,eACX,KAAM,CACJ,WAAY,OACZ,SAAU,MACV,WAAY,UACZ,gBAAiB,cACjB,MAAO,+BACP,YAAa,gBACb,YAAa,QACb,YAAa,2BACb,aAAc,MACd,SAAU,MACV,MAAO,OACP,UAAW,aACX,WAAY,gBACZ,aAAc,CACZ,MAAO,8BACR,EACD,OAAQ,CACN,MAAO,+BACP,YAAa,0BACd,EACD,OAAQ,CACN,MAAO,+BACP,YAAa,0BACd,EACD,UAAW,CACT,QAAS,MACT,cAAe,OACf,OAAQ,aACT,EACD,SAAU,CACR,MAAO,+BACP,YAAa,0BACb,OAAQ,CACN,YAAa,yBACd,EACD,OAAQ,CACN,YAAa,yBACd,CACF,EACD,UAAW,CACT,cAAe,MAChB,CACF,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-description.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-description.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"input-description.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputDescription = defineRecipe({\n className: 'input-description',\n jsx: ['Input'],\n base: {\n fontSize: '300',\n lineHeight: '1.6',\n fontWeight: '400',\n color: 'neutral.foreground.2.enabled',\n margin: '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,OAAQ,EACd,KAAM,CACJ,SAAU,MACV,WAAY,MACZ,WAAY,MACZ,MAAO,+BACP,OAAQ,GACT,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-error.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-error.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"input-error.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-error.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputError = defineRecipe({\n className: 'input-error',\n jsx: ['Input', 'DatePicker', 'Combobox'],\n base: {\n fontSize: '200',\n lineHeight: '1.6',\n fontWeight: '400',\n color: 'danger.foreground.1.enabled',\n margin: '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,QAAS,aAAc,UAAW,EACxC,KAAM,CACJ,SAAU,MACV,WAAY,MACZ,WAAY,MACZ,MAAO,8BACP,OAAQ,GACT,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-label.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-label.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"input-label.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputLabel = defineRecipe({\n className: 'input-label',\n jsx: ['Input'],\n base: {\n fontWeight: '500',\n color: 'neutral.foreground.2.enabled',\n },\n variants: {\n size: {\n l: {\n fontSize: '300',\n },\n m: {\n fontSize: '200',\n },\n },\n },\n defaultVariants: {\n size: 'l',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,OAAQ,EACd,KAAM,CACJ,WAAY,MACZ,MAAO,8BACR,EACD,SAAU,CACR,KAAM,CACJ,EAAG,CACD,SAAU,KACX,EACD,EAAG,CACD,SAAU,KACX,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACP,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-placeholder.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-placeholder.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"input-placeholder.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-placeholder.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const inputPlaceholder = defineRecipe({\n className: 'input-placeholder',\n jsx: ['Input'],\n base: {\n color: 'neutral.foreground.3.enabled',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,OAAQ,EACd,KAAM,CACJ,MAAO,8BACR,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-root.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-root.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"input-root.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\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"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,OAAQ,EACd,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,MACL,MAAO,MACR,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-section.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-section.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"input-section.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-wrapper.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-wrapper.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"input-wrapper.js","names":[],"sources":["../../../../src/recipes/atoms/inputs/input-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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":"
|
|
1
|
+
{"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';\n\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":"gDAOA,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-label.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab-label.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"tab-label.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-list.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab-list.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"tab-list.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab-list.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-panel.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab-panel.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"tab-panel.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab-panel.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-section.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab-section.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"tab-section.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tab-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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:`
|
|
1
|
+
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:`{borders.100}`,borderBottomWidth:`0`,borderTopWidth:`{borders.300}`,borderStyle:`solid`,borderRadius:`0`,"&[data-orientation='vertical']":{borderTopWidth:`{borders.100}`,borderLeftWidth:`{borders.300}`,borderBottomWidth:`{borders.100}`,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};
|
|
2
2
|
//# sourceMappingURL=tab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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: '
|
|
1
|
+
{"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';\n\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: '{borders.100}',\n borderBottomWidth: '0',\n borderTopWidth: '{borders.300}',\n borderStyle: 'solid',\n borderRadius: '0',\n \"&[data-orientation='vertical']\": {\n borderTopWidth: '{borders.100}',\n borderLeftWidth: '{borders.300}',\n borderBottomWidth: '{borders.100}',\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":"8CAOA,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,gBACb,kBAAmB,IACnB,eAAgB,gBAChB,YAAa,QACb,aAAc,IACd,iCAAkC,CAChC,eAAgB,gBAChB,gBAAiB,gBACjB,kBAAmB,gBACnB,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tabs.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"tabs.js","names":[],"sources":["../../../../src/recipes/atoms/tab/tabs.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\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/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{avatar as e}from"./atoms/avatar/avatar.js";import{
|
|
1
|
+
import{avatar as e}from"./atoms/avatar/avatar.js";import{avatarImage as t}from"./atoms/avatar/avatar-image.js";import{avatarPlaceholder as n}from"./atoms/avatar/avatar-placeholder.js";import{badge as r}from"./atoms/badges/badge.js";import{badgeSection as i}from"./atoms/badges/badge-section.js";import{breadcrumb as a}from"./atoms/breadcrumbs/breadcrumb.js";import{breadcrumbSeparator as o}from"./atoms/breadcrumbs/breadcrumb-separator.js";import{breadcrumbs as s}from"./atoms/breadcrumbs/breadcrumbs.js";import{focus as c}from"./shared/focus.js";import{buttons as l}from"./atoms/buttons/index.js";import{carousels as u}from"./atoms/carousel/index.js";import{dropdown as d}from"./atoms/dropdown/dropdown.js";import{icon as f}from"./atoms/icon/icon.js";import{iconWrapped as p}from"./atoms/icon-wrapped/icon-wrapped.js";import{inputs as m}from"./atoms/inputs/index.js";import{tab as h}from"./atoms/tab/tab.js";import{tabLabel as g}from"./atoms/tab/tab-label.js";import{tabList as _}from"./atoms/tab/tab-list.js";import{tabPanel as v}from"./atoms/tab/tab-panel.js";import{tabSection as y}from"./atoms/tab/tab-section.js";import{tabs as b}from"./atoms/tab/tabs.js";import{calendar as x}from"./molecules/calendar/index.js";const S={avatar:e,avatarImage:t,avatarPlaceholder:n,badge:r,badgeSection:i,breadcrumbs:s,breadcrumb:a,breadcrumbSeparator:o,dropdown:d,focus:c,tab:h,tabLabel:g,tabList:_,tabSection:y,tabPanel:v,tabs:b,iconWrapped:p,...l,...u,...m,...x},C={calendar:x,icon:f};export{S as recipes,C as slotRecipes};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/recipes/index.ts"],"sourcesContent":["import type { RecipeConfig, SlotRecipeConfig } from '@pandacss/dev';\n\nimport { avatar } from './atoms/avatar/avatar';\nimport {
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/recipes/index.ts"],"sourcesContent":["import type { RecipeConfig, SlotRecipeConfig } from '@pandacss/dev';\n\nimport { avatar } from './atoms/avatar/avatar';\nimport { avatarImage } from './atoms/avatar/avatar-image';\nimport { avatarPlaceholder } from './atoms/avatar/avatar-placeholder';\nimport { badge } from './atoms/badges/badge';\nimport { badgeSection } from './atoms/badges/badge-section';\nimport { breadcrumb } from './atoms/breadcrumbs/breadcrumb';\nimport { breadcrumbSeparator } from './atoms/breadcrumbs/breadcrumb-separator';\nimport { breadcrumbs } from './atoms/breadcrumbs/breadcrumbs';\nimport { buttons } from './atoms/buttons/index';\nimport { carousels } from './atoms/carousel';\nimport { dropdown } from './atoms/dropdown/dropdown';\nimport { icon } from './atoms/icon/icon';\nimport { iconWrapped } from './atoms/icon-wrapped/icon-wrapped';\nimport { inputs } from './atoms/inputs/index';\nimport { tab } from './atoms/tab/tab';\nimport { tabLabel } from './atoms/tab/tab-label';\nimport { tabList } from './atoms/tab/tab-list';\nimport { tabPanel } from './atoms/tab/tab-panel';\nimport { tabSection } from './atoms/tab/tab-section';\nimport { tabs } from './atoms/tab/tabs';\nimport { calendar } from './molecules/calendar/index';\nimport { focus } from './shared/focus';\n\nexport const recipes = {\n avatar,\n avatarImage,\n avatarPlaceholder,\n badge,\n badgeSection,\n breadcrumbs,\n breadcrumb,\n breadcrumbSeparator,\n dropdown,\n focus,\n tab,\n tabLabel,\n tabList,\n tabSection,\n tabPanel,\n tabs,\n iconWrapped,\n ...buttons,\n ...carousels,\n ...inputs,\n ...calendar,\n} as Record<string, Partial<RecipeConfig>>;\n\nexport const slotRecipes = {\n calendar,\n icon,\n} as Record<string, Partial<SlotRecipeConfig>>;\n"],"mappings":"msCAiDA,MAxBa,EAAU,CACrB,SACA,cACA,oBACA,QACA,eACA,cACA,aACA,sBACA,WACA,QACA,MACA,WACA,UACA,aACA,WACA,OACA,cACA,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,CACJ,EAEY,EAAc,CACzB,WACA,MACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-control.js","names":[],"sources":["../../../../src/recipes/molecules/calendar/calendar-control.ts"],"sourcesContent":["import { type RecipeBuilder
|
|
1
|
+
{"version":3,"file":"calendar-control.js","names":[],"sources":["../../../../src/recipes/molecules/calendar/calendar-control.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const calendarControl = defineRecipe({\n className: 'calendar-control',\n jsx: ['Datepicker'],\n base: {\n color: 'neutral.foreground.1.enabled',\n fontSize: '300',\n fontWeight: 'medium',\n textAlign: 'center',\n borderRadius: '200',\n cursor: 'pointer',\n transition: '{animations.base.100}',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n height: 'control.height.100',\n width: 'control.height.100',\n _hover: {\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'neutral.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAAkB,EAAa,CAC1C,UAAW,mBACX,IAAK,CAAC,YAAa,EACnB,KAAM,CACJ,MAAO,+BACP,SAAU,MACV,WAAY,SACZ,UAAW,SACX,aAAc,MACd,OAAQ,UACR,WAAY,wBACZ,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,OAAQ,qBACR,MAAO,qBACP,OAAQ,CACN,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,8BAClB,CACF,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-header-control-icon.js","names":[],"sources":["../../../../src/recipes/molecules/calendar/calendar-header-control-icon.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport { type RecipeVariantRecord
|
|
1
|
+
{"version":3,"file":"calendar-header-control-icon.js","names":[],"sources":["../../../../src/recipes/molecules/calendar/calendar-header-control-icon.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport { defineRecipe, type RecipeVariantRecord } from '@pandacss/dev';\n\nexport const calendarHeaderControlIcon = defineRecipe({\n className: 'calendar-header-control-icon',\n jsx: ['Datepicker'],\n base: {\n width: 'iconSize.200',\n aspectRatio: '1',\n '&:where([data-direction=\"next\"])': {\n transform: 'rotate(270deg)',\n },\n '&:where([data-direction=\"previous\"])': {\n transform: 'rotate(90deg)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"6CAGA,MAAa,EAA4B,EAAa,CACpD,UAAW,+BACX,IAAK,CAAC,YAAa,EACnB,KAAM,CACJ,MAAO,eACP,YAAa,IACb,mCAAoC,CAClC,UAAW,gBACZ,EACD,uCAAwC,CACtC,UAAW,eACZ,CACF,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-header-level.js","names":[],"sources":["../../../../src/recipes/molecules/calendar/calendar-header-level.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { calendarControl } from './calendar-control';\n\nexport const calendarHeaderLevel = calendarControl.merge({\n className: 'calendar-header-level',\n jsx: ['Datepicker'],\n base: {\n paddingX: '300',\n minWidth: 'fit-content',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"calendar-header-level.js","names":[],"sources":["../../../../src/recipes/molecules/calendar/calendar-header-level.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { calendarControl } from './calendar-control';\n\nexport const calendarHeaderLevel = calendarControl.merge({\n className: 'calendar-header-level',\n jsx: ['Datepicker'],\n base: {\n paddingX: '300',\n minWidth: 'fit-content',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wDAOA,MAAa,EAAsB,EAAgB,MAAM,CACvD,UAAW,wBACX,IAAK,CAAC,YAAa,EACnB,KAAM,CACJ,SAAU,MACV,SAAU,aACX,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-months-list-control.js","names":[],"sources":["../../../../src/recipes/molecules/calendar/calendar-months-list-control.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { calendarControl } from './calendar-control';\n\nexport const calendarMonthsListControl = calendarControl.merge({\n className: 'calendar-months-list-control',\n jsx: ['Datepicker'],\n base: {\n width: 'auto!',\n paddingX: '200!',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"calendar-months-list-control.js","names":[],"sources":["../../../../src/recipes/molecules/calendar/calendar-months-list-control.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { calendarControl } from './calendar-control';\n\nexport const calendarMonthsListControl = calendarControl.merge({\n className: 'calendar-months-list-control',\n jsx: ['Datepicker'],\n base: {\n width: 'auto!',\n paddingX: '200!',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wDAOA,MAAa,EAA4B,EAAgB,MAAM,CAC7D,UAAW,+BACX,IAAK,CAAC,YAAa,EACnB,KAAM,CACJ,MAAO,QACP,SAAU,MACX,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-years-list-control.js","names":[],"sources":["../../../../src/recipes/molecules/calendar/calendar-years-list-control.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { calendarControl } from './calendar-control';\n\nexport const calendarYearsListControl = calendarControl.merge({\n className: 'calendar-years-list-control',\n jsx: ['Datepicker'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"calendar-years-list-control.js","names":[],"sources":["../../../../src/recipes/molecules/calendar/calendar-years-list-control.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { calendarControl } from './calendar-control';\n\nexport const calendarYearsListControl = calendarControl.merge({\n className: 'calendar-years-list-control',\n jsx: ['Datepicker'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wDAOA,MAAa,EAA2B,EAAgB,MAAM,CAC5D,UAAW,8BACX,IAAK,CAAC,YAAa,EACnB,KAAM,CAAE,CACT,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus.js","names":[],"sources":["../../../src/recipes/shared/focus.ts"],"sourcesContent":["import { type RecipeBuilder
|
|
1
|
+
{"version":3,"file":"focus.js","names":[],"sources":["../../../src/recipes/shared/focus.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const focus = defineRecipe({\n className: 'focus',\n base: {\n 'button&:focus-visible, a&:focus-visible, label&:focus-visible, [role=\"button\"]&:focus-visible, [role=\"option\"]&:focus-visible, .peer:is(:focus-visible, [data-focus-visible]) ~ &':\n {\n outlineWidth: '{borders.200}',\n outlineStyle: 'solid',\n outlineOffset: '{spacing.50}',\n outlineColor: 'primary.stroke.1.focused',\n },\n 'input&:focus, select&:focus, textarea&:focus': {\n outlineWidth: '{borders.200}',\n outlineStyle: 'solid',\n outlineOffset: '{spacing.50}',\n outlineColor: 'primary.stroke.1.focused',\n _invalid: {\n outlineColor: 'danger.stroke.1.focused',\n },\n },\n },\n variants: {\n color: {\n danger: {\n _focusVisible: {\n outlineColor: 'danger.stroke.1.focused',\n },\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,KAAM,CACJ,oLACE,CACE,aAAc,gBACd,aAAc,QACd,cAAe,eACf,aAAc,0BACf,EACH,+CAAgD,CAC9C,aAAc,gBACd,aAAc,QACd,cAAe,eACf,aAAc,2BACd,SAAU,CACR,aAAc,yBACf,CACF,CACF,EACD,SAAU,CACR,MAAO,CACL,OAAQ,CACN,cAAe,CACb,aAAc,yBACf,CACF,CACF,CACF,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/semantic-tokens/index.ts"],"sourcesContent":["import { defineSemanticTokens } from '@pandacss/dev';\nimport { colors } from './colors';\nimport { gradients } from './gradients';\nimport { shadows } from './shadows';\nimport { sizes } from './sizes';\n\nexport const semanticTokens = defineSemanticTokens({\n colors,\n sizes,\n gradients,\n shadows,\n});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/semantic-tokens/index.ts"],"sourcesContent":["import { defineSemanticTokens } from '@pandacss/dev';\n\nimport { colors } from './colors';\nimport { gradients } from './gradients';\nimport { shadows } from './shadows';\nimport { sizes } from './sizes';\n\nexport const semanticTokens = defineSemanticTokens({\n colors,\n sizes,\n gradients,\n shadows,\n});\n"],"mappings":"mNAOA,MAAa,EAAiB,EAAqB,CACjD,SACA,QACA,YACA,SACD,EAAC"}
|
package/dist/tokens/borders.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineTokens as e}from"@pandacss/dev";const t=e.borders({0:{value:`0px`},50:{value:`0.5px`},100:{value:`1px`},150:{value:`1.5px`},200:{value:`2px`}});export{t as borders};
|
|
1
|
+
import{defineTokens as e}from"@pandacss/dev";const t=e.borders({0:{value:`0px`},50:{value:`0.5px`},100:{value:`1px`},150:{value:`1.5px`},200:{value:`2px`},300:{value:`3px`}});export{t as borders};
|
|
2
2
|
//# sourceMappingURL=borders.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"borders.js","names":[],"sources":["../../src/tokens/borders.ts"],"sourcesContent":["import { defineTokens } from '@pandacss/dev';\n\nexport const borders = defineTokens.borders({\n 0: { value: '0px' },\n 50: { value: '0.5px' },\n 100: { value: '1px' },\n 150: { value: '1.5px' },\n 200: { value: '2px' },\n});\n"],"mappings":"6CAEA,MAAa,EAAU,EAAa,QAAQ,CAC1C,EAAG,CAAE,MAAO,KAAO,EACnB,GAAI,CAAE,MAAO,OAAS,EACtB,IAAK,CAAE,MAAO,KAAO,EACrB,IAAK,CAAE,MAAO,OAAS,EACvB,IAAK,CAAE,MAAO,KAAO,CACtB,EAAC"}
|
|
1
|
+
{"version":3,"file":"borders.js","names":[],"sources":["../../src/tokens/borders.ts"],"sourcesContent":["import { defineTokens } from '@pandacss/dev';\n\nexport const borders = defineTokens.borders({\n 0: { value: '0px' },\n 50: { value: '0.5px' },\n 100: { value: '1px' },\n 150: { value: '1.5px' },\n 200: { value: '2px' },\n 300: { value: '3px' },\n});\n"],"mappings":"6CAEA,MAAa,EAAU,EAAa,QAAQ,CAC1C,EAAG,CAAE,MAAO,KAAO,EACnB,GAAI,CAAE,MAAO,OAAS,EACtB,IAAK,CAAE,MAAO,KAAO,EACrB,IAAK,CAAE,MAAO,OAAS,EACvB,IAAK,CAAE,MAAO,KAAO,EACrB,IAAK,CAAE,MAAO,KAAO,CACtB,EAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mage-ui/preset",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.18",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [],
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
"dist"
|
|
19
19
|
],
|
|
20
20
|
"devDependencies": {
|
|
21
|
-
"@biomejs/biome": "
|
|
21
|
+
"@biomejs/biome": "beta",
|
|
22
22
|
"@pandacss/types": "^0.53.7",
|
|
23
23
|
"@types/node": "^22.14.1",
|
|
24
24
|
"@types/react": "^19.1.2",
|
|
25
25
|
"@types/react-dom": "^19.1.2",
|
|
26
26
|
"rimraf": "^6.0.1",
|
|
27
|
-
"tsdown": "^0.12.
|
|
27
|
+
"tsdown": "^0.12.4",
|
|
28
28
|
"typescript": "^5.8.3"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-img.js","names":[],"sources":["../../../../src/recipes/atoms/avatar/avatar-img.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const avatarImg = defineRecipe({\n className: 'avatar-img',\n jsx: ['AvatarImg'],\n base: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,WAAY,EAClB,KAAM,CACJ,MAAO,OACP,OAAQ,OACR,UAAW,OACZ,CACF,EAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar-text`,jsx:[`AvatarText`],base:{lineHeight:`1`,fontWeight:`regular`,color:`neutral.foreground.1.onBrand.enabled`,textDecoration:`none`},variants:{size:{s:{fontSize:`200`},m:{fontSize:`300`},l:{fontSize:`800`}}},defaultVariants:{size:`m`}});export{t as avatarText};
|
|
2
|
-
//# sourceMappingURL=avatar-text.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-text.js","names":[],"sources":["../../../../src/recipes/atoms/avatar/avatar-text.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const avatarText = defineRecipe({\n className: 'avatar-text',\n jsx: ['AvatarText'],\n base: {\n lineHeight: '1',\n fontWeight: 'regular',\n color: 'neutral.foreground.1.onBrand.enabled',\n textDecoration: 'none',\n },\n variants: {\n size: {\n s: {\n fontSize: '200',\n },\n m: {\n fontSize: '300',\n },\n l: {\n fontSize: '800',\n },\n },\n },\n defaultVariants: {\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,YAAa,EACnB,KAAM,CACJ,WAAY,IACZ,WAAY,UACZ,MAAO,uCACP,eAAgB,MACjB,EACD,SAAU,CACR,KAAM,CACJ,EAAG,CACD,SAAU,KACX,EACD,EAAG,CACD,SAAU,KACX,EACD,EAAG,CACD,SAAU,KACX,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACP,CACF,EAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
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};
|
|
2
|
-
//# sourceMappingURL=wrapped-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"wrapped-icon.js","names":[],"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"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,aAAc,EACpB,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,YAAa,GACd,EACD,SAAU,CACR,QAAS,CACP,SAAU,CAAE,EACZ,OAAQ,CACN,OAAQ,MACT,EACD,SAAU,CACR,YAAa,MACb,YAAa,QACb,gBAAiB,aAClB,CACF,EACD,MAAO,CACL,SAAU,CAAE,EACZ,QAAS,CACP,aAAc,KACf,EACD,OAAQ,CACN,aAAc,IACf,CACF,EACD,MAAO,CACL,SAAU,CAAE,EACZ,QAAS,CAAE,EACX,QAAS,CAAE,CACZ,EACD,KAAM,CACJ,EAAG,CACD,OAAQ,aACT,EACD,EAAG,CACD,OAAQ,aACT,EACD,EAAG,CACD,OAAQ,aACT,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,8BAClB,CACF,EACD,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,8BAClB,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,0BACd,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,0BACd,CACF,CACF,EACD,gBAAiB,CACf,QAAS,SACT,MAAO,UACP,MAAO,UACP,KAAM,GACP,CACF,EAAC"}
|