@jeromefitz/design-system 2.0.0 → 2.1.0

package/chunk-OWO5HNDD.js

@@ -0,0 +1 @@
+import{c as e}from"./chunk-CSJ5IIIZ.js";var t=e({display:"flex",alignItems:"center",justifyContent:"space-between",fontFamily:"$untitled",fontSize:"$1",fontVariantNumeric:"tabular-nums",lineHeight:"1",cursor:"default",userSelect:"none",whiteSpace:"nowrap",height:"$5",px:"$5"}),a=e(t,{position:"relative",color:"$hiContrast","&:focus":{outline:"none",backgroundColor:"$blue9",color:"white"},"&[data-disabled]":{color:"$slate9"}}),r=e(t,{color:"$slate11"}),l=e({boxSizing:"border-box",minWidth:120,py:"$1"}),c=e({height:1,my:"$1",backgroundColor:"$slate6"});export{t as a,a as b,r as c,l as d,c as e};

package/chunk-P24JZXTK.js

@@ -0,0 +1,6 @@
+import{h as e}from"./chunk-CSJ5IIIZ.js";var n=e("kbd",{boxSizing:"border-box",display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:"$loContrast",flexShrink:0,color:"$hiContrast",userSelect:"none",cursor:"default",whiteSpace:"nowrap",boxShadow:`
+    inset 0 0.5px rgba(255, 255, 255, 0.1),
+    inset 0 1px 5px $colors$slate2,
+    0px 0px 0px 0.5px $colors$slate8,
+    0px 2px 1px -1px $colors$slate8,
+    0 1px $colors$slate8`,textShadow:"0 0 1px rgba(255, 255, 255, 0.5)",fontFamily:"inherit",fontWeight:400,lineHeight:"1.5",mx:"2px",variants:{size:{"1":{borderRadius:"$1",px:"0.3em",height:"$3",minWidth:"1.6em",fontSize:"$1",lineHeight:"$spaces$3"},"2":{borderRadius:"$2",px:"0.5em",height:"$5",minWidth:"2em",fontSize:"$2",lineHeight:"$spaces$5"}},width:{shift:{width:"4em",justifyContent:"flex-start"},command:{width:"3em",justifyContent:"flex-end"},space:{width:"8em"}}},compoundVariants:[{size:"1",width:"shift",css:{width:"3em"}},{size:"1",width:"command",css:{width:"2.5em"}},{size:"1",width:"space",css:{width:"5em"}}],defaultVariants:{size:"2"}});export{n as a};

package/chunk-PWW4OIN6.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkP2ZOQTWNcjs = require('./chunk-P2ZOQTWN.cjs');var _reacttoggle = require('@radix-ui/react-toggle'); var e = _interopRequireWildcard(_reacttoggle);var i=_chunkP2ZOQTWNcjs.h.call(void 0, e.Root,{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",fontSize:"14px",justifyContent:"center",lineHeight:"1",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"transparent",color:"$hiContrast","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},height:"$5",width:"$5",backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$slateA3"}},"&:active":{backgroundColor:"$slateA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $slateA8, 0 0 0 1px $slateA8",zIndex:1},'&[data-state="on"]':{backgroundColor:"$slateA5","@hover":{"&:hover":{backgroundColor:"$slateA5"}},"&:active":{backgroundColor:"$slateA7"}},variants:{shape:{circle:{borderRadius:"$round"},square:{borderRadius:"$1"}}}});exports.a = i;

package/chunk-RYYS65RX.cjs

@@ -0,0 +1 @@
+"use strict";

package/chunk-SSODWN6E.cjs

@@ -0,0 +1 @@
+"use strict";

package/chunk-TAN4CXQN.js

@@ -0,0 +1 @@
+import{h as o}from"./chunk-CSJ5IIIZ.js";import*as e from"@radix-ui/react-toggle";var a=o(e.Root,{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",fontSize:"14px",justifyContent:"center",lineHeight:"1",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"transparent",color:"$hiContrast","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},height:"$5",width:"$5",backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$slateA3"}},"&:active":{backgroundColor:"$slateA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $slateA8, 0 0 0 1px $slateA8",zIndex:1},'&[data-state="on"]':{backgroundColor:"$slateA5","@hover":{"&:hover":{backgroundColor:"$slateA5"}},"&:active":{backgroundColor:"$slateA7"}},variants:{shape:{circle:{borderRadius:"$round"},square:{borderRadius:"$1"}}}});export{a};

package/{chunk-T7MZKQN7.js → chunk-TGUWA5EM.js}

@@ -1 +1 @@
-import{h as r}from"./chunk-CSJ5IIIZ.js";var n=r("div",{boxSizing:"border-box","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"flex",justifyContent:"center",alignItems:"center",gap:"$3",variants:{size:{"1":{py:"$1",px:"$4"}},variant:{loContrast:{backgroundColor:"$loContrast"},gray:{backgroundColor:"$slate3"},blue:{backgroundColor:"$blue3"},green:{backgroundColor:"$green3"},red:{backgroundColor:"$red3"}},rounded:{true:{borderRadius:"$pill"}},border:{true:{borderRadius:"$pill"}}},compoundVariants:[{border:"true",variant:"gray",css:{borderColor:"$slate6"}},{border:"true",variant:"blue",css:{borderColor:"$blue11"}},{border:"true",variant:"loContrast",css:{borderColor:"$slate6"}}],defaultVariants:{size:"1",variant:"gray"}});export{n as a};
+import{h as r}from"./chunk-CSJ5IIIZ.js";var n=r("div",{boxSizing:"border-box","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},alignItems:"center",display:"flex",gap:"$3",justifyContent:"center",variants:{size:{"1":{py:"$1",px:"$4"}},variant:{loContrast:{backgroundColor:"$loContrast"},gray:{backgroundColor:"$slate3"},blue:{backgroundColor:"$blue3"},green:{backgroundColor:"$green3"},red:{backgroundColor:"$red3"}},rounded:{true:{borderRadius:"$pill"}},border:{true:{borderRadius:"$pill"}}},compoundVariants:[{border:"true",variant:"gray",css:{borderColor:"$slate6"}},{border:"true",variant:"blue",css:{borderColor:"$blue11"}},{border:"true",variant:"loContrast",css:{borderColor:"$slate6"}}],defaultVariants:{size:"1",variant:"gray"}});export{n as a};

package/chunk-TKKYF5AI.cjs

@@ -0,0 +1 @@
+"use strict";

package/chunk-TULKM55I.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkP2ZOQTWNcjs = require('./chunk-P2ZOQTWN.cjs');var d=_chunkP2ZOQTWNcjs.h.call(void 0, "img",{verticalAlign:"middle",maxWidth:"100%"});exports.a = d;

package/{chunk-F4YCIO27.cjs → chunk-X4BMEES7.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunk7B5ZMNHDcjs = require('./chunk-7B5ZMNHD.cjs');var _chunkKU3JN3SAcjs = require('./chunk-KU3JN3SA.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var R=o.forwardRef((i,r)=>o.createElement(_chunk7B5ZMNHDcjs.c,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{ref:r}),o.createElement(_chunk7B5ZMNHDcjs.b,null)));R.displayName="Radio";exports.a = R;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkP54NUGS6cjs = require('./chunk-P54NUGS6.cjs');var _chunkKU3JN3SAcjs = require('./chunk-KU3JN3SA.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var R=o.forwardRef((i,r)=>o.createElement(_chunkP54NUGS6cjs.c,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{ref:r}),o.createElement(_chunkP54NUGS6cjs.b,null)));R.displayName="Radio";exports.a = R;

package/chunk-X6M3HMM5.js

@@ -0,0 +1 @@
+import{h as t}from"./chunk-CSJ5IIIZ.js";var o=t("div",{boxSizing:"border-box",flexShrink:0,ml:"auto",mr:"auto",px:"$5",variants:{breakout:{true:{left:"calc(-50vw + 50%)",position:"relative",px:"0",width:"100vw"}},size:{"1":{maxWidth:"430px"},"2":{maxWidth:"715px"},"3":{maxWidth:"896px"},"4":{maxWidth:"1145px"},"5":{maxWidth:"none"}}},defaultVariants:{size:"5"}});export{o as a};

package/chunk-YTDUBA6S.cjs

@@ -0,0 +1 @@
+"use strict";

package/chunk-Z6DJNNF2.js

@@ -0,0 +1 @@
+import{h as o}from"./chunk-CSJ5IIIZ.js";var i=o("input",{appearance:"none",borderWidth:"0",boxSizing:"border-box",fontFamily:"inherit",margin:"0",outline:"none",padding:"0",width:"100%",WebkitTapHighlightColor:"rgba(0,0,0,0)","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$hiContrast",fontVariantNumeric:"tabular-nums","&:-webkit-autofill":{boxShadow:"inset 0 0 0 1px $colors$blue6, inset 0 0 0 100px $colors$blue3"},"&:-webkit-autofill::first-line":{fontFamily:"$untitled",color:"$hiContrast"},"&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$blue8, 0px 0px 0px 1px $colors$blue8","&:-webkit-autofill":{boxShadow:"inset 0px 0px 0px 1px $colors$blue8, 0px 0px 0px 1px $colors$blue8, inset 0 0 0 100px $colors$blue3"}},"&::placeholder":{color:"$slate9"},"&:disabled":{pointerEvents:"none",backgroundColor:"$slate2",color:"$slate8",cursor:"not-allowed","&::placeholder":{color:"$slate7"}},"&:read-only":{backgroundColor:"$slate2","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$slate7"}},variants:{size:{"1":{borderRadius:"$1",height:"$5",fontSize:"$1",px:"$1",lineHeight:"$sizes$5","&:-webkit-autofill::first-line":{fontSize:"$1"}},"2":{borderRadius:"$2",height:"$6",fontSize:"$3",px:"$2",lineHeight:"$sizes$6","&:-webkit-autofill::first-line":{fontSize:"$3"}}},variant:{ghost:{boxShadow:"none",backgroundColor:"transparent","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slateA7"}},"&:focus":{backgroundColor:"$loContrast",boxShadow:"inset 0px 0px 0px 1px $colors$blue8, 0px 0px 0px 1px $colors$blue8"},"&:disabled":{backgroundColor:"transparent"},"&:read-only":{backgroundColor:"transparent"}}},state:{invalid:{boxShadow:"inset 0 0 0 1px $colors$red7","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$red8, 0px 0px 0px 1px $colors$red8"}},valid:{boxShadow:"inset 0 0 0 1px $colors$green7","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$green8, 0px 0px 0px 1px $colors$green8"}}},cursor:{default:{cursor:"default","&:focus":{cursor:"text"}},text:{cursor:"text"}}},defaultVariants:{size:"1"}});export{i as a};

package/chunk-ZBD5N2K7.cjs

@@ -0,0 +1 @@
+"use strict";

package/chunk-ZEX455CF.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBTCE2BBKcjs = require('./chunk-BTCE2BBK.cjs');var _chunkP2ZOQTWNcjs = require('./chunk-P2ZOQTWN.cjs');var p=_chunkP2ZOQTWNcjs.h.call(void 0, "div",_chunkBTCE2BBKcjs.a);exports.a = p;

package/chunk-ZYHUOHFM.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkP2ZOQTWNcjs = require('./chunk-P2ZOQTWN.cjs');var _chunkKU3JN3SAcjs = require('./chunk-KU3JN3SA.cjs');var _reactslider = require('@radix-ui/react-slider'); var e = _interopRequireWildcard(_reactslider);var _react = require('react'); var t = _interopRequireWildcard(_react);var l=_chunkP2ZOQTWNcjs.h.call(void 0, e.Track,{position:"relative",flexGrow:1,backgroundColor:"$slate7",borderRadius:"$pill",'&[data-orientation="horizontal"]':{height:2},'&[data-orientation="vertical"]':{width:2,height:100}}),u=_chunkP2ZOQTWNcjs.h.call(void 0, e.Range,{position:"absolute",background:"$blue9",borderRadius:"inherit",'&[data-orientation="horizontal"]':{height:"100%"},'&[data-orientation="vertical"]':{width:"100%"}}),n=_chunkP2ZOQTWNcjs.h.call(void 0, e.Thumb,{position:"relative",display:"block",width:15,height:15,outline:"none",opacity:"0",backgroundColor:"white",boxShadow:"0 0 1px rgba(0,0,0,.3), 0 1px 4px rgba(0,0,0,.15)",borderRadius:"$round","&::after":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,zIndex:-2,backgroundColor:"hsla(0,0%,0%,.035)",transform:"scale(1)",borderRadius:"$round",transition:"transform 200ms cubic-bezier(0.22, 1, 0.36, 1)"},"&:focus":{"&::after":{transform:"scale(2)"}}}),h= exports.a =_chunkP2ZOQTWNcjs.h.call(void 0, e.Root,{position:"relative",display:"flex",alignItems:"center",flexShrink:0,userSelect:"none",touchAction:"none",height:15,flexGrow:1,'&[data-orientation="vertical"]':{flexDirection:"column",width:15},"@hover":{"&:hover":{[`& ${l}`]:{backgroundColor:"$slate8"},[`& ${n}`]:{opacity:"1"}}}}),g= exports.b =t.forwardRef((i,d)=>{let s=Array.isArray(i.defaultValue||i.value)?i.defaultValue||i.value:[i.defaultValue||i.value];return t.createElement(h,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{ref:d}),t.createElement(l,null,t.createElement(u,null)),s.map((S,c)=>t.createElement(n,{key:c})))});exports.a = h; exports.b = g;

package/components/Accordion/Accordion.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk2SNDJGXPcjs = require('../../chunk-2SNDJGXP.cjs');require('../../chunk-P2ZOQTWN.cjs');require('../../chunk-KU3JN3SA.cjs');exports.Accordion = _chunk2SNDJGXPcjs.c; exports.AccordionContent = _chunk2SNDJGXPcjs.b; exports.AccordionItem = _chunk2SNDJGXPcjs.d; exports.AccordionTrigger = _chunk2SNDJGXPcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkARJMGWU7cjs = require('../../chunk-ARJMGWU7.cjs');require('../../chunk-P2ZOQTWN.cjs');require('../../chunk-KU3JN3SA.cjs');exports.Accordion = _chunkARJMGWU7cjs.c; exports.AccordionContent = _chunkARJMGWU7cjs.b; exports.AccordionItem = _chunkARJMGWU7cjs.d; exports.AccordionTrigger = _chunkARJMGWU7cjs.a;

package/components/Accordion/Accordion.js

@@ -1 +1 @@
-import{a,b,c,d}from"../../chunk-76NFNF5Y.js";import"../../chunk-CSJ5IIIZ.js";import"../../chunk-QGMHYQ7V.js";export{c as Accordion,b as AccordionContent,d as AccordionItem,a as AccordionTrigger};
+import{a,b,c,d}from"../../chunk-SXN67DHE.js";import"../../chunk-CSJ5IIIZ.js";import"../../chunk-QGMHYQ7V.js";export{c as Accordion,b as AccordionContent,d as AccordionItem,a as AccordionTrigger};

package/components/Accordion/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../chunk-VBCERDOG.cjs');var _chunk2SNDJGXPcjs = require('../../chunk-2SNDJGXP.cjs');require('../../chunk-P2ZOQTWN.cjs');require('../../chunk-KU3JN3SA.cjs');exports.Accordion = _chunk2SNDJGXPcjs.c; exports.AccordionContent = _chunk2SNDJGXPcjs.b; exports.AccordionItem = _chunk2SNDJGXPcjs.d; exports.AccordionTrigger = _chunk2SNDJGXPcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../chunk-VBCERDOG.cjs');var _chunkARJMGWU7cjs = require('../../chunk-ARJMGWU7.cjs');require('../../chunk-P2ZOQTWN.cjs');require('../../chunk-KU3JN3SA.cjs');exports.Accordion = _chunkARJMGWU7cjs.c; exports.AccordionContent = _chunkARJMGWU7cjs.b; exports.AccordionItem = _chunkARJMGWU7cjs.d; exports.AccordionTrigger = _chunkARJMGWU7cjs.a;

package/components/Accordion/index.js

@@ -1 +1 @@
-import"../../chunk-G25DANJW.js";import{a,b,c,d}from"../../chunk-76NFNF5Y.js";import"../../chunk-CSJ5IIIZ.js";import"../../chunk-QGMHYQ7V.js";export{c as Accordion,b as AccordionContent,d as AccordionItem,a as AccordionTrigger};
+import"../../chunk-G25DANJW.js";import{a,b,c,d}from"../../chunk-SXN67DHE.js";import"../../chunk-CSJ5IIIZ.js";import"../../chunk-QGMHYQ7V.js";export{c as Accordion,b as AccordionContent,d as AccordionItem,a as AccordionTrigger};

package/components/{Container/Breakout.cjs → AppBar/AppBar.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkR7CBODKUcjs = require('../../chunk-R7CBODKU.cjs');require('../../chunk-P2ZOQTWN.cjs');require('../../chunk-KU3JN3SA.cjs');exports.Breakout = _chunkR7CBODKUcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk547Y4YNQcjs = require('../../chunk-547Y4YNQ.cjs');require('../../chunk-P2ZOQTWN.cjs');require('../../chunk-KU3JN3SA.cjs');exports.AppBar = _chunk547Y4YNQcjs.a;