@cronocode/react-box 1.6.9 → 1.7.1

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.
Files changed (52) hide show
  1. package/box.js +1 -0
  2. package/components/baseSvg.d.ts +19 -2
  3. package/components/baseSvg.js +19 -0
  4. package/components/button.js +13 -0
  5. package/components/{checkbox.mjs → checkbox.js} +8 -6
  6. package/components/dataGrid.js +32 -0
  7. package/components/{dox.mjs → dox.js} +78 -78
  8. package/components/flex.js +11 -0
  9. package/components/form.js +15 -0
  10. package/components/grid.js +11 -0
  11. package/components/{radioButton.mjs → radioButton.js} +7 -5
  12. package/components/textarea.js +28 -0
  13. package/components/textbox.js +26 -0
  14. package/components/tooltip.js +63 -0
  15. package/package.json +9 -14
  16. package/theme.d.ts +12 -0
  17. package/{plugins.mjs → theme.js} +97 -31
  18. package/utils.js +107 -0
  19. package/box.cjs +0 -1
  20. package/box.mjs +0 -7
  21. package/box.module.css.cjs +0 -1
  22. package/components/baseSvg.cjs +0 -1
  23. package/components/baseSvg.mjs +0 -6
  24. package/components/button.cjs +0 -1
  25. package/components/button.mjs +0 -11
  26. package/components/checkbox.cjs +0 -1
  27. package/components/dataGrid.cjs +0 -1
  28. package/components/dataGrid.mjs +0 -5
  29. package/components/dox.cjs +0 -7
  30. package/components/doxSvg.cjs +0 -1
  31. package/components/doxSvg.d.ts +0 -19
  32. package/components/doxSvg.mjs +0 -18
  33. package/components/flex.cjs +0 -1
  34. package/components/flex.mjs +0 -13
  35. package/components/form.cjs +0 -1
  36. package/components/form.mjs +0 -5
  37. package/components/grid.cjs +0 -1
  38. package/components/grid.mjs +0 -10
  39. package/components/radioButton.cjs +0 -1
  40. package/components/textarea.cjs +0 -1
  41. package/components/textarea.mjs +0 -26
  42. package/components/textbox.cjs +0 -1
  43. package/components/textbox.mjs +0 -24
  44. package/components/tooltip.cjs +0 -1
  45. package/components/tooltip.mjs +0 -6
  46. package/plugins.cjs +0 -209
  47. package/plugins.d.ts +0 -13
  48. package/theme.cjs +0 -1
  49. package/theme.mjs +0 -74
  50. package/utils.cjs +0 -1
  51. package/utils.mjs +0 -97
  52. /package/{box.module.css.mjs → box.module.css.js} +0 -0
@@ -1 +0,0 @@
1
- "use strict";require("./doxSvg.cjs");require("react/jsx-runtime");require("react");require("./dox.cjs");require("../utils.cjs");require("../theme.cjs");
@@ -1,6 +0,0 @@
1
- import "./doxSvg.mjs";
2
- import "react/jsx-runtime";
3
- import "react";
4
- import "./dox.mjs";
5
- import "../utils.mjs";
6
- import "../theme.mjs";
@@ -1 +0,0 @@
1
- "use strict";const n=require("react/jsx-runtime"),r=require("react"),s=require("./dox.cjs"),u=require("../utils.cjs");require("../theme.cjs");const c=["type","onClick","disabled"];function i(t,e){const o=u.ObjectUtils.buildProps(t,c);return n.jsx(s.default,{ref:e,tag:"button",component:"button",...o})}r.forwardRef(i);
@@ -1,11 +0,0 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import { forwardRef as i } from "react";
3
- import m from "./dox.mjs";
4
- import { O as p } from "../utils.mjs";
5
- import "../theme.mjs";
6
- const s = ["type", "onClick", "disabled"];
7
- function e(o, t) {
8
- const r = p.buildProps(o, s);
9
- return /* @__PURE__ */ n(m, { ref: t, tag: "button", component: "button", ...r });
10
- }
11
- i(e);
@@ -1 +0,0 @@
1
- "use strict";const e=require("react/jsx-runtime"),c=require("react"),t=require("./dox.cjs"),i=require("../utils.cjs"),u=require("./flex.cjs"),l=require("../box.module.css.cjs");require("../theme.cjs");const d=["name","onInput","onChange","disabled","autoFocus","readOnly","required","value","checked","defaultChecked"];function a(n,s){const{native:o}=n,r=i.ObjectUtils.buildProps(n,d,{type:"checkbox"});return e.jsxs(u.default,{inline:!0,position:"relative",children:[e.jsx(t.default,{ref:s,tag:"input",component:"checkbox",...r,appearance:o?void 0:"none"}),!o&&e.jsx(t.default,{position:"absolute",pointerEvents:"none",className:l.classes._checkedIcon,children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",viewBox:"0 0 20 20",children:e.jsx("g",{fill:"none",fillRule:"evenodd",children:e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",d:"M6 10.15L8.5 13 14 7"})})})})]})}c.forwardRef(a);
@@ -1 +0,0 @@
1
- "use strict";require("react/jsx-runtime");require("./dox.cjs");require("react");require("../utils.cjs");require("../theme.cjs");
@@ -1,5 +0,0 @@
1
- import "react/jsx-runtime";
2
- import "./dox.mjs";
3
- import "react";
4
- import "../utils.mjs";
5
- import "../theme.mjs";
@@ -1,7 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),E=require("../utils.cjs"),I=require("../theme.cjs");var e;(a=>{(r=>{function m(l,d){return`${l}${d.replace("/","-")}`}r.fraction=m;function n(l){return[`${l} path`,`${l} circle`,`${l} rect`,`${l} line`]}r.svg=n})(a.ClassName||(a.ClassName={})),(r=>{function m(u,t){return`${t/4}rem`}r.rem=m;function n(u,t){return`${t}px`}r.px=n;function l(u,t){const[o,v]=t.split("/");return`${+o/+v*100}%`}r.fraction=l;function d(u,t){switch(t){case"fit":return"100%";case"fit-screen":return u.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return t}}r.widthHeight=d;function g(u){return(t,o)=>`var(--${u}${o});`}r.variables=g;function x(u){return(t,o)=>`var(--${u}${o});`}r.svgVariables=x;function S(u,t){return`repeat(${t},minmax(0,1fr))`}r.gridColumns=S;function f(u,t){return t==="full-row"?"1/-1":`span ${t}/span ${t}`}r.gridColumn=f;function h(u,t){return`${t}ms`}r.ms=h;function V(u,t){return`${t}deg`}r.rotate=V;function N(u,t){return t==="xAxis"?"-1 1":"1 -1"}r.flip=N})(a.Value||(a.Value={}))})(e||(e={}));const _=["H","F","A"];var s;(a=>{a.positiveSizes=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,22,24,26,28,30,32,34,36,38,40,42,44,46,48,50,52,54,56,58,60,64,68,72,76,80,84,88,92,96,100],a.negativeSizes=[-1,-2,-3,-4,-5,-6,-7,-8,-9,-10,-11,-12,-13,-14,-15,-16,-17,-18,-19,-20,-22,-24,-26,-28,-30,-32,-34,-36,-38,-40,-44,-48,-52,-56,-60,-64,-68,-72,-76,-80,-84,-88,-92,-96,-100],a.sizes=[...a.positiveSizes,...a.negativeSizes],a.borderAndOutlineStyles=["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"],a.overflows=["auto","hidden","scroll","visible"],a.widthHeightFractions=["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],a.widthHeightValues=["fit","fit-screen","auto","fit-content","max-content","min-content"],a.alignSelf=["auto","flex-start","flex-end","center","baseline","stretch"]})(s||(s={}));const j={shadow:{cssNames:["box-shadow"],formatValue:e.Value.variables("shadow")},background:{cssNames:["background"],formatValue:e.Value.variables("background")},color:{cssNames:["color"],formatValue:e.Value.variables("color")},bgColor:{cssNames:["background-color"],formatValue:e.Value.variables("color")},borderColor:{cssNames:["border-color"],formatValue:e.Value.variables("color")},outlineColor:{cssNames:["outline-color"],formatValue:e.Value.variables("color")}},A={fill:{cssNames:["fill"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg},stroke:{cssNames:["stroke"],formatValue:e.Value.svgVariables("color"),formatSelector:e.ClassName.svg}},$={hover:{className:"_h"},focus:{className:"_f"}},i={display:{cssNames:["display"],values1:{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]},values2:{values:[]},values3:{values:[]}},inline:{cssNames:["display"],values1:{values:[!0],formatValue:()=>"inline-block"},values2:{values:[]},values3:{values:[]}},boxSizing:{cssNames:["box-sizing"],values1:{values:["border-box","content-box"]},values2:{values:[]},values3:{values:[]}},width:{cssNames:["width"],values1:{values:s.widthHeightValues,formatValue:e.Value.widthHeight},values2:{values:s.positiveSizes,formatValue:e.Value.rem},values3:{values:s.widthHeightFractions,formatValue:e.Value.fraction}},minWidth:{cssNames:["min-width"],values1:{values:s.widthHeightValues,formatValue:e.Value.widthHeight},values2:{values:s.positiveSizes,formatValue:e.Value.rem},values3:{values:s.widthHeightFractions,formatValue:e.Value.fraction}},maxWidth:{cssNames:["max-width"],values1:{values:s.widthHeightValues,formatValue:e.Value.widthHeight},values2:{values:s.positiveSizes,formatValue:e.Value.rem},values3:{values:s.widthHeightFractions,formatValue:e.Value.fraction}},height:{cssNames:["height"],values1:{values:s.widthHeightValues,formatValue:e.Value.widthHeight},values2:{values:s.positiveSizes,formatValue:e.Value.rem},values3:{values:s.widthHeightFractions,formatValue:e.Value.fraction}},minHeight:{cssNames:["min-height"],values1:{values:s.widthHeightValues,formatValue:e.Value.widthHeight},values2:{values:s.positiveSizes,formatValue:e.Value.rem},values3:{values:s.widthHeightFractions,formatValue:e.Value.fraction}},maxHeight:{cssNames:["max-height"],values1:{values:s.widthHeightValues,formatValue:e.Value.widthHeight},values2:{values:s.positiveSizes,formatValue:e.Value.rem},values3:{values:s.widthHeightFractions,formatValue:e.Value.fraction}},position:{cssNames:["position"],values1:{values:["static","relative","absolute","fixed","sticky"]},values2:{values:[]},values3:{values:[]}},top:{cssNames:["top"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},right:{cssNames:["right"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},bottom:{cssNames:["bottom"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},left:{cssNames:["left"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},inset:{cssNames:["inset"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},margin:{cssNames:["margin"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginHorizontal:{cssNames:["margin-inline"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginVertical:{cssNames:["margin-block"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginTop:{cssNames:["margin-top"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginRight:{cssNames:["margin-right"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginBottom:{cssNames:["margin-bottom"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},marginLeft:{cssNames:["margin-left"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:["auto"]},values3:{values:[]}},padding:{cssNames:["padding"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingHorizontal:{cssNames:["padding-inline"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingVertical:{cssNames:["padding-block"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingTop:{cssNames:["padding-top"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingRight:{cssNames:["padding-right"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingBottom:{cssNames:["padding-bottom"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},paddingLeft:{cssNames:["padding-left"],values1:{values:s.sizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},border:{cssNames:["border-width"],values1:{values:s.positiveSizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderHorizontal:{cssNames:["border-inline-width"],values1:{values:s.sizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderVertical:{cssNames:["border-block-width"],values1:{values:s.sizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderTop:{cssNames:["border-top-width"],values1:{values:s.sizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderRight:{cssNames:["border-right-width"],values1:{values:s.sizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderBottom:{cssNames:["border-bottom-width"],values1:{values:s.sizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderLeft:{cssNames:["border-left-width"],values1:{values:s.sizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},borderStyle:{cssNames:["border-style"],values1:{values:s.borderAndOutlineStyles},values2:{values:[]},values3:{values:[]}},borderRadius:{cssNames:["border-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTop:{cssNames:["border-top-left-radius","border-top-right-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusRight:{cssNames:["border-top-right-radius","border-bottom-right-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottom:{cssNames:["border-bottom-left-radius","border-bottom-right-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusLeft:{cssNames:["border-top-left-radius","border-bottom-left-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopLeft:{cssNames:["border-top-left-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusTopRight:{cssNames:["border-top-right-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomLeft:{cssNames:["border-bottom-left-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},borderRadiusBottomRight:{cssNames:["border-bottom-right-radius"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},cursor:{cssNames:["cursor"],values1:{values:["auto","default","none","context-menu","help","pointer","progress","wait","cell","crosshair","text","vertical-text","alias","copy","move","no-drop","not-allowed","e-resize","n-resize","ne-resize","nw-resize","s-resize","se-resize","sw-resize","w-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","col-resize","row-resize","all-scroll","zoom-in","zoom-out","grab","grabbing"]},values2:{values:[]},values3:{values:[]}},zIndex:{cssNames:["z-index"],values1:{values:[1,2,3,4,5,10,11,12,13,14,15,100,101,102,103,104,105,1e3,1001,1002,1003,1004,1005]},values2:{values:[]},values3:{values:[]}},overflow:{cssNames:["overflow"],values1:{values:s.overflows},values2:{values:[]},values3:{values:[]}},overflowX:{cssNames:["overflow-x"],values1:{values:s.overflows},values2:{values:[]},values3:{values:[]}},overflowY:{cssNames:["overflow-y"],values1:{values:s.overflows},values2:{values:[]},values3:{values:[]}},opacity:{cssNames:["opacity"],values1:{values:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]},values2:{values:[]},values3:{values:[]}},fontSize:{cssNames:["font-size"],values1:{values:s.positiveSizes,formatValue:e.Value.px},values2:{values:["inherit"]},values3:{values:[]}},fontStyle:{cssNames:["font-style"],values1:{values:["italic","normal","oblique"]},values2:{values:[]},values3:{values:[]}},fontWeight:{cssNames:["font-weight"],values1:{values:[100,200,300,400,500,600,700,800,900]},values2:{values:[]},values3:{values:[]}},letterSpacing:{cssNames:["letter-spacing"],values1:{values:s.positiveSizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},lineHeight:{cssNames:["line-height"],values1:{values:s.positiveSizes,formatValue:e.Value.px},values2:{values:["font-size"],formatValue:()=>"1"},values3:{values:[]}},textDecoration:{cssNames:["text-decoration"],values1:{values:["none","underline","overline","line-through"]},values2:{values:[]},values3:{values:[]}},textTransform:{cssNames:["text-transform"],values1:{values:["none","capitalize","lowercase","uppercase"]},values2:{values:[]},values3:{values:[]}},textAlign:{cssNames:["text-align"],values1:{values:["left","right","center","justify"]},values2:{values:[]},values3:{values:[]}},flexWrap:{cssNames:["flex-wrap"],values1:{values:["nowrap","wrap","wrap-reverse"]},values2:{values:[]},values3:{values:[]}},justifyContent:{cssNames:["justify-content"],values1:{values:["start","end","flex-start","flex-end","center","left","right","space-between","space-around","space-evenly","stretch"]},values2:{values:[]},values3:{values:[]}},alignItems:{cssNames:["align-items"],values1:{values:["stretch","flex-start","flex-end","center","baseline","start","end","self-start","self-end"]},values2:{values:[]},values3:{values:[]}},alignContent:{cssNames:["align-content"],values1:{values:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline"]},values2:{values:[]},values3:{values:[]}},flex1:{cssNames:["flex"],values1:{values:[!0],formatValue:()=>"1"},values2:{values:[]},values3:{values:[]}},flexDirection:{cssNames:["flex-direction"],values1:{values:["row","row-reverse","column","column-reverse"]},values2:{values:[]},values3:{values:[]}},gap:{cssNames:["gap"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},rowGap:{cssNames:["row-gap"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},columnGap:{cssNames:["column-gap"],values1:{values:s.positiveSizes,formatValue:e.Value.rem},values2:{values:[]},values3:{values:[]}},order:{cssNames:["order"],values1:{values:s.positiveSizes},values2:{values:[]},values3:{values:[]}},flexGrow:{cssNames:["flex-grow"],values1:{values:s.positiveSizes},values2:{values:[]},values3:{values:[]}},flexShrink:{cssNames:["flex-shrink"],values1:{values:s.positiveSizes},values2:{values:[]},values3:{values:[]}},alignSelf:{cssNames:["align-self"],values1:{values:s.alignSelf},values2:{values:[]},values3:{values:[]}},justifySelf:{cssNames:["justify-self"],values1:{values:s.alignSelf},values2:{values:[]},values3:{values:[]}},gridColumns:{cssNames:["grid-template-columns"],values1:{values:s.positiveSizes,formatValue:e.Value.gridColumns},values2:{values:[]},values3:{values:[]}},colSpan:{cssNames:["grid-column"],values1:{values:s.positiveSizes,formatValue:e.Value.gridColumn},values2:{values:["full-row"],formatValue:e.Value.gridColumn},values3:{values:[]}},colStart:{cssNames:["grid-column-start"],values1:{values:s.positiveSizes},values2:{values:[]},values3:{values:[]}},colEnd:{cssNames:["grid-column-end"],values1:{values:s.positiveSizes},values2:{values:[]},values3:{values:[]}},outline:{cssNames:["outline-width"],values1:{values:s.positiveSizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},outlineStyle:{cssNames:["outline-style"],values1:{values:s.borderAndOutlineStyles},values2:{values:[]},values3:{values:[]}},outlineOffset:{cssNames:["outline-offset"],values1:{values:s.positiveSizes,formatValue:e.Value.px},values2:{values:[]},values3:{values:[]}},transition:{cssNames:["transition-property"],values1:{values:["none","all"]},values2:{values:[]},values3:{values:[]}},transitionDuration:{cssNames:["transition-duration"],values1:{values:[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950,1e3],formatValue:e.Value.ms},values2:{values:[]},values3:{values:[]}},userSelect:{cssNames:["user-select"],values1:{values:["none","auto","text","all"]},values2:{values:[]},values3:{values:[]}},appearance:{cssNames:["appearance"],values1:{values:["none"]},values2:{values:[]},values3:{values:[]}},pointerEvents:{cssNames:["pointer-events"],values1:{values:["none","auto","all"]},values2:{values:[]},values3:{values:[]}},whiteSpace:{cssNames:["white-space"],values1:{values:["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"]},values2:{values:[]},values3:{values:[]}},textOverflow:{cssNames:["text-overflow"],values1:{values:["clip","ellipsis"]},values2:{values:[]},values3:{values:[]}}},T={rotate:{cssNames:["rotate"],values1:{values:[0,90,180,270,-90,-180,-270],formatValue:e.Value.rotate},values2:{values:[]},values3:{values:[]}},flip:{cssNames:["scale"],values1:{values:["xAxis","yAxis"],formatValue:e.Value.flip},values2:{values:[]},values3:{values:[]}}};Object.keys(T).forEach(a=>{i[a]=T[a]});Object.keys(j).forEach(a=>{i[a]=j[a],i[a].isThemeStyle=!0});Object.keys(A).forEach(a=>{i[a]=A[a],i[a].isThemeStyle=!0});const w={w:{...i.width,key:"width"},h:{...i.height,key:"height"},m:{...i.margin,key:"margin"},mx:{...i.marginHorizontal,key:"marginHorizontal"},my:{...i.marginVertical,key:"marginVertical"},mt:{...i.marginTop,key:"marginTop"},mr:{...i.marginRight,key:"marginRight"},mb:{...i.marginBottom,key:"marginBottom"},ml:{...i.marginLeft,key:"marginLeft"},p:{...i.padding,key:"padding"},px:{...i.paddingHorizontal,key:"paddingHorizontal"},py:{...i.paddingVertical,key:"paddingVertical"},pt:{...i.paddingTop,key:"paddingTop"},pr:{...i.paddingRight,key:"paddingRight"},pb:{...i.paddingBottom,key:"paddingBottom"},pl:{...i.paddingLeft,key:"paddingLeft"},b:{...i.border,key:"border"},bx:{...i.borderHorizontal,key:"borderHorizontal"},by:{...i.borderVertical,key:"borderVertical"},bt:{...i.borderTop,key:"borderTop"},br:{...i.borderRight,key:"borderRight"},bb:{...i.borderBottom,key:"borderBottom"},bl:{...i.borderLeft,key:"borderLeft"},jc:{...i.justifyContent,key:"justifyContent"},ai:{...i.alignItems,key:"alignItems"},ac:{...i.alignContent,key:"alignContent"},d:{...i.flexDirection,key:"flexDirection"}},D=Object.keys(i),M=Object.keys(w);_.forEach(a=>{D.forEach(r=>{i[`${r}${a}`]={...i[r]},i[`${r}${a}`].pseudoSuffix=a}),M.forEach(r=>{w[`${r}${a}`]={...w[r],key:`${w[r].key}${a}`},w[`${r}${a}`].pseudoSuffix=a})});var z;(a=>{a.doxClassName="_dox",a.svgClassName="_svg";const r=`:root{--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;#crono-box {position: absolute;top: 0;left: 0;height: 0;}}
2
- html{font-size: 16px;font-family: Arial, sans-serif;}
3
- body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
4
- a,ul{all: unset;}
5
- .${a.doxClassName}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;background-color: initial;transition: all var(--transitionTime);box-sizing: border-box;font-family: inherit;font-size: inherit;}
6
- .${a.svgClassName}{transition: all var(--svgTransitionTime);}.${a.svgClassName} path,.${a.svgClassName} circle,.${a.svgClassName} rect,.${a.svgClassName} line {transition: all var(--svgTransitionTime);}
7
- `,m=new E.IdentityFactory,n=Object.keys(i),l=N();let d=!1;const g=n.reduce((u,t)=>(u[t]=new Set,u),{});function x(u,t){if(u in i)return f(u,t);if(u in $)return $[u].className;if(u in T)return f(u,t)}a.get=x;function S(){if(d){console.info("%c💬Flush Dox Styles","color: #00ffff");let u=h([r]);u=h(u,"H"),u=h(u,"F"),u=h(u,"A"),l.innerHTML=u.join(""),d=!1}}a.flush=S;function f(u,t){var c;g[u].has(t)||(d=!0,g[u].add(t));const o=V(u,t),v=((c=o.formatClassName)==null?void 0:c.call(o,u,t))??`${u}${t}`;return`-${m.getIdentity(v)}`}function h(u,t){return Object.entries(g).filter(([v])=>{var c;return((c=i[v])==null?void 0:c.pseudoSuffix)===t}).reduce((v,[c,F])=>(F.forEach(H=>{var R;const p=V(c,H),y=`.${f(c,H)}`;let k=[];t?t==="H"?k=[...o(`${y}:hover`,p),...o(`.${$.hover.className}:hover>${y}`,p)]:t==="F"?k=[...o(`${y}:focus-within`,p),...o(`.${$.focus.className}:focus-within>${y}`,p)]:t==="A"&&(k=o(`${y}:active`,p)):k=o(y,p);const B=((R=p.formatValue)==null?void 0:R.call(p,c,H))??H,L=i[c].cssNames.map(O=>`${O}:${B};`).join("");v.push(`${k.join(",")}{${L}}`)}),v),u);function o(v,c){return c.formatSelector?c.formatSelector(v):[v]}}function V(u,t){const o=i[u];return o.isThemeStyle?o:o.values1.values.includes(t)?o.values1:o.values2.values.includes(t)?o.values2:o.values3}function N(){const u="crono-styles",o=typeof window<"u"&&typeof window.document<"u"?window.document:global.document;let v=o.getElementById(u);return v||(v=o.createElement("style"),v.setAttribute("id",u),v.setAttribute("type","text/css"),o.head.insertBefore(v,o.head.firstChild)),v}})(z||(z={}));const P=typeof window<"u"&&typeof window.document<"u",q=P?b.useLayoutEffect:b.useEffect;function W(a,r){const m=I.useTheme(a);return q(z.flush,[a]),b.useMemo(()=>{const n=[r?z.svgClassName:z.doxClassName],l=m?{...C(m),...C(a)}:C(a);return"inline"in l&&(l.display==="block"?l.display="inline-block":l.display==="flex"?l.display="inline-flex":l.display==="grid"&&(l.display="inline-grid"),delete l.inline),"inlineH"in l&&(l.displayH==="block"?l.displayH="inline-block":l.displayH==="flex"?l.displayH="inline-flex":l.displayH==="grid"&&(l.displayH="inline-grid"),delete l.inlineH),"inlineF"in l&&(l.displayF==="block"?l.displayF="inline-block":l.displayF==="flex"?l.displayF="inline-flex":l.displayF==="grid"&&(l.displayF="inline-grid"),delete l.inlineF),"inlineA"in l&&(l.displayA==="block"?l.displayA="inline-block":l.displayA==="flex"?l.displayA="inline-flex":l.displayA==="grid"&&(l.displayA="inline-grid"),delete l.inlineA),Object.entries(l).forEach(([d,g])=>{n.push(z.get(d,g))}),n},[a,m])}function C(a){const r={...a};return Object.keys(r).forEach(n=>{const l=w[n];l&&(l.key in r||(r[l.key]=r[n]),delete r[n])}),r}function G(a,r){const{tag:m="div",children:n,props:l,className:d,style:g}=a,x=W(a,m==="svg"),S=b.useMemo(()=>E.ClassNameUtils.classNames(d,x).join(" "),[a]),f={...l,className:S};g&&(f.style=g),r&&(f.ref=r);const[h,V]=b.useState(!1),N=typeof n=="function";return N&&(f.onMouseEnter=()=>V(!0),f.onMouseLeave=()=>V(!1)),b.createElement(m,f,N?n({isHover:h}):n)}const U=b.forwardRef(G);exports.default=U;
@@ -1 +0,0 @@
1
- "use strict";const u=require("react/jsx-runtime"),c=require("react"),p=require("./dox.cjs");require("../utils.cjs");require("../theme.cjs");function g(e,r){const{viewBox:t="0 0 24 24",width:o="1.5rem",height:s,props:n,...i}=e;return u.jsx(p.default,{tag:"svg",ref:r,props:{...n,viewBox:t,width:o,height:s,xmlns:"http://www.w3.org/2000/svg",fill:"none"},...i})}c.forwardRef(g);
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- import Dox from './dox';
3
- import ClassNameUtils from '../utils/className/classNameUtils';
4
- import { DoxSvgStyles } from './dox/doxStyles';
5
- type SvgTagProps = Required<React.ComponentProps<typeof Dox<'svg'>>>['props'];
6
- type DoxSvgTagProps = Omit<SvgTagProps, 'viewBox' | 'width' | 'height'>;
7
- interface Props extends DoxSvgStyles {
8
- children?: React.ReactNode | ((props: {
9
- isHover: boolean;
10
- }) => React.ReactNode);
11
- props?: DoxSvgTagProps;
12
- style?: React.ComponentProps<'svg'>['style'];
13
- className?: ClassNameUtils.ClassNameType;
14
- viewBox?: string;
15
- width?: string;
16
- height?: string;
17
- }
18
- declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
19
- export default _default;
@@ -1,18 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { forwardRef as f } from "react";
3
- import g from "./dox.mjs";
4
- import "../utils.mjs";
5
- import "../theme.mjs";
6
- function n(o, r) {
7
- const { viewBox: t = "0 0 24 24", width: p = "1.5rem", height: i, props: m, ...s } = o;
8
- return /* @__PURE__ */ e(
9
- g,
10
- {
11
- tag: "svg",
12
- ref: r,
13
- props: { ...m, viewBox: t, width: p, height: i, xmlns: "http://www.w3.org/2000/svg", fill: "none" },
14
- ...s
15
- }
16
- );
17
- }
18
- f(n);
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),s=require("./dox.cjs");require("../utils.cjs");require("../theme.cjs");function u(e,r){const{inline:t,...n}=e;return i.jsx(s.default,{ref:r,display:t?"inline-flex":"flex",...n})}const l=o.forwardRef(u);exports.default=l;
@@ -1,13 +0,0 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import { forwardRef as f } from "react";
3
- import n from "./dox.mjs";
4
- import "../utils.mjs";
5
- import "../theme.mjs";
6
- function l(o, r) {
7
- const { inline: t, ...e } = o;
8
- return /* @__PURE__ */ i(n, { ref: r, display: t ? "inline-flex" : "flex", ...e });
9
- }
10
- const c = f(l);
11
- export {
12
- c as default
13
- };
@@ -1 +0,0 @@
1
- "use strict";require("react/jsx-runtime");require("react");require("./dox.cjs");require("../utils.cjs");require("../theme.cjs");
@@ -1,5 +0,0 @@
1
- import "react/jsx-runtime";
2
- import "react";
3
- import "./dox.mjs";
4
- import "../utils.mjs";
5
- import "../theme.mjs";
@@ -1 +0,0 @@
1
- "use strict";const t=require("react/jsx-runtime"),s=require("react"),o=require("./dox.cjs");require("../utils.cjs");require("../theme.cjs");function u(e,r){const{inline:i,...n}=e;return t.jsx(o.default,{ref:r,display:i?"inline-grid":"grid",...n})}s.forwardRef(u);
@@ -1,10 +0,0 @@
1
- import { jsx as m } from "react/jsx-runtime";
2
- import { forwardRef as n } from "react";
3
- import p from "./dox.mjs";
4
- import "../utils.mjs";
5
- import "../theme.mjs";
6
- function f(r, i) {
7
- const { inline: o, ...t } = r;
8
- return /* @__PURE__ */ m(p, { ref: i, display: o ? "inline-grid" : "grid", ...t });
9
- }
10
- n(f);
@@ -1 +0,0 @@
1
- "use strict";const n=require("react/jsx-runtime"),r=require("react"),u=require("./dox.cjs"),s=require("../utils.cjs");require("../theme.cjs");const i=["name","onInput","onChange","disabled","value","autoFocus","readOnly","required","checked","defaultChecked"];function c(e,t){const o=s.ObjectUtils.buildProps(e,i,{type:"radio"});return n.jsx(u.default,{ref:t,tag:"input",component:"radioButton",...o})}r.forwardRef(c);
@@ -1 +0,0 @@
1
- "use strict";const n=require("react/jsx-runtime"),o=require("react"),a=require("./dox.cjs"),s=require("../utils.cjs");require("../theme.cjs");const u=["name","onInput","onChange","placeholder","disabled","value","defaultValue","rows","cols","autoFocus","maxLength","minLength","readOnly","required"];function c(e,t){const r=s.ObjectUtils.buildProps(e,u);return n.jsx(a.default,{ref:t,tag:"textarea",component:"textarea",...r})}o.forwardRef(c);
@@ -1,26 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import { forwardRef as a } from "react";
3
- import n from "./dox.mjs";
4
- import { O as m } from "../utils.mjs";
5
- import "../theme.mjs";
6
- const s = [
7
- "name",
8
- "onInput",
9
- "onChange",
10
- "placeholder",
11
- "disabled",
12
- "value",
13
- "defaultValue",
14
- "rows",
15
- "cols",
16
- "autoFocus",
17
- "maxLength",
18
- "minLength",
19
- "readOnly",
20
- "required"
21
- ];
22
- function i(o, e) {
23
- const r = m.buildProps(o, s);
24
- return /* @__PURE__ */ t(n, { ref: e, tag: "textarea", component: "textarea", ...r });
25
- }
26
- a(i);
@@ -1 +0,0 @@
1
- "use strict";const o=require("react/jsx-runtime"),r=require("react"),u=require("./dox.cjs"),s=require("../utils.cjs");require("../theme.cjs");const a=["name","onInput","onChange","type","placeholder","disabled","defaultValue","autoFocus","readOnly","required","value","pattern"];function c(e,t){const n=s.ObjectUtils.buildProps(e,a);return o.jsx(u.default,{ref:t,tag:"input",component:"textbox",...n})}r.forwardRef(c);
@@ -1,24 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { forwardRef as n } from "react";
3
- import a from "./dox.mjs";
4
- import { O as p } from "../utils.mjs";
5
- import "../theme.mjs";
6
- const i = [
7
- "name",
8
- "onInput",
9
- "onChange",
10
- "type",
11
- "placeholder",
12
- "disabled",
13
- "defaultValue",
14
- "autoFocus",
15
- "readOnly",
16
- "required",
17
- "value",
18
- "pattern"
19
- ];
20
- function m(o, t) {
21
- const r = p.buildProps(o, i);
22
- return /* @__PURE__ */ e(a, { ref: t, tag: "input", component: "textbox", ...r });
23
- }
24
- n(m);
@@ -1 +0,0 @@
1
- "use strict";require("react/jsx-runtime");require("react-dom");require("./dox.cjs");require("react");require("../utils.cjs");require("../theme.cjs");
@@ -1,6 +0,0 @@
1
- import "react/jsx-runtime";
2
- import "react-dom";
3
- import "./dox.mjs";
4
- import "react";
5
- import "../utils.mjs";
6
- import "../theme.mjs";
package/plugins.cjs DELETED
@@ -1,209 +0,0 @@
1
- "use strict";var c;(i=>{function h(r){const _=Object.entries(r.colors).map(([o,e])=>`--color${o}: ${e};`).join(`
2
- `),t=Object.entries(r.shadows).map(([o,e])=>`--shadow${o}: ${e};`).join(`
3
- `),n=Object.entries(r.backgrounds).map(([o,e])=>`--background${o}: ${e};`).join(`
4
- `),l=[":root {"];_&&l.push(` ${_}`),t&&l.push(` ${t}`),n&&l.push(` ${n}`),l.push("}");const s=Object.keys(r.colors).map(o=>`
5
- .color_${o},
6
- .color_h_${o}:hover,
7
- ._h:hover>.color_h_${o} {
8
- color: var(--color${o});
9
- }
10
-
11
- .color_f_${o}:focus-within,
12
- ._f:focus-within>.color_f_${o} {
13
- color: var(--color${o});
14
- }
15
-
16
- .color_a_${o}:active {
17
- color: var(--color${o});
18
- }
19
-
20
- .bgColor_${o},
21
- .bgColor_h_${o}:hover,
22
- ._h:hover>.bgColor_h_${o} {
23
- background-color: var(--color${o});
24
- }
25
-
26
- .bgColor_f_${o}:focus-within,
27
- ._f:focus-within>.bgColor_f_${o} {
28
- background-color: var(--color${o});
29
- }
30
-
31
- .bgColor_a_${o}:active {
32
- background-color: var(--color${o});
33
- }
34
-
35
- .borderColor_${o},
36
- .borderColor_h_${o}:hover,
37
- ._h:hover>.borderColor_h_${o} {
38
- border-color: var(--color${o});
39
- }
40
-
41
- .borderColor_f_${o}:focus-within,
42
- ._f:focus-within>.borderColor_f_${o} {
43
- border-color: var(--color${o});
44
- }
45
-
46
- .borderColor_a_${o}:active {
47
- border-color: var(--color${o});
48
- }
49
-
50
- .outlineColor_${o},
51
- .outlineColor_h_${o}:hover,
52
- ._h:hover>.outlineColor_h_${o} {
53
- outline-color: var(--color${o});
54
- }
55
-
56
- .outlineColor_f_${o}:focus-within,
57
- ._f:focus-within>.outlineColor_f_${o} {
58
- outline-color: var(--color${o});
59
- }
60
-
61
- .outlineColor_a_${o}:active {
62
- outline-color: var(--color${o});
63
- }
64
-
65
- .fill_${o},
66
- .fill_h_${o}:hover,
67
- ._h:hover>.fill_h_${o} {
68
- path,
69
- circle,
70
- rect,
71
- line {
72
- fill: var(--color${o});
73
- }
74
- }
75
-
76
- .fill_f_${o}:focus-within,
77
- ._f:focus-within>.fill_f_${o} {
78
- path,
79
- circle,
80
- rect,
81
- line {
82
- fill: var(--color${o});
83
- }
84
- }
85
-
86
- .fill_a_${o}:active {
87
- path,
88
- circle,
89
- rect,
90
- line {
91
- fill: var(--color${o});
92
- }
93
- }
94
-
95
- .stroke_${o},
96
- .stroke_h_${o}:hover,
97
- ._h:hover>.stroke_h_${o} {
98
- path,
99
- circle,
100
- rect,
101
- line {
102
- stroke: var(--color${o});
103
- }
104
- }
105
-
106
- .stroke_f_${o}:focus-within,
107
- ._f:focus-within>.stroke_f_${o} {
108
- path,
109
- circle,
110
- rect,
111
- line {
112
- stroke: var(--color${o});
113
- }
114
- }
115
-
116
- .stroke_a_${o}:active {
117
- path,
118
- circle,
119
- rect,
120
- line {
121
- stroke: var(--color${o});
122
- }
123
- }`),$=Object.keys(r.shadows).map(o=>`
124
- .shadow_${o},
125
- .shadow_h_${o}:hover,
126
- ._h:hover>.shadow_h_${o} {
127
- box-shadow: var(--shadow${o});
128
- }
129
-
130
- .shadow_f_${o}:focus-within,
131
- ._f:focus-within>.shadow_f_${o} {
132
- box-shadow: var(--shadow${o});
133
- }
134
-
135
- .shadow_a_${o}:active {
136
- box-shadow: var(--shadow${o});
137
- }`),b=Object.keys(r.backgrounds).map(o=>`
138
- .bg_${o},
139
- .bg_h_${o}:hover,
140
- ._h:hover>.bg_h_${o} {
141
- background: var(--background${o});
142
- }
143
-
144
- .bg_f_${o}:focus-within,
145
- ._f:focus-within>.bg_f_${o} {
146
- background: var(--background${o});
147
- }
148
-
149
- .bg_a_${o}:active {
150
- background: var(--background${o});
151
- }`),p=Object.keys(r.colors).map(o=>`'${o}'`).join(" | "),u=Object.keys(r.backgrounds).map(o=>`'${o}'`).join(" | "),C=Object.keys(r.shadows).map(o=>`'${o}'`).join(" | "),d=`import '@cronocode/react-box';
152
-
153
- declare module '@cronocode/react-box/types' {
154
- type ColorType = ${p};
155
- type BackgroundType = ${u};
156
- type ShadowType = ${C};
157
-
158
- namespace Augmented {
159
- interface BoxProps {
160
- color?: ColorType;
161
- colorH?: ColorType;
162
- colorF?: ColorType;
163
- colorA?: ColorType;
164
- bgColor?: ColorType;
165
- bgColorH?: ColorType;
166
- bgColorF?: ColorType;
167
- bgColorA?: ColorType;
168
- backgroundColor?: ColorType;
169
- backgroundColorH?: ColorType;
170
- backgroundColorF?: ColorType;
171
- backgroundColorA?: ColorType;
172
- borderColor?: ColorType;
173
- borderColorH?: ColorType;
174
- borderColorF?: ColorType;
175
- borderColorA?: ColorType;
176
- outlineColor?: ColorType;
177
- outlineColorH?: ColorType;
178
- outlineColorF?: ColorType;
179
- outlineColorA?: ColorType;
180
- bg?: BackgroundType;
181
- bgH?: BackgroundType;
182
- bgF?: BackgroundType;
183
- bgA?: BackgroundType;
184
- background?: BackgroundType;
185
- backgroundH?: BackgroundType;
186
- backgroundF?: BackgroundType;
187
- backgroundA?: BackgroundType;
188
- shadow?: ShadowType;
189
- shadowH?: ShadowType;
190
- shadowF?: ShadowType;
191
- shadowA?: ShadowType;
192
- }
193
-
194
- interface SvgProps {
195
- fill?: ColorType;
196
- fillH?: ColorType;
197
- fillF?: ColorType;
198
- fillA?: ColorType;
199
- stroke?: ColorType;
200
- strokeH?: ColorType;
201
- strokeF?: ColorType;
202
- strokeA?: ColorType;
203
- }
204
- }
205
- }
206
- `;return{themeCss:[l.join(`
207
- `),...s,...$,...b].join(`
208
- `)+`
209
- `,boxDts:d}}i.boxTheme=h})(c||(c={}));
package/plugins.d.ts DELETED
@@ -1,13 +0,0 @@
1
- interface BoxThemeOptions {
2
- colors: Record<string, string>;
3
- shadows: Record<string, string>;
4
- backgrounds: Record<string, string>;
5
- }
6
- interface BoxThemeResources {
7
- themeCss: string;
8
- boxDts: string;
9
- }
10
- declare namespace Plugins {
11
- function boxTheme(options: BoxThemeOptions): BoxThemeResources;
12
- }
13
- export default Plugins;
package/theme.cjs DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),d={button:{styles:{display:"inline-block",p:3,cursor:"pointer",b:1,borderRadius:1},disabled:{cursor:"default"}},checkbox:{styles:{display:"inline-block",b:1,p:2}},radioButton:{styles:{display:"inline-block",b:1,p:2}},textbox:{styles:{display:"inline-block",b:1,borderRadius:1,p:3}},textarea:{styles:{display:"inline-block",b:1,borderRadius:1}}};let i=d;var u;(a=>{function n(s){i=s,o()}a.setup=n;function o(){Object.keys(d).forEach(t=>{const e=i[t],l=d[t];e?(e.styles={...l.styles,...e.styles},e.disabled&&l.disabled&&(e.disabled={...l.disabled,...e.disabled})):i[t]=d[t]})}})(u||(u={}));function p(a){const{clean:n,disabled:o,theme:s,component:t}=a;return y.useMemo(()=>{var r,b,c;if(n)return;let e=i[t]??((r=i.components)==null?void 0:r[t]);if(!e)return;let l=s?{...e.styles,...(b=e.themes)==null?void 0:b[s].styles}:e.styles;return o?s?{...l,...e.disabled,...(c=e.themes)==null?void 0:c[s].disabled}:{...l,...e.disabled}:l},[t,n,o,s])}exports.useTheme=p;
package/theme.mjs DELETED
@@ -1,74 +0,0 @@
1
- import { useMemo as y } from "react";
2
- const d = {
3
- button: {
4
- styles: {
5
- display: "inline-block",
6
- p: 3,
7
- cursor: "pointer",
8
- b: 1,
9
- borderRadius: 1
10
- },
11
- disabled: {
12
- cursor: "default"
13
- }
14
- },
15
- checkbox: {
16
- styles: {
17
- display: "inline-block",
18
- b: 1,
19
- p: 2
20
- }
21
- },
22
- radioButton: {
23
- styles: {
24
- display: "inline-block",
25
- b: 1,
26
- p: 2
27
- }
28
- },
29
- textbox: {
30
- styles: {
31
- display: "inline-block",
32
- b: 1,
33
- borderRadius: 1,
34
- p: 3
35
- }
36
- },
37
- textarea: {
38
- styles: {
39
- display: "inline-block",
40
- b: 1,
41
- borderRadius: 1
42
- }
43
- }
44
- };
45
- let i = d;
46
- var u;
47
- ((a) => {
48
- function n(s) {
49
- i = s, o();
50
- }
51
- a.setup = n;
52
- function o() {
53
- Object.keys(d).forEach((t) => {
54
- const e = i[t], l = d[t];
55
- e ? (e.styles = { ...l.styles, ...e.styles }, e.disabled && l.disabled && (e.disabled = { ...l.disabled, ...e.disabled })) : i[t] = d[t];
56
- });
57
- }
58
- })(u || (u = {}));
59
- function f(a) {
60
- const { clean: n, disabled: o, theme: s, component: t } = a;
61
- return y(() => {
62
- var r, b, c;
63
- if (n)
64
- return;
65
- let e = i[t] ?? ((r = i.components) == null ? void 0 : r[t]);
66
- if (!e)
67
- return;
68
- let l = s ? { ...e.styles, ...(b = e.themes) == null ? void 0 : b[s].styles } : e.styles;
69
- return o ? s ? { ...l, ...e.disabled, ...(c = e.themes) == null ? void 0 : c[s].disabled } : { ...l, ...e.disabled } : l;
70
- }, [t, n, o, s]);
71
- }
72
- export {
73
- f as useTheme
74
- };
package/utils.cjs DELETED
@@ -1 +0,0 @@
1
- "use strict";require("react");var a;(h=>{function c(...o){return o.reduce((s,n)=>n?typeof n=="string"?(s.push(n),s):Array.isArray(n)?(s.push(...c(...n)),s):(Object.entries(n).forEach(([r,e])=>{e&&s.push(r)}),s):s,[])}h.classNames=c})(a||(a={}));const x=a;class y{constructor(){this._index=0,this._cache={}}getIdentity(c){return this._cache[c]||(this._cache[c]=this.getByIndex(this._index++)),this._cache[c]}getByIndex(c){const{first:o,next:s}=b,n=c-o.length;if(n<0)return o[c];const r=Math.floor(n/s.length),e=n-r*s.length;return this.getByIndex(r)+s[e]}}const b={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var l;(h=>{function c(s,...n){const r={...s},e={};return n.forEach(t=>{t in r&&(e[t]=r[t],delete r[t])}),[e,r]}h.moveToTagProps=c;function o(s,n,r){const e={...s},t=e.props||{};return n.forEach(i=>{if(i in e){if(t[i]=e[i],i==="disabled")return;delete e[i]}}),r&&Object.entries(r).forEach(([i,f])=>{t[i]=f}),e.props=t,e}h.buildProps=o})(l||(l={}));const I=l;var g;(h=>{function c(s){const n=Array.from(s.elements).reduce((r,e)=>{const t=e.name;return t&&(r[t]||(r[t]=[]),r[t].push(e)),r},{});return Object.entries(n).reduce((r,[e,t])=>{if(t.length===1){const i=t[0];o(r,e,i.type==="checkbox"||i.type==="radio"?i.checked:i.value)}else{const i=t.reduce((f,u)=>(u.type==="checkbox"||u.type==="radio"?u.checked&&f.push(u.value):f.push(u.value),f),[]);o(r,e,i)}return r},{})}h.getFormEntries=c;function o(s,n,r){if(n.includes(".")){const e=n.split(".");let t=s;e.forEach((i,f)=>{if(e.length>f+1){const u=i.match(/^(.+)\[(\d)\]$/);if(u){const[,d,p]=u;t[d]=t[d]||[],t[d][p]=t[d][p]||{},t=t[d][p]}else t[i]=t[i]||{},t=t[i]}else t[i]=r})}else s[n]=r}})(g||(g={}));exports.ClassNameUtils=x;exports.IdentityFactory=y;exports.ObjectUtils=I;