@nation-a/ui 0.18.0 → 0.18.2
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.
- package/dist/index-B5IKaL0m.cjs +2 -0
- package/dist/index-B5IKaL0m.cjs.map +1 -0
- package/dist/index-DqIJ_a5v.cjs +2 -0
- package/dist/{index-CW6PaxOI.cjs.map → index-DqIJ_a5v.cjs.map} +1 -1
- package/dist/{index-DEbT8Bqu.js → index-ETT604QL.js} +14 -14
- package/dist/{index-DEbT8Bqu.js.map → index-ETT604QL.js.map} +1 -1
- package/dist/index-FC3cETza.js +26 -0
- package/dist/index-FC3cETza.js.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.js +2 -1
- package/dist/lottie.cjs +1 -1
- package/dist/lottie.js +1 -1
- package/dist/react-lottie-BoWlnUa4.js +9490 -0
- package/dist/react-lottie-BoWlnUa4.js.map +1 -0
- package/dist/react-lottie-D3xAW5ky.cjs +29 -0
- package/dist/react-lottie-D3xAW5ky.cjs.map +1 -0
- package/dist/stats.html +1 -1
- package/dist/types/components/index.d.ts +1 -0
- package/package.json +4 -7
- package/dist/index-CW6PaxOI.cjs +0 -2
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const s=require("./react-lottie-D3xAW5ky.cjs");function a(r,i){for(var o=0;o<i.length;o++){const e=i[o];if(typeof e!="string"&&!Array.isArray(e)){for(const t in e)if(t!=="default"&&!(t in r)){const n=Object.getOwnPropertyDescriptor(e,t);n&&Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}}return Object.freeze(Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}))}var c=s.requireDist();const f=s.getDefaultExportFromCjs(c),u=a({__proto__:null,default:f},[c]);exports.index=u;
|
|
2
|
+
//# sourceMappingURL=index-B5IKaL0m.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-B5IKaL0m.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),n=require("react"),t=require("./index-BnkuQ4Ze.cjs"),d=t.cva({base:{"& path":{stroke:"currentColor"}},defaultVariants:{size:"md"},variants:{size:{sm:{width:4,height:4},md:{width:6,height:6},lg:{width:12,height:12},xl:{width:24,height:24}}}}),p="newScene",k=0,u=600,x=600,y={g:"@lottiefiles/toolkit-js 0.33.2"},f=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:900.000036657751,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[0,0,0]},s:{a:0,k:[244,244,100]},sk:{a:0,k:0},p:{a:0,k:[300,300,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}},ef:[],shapes:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0]},s:{a:0,k:[180,180]}},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.561,y:.016},i:{x:.439,y:1.017},s:[100],t:0},{s:[0],t:30.0000012219251}],ix:2},o:{a:0,k:0,ix:3},s:{a:1,k:[{o:{x:.561,y:.015},i:{x:.439,y:1.016},s:[100],t:5},{s:[0],t:33.0000013441176}],ix:1},m:1},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:0,k:25},c:{a:0,k:[1,1,1]}}],ind:1}],S="4.5.3",w=29.9700012207031,g=33.0000013441175,b=1.00000004073083,E=[],j={nm:p,ddd:k,h:u,w:x,meta:y,layers:f,v:S,fr:w,op:g,ip:b,assets:E},a=({className:o,size:r,color:c,ref:l,...h})=>{const[s,m]=n.useState(null);return n.useEffect(()=>{Promise.resolve().then(()=>require("./index-B5IKaL0m.cjs")).then(e=>e.index).then(e=>{m(()=>e.default)})},[]),i.jsx(t.Box,{ref:l,id:"spinner",...h,className:t.cx(d({size:r}),t.css({color:c}),o),children:s&&i.jsx(s,{options:{loop:!0,autoplay:!0,animationData:j},style:{width:"100%",height:"100%"},isClickToPauseDisabled:!0})})};a.displayName="Spinner";exports.Spinner=a;
|
|
2
|
+
//# sourceMappingURL=index-DqIJ_a5v.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-DqIJ_a5v.cjs","sources":["../src/components/Spinner/spinner.recipe.ts","../src/components/Spinner/index.tsx"],"sourcesContent":["import { RecipeVariantProps, cva } from '@styled-system/css'\n\nexport type SpinnerVariantProps = RecipeVariantProps<typeof spinnerRecipe>\n\nexport const spinnerRecipe = cva({\n base: {\n '& path': {\n stroke: 'currentColor',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n variants: {\n size: {\n sm: { width: 4, height: 4 },\n md: { width: 6, height: 6 },\n lg: { width: 12, height: 12 },\n xl: { width: 24, height: 24 },\n },\n },\n})\n","import { useState, useEffect } from 'react'\nimport { spinnerRecipe, SpinnerVariantProps } from './spinner.recipe'\nimport { HTMLStyledProps } from '@styled-system/jsx'\nimport SpinnerLottie from '@/assets/lotties/spinner.json'\nimport { Box } from '../Layout'\nimport { css, cx } from '@styled-system/css'\nimport { UtilityValues } from '@styled-system/types/prop-type'\n\nexport type SpinnerProps = HTMLStyledProps<'div'> &\n SpinnerVariantProps & {\n color?: UtilityValues['color']\n }\n\nconst Spinner = ({ className, size, color, ref, ...props }: SpinnerProps) => {\n const [LottieComponent, setLottieComponent] = useState<null | React.ComponentType<any>>(null)\n\n useEffect(() => {\n import('react-lottie').then((mod) => {\n setLottieComponent(() => mod.default)\n })\n }, [])\n\n return (\n <Box ref={ref} id={'spinner'} {...props} className={cx(spinnerRecipe({ size }), css({ color }), className)}>\n {LottieComponent && (\n <LottieComponent\n options={{\n loop: true,\n autoplay: true,\n animationData: SpinnerLottie,\n }}\n style={{\n width: '100%',\n height: '100%',\n }}\n isClickToPauseDisabled\n />\n )}\n </Box>\n )\n}\n\nSpinner.displayName = 'Spinner'\nexport default Spinner\n"],"names":["spinnerRecipe","cva","base","stroke","defaultVariants","size","variants","sm","width","height","md","lg","xl","Spinner","className","color","ref","props","LottieComponent","setLottieComponent","useState","useEffect","n","then","mod","default","jsx","Box","cx","css","loop","autoplay","animationData","SpinnerLottie","displayName"],"mappings":"uGAIaA,EAAgBC,EAAAA,IAAI,CAC/BC,KAAM,CACJ,SAAU,CACRC,OAAQ,cAAA,CACV,EAEFC,gBAAiB,CACfC,KAAM,IAAA,EAERC,SAAU,CACRD,KAAM,CACJE,GAAI,CAAEC,MAAO,EAAGC,OAAQ,CAAA,EACxBC,GAAI,CAAEF,MAAO,EAAGC,OAAQ,CAAA,EACxBE,GAAI,CAAEH,MAAO,GAAIC,OAAQ,EAAA,EACzBG,GAAI,CAAEJ,MAAO,GAAIC,OAAQ,EAAA,CAAG,CAC9B,CAEJ,CAAC,k9BCRKI,EAAUA,CAAC,CAAEC,UAAAA,EAAWT,KAAAA,EAAMU,MAAAA,EAAOC,IAAAA,EAAK,GAAGC,CAAoB,IAAM,CAC3E,KAAM,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAA0C,IAAI,EAE5FC,OAAAA,EAAAA,UAAU,IAAM,CACd,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,sBAAc,CAAA,EAAA,KAAAC,GAAAA,EAAA,KAAA,EAAEC,KAAMC,GAAQ,CACnCL,EAAmB,IAAMK,EAAIC,OAAO,CACtC,CAAC,CACH,EAAG,CAAA,CAAE,EAGHC,MAACC,EAAAA,KAAI,IAAAX,EAAU,GAAI,UAAW,GAAIC,EAAO,UAAWW,EAAAA,GAAG5B,EAAc,CAAEK,KAAAA,CAAAA,CAAM,EAAGwB,EAAAA,IAAI,CAAEd,MAAAA,CAAAA,CAAO,EAAGD,CAAS,EACtGI,SAAAA,GACCQ,MAACR,GACC,QAAS,CACPY,KAAM,GACNC,SAAU,GACVC,cAAeC,CAAAA,EAEjB,MAAO,CACLzB,MAAO,OACPC,OAAQ,MAAA,EAEV,uBAAsB,EAAA,CAAA,EAG5B,CAEJ,EAEAI,EAAQqB,YAAc"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as m, useEffect as c } from "react";
|
|
3
3
|
import { c as h, B as p, b as d, d as k } from "./index-Cl2xofA6.js";
|
|
4
4
|
const f = h({
|
|
@@ -43,22 +43,22 @@ const f = h({
|
|
|
43
43
|
ip: D,
|
|
44
44
|
assets: C
|
|
45
45
|
}, V = ({
|
|
46
|
-
className:
|
|
47
|
-
size:
|
|
48
|
-
color:
|
|
49
|
-
ref:
|
|
50
|
-
...
|
|
46
|
+
className: a,
|
|
47
|
+
size: o,
|
|
48
|
+
color: i,
|
|
49
|
+
ref: n,
|
|
50
|
+
...r
|
|
51
51
|
}) => {
|
|
52
|
-
const [
|
|
52
|
+
const [s, l] = m(null);
|
|
53
53
|
return c(() => {
|
|
54
|
-
import("
|
|
55
|
-
|
|
54
|
+
import("./index-FC3cETza.js").then((t) => t.i).then((t) => {
|
|
55
|
+
l(() => t.default);
|
|
56
56
|
});
|
|
57
|
-
}, []), /* @__PURE__ */
|
|
58
|
-
size:
|
|
57
|
+
}, []), /* @__PURE__ */ e(p, { ref: n, id: "spinner", ...r, className: d(f({
|
|
58
|
+
size: o
|
|
59
59
|
}), k({
|
|
60
|
-
color:
|
|
61
|
-
}),
|
|
60
|
+
color: i
|
|
61
|
+
}), a), children: s && /* @__PURE__ */ e(s, { options: {
|
|
62
62
|
loop: !0,
|
|
63
63
|
autoplay: !0,
|
|
64
64
|
animationData: L
|
|
@@ -71,4 +71,4 @@ V.displayName = "Spinner";
|
|
|
71
71
|
export {
|
|
72
72
|
V as S
|
|
73
73
|
};
|
|
74
|
-
//# sourceMappingURL=index-
|
|
74
|
+
//# sourceMappingURL=index-ETT604QL.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-ETT604QL.js","sources":["../src/components/Spinner/spinner.recipe.ts","../src/components/Spinner/index.tsx"],"sourcesContent":["import { RecipeVariantProps, cva } from '@styled-system/css'\n\nexport type SpinnerVariantProps = RecipeVariantProps<typeof spinnerRecipe>\n\nexport const spinnerRecipe = cva({\n base: {\n '& path': {\n stroke: 'currentColor',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n variants: {\n size: {\n sm: { width: 4, height: 4 },\n md: { width: 6, height: 6 },\n lg: { width: 12, height: 12 },\n xl: { width: 24, height: 24 },\n },\n },\n})\n","import { useState, useEffect } from 'react'\nimport { spinnerRecipe, SpinnerVariantProps } from './spinner.recipe'\nimport { HTMLStyledProps } from '@styled-system/jsx'\nimport SpinnerLottie from '@/assets/lotties/spinner.json'\nimport { Box } from '../Layout'\nimport { css, cx } from '@styled-system/css'\nimport { UtilityValues } from '@styled-system/types/prop-type'\n\nexport type SpinnerProps = HTMLStyledProps<'div'> &\n SpinnerVariantProps & {\n color?: UtilityValues['color']\n }\n\nconst Spinner = ({ className, size, color, ref, ...props }: SpinnerProps) => {\n const [LottieComponent, setLottieComponent] = useState<null | React.ComponentType<any>>(null)\n\n useEffect(() => {\n import('react-lottie').then((mod) => {\n setLottieComponent(() => mod.default)\n })\n }, [])\n\n return (\n <Box ref={ref} id={'spinner'} {...props} className={cx(spinnerRecipe({ size }), css({ color }), className)}>\n {LottieComponent && (\n <LottieComponent\n options={{\n loop: true,\n autoplay: true,\n animationData: SpinnerLottie,\n }}\n style={{\n width: '100%',\n height: '100%',\n }}\n isClickToPauseDisabled\n />\n )}\n </Box>\n )\n}\n\nSpinner.displayName = 'Spinner'\nexport default Spinner\n"],"names":["spinnerRecipe","cva","base","stroke","defaultVariants","size","variants","sm","width","height","md","lg","xl","Spinner","className","color","ref","props","LottieComponent","setLottieComponent","useState","useEffect","n","then","mod","default","jsx","Box","cx","css","loop","autoplay","animationData","SpinnerLottie","displayName"],"mappings":";;;AAIO,MAAMA,IAAgBC,EAAI;AAAA,EAC/BC,MAAM;AAAA,IACJ,UAAU;AAAA,MACRC,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEFC,iBAAiB;AAAA,IACfC,MAAM;AAAA,EAAA;AAAA,EAERC,UAAU;AAAA,IACRD,MAAM;AAAA,MACJE,IAAI;AAAA,QAAEC,OAAO;AAAA,QAAGC,QAAQ;AAAA,MAAA;AAAA,MACxBC,IAAI;AAAA,QAAEF,OAAO;AAAA,QAAGC,QAAQ;AAAA,MAAA;AAAA,MACxBE,IAAI;AAAA,QAAEH,OAAO;AAAA,QAAIC,QAAQ;AAAA,MAAA;AAAA,MACzBG,IAAI;AAAA,QAAEJ,OAAO;AAAA,QAAIC,QAAQ;AAAA,MAAA;AAAA,IAAG;AAAA,EAC9B;AAEJ,CAAC;;;;;;;;;;;;GCRKI,IAAUA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAWT,MAAAA;AAAAA,EAAMU,OAAAA;AAAAA,EAAOC,KAAAA;AAAAA,EAAK,GAAGC;AAAoB,MAAM;AAC3E,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAA0C,IAAI;AAE5FC,SAAAA,EAAU,MAAM;AACd,WAAO,qBAAc,EAAA,KAAA,CAAAC,MAAAA,EAAA,CAAA,EAAEC,KAAMC,CAAAA,MAAQ;AACnCL,MAAAA,EAAmB,MAAMK,EAAIC,OAAO;AAAA,IACtC,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAGH,gBAAAC,EAACC,KAAI,KAAAX,GAAU,IAAI,WAAW,GAAIC,GAAO,WAAWW,EAAG5B,EAAc;AAAA,IAAEK,MAAAA;AAAAA,EAAAA,CAAM,GAAGwB,EAAI;AAAA,IAAEd,OAAAA;AAAAA,EAAAA,CAAO,GAAGD,CAAS,GACtGI,UAAAA,KACC,gBAAAQ,EAACR,KACC,SAAS;AAAA,IACPY,MAAM;AAAA,IACNC,UAAU;AAAA,IACVC,eAAeC;AAAAA,EAAAA,GAEjB,OAAO;AAAA,IACLzB,OAAO;AAAA,IACPC,QAAQ;AAAA,EAAA,GAEV,wBAAsB,GAAA,CAAA,GAG5B;AAEJ;AAEAI,EAAQqB,cAAc;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { r as a, g as f } from "./react-lottie-BoWlnUa4.js";
|
|
2
|
+
function c(r, i) {
|
|
3
|
+
for (var o = 0; o < i.length; o++) {
|
|
4
|
+
const e = i[o];
|
|
5
|
+
if (typeof e != "string" && !Array.isArray(e)) {
|
|
6
|
+
for (const t in e)
|
|
7
|
+
if (t !== "default" && !(t in r)) {
|
|
8
|
+
const n = Object.getOwnPropertyDescriptor(e, t);
|
|
9
|
+
n && Object.defineProperty(r, t, n.get ? n : {
|
|
10
|
+
enumerable: !0,
|
|
11
|
+
get: () => e[t]
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
return Object.freeze(Object.defineProperty(r, Symbol.toStringTag, { value: "Module" }));
|
|
17
|
+
}
|
|
18
|
+
var s = a();
|
|
19
|
+
const p = /* @__PURE__ */ f(s), g = /* @__PURE__ */ c({
|
|
20
|
+
__proto__: null,
|
|
21
|
+
default: p
|
|
22
|
+
}, [s]);
|
|
23
|
+
export {
|
|
24
|
+
g as i
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=index-FC3cETza.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-FC3cETza.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|