@versini/ui-system 1.8.0 → 2.0.0

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 (7) hide show
  1. package/dist/components/Flexgrid/Flexgrid.js +27 -30
  2. package/dist/components/ThemeProvider/ThemeProvider.js +18 -20
  3. package/dist/index.d.ts +4 -5
  4. package/dist/index.js +3 -3
  5. package/dist/style.css +1 -1
  6. package/package.json +3 -4
  7. package/dist/chunks/index.cTU2YN8s.js +0 -26
package/dist/components/Flexgrid/Flexgrid.js CHANGED
@@ -1,43 +1,40 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import C from "clsx";
3
- import { r as F } from "../../chunks/index.cTU2YN8s.js";
4
- import R from "react";
5
- import { FLEXGRID_CLASSNAME as v, FLEXGRID_GAP_RATIO as m } from "../../chunks/constants.Gcd2KXZh.js";
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import p from "clsx";
3
+ import { FLEXGRID_CLASSNAME as u, FLEXGRID_GAP_RATIO as e } from "../../chunks/constants.Gcd2KXZh.js";
6
4
  import { FlexgridContext as A } from "../../chunks/FlexgridContext.W67Qim_P.js";
7
- const b = ({
5
+ const R = ({
8
6
  children: i,
9
- className: n,
10
- columnGap: t = 1,
11
- rowGap: e = 0,
12
- height: l = "auto",
13
- width: s = "auto",
14
- direction: a = "row",
15
- alignHorizontal: f = "normal",
7
+ className: m,
8
+ columnGap: r = 1,
9
+ rowGap: o = 0,
10
+ height: s = "auto",
11
+ width: l = "auto",
12
+ direction: n = "row",
13
+ alignHorizontal: a = "normal",
16
14
  alignVertical: x = "normal",
17
- spacing: r,
18
- ...c
15
+ ...f
19
16
  }) => {
20
- const d = {
21
- flexDirection: a,
22
- justifyContent: f,
17
+ const c = {
18
+ flexDirection: n,
19
+ justifyContent: a,
23
20
  alignItems: x,
24
- height: l,
25
- width: s,
21
+ height: s,
22
+ width: l,
26
23
  /**
27
24
  * Trick to account for the extra space taken
28
25
  * by the columnGap and rowGap that will be applied
29
26
  * to all FlexgridItems (see context and paddings).
30
27
  */
31
- marginLeft: t * -1 * m + "rem",
32
- marginTop: e * -1 * m + "rem"
33
- }, p = C(
34
- v,
35
- n,
36
- "box-border flex flex-wrap"
37
- ), g = { columnGap: t, rowGap: e }, u = r ? "div" : R.Fragment;
38
- return /* @__PURE__ */ o(u, { ...r ? { className: F(r) } : {}, children: /* @__PURE__ */ o("div", { className: p, style: d, ...c, children: /* @__PURE__ */ o(A.Provider, { value: g, children: i }) }) });
28
+ marginLeft: r * -1 * e + "rem",
29
+ marginTop: o * -1 * e + "rem"
30
+ }, d = p(
31
+ u,
32
+ "box-border flex flex-wrap",
33
+ m
34
+ ), g = { columnGap: r, rowGap: o };
35
+ return /* @__PURE__ */ t("div", { className: d, style: c, ...f, children: /* @__PURE__ */ t(A.Provider, { value: g, children: i }) });
39
36
  };
40
37
  export {
41
- b as Flexgrid,
42
- b as default
38
+ R as Flexgrid,
39
+ R as default
43
40
  };
package/dist/components/ThemeProvider/ThemeProvider.js CHANGED
@@ -1,24 +1,22 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import a from "clsx";
3
- import d, { useRef as v, useEffect as y } from "react";
4
- import { r as l } from "../../chunks/index.cTU2YN8s.js";
5
- import { THEMEPROVIDER_CLASSNAME as N } from "../../chunks/constants.Gcd2KXZh.js";
6
- const A = ({
7
- customTheme: t,
8
- children: n,
9
- global: o,
10
- className: i,
11
- spacing: r
1
+ import { jsx as f, Fragment as u } from "react/jsx-runtime";
2
+ import E from "clsx";
3
+ import { useRef as a, useEffect as l } from "react";
4
+ import { THEMEPROVIDER_CLASSNAME as y } from "../../chunks/constants.Gcd2KXZh.js";
5
+ const j = ({
6
+ customTheme: r,
7
+ children: o,
8
+ global: e,
9
+ className: c
12
10
  }) => {
13
- const e = v(null), p = a(N, "contents", i), m = r ? "div" : d.Fragment;
14
- return y(() => {
15
- var c;
16
- const f = o ? document.documentElement.style : (c = e == null ? void 0 : e.current) == null ? void 0 : c.style;
17
- if (!(!f || !t))
18
- for (const [u, E] of Object.entries(t))
19
- f.setProperty(u, E);
20
- }, [t, o]), t || !o ? /* @__PURE__ */ s(m, { ...r ? { className: l(r) } : {}, children: /* @__PURE__ */ s("div", { ref: e, className: p, children: n }) }) : /* @__PURE__ */ s(m, { ...r ? { className: l(r) } : {}, children: n });
11
+ const t = a(null), m = E(y, "contents", c);
12
+ return l(() => {
13
+ var s;
14
+ const n = e ? document.documentElement.style : (s = t == null ? void 0 : t.current) == null ? void 0 : s.style;
15
+ if (!(!n || !r))
16
+ for (const [p, i] of Object.entries(r))
17
+ n.setProperty(p, i);
18
+ }, [r, e]), r || !e ? /* @__PURE__ */ f("div", { ref: t, className: m, children: o }) : /* @__PURE__ */ f(u, { children: o });
21
19
  };
22
20
  export {
23
- A as ThemeProvider
21
+ j as ThemeProvider
24
22
  };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { SpacingTypes } from '@versini/ui-types';
3
2
 
4
3
  type FlexgridProps = {
5
4
  /**
@@ -73,7 +72,7 @@ type FlexgridProps = {
73
72
  * It follows the [CSS width property](https://developer.mozilla.org/en-US/docs/Web/CSS/width).
74
73
  */
75
74
  width?: string;
76
- } & SpacingTypes.Props;
75
+ };
77
76
 
78
77
  type FlexgridItemProps = {
79
78
  /** Children of the FlexgridItem. */
@@ -95,7 +94,7 @@ type FlexgridItemProps = {
95
94
  };
96
95
  };
97
96
 
98
- declare const Flexgrid: ({ children, className, columnGap, rowGap, height, width, direction, alignHorizontal, alignVertical, spacing, ...otherProps }: FlexgridProps) => react_jsx_runtime.JSX.Element;
97
+ declare const Flexgrid: ({ children, className, columnGap, rowGap, height, width, direction, alignHorizontal, alignVertical, ...otherProps }: FlexgridProps) => react_jsx_runtime.JSX.Element;
99
98
 
100
99
  /**
101
100
  * FlexgridItem is a child of Flexgrid. It is used to define the width of a
@@ -130,8 +129,8 @@ type ThemeProviderProps = {
130
129
  * @default false
131
130
  */
132
131
  global?: boolean;
133
- } & SpacingTypes.Props;
132
+ };
134
133
 
135
- declare const ThemeProvider: ({ customTheme, children, global, className, spacing, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
134
+ declare const ThemeProvider: ({ customTheme, children, global, className, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
136
135
 
137
136
  export { Flexgrid, FlexgridItem, ThemeProvider };
package/dist/index.js CHANGED
@@ -2,13 +2,13 @@ import { Flexgrid as i } from "./components/Flexgrid/Flexgrid.js";
2
2
  import { FlexgridItem as t } from "./components/Flexgrid/FlexgridItem.js";
3
3
  import { ThemeProvider as I } from "./components/ThemeProvider/ThemeProvider.js";
4
4
  /*!
5
- @versini/ui-system v1.8.0
5
+ @versini/ui-system v2.0.0
6
6
  © 2024 gizmette.com
7
7
  */
8
8
  try {
9
9
  window.__VERSINI_UI_SYSTEM__ || (window.__VERSINI_UI_SYSTEM__ = {
10
- version: "1.8.0",
11
- buildTime: "12/26/2024 06:05 PM EST",
10
+ version: "2.0.0",
11
+ buildTime: "12/29/2024 04:16 PM EST",
12
12
  homepage: "https://github.com/aversini/ui-components",
13
13
  license: "MIT"
14
14
  });
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}@keyframes blink{50%{fill:transparent}}.m-0{margin:0}.m-1{margin:.25rem}.m-10{margin:2.5rem}.m-11{margin:2.75rem}.m-12{margin:3rem}.m-14{margin:3.5rem}.m-16{margin:4rem}.m-2{margin:.5rem}.m-20{margin:5rem}.m-24{margin:6rem}.m-28{margin:7rem}.m-3{margin:.75rem}.m-32{margin:8rem}.m-36{margin:9rem}.m-4{margin:1rem}.m-44{margin:11rem}.m-48{margin:12rem}.m-5{margin:1.25rem}.m-52{margin:13rem}.m-56{margin:14rem}.m-6{margin:1.5rem}.m-60{margin:15rem}.m-64{margin:16rem}.m-7{margin:1.75rem}.m-72{margin:18rem}.m-8{margin:2rem}.m-80{margin:20rem}.m-9{margin:2.25rem}.m-96{margin:24rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-28{margin-bottom:7rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-36{margin-bottom:9rem}.mb-4{margin-bottom:1rem}.mb-44{margin-bottom:11rem}.mb-48{margin-bottom:12rem}.mb-5{margin-bottom:1.25rem}.mb-52{margin-bottom:13rem}.mb-56{margin-bottom:14rem}.mb-6{margin-bottom:1.5rem}.mb-60{margin-bottom:15rem}.mb-64{margin-bottom:16rem}.mb-7{margin-bottom:1.75rem}.mb-72{margin-bottom:18rem}.mb-8{margin-bottom:2rem}.mb-80{margin-bottom:20rem}.mb-9{margin-bottom:2.25rem}.mb-96{margin-bottom:24rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-11{margin-left:2.75rem}.ml-12{margin-left:3rem}.ml-14{margin-left:3.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-20{margin-left:5rem}.ml-24{margin-left:6rem}.ml-28{margin-left:7rem}.ml-3{margin-left:.75rem}.ml-32{margin-left:8rem}.ml-36{margin-left:9rem}.ml-4{margin-left:1rem}.ml-44{margin-left:11rem}.ml-48{margin-left:12rem}.ml-5{margin-left:1.25rem}.ml-52{margin-left:13rem}.ml-56{margin-left:14rem}.ml-6{margin-left:1.5rem}.ml-60{margin-left:15rem}.ml-64{margin-left:16rem}.ml-7{margin-left:1.75rem}.ml-72{margin-left:18rem}.ml-8{margin-left:2rem}.ml-80{margin-left:20rem}.ml-9{margin-left:2.25rem}.ml-96{margin-left:24rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-11{margin-right:2.75rem}.mr-12{margin-right:3rem}.mr-14{margin-right:3.5rem}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mr-20{margin-right:5rem}.mr-24{margin-right:6rem}.mr-28{margin-right:7rem}.mr-3{margin-right:.75rem}.mr-32{margin-right:8rem}.mr-36{margin-right:9rem}.mr-4{margin-right:1rem}.mr-44{margin-right:11rem}.mr-48{margin-right:12rem}.mr-5{margin-right:1.25rem}.mr-52{margin-right:13rem}.mr-56{margin-right:14rem}.mr-6{margin-right:1.5rem}.mr-60{margin-right:15rem}.mr-64{margin-right:16rem}.mr-7{margin-right:1.75rem}.mr-72{margin-right:18rem}.mr-8{margin-right:2rem}.mr-80{margin-right:20rem}.mr-9{margin-right:2.25rem}.mr-96{margin-right:24rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-28{margin-top:7rem}.mt-3{margin-top:.75rem}.mt-32{margin-top:8rem}.mt-36{margin-top:9rem}.mt-4{margin-top:1rem}.mt-44{margin-top:11rem}.mt-48{margin-top:12rem}.mt-5{margin-top:1.25rem}.mt-52{margin-top:13rem}.mt-56{margin-top:14rem}.mt-6{margin-top:1.5rem}.mt-60{margin-top:15rem}.mt-64{margin-top:16rem}.mt-7{margin-top:1.75rem}.mt-72{margin-top:18rem}.mt-8{margin-top:2rem}.mt-80{margin-top:20rem}.mt-9{margin-top:2.25rem}.mt-96{margin-top:24rem}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.contents{display:contents}.max-w-full{max-width:100%}.grow{flex-grow:1}.basis-1\/12{flex-basis:8.333333%}.basis-10\/12{flex-basis:83.333333%}.basis-11\/12{flex-basis:91.666667%}.basis-2\/12{flex-basis:16.666667%}.basis-3\/12{flex-basis:25%}.basis-4\/12{flex-basis:33.333333%}.basis-5\/12{flex-basis:41.666667%}.basis-6\/12{flex-basis:50%}.basis-7\/12{flex-basis:58.333333%}.basis-8\/12{flex-basis:66.666667%}.basis-9\/12{flex-basis:75%}.basis-auto{flex-basis:auto}.basis-full{flex-basis:100%}.flex-wrap{flex-wrap:wrap}@media (min-width: 640px){.sm\:basis-1\/12{flex-basis:8.333333%}.sm\:basis-10\/12{flex-basis:83.333333%}.sm\:basis-11\/12{flex-basis:91.666667%}.sm\:basis-2\/12{flex-basis:16.666667%}.sm\:basis-3\/12{flex-basis:25%}.sm\:basis-4\/12{flex-basis:33.333333%}.sm\:basis-5\/12{flex-basis:41.666667%}.sm\:basis-6\/12{flex-basis:50%}.sm\:basis-7\/12{flex-basis:58.333333%}.sm\:basis-8\/12{flex-basis:66.666667%}.sm\:basis-9\/12{flex-basis:75%}.sm\:basis-full{flex-basis:100%}}@media (min-width: 768px){.md\:basis-1\/12{flex-basis:8.333333%}.md\:basis-10\/12{flex-basis:83.333333%}.md\:basis-11\/12{flex-basis:91.666667%}.md\:basis-2\/12{flex-basis:16.666667%}.md\:basis-3\/12{flex-basis:25%}.md\:basis-4\/12{flex-basis:33.333333%}.md\:basis-5\/12{flex-basis:41.666667%}.md\:basis-6\/12{flex-basis:50%}.md\:basis-7\/12{flex-basis:58.333333%}.md\:basis-8\/12{flex-basis:66.666667%}.md\:basis-9\/12{flex-basis:75%}.md\:basis-full{flex-basis:100%}}@media (min-width: 1024px){.lg\:basis-1\/12{flex-basis:8.333333%}.lg\:basis-10\/12{flex-basis:83.333333%}.lg\:basis-11\/12{flex-basis:91.666667%}.lg\:basis-2\/12{flex-basis:16.666667%}.lg\:basis-3\/12{flex-basis:25%}.lg\:basis-4\/12{flex-basis:33.333333%}.lg\:basis-5\/12{flex-basis:41.666667%}.lg\:basis-6\/12{flex-basis:50%}.lg\:basis-7\/12{flex-basis:58.333333%}.lg\:basis-8\/12{flex-basis:66.666667%}.lg\:basis-9\/12{flex-basis:75%}.lg\:basis-full{flex-basis:100%}}@media (min-width: 1280px){.xl\:basis-1\/12{flex-basis:8.333333%}.xl\:basis-10\/12{flex-basis:83.333333%}.xl\:basis-11\/12{flex-basis:91.666667%}.xl\:basis-2\/12{flex-basis:16.666667%}.xl\:basis-3\/12{flex-basis:25%}.xl\:basis-4\/12{flex-basis:33.333333%}.xl\:basis-5\/12{flex-basis:41.666667%}.xl\:basis-6\/12{flex-basis:50%}.xl\:basis-7\/12{flex-basis:58.333333%}.xl\:basis-8\/12{flex-basis:66.666667%}.xl\:basis-9\/12{flex-basis:75%}.xl\:basis-full{flex-basis:100%}}@media (min-width: 1536px){.\32xl\:basis-1\/12{flex-basis:8.333333%}.\32xl\:basis-10\/12{flex-basis:83.333333%}.\32xl\:basis-11\/12{flex-basis:91.666667%}.\32xl\:basis-2\/12{flex-basis:16.666667%}.\32xl\:basis-3\/12{flex-basis:25%}.\32xl\:basis-4\/12{flex-basis:33.333333%}.\32xl\:basis-5\/12{flex-basis:41.666667%}.\32xl\:basis-6\/12{flex-basis:50%}.\32xl\:basis-7\/12{flex-basis:58.333333%}.\32xl\:basis-8\/12{flex-basis:66.666667%}.\32xl\:basis-9\/12{flex-basis:75%}.\32xl\:basis-full{flex-basis:100%}}
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}@keyframes blink{50%{fill:transparent}}.mr-2{margin-right:.5rem}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.contents{display:contents}.max-w-full{max-width:100%}.grow{flex-grow:1}.basis-1\/12{flex-basis:8.333333%}.basis-10\/12{flex-basis:83.333333%}.basis-11\/12{flex-basis:91.666667%}.basis-2\/12{flex-basis:16.666667%}.basis-3\/12{flex-basis:25%}.basis-4\/12{flex-basis:33.333333%}.basis-5\/12{flex-basis:41.666667%}.basis-6\/12{flex-basis:50%}.basis-7\/12{flex-basis:58.333333%}.basis-8\/12{flex-basis:66.666667%}.basis-9\/12{flex-basis:75%}.basis-auto{flex-basis:auto}.basis-full{flex-basis:100%}.flex-wrap{flex-wrap:wrap}@media (min-width: 640px){.sm\:basis-1\/12{flex-basis:8.333333%}.sm\:basis-10\/12{flex-basis:83.333333%}.sm\:basis-11\/12{flex-basis:91.666667%}.sm\:basis-2\/12{flex-basis:16.666667%}.sm\:basis-3\/12{flex-basis:25%}.sm\:basis-4\/12{flex-basis:33.333333%}.sm\:basis-5\/12{flex-basis:41.666667%}.sm\:basis-6\/12{flex-basis:50%}.sm\:basis-7\/12{flex-basis:58.333333%}.sm\:basis-8\/12{flex-basis:66.666667%}.sm\:basis-9\/12{flex-basis:75%}.sm\:basis-full{flex-basis:100%}}@media (min-width: 768px){.md\:basis-1\/12{flex-basis:8.333333%}.md\:basis-10\/12{flex-basis:83.333333%}.md\:basis-11\/12{flex-basis:91.666667%}.md\:basis-2\/12{flex-basis:16.666667%}.md\:basis-3\/12{flex-basis:25%}.md\:basis-4\/12{flex-basis:33.333333%}.md\:basis-5\/12{flex-basis:41.666667%}.md\:basis-6\/12{flex-basis:50%}.md\:basis-7\/12{flex-basis:58.333333%}.md\:basis-8\/12{flex-basis:66.666667%}.md\:basis-9\/12{flex-basis:75%}.md\:basis-full{flex-basis:100%}}@media (min-width: 1024px){.lg\:basis-1\/12{flex-basis:8.333333%}.lg\:basis-10\/12{flex-basis:83.333333%}.lg\:basis-11\/12{flex-basis:91.666667%}.lg\:basis-2\/12{flex-basis:16.666667%}.lg\:basis-3\/12{flex-basis:25%}.lg\:basis-4\/12{flex-basis:33.333333%}.lg\:basis-5\/12{flex-basis:41.666667%}.lg\:basis-6\/12{flex-basis:50%}.lg\:basis-7\/12{flex-basis:58.333333%}.lg\:basis-8\/12{flex-basis:66.666667%}.lg\:basis-9\/12{flex-basis:75%}.lg\:basis-full{flex-basis:100%}}@media (min-width: 1280px){.xl\:basis-1\/12{flex-basis:8.333333%}.xl\:basis-10\/12{flex-basis:83.333333%}.xl\:basis-11\/12{flex-basis:91.666667%}.xl\:basis-2\/12{flex-basis:16.666667%}.xl\:basis-3\/12{flex-basis:25%}.xl\:basis-4\/12{flex-basis:33.333333%}.xl\:basis-5\/12{flex-basis:41.666667%}.xl\:basis-6\/12{flex-basis:50%}.xl\:basis-7\/12{flex-basis:58.333333%}.xl\:basis-8\/12{flex-basis:66.666667%}.xl\:basis-9\/12{flex-basis:75%}.xl\:basis-full{flex-basis:100%}}@media (min-width: 1536px){.\32xl\:basis-1\/12{flex-basis:8.333333%}.\32xl\:basis-10\/12{flex-basis:83.333333%}.\32xl\:basis-11\/12{flex-basis:91.666667%}.\32xl\:basis-2\/12{flex-basis:16.666667%}.\32xl\:basis-3\/12{flex-basis:25%}.\32xl\:basis-4\/12{flex-basis:33.333333%}.\32xl\:basis-5\/12{flex-basis:41.666667%}.\32xl\:basis-6\/12{flex-basis:50%}.\32xl\:basis-7\/12{flex-basis:58.333333%}.\32xl\:basis-8\/12{flex-basis:66.666667%}.\32xl\:basis-9\/12{flex-basis:75%}.\32xl\:basis-full{flex-basis:100%}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-system",
3
- "version": "1.8.0",
3
+ "version": "2.0.0",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -38,13 +38,12 @@
38
38
  "react-dom": "^18.3.1 || ^19.0.0"
39
39
  },
40
40
  "dependencies": {
41
- "@versini/ui-spacing": "1.1.0",
42
- "@versini/ui-types": "1.0.0",
41
+ "@versini/ui-types": "2.0.0",
43
42
  "clsx": "2.1.1",
44
43
  "tailwindcss": "3.4.17"
45
44
  },
46
45
  "sideEffects": [
47
46
  "**/*.css"
48
47
  ],
49
- "gitHead": "abbb7b1770a9130157721d514fe20267fd15f35e"
48
+ "gitHead": "1ac4ef9fd8d68f6e247711f623af2f6bec72df23"
50
49
  }
package/dist/chunks/index.cTU2YN8s.js DELETED
@@ -1,26 +0,0 @@
1
- /*!
2
- @versini/ui-spacing v1.1.0
3
- © 2024 gizmette.com
4
- */
5
- try {
6
- window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
7
- version: "1.1.0",
8
- buildTime: "12/26/2024 06:05 PM EST",
9
- homepage: "https://github.com/aversini/ui-components",
10
- license: "MIT"
11
- });
12
- } catch {
13
- }
14
- const n = (o) => {
15
- let t = "";
16
- if (typeof o == "number" || typeof o == "string")
17
- t = "m-" + o;
18
- else {
19
- const i = [];
20
- (o == null ? void 0 : o.t) !== void 0 && i.push(`mt-${o.t}`), (o == null ? void 0 : o.r) !== void 0 && i.push(`mr-${o.r}`), (o == null ? void 0 : o.b) !== void 0 && i.push(`mb-${o.b}`), (o == null ? void 0 : o.l) !== void 0 && i.push(`ml-${o.l}`), t = i.join(" ");
21
- }
22
- return t;
23
- };
24
- export {
25
- n as r
26
- };