@cronocode/react-box 1.4.3 → 1.4.5

package/components/baseSvg.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),o=require("../utils/utils.cjs.js"),n=require("../baseSvg.module.css.cjs.js");function w(l){const{children:s,props:v,className:c,style:m,viewBox:h,width:d,height:S}=l,e=c?o.ClassNameUtils.classNames(c,n.classes.base):[n.classes.base];Object.entries(l).forEach(([a,u])=>{const f=n.classes[a+u];f?e.push(f):a in o.themeSvgClasses&&e.push(`${o.themeSvgClasses[a]}${u}`)});const t={...v,style:{...m,width:d,height:S},className:e.join(" "),viewBox:h||"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"none"},[p,i]=g.useState(!1),r=typeof s=="function";return r&&(t.onMouseEnter=()=>i(!0),t.onMouseLeave=()=>i(!1)),g.createElement("svg",t,r?s({isHover:p}):s)}exports.default=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),o=require("../utils/utils.cjs"),n=require("../baseSvg.module.css.cjs");function w(l){const{children:s,props:v,className:c,style:m,viewBox:h,width:d,height:S}=l,e=c?o.ClassNameUtils.classNames(c,n.classes.base):[n.classes.base];Object.entries(l).forEach(([a,u])=>{const f=n.classes[a+u];f?e.push(f):a in o.themeSvgClasses&&e.push(`${o.themeSvgClasses[a]}${u}`)});const t={...v,style:{...m,width:d,height:S},className:e.join(" "),viewBox:h||"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"none"},[p,i]=g.useState(!1),r=typeof s=="function";return r&&(t.onMouseEnter=()=>i(!0),t.onMouseLeave=()=>i(!1)),g.createElement("svg",t,r?s({isHover:p}):s)}exports.default=w;

package/components/baseSvg.mjs

@@ -1,6 +1,6 @@
 import d, { useState as N } from "react";
-import { C as x, t as m } from "../utils/utils.es.js";
-import { c as a } from "../baseSvg.module.css.es.js";
+import { C as x, t as m } from "../utils/utils.mjs";
+import { c as a } from "../baseSvg.module.css.mjs";
 function C(n) {
   const { children: s, props: p, className: r, style: h, viewBox: u, width: v, height: g } = n, e = r ? x.classNames(r, a.base) : [a.base];
   Object.entries(n).forEach(([o, l]) => {

package/components/button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs.js"),s=require("../utils/utils.cjs.js");require("../box.module.css.cjs.js");require("../theme.cjs.js");const i=["type","onClick","disabled"];function c(t,e){const o=s.ObjectUtils.buildProps(t,i);return r.jsx(u.default,{ref:e,tag:"button",component:"button",...o})}const l=n.forwardRef(c);exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs"),s=require("../utils/utils.cjs");require("../box.module.css.cjs");require("../theme.cjs");const i=["type","onClick","disabled"];function c(t,e){const o=s.ObjectUtils.buildProps(t,i);return r.jsx(u.default,{ref:e,tag:"button",component:"button",...o})}const l=n.forwardRef(c);exports.default=l;

package/components/button.mjs

@@ -1,9 +1,9 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import i from "../box.es.js";
-import { O as m } from "../utils/utils.es.js";
-import "../box.module.css.es.js";
-import "../theme.es.js";
+import i from "../box.mjs";
+import { O as m } from "../utils/utils.mjs";
+import "../box.module.css.mjs";
+import "../theme.mjs";
 const s = ["type", "onClick", "disabled"];
 function e(o, t) {
   const r = m.buildProps(o, s);

package/components/checkbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),t=require("../box.cjs.js"),i=require("../utils/utils.cjs.js"),u=require("./flex.cjs.js"),l=require("../box.module.css.cjs.js");require("../theme.cjs.js");const a=["name","onInput","onChange","disabled","autoFocus","readOnly","required","value","checked","defaultChecked"];function d(n,s){const{native:o}=n,r=i.ObjectUtils.buildProps(n,a,{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"})})})})]})}const x=c.forwardRef(d);exports.default=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),t=require("../box.cjs"),i=require("../utils/utils.cjs"),u=require("./flex.cjs"),l=require("../box.module.css.cjs");require("../theme.cjs");const a=["name","onInput","onChange","disabled","autoFocus","readOnly","required","value","checked","defaultChecked"];function d(n,s){const{native:o}=n,r=i.ObjectUtils.buildProps(n,a,{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"})})})})]})}const x=c.forwardRef(d);exports.default=x;

package/components/checkbox.mjs

@@ -1,10 +1,10 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import t from "../box.es.js";
-import { O as a } from "../utils/utils.es.js";
-import l from "./flex.es.js";
-import { c as d } from "../box.module.css.es.js";
-import "../theme.es.js";
+import t from "../box.mjs";
+import { O as a } from "../utils/utils.mjs";
+import l from "./flex.mjs";
+import { c as d } from "../box.module.css.mjs";
+import "../theme.mjs";
 const p = [
   "name",
   "onInput",

package/components/dataGrid.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("../box.cjs.js");require("react");require("../box.module.css.cjs.js");require("../utils/utils.cjs.js");require("../theme.cjs.js");function o(r){if(!(r!=null&&r.length))return{rows:[],columns:[]};const t=Object.keys(r[0]);return{rows:r.map(e=>({dataRow:e,cells:t.map(n=>({key:n,value:e[n]}))})),columns:t.map(e=>({key:e}))}}function c(r){const{data:t}=r,e=o(t);return e.columns.length===0?i.jsx(u.default,{display:"grid",children:"empty grid"}):i.jsxs(u.default,{display:"grid",children:[e.columns.map((n,s)=>i.jsx(u.default,{style:{gridColumn:s+1},children:n.key.toString()},n.key.toString())),e.rows.map((n,s)=>n.cells.map(l=>i.jsx(u.default,{children:l.value},l.key.toString()+s)))]})}exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("../box.cjs");require("react");require("../box.module.css.cjs");require("../utils/utils.cjs");require("../theme.cjs");function o(r){if(!(r!=null&&r.length))return{rows:[],columns:[]};const t=Object.keys(r[0]);return{rows:r.map(e=>({dataRow:e,cells:t.map(n=>({key:n,value:e[n]}))})),columns:t.map(e=>({key:e}))}}function c(r){const{data:t}=r,e=o(t);return e.columns.length===0?i.jsx(u.default,{display:"grid",children:"empty grid"}):i.jsxs(u.default,{display:"grid",children:[e.columns.map((n,s)=>i.jsx(u.default,{style:{gridColumn:s+1},children:n.key.toString()},n.key.toString())),e.rows.map((n,s)=>n.cells.map(l=>i.jsx(u.default,{children:l.value},l.key.toString()+s)))]})}exports.default=c;

package/components/dataGrid.mjs

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as l } from "react/jsx-runtime";
-import t from "../box.es.js";
+import t from "../box.mjs";
 import "react";
-import "../box.module.css.es.js";
-import "../utils/utils.es.js";
-import "../theme.es.js";
+import "../box.module.css.mjs";
+import "../utils/utils.mjs";
+import "../theme.mjs";
 function p(i) {
   if (!(i != null && i.length))
     return {

package/components/flex.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs.js");require("../box.module.css.cjs.js");require("../utils/utils.cjs.js");require("../theme.cjs.js");function l(e,r){const{inline:t}=e;return i.jsx(u.default,{ref:r,display:t?"inline-flex":"flex",...e})}const o=n.forwardRef(l);exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs");require("../box.module.css.cjs");require("../utils/utils.cjs");require("../theme.cjs");function l(e,r){const{inline:t}=e;return i.jsx(u.default,{ref:r,display:t?"inline-flex":"flex",...e})}const o=n.forwardRef(l);exports.default=o;

package/components/flex.mjs

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import f from "../box.es.js";
-import "../box.module.css.es.js";
-import "../utils/utils.es.js";
-import "../theme.es.js";
+import f from "../box.mjs";
+import "../box.module.css.mjs";
+import "../utils/utils.mjs";
+import "../theme.mjs";
 function m(o, r) {
   const { inline: i } = o;
   return /* @__PURE__ */ t(f, { ref: r, display: i ? "inline-flex" : "flex", ...o });

package/components/form.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),a=require("../box.cjs.js"),f=require("../utils/utils.cjs.js");require("../box.module.css.cjs.js");require("../theme.cjs.js");function m(e){const{onSubmit:n,props:u}=e,r=o.useRef(null),s=o.useCallback(t=>{t.preventDefault();const c=f.FormUtils.getFormEntries(r.current);n(c,t)},[]),i={...u,onSubmit:s,ref:r};return l.jsx(a.default,{tag:"form",...e,props:i})}exports.default=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),a=require("../box.cjs"),f=require("../utils/utils.cjs");require("../box.module.css.cjs");require("../theme.cjs");function m(e){const{onSubmit:n,props:u}=e,r=o.useRef(null),s=o.useCallback(t=>{t.preventDefault();const c=f.FormUtils.getFormEntries(r.current);n(c,t)},[]),i={...u,onSubmit:s,ref:r};return l.jsx(a.default,{tag:"form",...e,props:i})}exports.default=m;

package/components/form.mjs

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useRef as p, useCallback as u } from "react";
-import a from "../box.es.js";
-import { F as c } from "../utils/utils.es.js";
-import "../box.module.css.es.js";
-import "../theme.es.js";
+import a from "../box.mjs";
+import { F as c } from "../utils/utils.mjs";
+import "../box.module.css.mjs";
+import "../theme.mjs";
 function d(o) {
   const { onSubmit: m, props: n } = o, r = p(null), e = u((t) => {
     t.preventDefault();

package/components/radioButton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs.js"),i=require("../utils/utils.cjs.js");require("../box.module.css.cjs.js");require("../theme.cjs.js");const a=["name","onInput","onChange","disabled","value","autoFocus","readOnly","required","checked","defaultChecked"];function s(e,t){const o=i.ObjectUtils.buildProps(e,a,{type:"radio"});return r.jsx(u.default,{ref:t,tag:"input",component:"radioButton",...o})}const c=n.forwardRef(s);exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs"),i=require("../utils/utils.cjs");require("../box.module.css.cjs");require("../theme.cjs");const a=["name","onInput","onChange","disabled","value","autoFocus","readOnly","required","checked","defaultChecked"];function s(e,t){const o=i.ObjectUtils.buildProps(e,a,{type:"radio"});return r.jsx(u.default,{ref:t,tag:"input",component:"radioButton",...o})}const c=n.forwardRef(s);exports.default=c;

package/components/radioButton.mjs

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import a from "../box.es.js";
-import { O as i } from "../utils/utils.es.js";
-import "../box.module.css.es.js";
-import "../theme.es.js";
+import a from "../box.mjs";
+import { O as i } from "../utils/utils.mjs";
+import "../box.module.css.mjs";
+import "../theme.mjs";
 const d = [
   "name",
   "onInput",

package/components/textarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),n=require("../box.cjs.js"),u=require("../utils/utils.cjs.js");require("../box.module.css.cjs.js");require("../theme.cjs.js");const s=["name","onInput","onChange","placeholder","disabled","value","defaultValue","rows","cols","autoFocus","maxLength","minLength","readOnly","required"];function i(e,t){const r=u.ObjectUtils.buildProps(e,s);return a.jsx(n.default,{ref:t,tag:"textarea",component:"textarea",...r})}const c=o.forwardRef(i);exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),n=require("../box.cjs"),u=require("../utils/utils.cjs");require("../box.module.css.cjs");require("../theme.cjs");const s=["name","onInput","onChange","placeholder","disabled","value","defaultValue","rows","cols","autoFocus","maxLength","minLength","readOnly","required"];function i(e,t){const r=u.ObjectUtils.buildProps(e,s);return a.jsx(n.default,{ref:t,tag:"textarea",component:"textarea",...r})}const c=o.forwardRef(i);exports.default=c;

package/components/textarea.mjs

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import n from "../box.es.js";
-import { O as m } from "../utils/utils.es.js";
-import "../box.module.css.es.js";
-import "../theme.es.js";
+import n from "../box.mjs";
+import { O as m } from "../utils/utils.mjs";
+import "../box.module.css.mjs";
+import "../theme.mjs";
 const s = [
   "name",
   "onInput",

package/components/textbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs.js"),a=require("../utils/utils.cjs.js");require("../box.module.css.cjs.js");require("../theme.cjs.js");const s=["name","onInput","onChange","type","placeholder","disabled","defaultValue","autoFocus","readOnly","required","value","pattern"];function i(e,t){const r=a.ObjectUtils.buildProps(e,s);return o.jsx(u.default,{ref:t,tag:"input",component:"textbox",...r})}const c=n.forwardRef(i);exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs"),a=require("../utils/utils.cjs");require("../box.module.css.cjs");require("../theme.cjs");const s=["name","onInput","onChange","type","placeholder","disabled","defaultValue","autoFocus","readOnly","required","value","pattern"];function i(e,t){const r=a.ObjectUtils.buildProps(e,s);return o.jsx(u.default,{ref:t,tag:"input",component:"textbox",...r})}const c=n.forwardRef(i);exports.default=c;

package/components/textbox.mjs

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import a from "../box.es.js";
-import { O as p } from "../utils/utils.es.js";
-import "../box.module.css.es.js";
-import "../theme.es.js";
+import a from "../box.mjs";
+import { O as p } from "../utils/utils.mjs";
+import "../box.module.css.mjs";
+import "../theme.mjs";
 const i = [
   "name",
   "onInput",

package/components/tooltip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),v=require("react-dom"),d=require("../box.cjs.js"),s=require("react"),q=require("../utils/utils.cjs.js");require("../box.module.css.cjs.js");require("../theme.cjs.js");function x(u){const{children:f,onPositionChange:c}=u,o=s.useRef(null),[e,p]=s.useState(),w=q.usePortalContainer(),b=s.useCallback((t,r)=>{const n=a=>{a.target.contains(t)&&r()};return document.addEventListener("scroll",n,{capture:!0}),()=>{document.removeEventListener("scroll",n,{capture:!0})}},[e]),m=s.useCallback((t,r)=>{const n=a=>{r()};return window.addEventListener("resize",n,{capture:!0}),()=>{window.removeEventListener("resize",n,{capture:!0})}},[e]),i=s.useCallback(()=>{if(o.current){const t=o.current.getBoundingClientRect(),r=t.top+window.scrollY,n=t.left+window.scrollX;((e==null?void 0:e.top)!==r||(e==null?void 0:e.left)!==n)&&(c==null||c({top:r,left:n}),p({top:t.top+window.scrollY,left:t.left+window.scrollX}))}},[e]);return s.useLayoutEffect(()=>{if(o.current){i();const t=b(o.current,i),r=m(o.current,i);return()=>{t(),r()}}},[e]),l.jsxs(l.Fragment,{children:[l.jsx(d.default,{ref:o,position:"absolute",top:0,left:0,...u,children:void 0}),e&&v.createPortal(l.jsx(d.default,{position:"absolute",top:0,left:0,transition:"none",style:{transform:`translate(${e.left}px,${e.top}px)`},children:f}),w)]})}exports.default=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),v=require("react-dom"),d=require("../box.cjs"),s=require("react"),q=require("../utils/utils.cjs");require("../box.module.css.cjs");require("../theme.cjs");function x(u){const{children:f,onPositionChange:c}=u,o=s.useRef(null),[e,p]=s.useState(),w=q.usePortalContainer(),b=s.useCallback((t,r)=>{const n=a=>{a.target.contains(t)&&r()};return document.addEventListener("scroll",n,{capture:!0}),()=>{document.removeEventListener("scroll",n,{capture:!0})}},[e]),m=s.useCallback((t,r)=>{const n=a=>{r()};return window.addEventListener("resize",n,{capture:!0}),()=>{window.removeEventListener("resize",n,{capture:!0})}},[e]),i=s.useCallback(()=>{if(o.current){const t=o.current.getBoundingClientRect(),r=t.top+window.scrollY,n=t.left+window.scrollX;((e==null?void 0:e.top)!==r||(e==null?void 0:e.left)!==n)&&(c==null||c({top:r,left:n}),p({top:t.top+window.scrollY,left:t.left+window.scrollX}))}},[e]);return s.useLayoutEffect(()=>{if(o.current){i();const t=b(o.current,i),r=m(o.current,i);return()=>{t(),r()}}},[e]),l.jsxs(l.Fragment,{children:[l.jsx(d.default,{ref:o,position:"absolute",top:0,left:0,...u,children:void 0}),e&&v.createPortal(l.jsx(d.default,{position:"absolute",top:0,left:0,transition:"none",style:{transform:`translate(${e.left}px,${e.top}px)`},children:f}),w)]})}exports.default=x;

package/components/tooltip.mjs

@@ -1,10 +1,10 @@
 import { jsxs as x, Fragment as b, jsx as a } from "react/jsx-runtime";
 import { createPortal as E } from "react-dom";
-import f from "../box.es.js";
+import f from "../box.mjs";
 import { useRef as L, useState as z, useCallback as c, useLayoutEffect as g } from "react";
-import { u as C } from "../utils/utils.es.js";
-import "../box.module.css.es.js";
-import "../theme.es.js";
+import { u as C } from "../utils/utils.mjs";
+import "../box.module.css.mjs";
+import "../theme.mjs";
 function P(i) {
   const { children: p, onPositionChange: s } = i, n = L(null), [t, d] = z(), m = C(), w = c(
     (e, r) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.4.3",
+  "version": "1.4.5",
   "main": "./box.cjs",
   "module": "./box.mjs",
   "types": "./box.d.ts",

package/plugins.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(r){const _=Object.entries(r.colors).map(([o,e])=>`--color${o}: ${e};`).join(`
-`),n=Object.entries(r.shadows).map(([o,e])=>`--shadow${o}: ${e};`).join(`
-`),i=Object.entries(r.backgrounds).map(([o,e])=>`--background${o}: ${e};`).join(`
-`),s=`:root {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function p(r){const l=Object.entries(r.colors).map(([o,e])=>`--color${o}: ${e};`).join(`
+`),_=Object.entries(r.shadows).map(([o,e])=>`--shadow${o}: ${e};`).join(`
+`),t=Object.entries(r.backgrounds).map(([o,e])=>`--background${o}: ${e};`).join(`
+`),c=`:root {
+  ${l}
   ${_}
-  ${n}
-  ${i}
-}`,$=Object.keys(r.colors).map(o=>`
+  ${t}
+}`,n=Object.keys(r.colors).map(o=>`
 .color_${o},
 .color_h_${o}:hover,
 ._h:hover>.color_h_${o} {
@@ -124,7 +124,7 @@
   line {
     stroke: var(--color${o});
   }
-}`),h=Object.keys(r.shadows).map(o=>`
+}`),i=Object.keys(r.shadows).map(o=>`
 .shadow_${o},
 .shadow_h_${o}:hover,
 ._h:hover>.shadow_h_${o} {
@@ -138,7 +138,7 @@
 
 .shadow_a_${o}:active {
   box-shadow: var(--shadow${o});
-}`),b=Object.keys(r.backgrounds).map(o=>`
+}`),$=Object.keys(r.backgrounds).map(o=>`
 .bg_${o},
 .bg_h_${o}:hover,
 ._h:hover>.bg_h_${o} {
@@ -152,12 +152,12 @@
 
 .bg_a_${o}:active {
   background: var(--background${o});
-}`),l=Object.keys(r.colors).map(o=>`'${o}'`).join(" | "),t=Object.keys(r.backgrounds).map(o=>`'${o}'`).join(" | "),c=Object.keys(r.shadows).map(o=>`'${o}'`).join(" | "),p=`import '@cronocode/react-box';
+}`),h=Object.keys(r.colors).map(o=>`'${o}'`).join(" | "),s=Object.keys(r.backgrounds).map(o=>`'${o}'`).join(" | "),b=Object.keys(r.shadows).map(o=>`'${o}'`).join(" | "),d=`import {ColorType} from '@cronocode/react-box';
 
 declare module '@cronocode/react-box' {
-  type ColorType = ${l};
-  type BackgroundType = ${t};
-  type ShadowType = ${c};
+  type ColorType = ${h};
+  type BackgroundType = ${s};
+  type ShadowType = ${b};
 
   namespace Augmented {
     interface Props {
@@ -196,13 +196,8 @@ declare module '@cronocode/react-box' {
     }
   }
 }
-`,d=`import '@cronocode/react-box/components/baseSvg';
 
 declare module '@cronocode/react-box/components/baseSvg' {
-  type ColorType = ${l};
-  type BackgroundType = ${t};
-  type ShadowType = ${c};
-
   namespace Augmented {
     interface Props {
       fill?: ColorType;
@@ -216,5 +211,5 @@ declare module '@cronocode/react-box/components/baseSvg' {
     }
   }
 }
-`;return{themeCss:[s,...$,...h,...b].join(`
-`),boxDts:p,baseSvgDts:d}}exports.boxTheme=u;
+`;return{themeCss:[c,...n,...i,...$].join(`
+`),boxDts:d}}exports.boxTheme=p;

package/plugins.d.ts

@@ -6,7 +6,6 @@ interface BoxThemeOptions {
 interface BoxThemeResources {
     themeCss: string;
     boxDts: string;
-    baseSvgDts: string;
 }
 export declare function boxTheme(options: BoxThemeOptions): BoxThemeResources;
 export {};

package/plugins.mjs

@@ -1,12 +1,12 @@
-function C(r) {
-  const c = Object.entries(r.colors).map(([o, e]) => `--color${o}: ${e};`).join(`
-`), n = Object.entries(r.shadows).map(([o, e]) => `--shadow${o}: ${e};`).join(`
-`), i = Object.entries(r.backgrounds).map(([o, e]) => `--background${o}: ${e};`).join(`
-`), $ = `:root {
-  ${c}
-  ${n}
-  ${i}
-}`, s = Object.keys(r.colors).map((o) => `
+function p(r) {
+  const l = Object.entries(r.colors).map(([o, e]) => `--color${o}: ${e};`).join(`
+`), _ = Object.entries(r.shadows).map(([o, e]) => `--shadow${o}: ${e};`).join(`
+`), t = Object.entries(r.backgrounds).map(([o, e]) => `--background${o}: ${e};`).join(`
+`), c = `:root {
+  ${l}
+  ${_}
+  ${t}
+}`, n = Object.keys(r.colors).map((o) => `
 .color_${o},
 .color_h_${o}:hover,
 ._h:hover>.color_h_${o} {
@@ -125,7 +125,7 @@ function C(r) {
   line {
     stroke: var(--color${o});
   }
-}`), h = Object.keys(r.shadows).map((o) => `
+}`), i = Object.keys(r.shadows).map((o) => `
 .shadow_${o},
 .shadow_h_${o}:hover,
 ._h:hover>.shadow_h_${o} {
@@ -139,7 +139,7 @@ function C(r) {
 
 .shadow_a_${o}:active {
   box-shadow: var(--shadow${o});
-}`), b = Object.keys(r.backgrounds).map((o) => `
+}`), $ = Object.keys(r.backgrounds).map((o) => `
 .bg_${o},
 .bg_h_${o}:hover,
 ._h:hover>.bg_h_${o} {
@@ -153,12 +153,12 @@ function C(r) {
 
 .bg_a_${o}:active {
   background: var(--background${o});
-}`), l = Object.keys(r.colors).map((o) => `'${o}'`).join(" | "), t = Object.keys(r.backgrounds).map((o) => `'${o}'`).join(" | "), _ = Object.keys(r.shadows).map((o) => `'${o}'`).join(" | "), p = `import '@cronocode/react-box';
+}`), h = Object.keys(r.colors).map((o) => `'${o}'`).join(" | "), s = Object.keys(r.backgrounds).map((o) => `'${o}'`).join(" | "), b = Object.keys(r.shadows).map((o) => `'${o}'`).join(" | "), d = `import {ColorType} from '@cronocode/react-box';
 
 declare module '@cronocode/react-box' {
-  type ColorType = ${l};
-  type BackgroundType = ${t};
-  type ShadowType = ${_};
+  type ColorType = ${h};
+  type BackgroundType = ${s};
+  type ShadowType = ${b};
 
   namespace Augmented {
     interface Props {
@@ -197,13 +197,8 @@ declare module '@cronocode/react-box' {
     }
   }
 }
-`, d = `import '@cronocode/react-box/components/baseSvg';
 
 declare module '@cronocode/react-box/components/baseSvg' {
-  type ColorType = ${l};
-  type BackgroundType = ${t};
-  type ShadowType = ${_};
-
   namespace Augmented {
     interface Props {
       fill?: ColorType;
@@ -219,12 +214,11 @@ declare module '@cronocode/react-box/components/baseSvg' {
 }
 `;
   return {
-    themeCss: [$, ...s, ...h, ...b].join(`
+    themeCss: [c, ...n, ...i, ...$].join(`
 `),
-    boxDts: p,
-    baseSvgDts: d
+    boxDts: d
   };
 }
 export {
-  C as boxTheme
+  p as boxTheme
 };