@mage-ui/preset 1.0.58 → 1.0.60

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.
@@ -1,2 +1,2 @@
1
- import{textInputInput as e}from"../text-input/text-input-input.mjs";const t=e.merge({className:`password-input__input`,jsx:[`PasswordInput`],base:{}});export{t as passwordInputInput};
1
+ import{textInputInput as e}from"../text-input/text-input-input.mjs";const t=e.merge({className:`password-input__input`,jsx:[`PasswordInput`],base:{"&::-ms-reveal":{display:`none`},"&::-ms-clear":{display:`none`},"&::-webkit-password-reveal":{display:`none`},"&::-webkit-password-clear":{display:`none`},"&::-moz-password-reveal":{display:`none`},"&::-moz-password-clear":{display:`none`}}});export{t as passwordInputInput};
2
2
  //# sourceMappingURL=password-input-input.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"password-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/password-input/password-input-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputInput } from '../text-input/text-input-input';\n\nexport const passwordInputInput = textInputInput.merge({\n className: 'password-input__input',\n jsx: ['PasswordInput'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oEAOA,MAAa,EAAqB,EAAe,MAAM,CACrD,UAAW,wBACX,IAAK,CAAC,gBAAgB,CACtB,KAAM,EAAE,CACT,CAAC"}
1
+ {"version":3,"file":"password-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/password-input/password-input-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputInput } from '../text-input/text-input-input';\n\nexport const passwordInputInput = textInputInput.merge({\n className: 'password-input__input',\n jsx: ['PasswordInput'],\n base: {\n '&::-ms-reveal': {\n display: 'none',\n },\n '&::-ms-clear': {\n display: 'none',\n },\n '&::-webkit-password-reveal': {\n display: 'none',\n },\n '&::-webkit-password-clear': {\n display: 'none',\n },\n '&::-moz-password-reveal': {\n display: 'none',\n },\n '&::-moz-password-clear': {\n display: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oEAOA,MAAa,EAAqB,EAAe,MAAM,CACrD,UAAW,wBACX,IAAK,CAAC,gBAAgB,CACtB,KAAM,CACJ,gBAAiB,CACf,QAAS,OACV,CACD,eAAgB,CACd,QAAS,OACV,CACD,6BAA8B,CAC5B,QAAS,OACV,CACD,4BAA6B,CAC3B,QAAS,OACV,CACD,0BAA2B,CACzB,QAAS,OACV,CACD,yBAA0B,CACxB,QAAS,OACV,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`password-strength-input__strength-wrapper`,jsx:[`PasswordStrengthInput`],base:{"[data-rules=true] &":{position:`absolute`,top:`calc(100% + var(--password-strength-input-strength-wrapper-offset-top, {spacing.150}))`,zIndex:`var(--password-strength-input-strength-wrapper-zindex, 100)`,backgroundColor:`var(--password-strength-input-strength-wrapper-background, {colors.neutral.background.2.enabled})`,paddingInline:`var(--password-strength-input-strength-wrapper-padding-x, {spacing.300})`,paddingBlock:`var(--password-strength-input-strength-wrapper-padding-y, {spacing.200})`,borderRadius:`var(--password-strength-input-strength-wrapper-radii, {radii.200})`,borderWidth:`var(--password-strength-input-strength-wrapper-border-width, {borders.100})`,borderStyle:`var(--password-strength-input-strength-wrapper-border-style, solid)`,borderColor:`var(--password-strength-input-strength-wrapper-border-color, {colors.neutral.stroke.7.enabled})`,marginInlineStart:`calc(var(--password-strength-input-strength-wrapper-offset-x, {spacing.50}) * -1)`,marginInlineEnd:`calc(var(--password-strength-input-strength-wrapper-offset-x, {spacing.50}) * -1)`,width:`calc(100% + var(--password-strength-input-strength-wrapper-offset-x, {spacing.50}) * 2)`,opacity:0,transform:`translateY(-4px)`,visibility:`hidden`,pointerEvents:`none`,transition:`var(--password-strength-input-strength-wrapper-transition, opacity 180ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms cubic-bezier(0.16, 1, 0.3, 1))`},"[data-rules=true]:focus-within &":{opacity:1,transform:`translateY(0)`,visibility:`visible`,pointerEvents:`auto`}}});export{t as passwordStrengthInputStrengthWrapper};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`password-strength-input__strength-wrapper`,jsx:[`PasswordStrengthInput`],base:{"[data-rules=true] &":{position:`absolute`,top:`calc(100% + var(--password-strength-input-strength-wrapper-offset-top, {spacing.150}))`,zIndex:`var(--password-strength-input-strength-wrapper-zindex, 100)`,backgroundColor:`var(--password-strength-input-strength-wrapper-background, {colors.neutral.background.2.enabled})`,paddingInline:`var(--password-strength-input-strength-wrapper-padding-x, {spacing.300})`,paddingBlock:`var(--password-strength-input-strength-wrapper-padding-y, {spacing.200})`,borderRadius:`var(--password-strength-input-strength-wrapper-radii, {radii.200})`,borderWidth:`var(--password-strength-input-strength-wrapper-border-width, {borders.100})`,borderStyle:`var(--password-strength-input-strength-wrapper-border-style, solid)`,borderColor:`var(--password-strength-input-strength-wrapper-border-color, {colors.neutral.stroke.7.enabled})`,marginInlineStart:`calc(var(--password-strength-input-strength-wrapper-offset-x, {spacing.50}) * -1)`,marginInlineEnd:`calc(var(--password-strength-input-strength-wrapper-offset-x, {spacing.50}) * -1)`,width:`calc(100% + var(--password-strength-input-strength-wrapper-offset-x, {spacing.50}) * 2)`,opacity:0,transform:`translateY(-4px)`,visibility:`hidden`,pointerEvents:`none`,transition:`var(--password-strength-input-strength-wrapper-transition, opacity 180ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms cubic-bezier(0.16, 1, 0.3, 1))`},"[data-rules=true]:has(input:focus) &":{opacity:1,transform:`translateY(0)`,visibility:`visible`,pointerEvents:`auto`}}});export{t as passwordStrengthInputStrengthWrapper};
2
2
  //# sourceMappingURL=password-strength-input-strength-wrapper.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"password-strength-input-strength-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/password-strength-input/password-strength-input-strength-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const passwordStrengthInputStrengthWrapper = defineRecipe({\n className: 'password-strength-input__strength-wrapper',\n jsx: ['PasswordStrengthInput'],\n base: {\n '[data-rules=true] &': {\n position: 'absolute',\n top: 'calc(100% + var(--password-strength-input-strength-wrapper-offset-top, {spacing.150}))',\n // left: 'calc(var(--password-strength-input-strength-wrapper-offset-x) * -1)',\n zIndex: 'var(--password-strength-input-strength-wrapper-zindex, 100)',\n backgroundColor:\n 'var(--password-strength-input-strength-wrapper-background, {colors.neutral.background.2.enabled})',\n paddingInline:\n 'var(--password-strength-input-strength-wrapper-padding-x, {spacing.300})',\n paddingBlock:\n 'var(--password-strength-input-strength-wrapper-padding-y, {spacing.200})',\n borderRadius:\n 'var(--password-strength-input-strength-wrapper-radii, {radii.200})',\n borderWidth:\n 'var(--password-strength-input-strength-wrapper-border-width, {borders.100})',\n borderStyle:\n 'var(--password-strength-input-strength-wrapper-border-style, solid)',\n borderColor:\n 'var(--password-strength-input-strength-wrapper-border-color, {colors.neutral.stroke.7.enabled})',\n marginInlineStart:\n 'calc(var(--password-strength-input-strength-wrapper-offset-x, {spacing.50}) * -1)',\n marginInlineEnd:\n 'calc(var(--password-strength-input-strength-wrapper-offset-x, {spacing.50}) * -1)',\n width:\n 'calc(100% + var(--password-strength-input-strength-wrapper-offset-x, {spacing.50}) * 2)',\n opacity: 0,\n transform: 'translateY(-4px)',\n visibility: 'hidden',\n pointerEvents: 'none',\n transition:\n 'var(--password-strength-input-strength-wrapper-transition, opacity 180ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms cubic-bezier(0.16, 1, 0.3, 1))',\n },\n '[data-rules=true]:focus-within &': {\n opacity: 1,\n transform: 'translateY(0)',\n visibility: 'visible',\n pointerEvents: 'auto',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuC,EAAa,CAC/D,UAAW,4CACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,sBAAuB,CACrB,SAAU,WACV,IAAK,yFAEL,OAAQ,8DACR,gBACE,oGACF,cACE,2EACF,aACE,2EACF,aACE,qEACF,YACE,8EACF,YACE,sEACF,YACE,kGACF,kBACE,oFACF,gBACE,oFACF,MACE,0FACF,QAAS,EACT,UAAW,mBACX,WAAY,SACZ,cAAe,OACf,WACE,yJACH,CACD,mCAAoC,CAClC,QAAS,EACT,UAAW,gBACX,WAAY,UACZ,cAAe,OAChB,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"password-strength-input-strength-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/password-strength-input/password-strength-input-strength-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const passwordStrengthInputStrengthWrapper = defineRecipe({\n className: 'password-strength-input__strength-wrapper',\n jsx: ['PasswordStrengthInput'],\n base: {\n '[data-rules=true] &': {\n position: 'absolute',\n top: 'calc(100% + var(--password-strength-input-strength-wrapper-offset-top, {spacing.150}))',\n // left: 'calc(var(--password-strength-input-strength-wrapper-offset-x) * -1)',\n zIndex: 'var(--password-strength-input-strength-wrapper-zindex, 100)',\n backgroundColor:\n 'var(--password-strength-input-strength-wrapper-background, {colors.neutral.background.2.enabled})',\n paddingInline:\n 'var(--password-strength-input-strength-wrapper-padding-x, {spacing.300})',\n paddingBlock:\n 'var(--password-strength-input-strength-wrapper-padding-y, {spacing.200})',\n borderRadius:\n 'var(--password-strength-input-strength-wrapper-radii, {radii.200})',\n borderWidth:\n 'var(--password-strength-input-strength-wrapper-border-width, {borders.100})',\n borderStyle:\n 'var(--password-strength-input-strength-wrapper-border-style, solid)',\n borderColor:\n 'var(--password-strength-input-strength-wrapper-border-color, {colors.neutral.stroke.7.enabled})',\n marginInlineStart:\n 'calc(var(--password-strength-input-strength-wrapper-offset-x, {spacing.50}) * -1)',\n marginInlineEnd:\n 'calc(var(--password-strength-input-strength-wrapper-offset-x, {spacing.50}) * -1)',\n width:\n 'calc(100% + var(--password-strength-input-strength-wrapper-offset-x, {spacing.50}) * 2)',\n opacity: 0,\n transform: 'translateY(-4px)',\n visibility: 'hidden',\n pointerEvents: 'none',\n transition:\n 'var(--password-strength-input-strength-wrapper-transition, opacity 180ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms cubic-bezier(0.16, 1, 0.3, 1))',\n },\n '[data-rules=true]:has(input:focus) &': {\n opacity: 1,\n transform: 'translateY(0)',\n visibility: 'visible',\n pointerEvents: 'auto',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuC,EAAa,CAC/D,UAAW,4CACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,sBAAuB,CACrB,SAAU,WACV,IAAK,yFAEL,OAAQ,8DACR,gBACE,oGACF,cACE,2EACF,aACE,2EACF,aACE,qEACF,YACE,8EACF,YACE,sEACF,YACE,kGACF,kBACE,oFACF,gBACE,oFACF,MACE,0FACF,QAAS,EACT,UAAW,mBACX,WAAY,SACZ,cAAe,OACf,WACE,yJACH,CACD,uCAAwC,CACtC,QAAS,EACT,UAAW,gBACX,WAAY,UACZ,cAAe,OAChB,CACF,CACF,CAAC"}
@@ -0,0 +1,2 @@
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`fluid-grid__root`,jsx:[`FluidGrid`],base:{display:`grid`,gridTemplateColumns:`repeat(auto-fit, minmax(min(var(--fluid-grid-column-size), 100%), 1fr))`,gap:`var(--fluid-grid-gap)`,width:`fit-content`,maxWidth:`100%`}});export{t as fluidGridRoot};
2
+ //# sourceMappingURL=fluid-grid-root.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fluid-grid-root.mjs","names":[],"sources":["../../../../src/recipes/layouts/fluid-grid/fluid-grid-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const fluidGridRoot = defineRecipe({\n className: 'fluid-grid__root',\n jsx: ['FluidGrid'],\n base: {\n display: 'grid',\n gridTemplateColumns:\n 'repeat(auto-fit, minmax(min(var(--fluid-grid-column-size), 100%), 1fr))',\n gap: 'var(--fluid-grid-gap)',\n width: 'fit-content',\n maxWidth: '100%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,mBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,QAAS,OACT,oBACE,0EACF,IAAK,wBACL,MAAO,cACP,SAAU,OACX,CACF,CAAC"}
@@ -0,0 +1,2 @@
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`fluid-grid`,jsx:[`FluidGrid`],base:{"--fluid-grid-column-size":`18rem`,"--fluid-grid-gap":`{spacing.400}`}});export{t as fluidGrid};
2
+ //# sourceMappingURL=fluid-grid.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fluid-grid.mjs","names":[],"sources":["../../../../src/recipes/layouts/fluid-grid/fluid-grid.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const fluidGrid = defineRecipe({\n className: 'fluid-grid',\n jsx: ['FluidGrid'],\n base: {\n '--fluid-grid-column-size': '18rem',\n '--fluid-grid-gap': '{spacing.400}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,2BAA4B,QAC5B,mBAAoB,gBACrB,CACF,CAAC"}
@@ -0,0 +1,2 @@
1
+ import{fluidGrid as e}from"./fluid-grid.mjs";import{fluidGridRoot as t}from"./fluid-grid-root.mjs";var n={fluidGrid:e,fluidGridRoot:t};export{n as default};
2
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/layouts/fluid-grid/index.ts"],"sourcesContent":["import { fluidGrid } from './fluid-grid';\nimport { fluidGridRoot } from './fluid-grid-root';\n\nexport default {\n fluidGrid,\n fluidGridRoot,\n};\n"],"mappings":"mGAGA,IAAA,EAAe,CACb,YACA,gBACD"}
@@ -1,2 +1,2 @@
1
- import e from"./card/index.mjs";import t from"./grid/index.mjs";var n={...e,...t};export{n as default};
1
+ import e from"./card/index.mjs";import t from"./fluid-grid/index.mjs";import n from"./grid/index.mjs";var r={...e,...n,...t};export{r as default};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","names":["card","grid"],"sources":["../../../src/recipes/layouts/index.ts"],"sourcesContent":["import card from './card';\nimport grid from './grid';\n\nexport default {\n ...card,\n ...grid,\n};\n"],"mappings":"gEAGA,IAAA,EAAe,CACb,GAAGA,EACH,GAAGC,EACJ"}
1
+ {"version":3,"file":"index.mjs","names":["card","grid","fluidGrid"],"sources":["../../../src/recipes/layouts/index.ts"],"sourcesContent":["import card from './card';\nimport fluidGrid from './fluid-grid';\nimport grid from './grid';\n\nexport default {\n ...card,\n ...grid,\n ...fluidGrid,\n};\n"],"mappings":"sGAIA,IAAA,EAAe,CACb,GAAGA,EACH,GAAGC,EACH,GAAGC,EACJ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mage-ui/preset",
3
- "version": "1.0.58",
3
+ "version": "1.0.60",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [],
@@ -16,9 +16,9 @@
16
16
  "dist"
17
17
  ],
18
18
  "devDependencies": {
19
- "@biomejs/biome": "^2.4.4",
19
+ "@biomejs/biome": "^2.4.5",
20
20
  "@pandacss/types": "^1.8.2",
21
- "@types/node": "^25.3.0",
21
+ "@types/node": "^25.3.3",
22
22
  "@types/react": "^19.2.14",
23
23
  "@types/react-dom": "^19.2.3",
24
24
  "rimraf": "^6.1.3",