@iziui/react 0.0.90-rc → 0.0.92-rc
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/.types/_internal/toolkit/file/file.d.ts +4 -0
- package/dist/.types/_internal/toolkit/file/index.d.ts +1 -0
- package/dist/.types/_internal/toolkit/index.d.ts +1 -0
- package/dist/.types/fields/InputFile/InputFile.d.ts +7 -1
- package/dist/.types/fields/InputFile/InputFile.d.ts.map +1 -1
- package/dist/.types/fields/InputFile/InputFile.stories.d.ts.map +1 -1
- package/dist/.types/navigation/Tabs/TabButton.d.ts +10 -0
- package/dist/.types/navigation/Tabs/TabButton.d.ts.map +1 -0
- package/dist/.types/navigation/Tabs/TabContent.d.ts +9 -0
- package/dist/.types/navigation/Tabs/TabContent.d.ts.map +1 -0
- package/dist/.types/navigation/Tabs/Tabs.d.ts +10 -0
- package/dist/.types/navigation/Tabs/Tabs.d.ts.map +1 -0
- package/dist/.types/navigation/Tabs/Tabs.spec.d.ts +2 -0
- package/dist/.types/navigation/Tabs/Tabs.spec.d.ts.map +1 -0
- package/dist/.types/navigation/Tabs/Tabs.stories.d.ts +9 -0
- package/dist/.types/navigation/Tabs/Tabs.stories.d.ts.map +1 -0
- package/dist/.types/navigation/Tabs/index.d.ts +2 -0
- package/dist/.types/navigation/Tabs/index.d.ts.map +1 -0
- package/dist/.types/navigation/Tabs/useTabs.d.ts +4 -0
- package/dist/.types/navigation/Tabs/useTabs.d.ts.map +1 -0
- package/dist/.types/navigation/index.d.ts +2 -1
- package/dist/.types/navigation/index.d.ts.map +1 -1
- package/dist/animations/Fade/index.cjs +1 -1
- package/dist/animations/Fade/index.js +1 -1
- package/dist/chunks/Fade-CWDTkVB8.js +2 -0
- package/dist/chunks/Fade-CWDTkVB8.js.map +1 -0
- package/dist/chunks/Fade-DfxUFkY4.cjs +2 -0
- package/dist/chunks/Fade-DfxUFkY4.cjs.map +1 -0
- package/dist/chunks/Loading-BB3SGbdY.cjs +2 -0
- package/dist/chunks/Loading-BB3SGbdY.cjs.map +1 -0
- package/dist/chunks/Loading-qktwpHVe.js +2 -0
- package/dist/chunks/Loading-qktwpHVe.js.map +1 -0
- package/dist/chunks/wait-BSgGzoPk.js +2 -0
- package/dist/chunks/wait-BSgGzoPk.js.map +1 -0
- package/dist/chunks/wait-CgS79FV1.cjs +2 -0
- package/dist/chunks/wait-CgS79FV1.cjs.map +1 -0
- package/dist/components/InputFile/index.cjs +1 -1
- package/dist/components/InputFile/index.cjs.map +1 -1
- package/dist/components/InputFile/index.js +1 -1
- package/dist/components/InputFile/index.js.map +1 -1
- package/dist/components/Loading/index.cjs +1 -1
- package/dist/components/Loading/index.cjs.map +1 -1
- package/dist/components/Loading/index.js +1 -1
- package/dist/components/Loading/index.js.map +1 -1
- package/dist/components/Tabs/index.cjs +2 -0
- package/dist/components/Tabs/index.cjs.map +1 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/components/Tabs/index.js +2 -0
- package/dist/components/Tabs/index.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/style.css +15 -9
- package/dist/theme/index.cjs +1 -1
- package/dist/theme/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/Fade-CM-5xRVt.cjs +0 -2
- package/dist/chunks/Fade-CM-5xRVt.cjs.map +0 -1
- package/dist/chunks/Fade-spxq-W-Q.js +0 -2
- package/dist/chunks/Fade-spxq-W-Q.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './file';
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
export interface InputFileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
2
|
+
export interface InputFileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
3
|
+
files: File[];
|
|
4
|
+
error?: boolean;
|
|
5
|
+
success?: boolean;
|
|
6
|
+
helperText?: string;
|
|
7
|
+
onChange?: (files: File[]) => void;
|
|
8
|
+
renderFiles?: (files: File[]) => React.JSX.Element;
|
|
3
9
|
}
|
|
4
10
|
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<InputFileProps>>;
|
|
5
11
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFile.d.ts","sourceRoot":"","sources":["../../../../src/fields/InputFile/InputFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"InputFile.d.ts","sourceRoot":"","sources":["../../../../src/fields/InputFile/InputFile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAgBf,OAAO,yCAAyC,CAAC;AAIjD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACtG,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CACpD;;AAgJD,wBAA0C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFile.stories.d.ts","sourceRoot":"","sources":["../../../../src/fields/InputFile/InputFile.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputFile.stories.d.ts","sourceRoot":"","sources":["../../../../src/fields/InputFile/InputFile.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUlD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,SAAS,CAmD9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,SAAS,CAEjD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAiBhC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { Colors } from '../../_internal/core/theme';
|
|
3
|
+
export interface TabProps extends HTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
label: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
color?: Colors;
|
|
7
|
+
icon?: React.JSX.Element;
|
|
8
|
+
}
|
|
9
|
+
export default function Tab({ icon, label, disabled, color, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=TabButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAK3C,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CA6B3F"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
interface TabContent extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children: React.JSX.Element;
|
|
4
|
+
value: number;
|
|
5
|
+
current: number;
|
|
6
|
+
}
|
|
7
|
+
export default function TabContent({ children, value, current, ...props }: TabContent): false | import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=TabContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabContent.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/TabContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,UAAU,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,mDAUpF"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Colors } from '../../_internal/core/theme';
|
|
2
|
+
export interface TabsProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'> {
|
|
3
|
+
current?: number;
|
|
4
|
+
color?: Colors;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
onChange?: (index: number) => void;
|
|
7
|
+
}
|
|
8
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<TabsProps>>;
|
|
9
|
+
export default _default;
|
|
10
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAO3C,OAAO,oCAAoC,CAAC;AAQ5C,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;;AAkGD,wBAAqC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.spec.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/Tabs.spec.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Tabs } from './Tabs';
|
|
3
|
+
export declare const Default: StoryObj<typeof Tabs>;
|
|
4
|
+
export declare const LineDisabled: StoryObj<typeof Tabs>;
|
|
5
|
+
export declare const WithScrollInto: StoryObj<typeof Tabs>;
|
|
6
|
+
export declare const Playground: StoryObj<typeof Tabs>;
|
|
7
|
+
declare const meta: Meta<typeof Tabs>;
|
|
8
|
+
export default meta;
|
|
9
|
+
//# sourceMappingURL=Tabs.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AA8C1B,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,CAezC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,OAAO,IAAI,CAe9C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,OAAO,IAAI,CAehD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,IAAI,CAE5C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAkB3B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTabs.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Tabs/useTabs.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAAE,MAAM,CAAC,CAAA;AAEhD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAWxD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Fade-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Fade-DfxUFkY4.cjs");require("react/jsx-runtime");require("react");require("../../chunks/wait-CgS79FV1.cjs");exports.default=e.Fade;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{F as
|
|
1
|
+
import{F as i}from"../../chunks/Fade-CWDTkVB8.js";import"react/jsx-runtime";import"react";import"../../chunks/wait-BSgGzoPk.js";export{i as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as m}from"react/jsx-runtime";import{useState as c,useEffect as p}from"react";import{w as r}from"./wait-BSgGzoPk.js";function h({children:n,enter:t,delay:s=10,timeout:i=.5,...e}){const[f,o]=c(!1),[l,a]=c({opacity:0});p(()=>{setTimeout(()=>{if(t){u();return}y()},s)},[t]);const u=()=>{o(!0),r(()=>{a({opacity:1})},s)},y=async()=>{a({opacity:0}),await r(()=>{o(!1)},i*1e3)};return f&&m("div",{...e,style:{...l,width:"100%",transition:`all ${i}s cubic-bezier(0.25, 0.1, 0.25, 1)`,...e.style},children:n})}export{h as F};
|
|
2
|
+
//# sourceMappingURL=Fade-CWDTkVB8.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Fade-CWDTkVB8.js","sources":["../../src/animations/Fade/Fade.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { wait } from '@iziui/toolkit/promise';\n\ntype Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nexport interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {\n enter: boolean;\n delay?: number;\n timeout?: number;\n}\n\nexport default function Fade({ children, enter, delay = 10, timeout = .5, ...props }: Readonly<FadeProps>) {\n const [isVisible, setIsVisible] = useState(false);\n const [style, setStyle] = useState<Style>({ opacity: 0 });\n\n useEffect(() => {\n setTimeout(() => {\n if (enter) {\n show();\n return;\n }\n\n hide();\n }, delay);\n }, [enter]);\n\n const show = () => {\n setIsVisible(true);\n\n wait(() => {\n setStyle({ opacity: 1, });\n }, delay);\n };\n\n const hide = async () => {\n setStyle({ opacity: 0 });\n\n await wait(() => {\n setIsVisible(false);\n }, timeout * 1000);\n };\n\n return (\n isVisible && (\n <div\n {...props}\n style={{\n ...style,\n width: '100%',\n transition: `all ${timeout}s cubic-bezier(0.25, 0.1, 0.25, 1)`,\n ...props.style\n }}\n >\n {children}\n </div>\n )\n );\n}\n"],"names":["Fade","children","enter","delay","timeout","props","isVisible","setIsVisible","useState","style","setStyle","useEffect","show","hide","wait","jsx"],"mappings":"+HAYA,SAAwBA,EAAK,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAQ,GAAI,QAAAC,EAAU,GAAI,GAAGC,GAA8B,CACzG,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAC1C,CAACC,EAAOC,CAAQ,EAAIF,EAAgB,CAAE,QAAS,EAAG,EAExDG,EAAU,IAAM,CACd,WAAW,IAAM,CACf,GAAIT,EAAO,CACTU,EAAA,EACA,MACF,CAEAC,EAAA,CACF,EAAGV,CAAK,CACV,EAAG,CAACD,CAAK,CAAC,EAEV,MAAMU,EAAO,IAAM,CACjBL,EAAa,EAAI,EAEjBO,EAAK,IAAM,CACTJ,EAAS,CAAE,QAAS,EAAI,CAC1B,EAAGP,CAAK,CACV,EAEMU,EAAO,SAAY,CACvBH,EAAS,CAAE,QAAS,EAAG,EAEvB,MAAMI,EAAK,IAAM,CACfP,EAAa,EAAK,CACpB,EAAGH,EAAU,GAAI,CACnB,EAEA,OACEE,GACES,EAAC,MAAA,CACE,GAAGV,EACJ,MAAO,CACL,GAAGI,EACH,MAAO,OACP,WAAY,OAAOL,CAAO,qCAC1B,GAAGC,EAAM,KAAA,EAGV,SAAAJ,CAAA,CAAA,CAIT"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const w=require("react/jsx-runtime"),t=require("react"),r=require("./wait-CgS79FV1.cjs");function b({children:u,enter:e,delay:s=10,timeout:i=.5,...a}){const[o,c]=t.useState(!1),[l,n]=t.useState({opacity:0});t.useEffect(()=>{setTimeout(()=>{if(e){y();return}f()},s)},[e]);const y=()=>{c(!0),r.wait(()=>{n({opacity:1})},s)},f=async()=>{n({opacity:0}),await r.wait(()=>{c(!1)},i*1e3)};return o&&w.jsx("div",{...a,style:{...l,width:"100%",transition:`all ${i}s cubic-bezier(0.25, 0.1, 0.25, 1)`,...a.style},children:u})}exports.Fade=b;
|
|
2
|
+
//# sourceMappingURL=Fade-DfxUFkY4.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Fade-DfxUFkY4.cjs","sources":["../../src/animations/Fade/Fade.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { wait } from '@iziui/toolkit/promise';\n\ntype Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nexport interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {\n enter: boolean;\n delay?: number;\n timeout?: number;\n}\n\nexport default function Fade({ children, enter, delay = 10, timeout = .5, ...props }: Readonly<FadeProps>) {\n const [isVisible, setIsVisible] = useState(false);\n const [style, setStyle] = useState<Style>({ opacity: 0 });\n\n useEffect(() => {\n setTimeout(() => {\n if (enter) {\n show();\n return;\n }\n\n hide();\n }, delay);\n }, [enter]);\n\n const show = () => {\n setIsVisible(true);\n\n wait(() => {\n setStyle({ opacity: 1, });\n }, delay);\n };\n\n const hide = async () => {\n setStyle({ opacity: 0 });\n\n await wait(() => {\n setIsVisible(false);\n }, timeout * 1000);\n };\n\n return (\n isVisible && (\n <div\n {...props}\n style={{\n ...style,\n width: '100%',\n transition: `all ${timeout}s cubic-bezier(0.25, 0.1, 0.25, 1)`,\n ...props.style\n }}\n >\n {children}\n </div>\n )\n );\n}\n"],"names":["Fade","children","enter","delay","timeout","props","isVisible","setIsVisible","useState","style","setStyle","useEffect","show","hide","wait","jsx"],"mappings":"sGAYA,SAAwBA,EAAK,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAQ,GAAI,QAAAC,EAAU,GAAI,GAAGC,GAA8B,CACzG,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAOC,CAAQ,EAAIF,EAAAA,SAAgB,CAAE,QAAS,EAAG,EAExDG,EAAAA,UAAU,IAAM,CACd,WAAW,IAAM,CACf,GAAIT,EAAO,CACTU,EAAA,EACA,MACF,CAEAC,EAAA,CACF,EAAGV,CAAK,CACV,EAAG,CAACD,CAAK,CAAC,EAEV,MAAMU,EAAO,IAAM,CACjBL,EAAa,EAAI,EAEjBO,EAAAA,KAAK,IAAM,CACTJ,EAAS,CAAE,QAAS,EAAI,CAC1B,EAAGP,CAAK,CACV,EAEMU,EAAO,SAAY,CACvBH,EAAS,CAAE,QAAS,EAAG,EAEvB,MAAMI,EAAAA,KAAK,IAAM,CACfP,EAAa,EAAK,CACpB,EAAGH,EAAU,GAAI,CACnB,EAEA,OACEE,GACES,EAAAA,IAAC,MAAA,CACE,GAAGV,EACJ,MAAO,CACL,GAAGI,EACH,MAAO,OACP,WAAY,OAAOL,CAAO,qCAC1B,GAAGC,EAAM,KAAA,EAGV,SAAAJ,CAAA,CAAA,CAIT"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime"),o=require("./index-DYxwT4uW.cjs"),a=require("./convertPathToColor-D8eBpd_D.cjs"),l=require("./joinClass-Jk3EszKD.cjs"),m=require("./createComponent-Dkt68kvT.cjs"),u=require("./useTheme-DsrjDJKC.cjs");function d({color:s="primary",size:r="1.5rem",...e}){const{theme:{palette:i}}=u.useTheme(),t=a.convertPathToColor(`${s}.main`,i),c=l.joinClass(`${o.prefix}-loading`,e.className);return n.jsx("span",{...e,className:c,style:{...e,color:t,width:r,height:r},children:n.jsx("svg",{className:`${o.prefix}-loading__svg`,viewBox:"22 22 44 44",children:n.jsx("circle",{className:`${o.prefix}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const h=m.createComponent(d);exports.Loading=h;
|
|
2
|
+
//# sourceMappingURL=Loading-BB3SGbdY.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading-BB3SGbdY.cjs","sources":["../../src/feedback/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { Colors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n color?: Colors;\n size?: number | string;\n}\nfunction Loading({ color = 'primary', size = '1.5rem', ...props }: LoadingProps) {\n const { theme: { palette } } = useTheme();\n\n const c = convertPathToColor(`${color}.main`, palette);\n\n const className = joinClass(`${prefix}-loading`, props.className);\n\n return (\n <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n </svg>\n </span>\n );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","createComponent"],"mappings":"0PAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,UAAW,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CAC/E,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,EAEzBC,EAAIC,EAAAA,mBAAmB,GAAGN,CAAK,QAASG,CAAO,EAE/CI,EAAYC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,WAAYP,EAAM,SAAS,EAEhE,aACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAAA,IAAC,OAAI,UAAW,GAAGD,EAAAA,MAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAAA,IAAC,UAAO,UAAW,GAAGD,EAAAA,MAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAV,EAAeY,EAAAA,gBAAgBZ,CAAO"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{p as r}from"./index-CZ41y9Hn.js";import{c as m}from"./convertPathToColor-DtOjH4ZP.js";import{j as n}from"./joinClass-anSpaauN.js";import{c as l}from"./createComponent-CovqNaAJ.js";import{u as d}from"./useTheme-BYuNiCiH.js";function f({color:t="primary",size:a="1.5rem",...o}){const{theme:{palette:i}}=d(),s=m(`${t}.main`,i),c=n(`${r}-loading`,o.className);return e("span",{...o,className:c,style:{...o,color:s,width:a,height:a},children:e("svg",{className:`${r}-loading__svg`,viewBox:"22 22 44 44",children:e("circle",{className:`${r}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const v=l(f);export{v as L};
|
|
2
|
+
//# sourceMappingURL=Loading-qktwpHVe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading-qktwpHVe.js","sources":["../../src/feedback/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { Colors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n color?: Colors;\n size?: number | string;\n}\nfunction Loading({ color = 'primary', size = '1.5rem', ...props }: LoadingProps) {\n const { theme: { palette } } = useTheme();\n\n const c = convertPathToColor(`${color}.main`, palette);\n\n const className = joinClass(`${prefix}-loading`, props.className);\n\n return (\n <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n </svg>\n </span>\n );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading$1","createComponent"],"mappings":"8QAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,UAAW,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CAC/E,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAIC,EAAmB,GAAGN,CAAK,QAASG,CAAO,EAE/CI,EAAYC,EAAU,GAAGC,CAAM,WAAYP,EAAM,SAAS,EAEhE,SACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAC,OAAI,UAAW,GAAGD,CAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAC,UAAO,UAAW,GAAGD,CAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAgBb,CAAO"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wait-BSgGzoPk.js","sources":["../../../../toolkit/src/promise/wait.ts"],"sourcesContent":["export function wait<T>(callback: () => T, ms: number) {\n return new Promise<T>(resolve => {\n setTimeout(() => { resolve(callback()); }, ms);\n });\n}\n"],"names":["wait","callback","ms","resolve"],"mappings":"AAAO,SAASA,EAAQC,EAAmBC,EAAY,CACrD,OAAO,IAAI,QAAWC,GAAW,CAC/B,WAAW,IAAM,CAAEA,EAAQF,GAAU,CAAG,EAAGC,CAAE,CAC/C,CAAC,CACH"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wait-CgS79FV1.cjs","sources":["../../../../toolkit/src/promise/wait.ts"],"sourcesContent":["export function wait<T>(callback: () => T, ms: number) {\n return new Promise<T>(resolve => {\n setTimeout(() => { resolve(callback()); }, ms);\n });\n}\n"],"names":["wait","callback","ms","resolve"],"mappings":"aAAO,SAASA,EAAQC,EAAmBC,EAAY,CACrD,OAAO,IAAI,QAAWC,GAAW,CAC/B,WAAW,IAAM,CAAEA,EAAQF,GAAU,CAAG,EAAGC,CAAE,CAC/C,CAAC,CACH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),c=require("../../chunks/index-DYxwT4uW.cjs"),T=require("../../chunks/joinClass-Jk3EszKD.cjs"),b=require("../../chunks/wait-CgS79FV1.cjs"),l=require("../../chunks/Stack-B_lU0ez7.cjs"),h=require("../../chunks/Zoom-BOnqwiDY.cjs"),p=require("../../chunks/Icon-CIrgQex7.cjs"),j=require("../../chunks/Slide-D4aLHjYS.cjs"),z=require("../../chunks/Loading-BB3SGbdY.cjs"),s=require("../../chunks/Typography-DW57lh3e.cjs"),L=require("../../chunks/createComponent-Dkt68kvT.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function $({files:a,error:r,success:u,helperText:y,placeholder:S,renderFiles:m,onChange:f,...i}){const d=g.useRef(null),[n,o]=g.useState("empty"),q=g.useMemo(()=>!i.multiple&&a.length>0,[a,i.multiple]),v=T.joinClass(`${c.prefix}-input-file`,r&&`${c.prefix}-input-file--error`,u&&n!=="loading"&&`${c.prefix}-input-file--success`,n==="dragging"&&!q&&`${c.prefix}-input-file--dragging`,i.className),x=t=>{if(!t.length){o("empty");return}o("loading"),b.wait(()=>{f&&f(i.multiple?[...a,...t]:t),o("empty")},1500)},D=t=>{const A=t.target.files?Array.from(t.target.files):[];d.current&&(d.current.value=""),x(A)},I=t=>{t.preventDefault(),o("dragging")},C=t=>{t.preventDefault(),o("empty")},k=t=>{t.preventDefault(),x(Array.from(t.dataTransfer.files))};return e.jsxs(l.Stack,{children:[e.jsxs("div",{className:v,onDrop:k,onDragOver:I,onDragLeave:C,children:[e.jsx("input",{...i,ref:d,type:"file",onChange:D}),e.jsxs(l.Stack,{justifyContent:"center",alignItems:"center",children:[n==="loading"&&!r&&e.jsxs(j.Slide,{enter:!0,direction:"top",style:{textAlign:"center"},children:[e.jsx(z.Loading,{style:{fontSize:42}}),e.jsx(s.Typography,{variant:"body2",color:"primary.main",children:"Carregando..."})]}),n!=="loading"&&!u&&!r&&e.jsxs(j.Slide,{enter:!0,direction:"top",style:{textAlign:"center"},children:[e.jsx(p.Icon,{name:"cloud-upload",color:n==="empty"?"grey":"primary",style:{fontSize:42}}),e.jsx(s.Typography,{color:n==="empty"?"text.secondary":"primary.main",variant:"body2",children:S})]}),n!=="loading"&&u&&!r&&e.jsx(h.Zoom,{enter:!0,style:{textAlign:"center"},children:e.jsxs(l.Stack,{gap:0,alignItems:"center",children:[e.jsx(p.Icon,{color:"success",name:"check-circle",style:{fontSize:42}}),e.jsx(s.Typography,{color:"success.main",children:y})]})}),r&&e.jsx(h.Zoom,{enter:!0,style:{textAlign:"center"},children:e.jsxs(l.Stack,{gap:0,alignItems:"center",children:[e.jsx(p.Icon,{color:"error",name:"exclamation-octagon",style:{fontSize:42}}),e.jsx(s.Typography,{color:"error.main",children:y})]})})]})]}),m&&m(a)]})}const M=L.createComponent($);exports.default=M;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/fields/InputFile/InputFile.tsx"],"sourcesContent":["import type
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/fields/InputFile/InputFile.tsx"],"sourcesContent":["import {\n useRef,\n useMemo,\n useState,\n type DragEvent,\n type ChangeEvent,\n type InputHTMLAttributes\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport { wait } from '@iziui/toolkit/promise';\n\nimport Stack from '@/layout/Stack';\nimport Zoom from '@/animations/Zoom';\nimport Icon from '@/display/Icon/Icon';\nimport Slide from '@/animations/Slide';\nimport Loading from '@/feedback/Loading';\nimport Typography from '@/display/Typography';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/InputFile.scss';\n\ntype State = 'empty' | 'dragging' | 'loading';\n\nexport interface InputFileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {\n files: File[];\n error?: boolean;\n success?: boolean;\n helperText?: string;\n onChange?: (files: File[]) => void;\n renderFiles?: (files: File[]) => React.JSX.Element;\n}\n\nfunction InputFile({\n files,\n error,\n success,\n helperText,\n placeholder,\n renderFiles,\n onChange,\n ...props\n}: InputFileProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n const [state, setState] = useState<State>('empty');\n\n const isFilled = useMemo(\n () => !props.multiple && files.length > 0,\n [files, props.multiple]\n );\n\n const classes = joinClass(\n `${prefix}-input-file`,\n error && `${prefix}-input-file--error`,\n success && state !== 'loading' && `${prefix}-input-file--success`,\n state === 'dragging' && !isFilled && `${prefix}-input-file--dragging`,\n props.className\n );\n\n const processFiles = (newFiles: File[]) => {\n if (!newFiles.length) {\n setState('empty');\n return;\n }\n\n setState('loading');\n\n wait(() => {\n if (onChange) {\n onChange(props.multiple ? [...files, ...newFiles] : newFiles);\n }\n setState('empty');\n }, 1500);\n };\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n const newFiles = e.target.files ? Array.from(e.target.files) : [];\n\n if (inputRef.current) { inputRef.current.value = ''; }\n\n processFiles(newFiles);\n };\n\n const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n setState('dragging');\n };\n\n const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n setState('empty');\n };\n\n const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n processFiles(Array.from(e.dataTransfer.files));\n };\n\n return (\n <Stack>\n <div\n className={classes}\n onDrop={handleDrop}\n onDragOver={handleDragOver}\n onDragLeave={handleDragLeave}\n >\n <input\n {...props}\n ref={inputRef}\n type=\"file\"\n onChange={handleChange}\n />\n <Stack justifyContent=\"center\" alignItems=\"center\">\n {\n state === 'loading' && !error && (\n <Slide enter direction=\"top\" style={{ textAlign: 'center' }}>\n <Loading style={{ fontSize: 42 }} />\n <Typography variant=\"body2\" color=\"primary.main\">\n Carregando...\n </Typography>\n </Slide>\n )\n }\n {\n state !== 'loading' && !success && !error && (\n <Slide enter direction=\"top\" style={{ textAlign: 'center' }}>\n <Icon\n name=\"cloud-upload\"\n color={state === 'empty' ? 'grey' : 'primary'}\n style={{ fontSize: 42 }}\n />\n <Typography\n color={state === 'empty' ? 'text.secondary' : 'primary.main'}\n variant=\"body2\"\n >\n {placeholder}\n </Typography>\n </Slide>\n )\n }\n {\n state !== 'loading' && success && !error && (\n <Zoom enter style={{ textAlign: 'center' }}>\n <Stack gap={0} alignItems=\"center\">\n <Icon\n color=\"success\"\n name=\"check-circle\"\n style={{ fontSize: 42 }}\n />\n <Typography color=\"success.main\">{helperText}</Typography>\n </Stack>\n </Zoom>\n )\n }\n {\n error && (\n <Zoom enter style={{ textAlign: 'center' }}>\n <Stack gap={0} alignItems=\"center\">\n <Icon\n color=\"error\"\n name=\"exclamation-octagon\"\n style={{ fontSize: 42 }}\n />\n <Typography color=\"error.main\">{helperText}</Typography>\n </Stack>\n </Zoom>\n )\n }\n </Stack>\n </div>\n {renderFiles && renderFiles(files)}\n </Stack>\n );\n}\n\nexport default createComponent(InputFile);\n"],"names":["InputFile","files","error","success","helperText","placeholder","renderFiles","onChange","props","inputRef","useRef","state","setState","useState","isFilled","useMemo","classes","joinClass","prefix","processFiles","newFiles","wait","handleChange","e","handleDragOver","handleDragLeave","handleDrop","Stack","jsxs","jsx","Slide","Loading","Typography","Icon","Zoom","InputFile_default","createComponent"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useRef as C,useState as j,useMemo as L}from"react";import{p as c}from"../../chunks/index-CZ41y9Hn.js";import{j as z}from"../../chunks/joinClass-anSpaauN.js";import{w as $}from"../../chunks/wait-BSgGzoPk.js";import{S as m}from"../../chunks/Stack-Deow48Th.js";import{Z as v}from"../../chunks/Zoom-DqgU4Wfv.js";import{I as g}from"../../chunks/Icon-imOBrsbL.js";import{S as D}from"../../chunks/Slide-BxEwoZ70.js";import{L as O}from"../../chunks/Loading-qktwpHVe.js";import{T as s}from"../../chunks/Typography-BrJZyxiT.js";import{c as b}from"../../chunks/createComponent-CovqNaAJ.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function k({files:l,error:a,success:p,helperText:f,placeholder:S,renderFiles:u,onChange:y,...i}){const d=C(null),[r,o]=j("empty"),x=L(()=>!i.multiple&&l.length>0,[l,i.multiple]),I=z(`${c}-input-file`,a&&`${c}-input-file--error`,p&&r!=="loading"&&`${c}-input-file--success`,r==="dragging"&&!x&&`${c}-input-file--dragging`,i.className),h=e=>{if(!e.length){o("empty");return}o("loading"),$(()=>{y&&y(i.multiple?[...l,...e]:e),o("empty")},1500)};return n(m,{children:[n("div",{className:I,onDrop:e=>{e.preventDefault(),h(Array.from(e.dataTransfer.files))},onDragOver:e=>{e.preventDefault(),o("dragging")},onDragLeave:e=>{e.preventDefault(),o("empty")},children:[t("input",{...i,ref:d,type:"file",onChange:e=>{const A=e.target.files?Array.from(e.target.files):[];d.current&&(d.current.value=""),h(A)}}),n(m,{justifyContent:"center",alignItems:"center",children:[r==="loading"&&!a&&n(D,{enter:!0,direction:"top",style:{textAlign:"center"},children:[t(O,{style:{fontSize:42}}),t(s,{variant:"body2",color:"primary.main",children:"Carregando..."})]}),r!=="loading"&&!p&&!a&&n(D,{enter:!0,direction:"top",style:{textAlign:"center"},children:[t(g,{name:"cloud-upload",color:r==="empty"?"grey":"primary",style:{fontSize:42}}),t(s,{color:r==="empty"?"text.secondary":"primary.main",variant:"body2",children:S})]}),r!=="loading"&&p&&!a&&t(v,{enter:!0,style:{textAlign:"center"},children:n(m,{gap:0,alignItems:"center",children:[t(g,{color:"success",name:"check-circle",style:{fontSize:42}}),t(s,{color:"success.main",children:f})]})}),a&&t(v,{enter:!0,style:{textAlign:"center"},children:n(m,{gap:0,alignItems:"center",children:[t(g,{color:"error",name:"exclamation-octagon",style:{fontSize:42}}),t(s,{color:"error.main",children:f})]})})]})]}),u&&u(l)]})}const W=b(k);export{W as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/fields/InputFile/InputFile.tsx"],"sourcesContent":["import type
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/fields/InputFile/InputFile.tsx"],"sourcesContent":["import {\n useRef,\n useMemo,\n useState,\n type DragEvent,\n type ChangeEvent,\n type InputHTMLAttributes\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport { wait } from '@iziui/toolkit/promise';\n\nimport Stack from '@/layout/Stack';\nimport Zoom from '@/animations/Zoom';\nimport Icon from '@/display/Icon/Icon';\nimport Slide from '@/animations/Slide';\nimport Loading from '@/feedback/Loading';\nimport Typography from '@/display/Typography';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/InputFile.scss';\n\ntype State = 'empty' | 'dragging' | 'loading';\n\nexport interface InputFileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {\n files: File[];\n error?: boolean;\n success?: boolean;\n helperText?: string;\n onChange?: (files: File[]) => void;\n renderFiles?: (files: File[]) => React.JSX.Element;\n}\n\nfunction InputFile({\n files,\n error,\n success,\n helperText,\n placeholder,\n renderFiles,\n onChange,\n ...props\n}: InputFileProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n const [state, setState] = useState<State>('empty');\n\n const isFilled = useMemo(\n () => !props.multiple && files.length > 0,\n [files, props.multiple]\n );\n\n const classes = joinClass(\n `${prefix}-input-file`,\n error && `${prefix}-input-file--error`,\n success && state !== 'loading' && `${prefix}-input-file--success`,\n state === 'dragging' && !isFilled && `${prefix}-input-file--dragging`,\n props.className\n );\n\n const processFiles = (newFiles: File[]) => {\n if (!newFiles.length) {\n setState('empty');\n return;\n }\n\n setState('loading');\n\n wait(() => {\n if (onChange) {\n onChange(props.multiple ? [...files, ...newFiles] : newFiles);\n }\n setState('empty');\n }, 1500);\n };\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n const newFiles = e.target.files ? Array.from(e.target.files) : [];\n\n if (inputRef.current) { inputRef.current.value = ''; }\n\n processFiles(newFiles);\n };\n\n const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n setState('dragging');\n };\n\n const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n setState('empty');\n };\n\n const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n processFiles(Array.from(e.dataTransfer.files));\n };\n\n return (\n <Stack>\n <div\n className={classes}\n onDrop={handleDrop}\n onDragOver={handleDragOver}\n onDragLeave={handleDragLeave}\n >\n <input\n {...props}\n ref={inputRef}\n type=\"file\"\n onChange={handleChange}\n />\n <Stack justifyContent=\"center\" alignItems=\"center\">\n {\n state === 'loading' && !error && (\n <Slide enter direction=\"top\" style={{ textAlign: 'center' }}>\n <Loading style={{ fontSize: 42 }} />\n <Typography variant=\"body2\" color=\"primary.main\">\n Carregando...\n </Typography>\n </Slide>\n )\n }\n {\n state !== 'loading' && !success && !error && (\n <Slide enter direction=\"top\" style={{ textAlign: 'center' }}>\n <Icon\n name=\"cloud-upload\"\n color={state === 'empty' ? 'grey' : 'primary'}\n style={{ fontSize: 42 }}\n />\n <Typography\n color={state === 'empty' ? 'text.secondary' : 'primary.main'}\n variant=\"body2\"\n >\n {placeholder}\n </Typography>\n </Slide>\n )\n }\n {\n state !== 'loading' && success && !error && (\n <Zoom enter style={{ textAlign: 'center' }}>\n <Stack gap={0} alignItems=\"center\">\n <Icon\n color=\"success\"\n name=\"check-circle\"\n style={{ fontSize: 42 }}\n />\n <Typography color=\"success.main\">{helperText}</Typography>\n </Stack>\n </Zoom>\n )\n }\n {\n error && (\n <Zoom enter style={{ textAlign: 'center' }}>\n <Stack gap={0} alignItems=\"center\">\n <Icon\n color=\"error\"\n name=\"exclamation-octagon\"\n style={{ fontSize: 42 }}\n />\n <Typography color=\"error.main\">{helperText}</Typography>\n </Stack>\n </Zoom>\n )\n }\n </Stack>\n </div>\n {renderFiles && renderFiles(files)}\n </Stack>\n );\n}\n\nexport default createComponent(InputFile);\n"],"names":["InputFile","files","error","success","helperText","placeholder","renderFiles","onChange","props","inputRef","useRef","state","setState","useState","isFilled","useMemo","classes","joinClass","prefix","processFiles","newFiles","wait","Stack","jsxs","jsx","Slide","Loading","Typography","Icon","Zoom","InputFile_default","createComponent"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Loading-BB3SGbdY.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-Dkt68kvT.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Loading;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{L as l}from"../../chunks/Loading-qktwpHVe.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-CovqNaAJ.js";import"../../chunks/useTheme-BYuNiCiH.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{l as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react/jsx-runtime"),r=require("react"),d=require("../../chunks/index-DYxwT4uW.cjs"),C=require("../../chunks/joinClass-Jk3EszKD.cjs"),q=require("../../chunks/createComponent-Dkt68kvT.cjs"),w=require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function R(o,i){if(i>o)throw new Error(`Current tab index (${i}) is greater than the number of tabs (${o})`)}function I({children:o,color:i="primary",current:c=0,onChange:m,...h}){const a=r.Children.toArray(o),[s,$]=r.useState(c),l=r.useRef([]),x=C.joinClass(`${d.prefix}-tabs`,`${d.prefix}-tabs--${i}`,h.className),y=C.joinClass(`${d.prefix}-tabs__marker`,`${d.prefix}-tabs__marker--${i}`),u=r.useMemo(()=>`marker-${q.uuid()}`,[]);w.useListenerResized(()=>p(),[s]),r.useEffect(()=>{R(a.length-1,s)},[]),r.useEffect(()=>{const e=a.findIndex(n=>!n.props.disabled),t=a[c].props.disabled;$(t?e:c)},[c]),r.useEffect(()=>{p(),j(s)},[s]);const _=e=>{m&&m(e),$(e)},j=e=>{l.current&&l.current[e].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},k=(e,t)=>{!l.current||!t||(l.current[e]=t)},p=()=>{const e=document.querySelector(`#tab-${u}-${s}`),t=document.getElementById(u),n=e.offsetWidth,f=e.offsetLeft;t.style.width=`${n}px`,t.style.left=`${f}px`},v=()=>a.map((e,t)=>{const n=`tab-${u}-${t}`,f=s===t;return b.jsx("div",{ref:E=>k(t,E),style:{width:"100%"},children:r.cloneElement(e,{id:n,tabIndex:t+1,"aria-checked":f,onClick:()=>_(t)})},n)});return b.jsxs("div",{...h,className:x,children:[v(),b.jsx("div",{id:u,className:y})]})}const T=q.createComponent(I);exports.default=T;
|
|
2
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/navigation/Tabs/Tabs.tsx"],"sourcesContent":["import { Children, cloneElement, ReactElement, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\nimport { Colors } from '@iziui/core/theme';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport createComponent from '@/core/createComponent';\nimport useListenerResized from '@/hooks/useListenerResized';\n\nimport '@iziui/styles/components/Tabs.scss';\n\nfunction validateCurrent(length: number, current: number) {\n if (current > length) {\n throw new Error(`Current tab index (${current}) is greater than the number of tabs (${length})`);\n }\n}\n\nexport interface TabsProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'> {\n current?: number;\n color?: Colors;\n children: React.ReactNode;\n onChange?: (index: number) => void;\n};\n\nfunction Tabs({\n children,\n color = 'primary',\n current = 0,\n onChange,\n ...props\n}: TabsProps) {\n const arrayChildren = Children.toArray(children) as ReactElement<TabsProps>[];\n\n const [_current, setCurrent] = useState(current);\n const scrollRef = useRef<HTMLDivElement[] | null>([]);\n\n const cls = joinClass(\n `${prefix}-tabs`,\n `${prefix}-tabs--${color}`,\n props.className\n );\n\n const classNameMarker = joinClass(\n `${prefix}-tabs__marker`,\n `${prefix}-tabs__marker--${color}`,\n );\n\n const id = useMemo(() => `marker-${uuid()}`, []);\n\n useListenerResized(() => setBorderLine(), [_current]);\n\n useEffect(() => { validateCurrent(arrayChildren.length - 1, _current); }, []);\n\n useEffect(() => {\n const firstEnableButton = arrayChildren.findIndex(children => !children.props.disabled);\n const currentIsDisabled = arrayChildren[current].props.disabled;\n\n setCurrent(currentIsDisabled ? firstEnableButton : current);\n }, [current]);\n\n useEffect(() => {\n setBorderLine();\n goToTab(_current);\n }, [_current]);\n\n const handleClick = (index: number) => {\n if (onChange) { onChange(index); };\n setCurrent(index);\n };\n\n const goToTab = (index: number) => {\n if (!scrollRef.current) { return; }\n scrollRef.current[index].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center', });\n };\n\n const setRef = (index: number, ref: HTMLDivElement | null) => {\n if (!scrollRef.current || !ref) { return; }\n\n scrollRef.current[index] = ref;\n };\n\n const setBorderLine = () => {\n const element = document.querySelector(`#tab-${id}-${_current}`) as HTMLElement;\n const el = document.getElementById(id) as HTMLElement;\n\n const width = element['offsetWidth'];\n const left = element['offsetLeft'];\n\n el.style.width = `${width}px`;\n el.style.left = `${left}px`;\n };\n\n const renderChildren = () => {\n return arrayChildren.map((child, index) => {\n const _id = `tab-${id}-${index}`;\n const isActive = _current === index;\n\n return (\n <div key={_id} ref={ref => setRef(index, ref)} style={{ width: '100%' }}>\n {\n cloneElement(child, {\n id: _id,\n tabIndex: index + 1,\n 'aria-checked': isActive,\n onClick: () => handleClick(index),\n })\n }\n </div>\n );\n });\n };\n\n return (\n <div {...props} className={cls}>\n {renderChildren()}\n <div id={id} className={classNameMarker} />\n </div>\n );\n}\n\nexport default createComponent(Tabs);\n"],"names":["validateCurrent","length","current","Tabs","children","color","onChange","props","arrayChildren","Children","_current","setCurrent","useState","scrollRef","useRef","cls","joinClass","prefix","classNameMarker","id","useMemo","uuid","useListenerResized","setBorderLine","useEffect","firstEnableButton","currentIsDisabled","goToTab","handleClick","index","setRef","ref","element","el","width","left","renderChildren","child","_id","isActive","jsx","jsxs","Tabs_default","createComponent"],"mappings":"4dAcA,SAASA,EAAgBC,EAAgBC,EAAiB,CACxD,GAAIA,EAAUD,EACZ,MAAM,IAAI,MAAM,sBAAsBC,CAAO,yCAAyCD,CAAM,GAAG,CAEnG,CASA,SAASE,EAAK,CACZ,SAAAC,EACA,MAAAC,EAAQ,UACR,QAAAH,EAAU,EACV,SAAAI,EACA,GAAGC,CACL,EAAc,CACZ,MAAMC,EAAgBC,EAAAA,SAAS,QAAQL,CAAQ,EAEzC,CAACM,EAAUC,CAAU,EAAIC,EAAAA,SAASV,CAAO,EACzCW,EAAYC,EAAAA,OAAgC,EAAE,EAE9CC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,QACT,GAAGA,EAAAA,MAAM,UAAUZ,CAAK,GACxBE,EAAM,SAAA,EAGFW,EAAkBF,EAAAA,UACtB,GAAGC,EAAAA,MAAM,gBACT,GAAGA,EAAAA,MAAM,kBAAkBZ,CAAK,EAAA,EAG5Bc,EAAKC,EAAAA,QAAQ,IAAM,UAAUC,QAAM,GAAI,EAAE,EAE/CC,EAAAA,mBAAmB,IAAMC,IAAiB,CAACb,CAAQ,CAAC,EAEpDc,EAAAA,UAAU,IAAM,CAAExB,EAAgBQ,EAAc,OAAS,EAAGE,CAAQ,CAAG,EAAG,CAAA,CAAE,EAE5Ec,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAoBjB,EAAc,UAAUJ,GAAY,CAACA,EAAS,MAAM,QAAQ,EAChFsB,EAAoBlB,EAAcN,CAAO,EAAE,MAAM,SAEvDS,EAAWe,EAAoBD,EAAoBvB,CAAO,CAC5D,EAAG,CAACA,CAAO,CAAC,EAEZsB,EAAAA,UAAU,IAAM,CACdD,EAAA,EACAI,EAAQjB,CAAQ,CAClB,EAAG,CAACA,CAAQ,CAAC,EAEb,MAAMkB,EAAeC,GAAkB,CACjCvB,GAAYA,EAASuB,CAAK,EAC9BlB,EAAWkB,CAAK,CAClB,EAEMF,EAAWE,GAAkB,CAC5BhB,EAAU,SACfA,EAAU,QAAQgB,CAAK,EAAE,eAAe,CAAE,SAAU,SAAU,MAAO,UAAW,OAAQ,QAAA,CAAW,CACrG,EAEMC,EAAS,CAACD,EAAeE,IAA+B,CACxD,CAAClB,EAAU,SAAW,CAACkB,IAE3BlB,EAAU,QAAQgB,CAAK,EAAIE,EAC7B,EAEMR,EAAgB,IAAM,CAC1B,MAAMS,EAAU,SAAS,cAAc,QAAQb,CAAE,IAAIT,CAAQ,EAAE,EACzDuB,EAAK,SAAS,eAAed,CAAE,EAE/Be,EAAQF,EAAQ,YAChBG,EAAOH,EAAQ,WAErBC,EAAG,MAAM,MAAQ,GAAGC,CAAK,KACzBD,EAAG,MAAM,KAAO,GAAGE,CAAI,IACzB,EAEMC,EAAiB,IACd5B,EAAc,IAAI,CAAC6B,EAAOR,IAAU,CACzC,MAAMS,EAAM,OAAOnB,CAAE,IAAIU,CAAK,GACxBU,EAAW7B,IAAamB,EAE9B,OACEW,EAAAA,IAAC,MAAA,CAAc,IAAKT,GAAOD,EAAOD,EAAOE,CAAG,EAAG,MAAO,CAAE,MAAO,MAAA,EAE3D,wBAAaM,EAAO,CAClB,GAAIC,EACJ,SAAUT,EAAQ,EAClB,eAAgBU,EAChB,QAAS,IAAMX,EAAYC,CAAK,CAAA,CACjC,GAPKS,CASV,CAEJ,CAAC,EAGH,OACEG,EAAAA,KAAC,MAAA,CAAK,GAAGlC,EAAO,UAAWQ,EACxB,SAAA,CAAAqB,EAAA,EACDI,EAAAA,IAAC,MAAA,CAAI,GAAArB,EAAQ,UAAWD,CAAA,CAAiB,CAAA,EAC3C,CAEJ,CAEA,MAAAwB,EAAeC,EAAAA,gBAAgBxC,CAAI"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsxs as I,jsx as $}from"react/jsx-runtime";import{Children as j,useState as x,useRef as N,useMemo as R,useEffect as f,cloneElement as T}from"react";import{p as d}from"../../chunks/index-CZ41y9Hn.js";import{j as C}from"../../chunks/joinClass-anSpaauN.js";import{c as B,u as L}from"../../chunks/createComponent-CovqNaAJ.js";import{u as g}from"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function A(o,n){if(n>o)throw new Error(`Current tab index (${n}) is greater than the number of tabs (${o})`)}function M({children:o,color:n="primary",current:a=0,onChange:u,...b}){const i=j.toArray(o),[r,p]=x(a),c=N([]),k=C(`${d}-tabs`,`${d}-tabs--${n}`,b.className),y=C(`${d}-tabs__marker`,`${d}-tabs__marker--${n}`),l=R(()=>`marker-${L()}`,[]);g(()=>h(),[r]),f(()=>{A(i.length-1,r)},[]),f(()=>{const e=i.findIndex(s=>!s.props.disabled),t=i[a].props.disabled;p(t?e:a)},[a]),f(()=>{h(),v(r)},[r]);const _=e=>{u&&u(e),p(e)},v=e=>{c.current&&c.current[e].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},w=(e,t)=>{!c.current||!t||(c.current[e]=t)},h=()=>{const e=document.querySelector(`#tab-${l}-${r}`),t=document.getElementById(l),s=e.offsetWidth,m=e.offsetLeft;t.style.width=`${s}px`,t.style.left=`${m}px`};return I("div",{...b,className:k,children:[i.map((e,t)=>{const s=`tab-${l}-${t}`,m=r===t;return $("div",{ref:E=>w(t,E),style:{width:"100%"},children:T(e,{id:s,tabIndex:t+1,"aria-checked":m,onClick:()=>_(t)})},s)}),$("div",{id:l,className:y})]})}const J=B(M);export{J as default};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/navigation/Tabs/Tabs.tsx"],"sourcesContent":["import { Children, cloneElement, ReactElement, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\nimport { Colors } from '@iziui/core/theme';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport createComponent from '@/core/createComponent';\nimport useListenerResized from '@/hooks/useListenerResized';\n\nimport '@iziui/styles/components/Tabs.scss';\n\nfunction validateCurrent(length: number, current: number) {\n if (current > length) {\n throw new Error(`Current tab index (${current}) is greater than the number of tabs (${length})`);\n }\n}\n\nexport interface TabsProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'> {\n current?: number;\n color?: Colors;\n children: React.ReactNode;\n onChange?: (index: number) => void;\n};\n\nfunction Tabs({\n children,\n color = 'primary',\n current = 0,\n onChange,\n ...props\n}: TabsProps) {\n const arrayChildren = Children.toArray(children) as ReactElement<TabsProps>[];\n\n const [_current, setCurrent] = useState(current);\n const scrollRef = useRef<HTMLDivElement[] | null>([]);\n\n const cls = joinClass(\n `${prefix}-tabs`,\n `${prefix}-tabs--${color}`,\n props.className\n );\n\n const classNameMarker = joinClass(\n `${prefix}-tabs__marker`,\n `${prefix}-tabs__marker--${color}`,\n );\n\n const id = useMemo(() => `marker-${uuid()}`, []);\n\n useListenerResized(() => setBorderLine(), [_current]);\n\n useEffect(() => { validateCurrent(arrayChildren.length - 1, _current); }, []);\n\n useEffect(() => {\n const firstEnableButton = arrayChildren.findIndex(children => !children.props.disabled);\n const currentIsDisabled = arrayChildren[current].props.disabled;\n\n setCurrent(currentIsDisabled ? firstEnableButton : current);\n }, [current]);\n\n useEffect(() => {\n setBorderLine();\n goToTab(_current);\n }, [_current]);\n\n const handleClick = (index: number) => {\n if (onChange) { onChange(index); };\n setCurrent(index);\n };\n\n const goToTab = (index: number) => {\n if (!scrollRef.current) { return; }\n scrollRef.current[index].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center', });\n };\n\n const setRef = (index: number, ref: HTMLDivElement | null) => {\n if (!scrollRef.current || !ref) { return; }\n\n scrollRef.current[index] = ref;\n };\n\n const setBorderLine = () => {\n const element = document.querySelector(`#tab-${id}-${_current}`) as HTMLElement;\n const el = document.getElementById(id) as HTMLElement;\n\n const width = element['offsetWidth'];\n const left = element['offsetLeft'];\n\n el.style.width = `${width}px`;\n el.style.left = `${left}px`;\n };\n\n const renderChildren = () => {\n return arrayChildren.map((child, index) => {\n const _id = `tab-${id}-${index}`;\n const isActive = _current === index;\n\n return (\n <div key={_id} ref={ref => setRef(index, ref)} style={{ width: '100%' }}>\n {\n cloneElement(child, {\n id: _id,\n tabIndex: index + 1,\n 'aria-checked': isActive,\n onClick: () => handleClick(index),\n })\n }\n </div>\n );\n });\n };\n\n return (\n <div {...props} className={cls}>\n {renderChildren()}\n <div id={id} className={classNameMarker} />\n </div>\n );\n}\n\nexport default createComponent(Tabs);\n"],"names":["validateCurrent","length","current","Tabs","children","color","onChange","props","arrayChildren","Children","_current","setCurrent","useState","scrollRef","useRef","cls","joinClass","prefix","classNameMarker","id","useMemo","uuid","useListenerResized","setBorderLine","useEffect","firstEnableButton","currentIsDisabled","goToTab","handleClick","index","setRef","ref","element","el","width","left","jsxs","child","_id","isActive","jsx","Tabs_default","createComponent"],"mappings":"0eAcA,SAASA,EAAgBC,EAAgBC,EAAiB,CACxD,GAAIA,EAAUD,EACZ,MAAM,IAAI,MAAM,sBAAsBC,CAAO,yCAAyCD,CAAM,GAAG,CAEnG,CASA,SAASE,EAAK,CACZ,SAAAC,EACA,MAAAC,EAAQ,UACR,QAAAH,EAAU,EACV,SAAAI,EACA,GAAGC,CACL,EAAc,CACZ,MAAMC,EAAgBC,EAAS,QAAQL,CAAQ,EAEzC,CAACM,EAAUC,CAAU,EAAIC,EAASV,CAAO,EACzCW,EAAYC,EAAgC,EAAE,EAE9CC,EAAMC,EACV,GAAGC,CAAM,QACT,GAAGA,CAAM,UAAUZ,CAAK,GACxBE,EAAM,SAAA,EAGFW,EAAkBF,EACtB,GAAGC,CAAM,gBACT,GAAGA,CAAM,kBAAkBZ,CAAK,EAAA,EAG5Bc,EAAKC,EAAQ,IAAM,UAAUC,GAAM,GAAI,EAAE,EAE/CC,EAAmB,IAAMC,IAAiB,CAACb,CAAQ,CAAC,EAEpDc,EAAU,IAAM,CAAExB,EAAgBQ,EAAc,OAAS,EAAGE,CAAQ,CAAG,EAAG,CAAA,CAAE,EAE5Ec,EAAU,IAAM,CACd,MAAMC,EAAoBjB,EAAc,UAAUJ,GAAY,CAACA,EAAS,MAAM,QAAQ,EAChFsB,EAAoBlB,EAAcN,CAAO,EAAE,MAAM,SAEvDS,EAAWe,EAAoBD,EAAoBvB,CAAO,CAC5D,EAAG,CAACA,CAAO,CAAC,EAEZsB,EAAU,IAAM,CACdD,EAAA,EACAI,EAAQjB,CAAQ,CAClB,EAAG,CAACA,CAAQ,CAAC,EAEb,MAAMkB,EAAeC,GAAkB,CACjCvB,GAAYA,EAASuB,CAAK,EAC9BlB,EAAWkB,CAAK,CAClB,EAEMF,EAAWE,GAAkB,CAC5BhB,EAAU,SACfA,EAAU,QAAQgB,CAAK,EAAE,eAAe,CAAE,SAAU,SAAU,MAAO,UAAW,OAAQ,QAAA,CAAW,CACrG,EAEMC,EAAS,CAACD,EAAeE,IAA+B,CACxD,CAAClB,EAAU,SAAW,CAACkB,IAE3BlB,EAAU,QAAQgB,CAAK,EAAIE,EAC7B,EAEMR,EAAgB,IAAM,CAC1B,MAAMS,EAAU,SAAS,cAAc,QAAQb,CAAE,IAAIT,CAAQ,EAAE,EACzDuB,EAAK,SAAS,eAAed,CAAE,EAE/Be,EAAQF,EAAQ,YAChBG,EAAOH,EAAQ,WAErBC,EAAG,MAAM,MAAQ,GAAGC,CAAK,KACzBD,EAAG,MAAM,KAAO,GAAGE,CAAI,IACzB,EAsBA,OACEC,EAAC,MAAA,CAAK,GAAG7B,EAAO,UAAWQ,EACxB,SAAA,CArBIP,EAAc,IAAI,CAAC6B,EAAOR,IAAU,CACzC,MAAMS,EAAM,OAAOnB,CAAE,IAAIU,CAAK,GACxBU,EAAW7B,IAAamB,EAE9B,OACEW,EAAC,MAAA,CAAc,IAAKT,GAAOD,EAAOD,EAAOE,CAAG,EAAG,MAAO,CAAE,MAAO,MAAA,EAE3D,WAAaM,EAAO,CAClB,GAAIC,EACJ,SAAUT,EAAQ,EAClB,eAAgBU,EAChB,QAAS,IAAMX,EAAYC,CAAK,CAAA,CACjC,GAPKS,CASV,CAEJ,CAAC,EAMCE,EAAC,MAAA,CAAI,GAAArB,EAAQ,UAAWD,CAAA,CAAiB,CAAA,EAC3C,CAEJ,CAEA,MAAAuB,EAAeC,EAAgBvC,CAAI"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunks/useTheme-DsrjDJKC.cjs"),i=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-BNLOy0E6.cjs"),a=require("./chunks/Fade-DfxUFkY4.cjs"),s=require("./chunks/Slide-D4aLHjYS.cjs"),u=require("./chunks/TableHeader-SKzj2zHB.cjs"),d=require("./chunks/Zoom-BOnqwiDY.cjs"),r=require("./chunks/DrawerContent-Dyc1evVF.cjs"),l=require("./chunks/useListenerResized-AwpsZLcP.cjs"),t=require("./chunks/useMenu-DewYBiar.cjs"),q=require("./chunks/useResize-Dnf6Ktrn.cjs"),c=require("./chunks/Card-DtjP8NP7.cjs"),m=require("./chunks/CardContent-BqqU9iwO.cjs"),n=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-D0cPZU6x.cjs"),T=require("./chunks/Typography-DW57lh3e.cjs");require("react");require("react/jsx-runtime");require("./chunks/generateSupportColors-CTMoGhDf.cjs");require("./chunks/wait-CgS79FV1.cjs");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/createComponent-Dkt68kvT.cjs");require("./chunks/Stack-B_lU0ez7.cjs");require("./chunks/ButtonIcon-BMOZPxpN.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Icon-CIrgQex7.cjs");require("./chunks/convertPathToColor-D8eBpd_D.cjs");exports.ThemeProvider=o.ThemeProvider;exports.createTheme=o.createTheme;exports.useTheme=o.useTheme;exports.Bounce=i.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=a.Fade;exports.Slide=s.Slide;exports.Table=u.Table_default;exports.TableBody=u.TableBody;exports.TableCell=u.TableCell_default;exports.TableHeader=u.TableHeader;exports.Zoom=d.Zoom;exports.Drawer=r.Drawer_default;exports.DrawerContent=r.DrawerContent_default;exports.DrawerFooter=r.DrawerFooter_default;exports.DrawerHeader=r.DrawerHeader_default;exports.useDrawer=r.useDrawer;exports.useListenerResized=l.useListenerResized;exports.Menu=t.Menu;exports.useMenu=t.useMenu;exports.useResize=q.useResize;exports.Card=c.Card;exports.CardContent=m.CardContent;exports.Grid=n.Grid;exports.GridItem=n.GridItem;exports.MenuButton=C.MenuButton_default;exports.variants=T.variants;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{T as C,c as l,u as T}from"./chunks/useTheme-BYuNiCiH.js";import{B as F}from"./chunks/Bounce-DP0PU3kr.js";import{C as c,F as w,u as M,a as B,b as G}from"./chunks/useForm-iwGfb88g.js";import{F as v}from"./chunks/Fade-CWDTkVB8.js";import{S as H}from"./chunks/Slide-BxEwoZ70.js";import{T as S,a as Z,b as y,c as I}from"./chunks/TableHeader-DnifrYxO.js";import{Z as P}from"./chunks/Zoom-DqgU4Wfv.js";import{D as j,a as k,b as q,c as A,u as E}from"./chunks/DrawerContent-CYQSz1G-.js";import{u as K}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as O,u as Q}from"./chunks/useMenu-DuX7EGHi.js";import{u as V}from"./chunks/useResize-BUftB918.js";import{C as X}from"./chunks/Card-D_RFnUk2.js";import{C as _}from"./chunks/CardContent-BsSfxSQH.js";import{G as rr,a as er}from"./chunks/GridItem-CaoPZmBu.js";import{M as ar}from"./chunks/MenuButton-CvQxSdho.js";import{v as tr}from"./chunks/Typography-BrJZyxiT.js";import"react";import"react/jsx-runtime";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/wait-BSgGzoPk.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/createComponent-CovqNaAJ.js";import"./chunks/Stack-Deow48Th.js";import"./chunks/ButtonIcon-CYO1Crb-.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Icon-imOBrsbL.js";import"./chunks/convertPathToColor-DtOjH4ZP.js";export{F as Bounce,X as Card,_ as CardContent,c as Control,j as Drawer,k as DrawerContent,q as DrawerFooter,A as DrawerHeader,v as Fade,w as Form,rr as Grid,er as GridItem,O as Menu,ar as MenuButton,H as Slide,S as Table,Z as TableBody,y as TableCell,I as TableHeader,C as ThemeProvider,P as Zoom,l as createTheme,M as useControl,E as useDrawer,B as useForm,G as useFormGroup,K as useListenerResized,Q as useMenu,V as useResize,T as useTheme,tr as variants};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/style.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
/* assets/index-
|
|
3
|
-
.iziui-button{position:relative;border:none;font-size:.875rem;padding:6px 16px;border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:37px;text-transform:uppercase;cursor:pointer}.iziui-button--small{font-size:.8125rem;padding:4px 10px;min-height:33px}.iziui-button--large{font-size:.9375rem;padding:8px 22px;min-height:41px}.iziui-button--primary{color:var(--primary-contrast);background-color:var(--primary)}.iziui-button--primary:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--primary:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--primary .iziui-button__icon{color:var(--primary-contrast);font-size:16px!important}.iziui-button--primary .iziui-button__icon--left{margin-right:10px}.iziui-button--primary .iziui-button__icon--right{margin-left:10px}.iziui-button--primary .iziui-button__loading{color:var(--primary-contrast)!important}.iziui-button--primary .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--primary .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--primary .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--primary--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--primary)}.iziui-button--primary--outlined:hover{background-color:var(--primary-opacity);border:1px solid transparent}.iziui-button--primary--outlined .iziui-button__icon{color:var(--primary)!important;font-size:16px!important}.iziui-button--primary--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--primary--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--primary--text{background-color:transparent;color:var(--primary)}.iziui-button--primary--text:hover{background-color:var(--primary-opacity)}.iziui-button--primary--text .iziui-button__icon{color:var(--primary)!important;font-size:16px!important}.iziui-button--primary--text .iziui-button__icon--left{margin-right:10px}.iziui-button--primary--text .iziui-button__icon--right{margin-left:10px}.iziui-button--secondary{color:var(--secondary-contrast);background-color:var(--secondary)}.iziui-button--secondary:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--secondary:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--secondary .iziui-button__icon{color:var(--secondary-contrast);font-size:16px!important}.iziui-button--secondary .iziui-button__icon--left{margin-right:10px}.iziui-button--secondary .iziui-button__icon--right{margin-left:10px}.iziui-button--secondary .iziui-button__loading{color:var(--secondary-contrast)!important}.iziui-button--secondary .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--secondary .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--secondary .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--secondary--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--secondary)}.iziui-button--secondary--outlined:hover{background-color:var(--secondary-opacity);border:1px solid transparent}.iziui-button--secondary--outlined .iziui-button__icon{color:var(--secondary)!important;font-size:16px!important}.iziui-button--secondary--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--secondary--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--secondary--text{background-color:transparent;color:var(--secondary)}.iziui-button--secondary--text:hover{background-color:var(--secondary-opacity)}.iziui-button--secondary--text .iziui-button__icon{color:var(--secondary)!important;font-size:16px!important}.iziui-button--secondary--text .iziui-button__icon--left{margin-right:10px}.iziui-button--secondary--text .iziui-button__icon--right{margin-left:10px}.iziui-button--info{color:var(--info-contrast);background-color:var(--info)}.iziui-button--info:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--info:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--info .iziui-button__icon{color:var(--info-contrast);font-size:16px!important}.iziui-button--info .iziui-button__icon--left{margin-right:10px}.iziui-button--info .iziui-button__icon--right{margin-left:10px}.iziui-button--info .iziui-button__loading{color:var(--info-contrast)!important}.iziui-button--info .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--info .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--info .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--info--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--info)}.iziui-button--info--outlined:hover{background-color:var(--info-opacity);border:1px solid transparent}.iziui-button--info--outlined .iziui-button__icon{color:var(--info)!important;font-size:16px!important}.iziui-button--info--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--info--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--info--text{background-color:transparent;color:var(--info)}.iziui-button--info--text:hover{background-color:var(--info-opacity)}.iziui-button--info--text .iziui-button__icon{color:var(--info)!important;font-size:16px!important}.iziui-button--info--text .iziui-button__icon--left{margin-right:10px}.iziui-button--info--text .iziui-button__icon--right{margin-left:10px}.iziui-button--error{color:var(--error-contrast);background-color:var(--error)}.iziui-button--error:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--error:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--error .iziui-button__icon{color:var(--error-contrast);font-size:16px!important}.iziui-button--error .iziui-button__icon--left{margin-right:10px}.iziui-button--error .iziui-button__icon--right{margin-left:10px}.iziui-button--error .iziui-button__loading{color:var(--error-contrast)!important}.iziui-button--error .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--error .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--error .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--error--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--error)}.iziui-button--error--outlined:hover{background-color:var(--error-opacity);border:1px solid transparent}.iziui-button--error--outlined .iziui-button__icon{color:var(--error)!important;font-size:16px!important}.iziui-button--error--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--error--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--error--text{background-color:transparent;color:var(--error)}.iziui-button--error--text:hover{background-color:var(--error-opacity)}.iziui-button--error--text .iziui-button__icon{color:var(--error)!important;font-size:16px!important}.iziui-button--error--text .iziui-button__icon--left{margin-right:10px}.iziui-button--error--text .iziui-button__icon--right{margin-left:10px}.iziui-button--warning{color:var(--warning-contrast);background-color:var(--warning)}.iziui-button--warning:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--warning:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--warning .iziui-button__icon{color:var(--warning-contrast);font-size:16px!important}.iziui-button--warning .iziui-button__icon--left{margin-right:10px}.iziui-button--warning .iziui-button__icon--right{margin-left:10px}.iziui-button--warning .iziui-button__loading{color:var(--warning-contrast)!important}.iziui-button--warning .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--warning .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--warning .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--warning--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--warning)}.iziui-button--warning--outlined:hover{background-color:var(--warning-opacity);border:1px solid transparent}.iziui-button--warning--outlined .iziui-button__icon{color:var(--warning)!important;font-size:16px!important}.iziui-button--warning--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--warning--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--warning--text{background-color:transparent;color:var(--warning)}.iziui-button--warning--text:hover{background-color:var(--warning-opacity)}.iziui-button--warning--text .iziui-button__icon{color:var(--warning)!important;font-size:16px!important}.iziui-button--warning--text .iziui-button__icon--left{margin-right:10px}.iziui-button--warning--text .iziui-button__icon--right{margin-left:10px}.iziui-button--success{color:var(--success-contrast);background-color:var(--success)}.iziui-button--success:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--success:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--success .iziui-button__icon{color:var(--success-contrast);font-size:16px!important}.iziui-button--success .iziui-button__icon--left{margin-right:10px}.iziui-button--success .iziui-button__icon--right{margin-left:10px}.iziui-button--success .iziui-button__loading{color:var(--success-contrast)!important}.iziui-button--success .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--success .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--success .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--success--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--success)}.iziui-button--success--outlined:hover{background-color:var(--success-opacity);border:1px solid transparent}.iziui-button--success--outlined .iziui-button__icon{color:var(--success)!important;font-size:16px!important}.iziui-button--success--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--success--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--success--text{background-color:transparent;color:var(--success)}.iziui-button--success--text:hover{background-color:var(--success-opacity)}.iziui-button--success--text .iziui-button__icon{color:var(--success)!important;font-size:16px!important}.iziui-button--success--text .iziui-button__icon--left{margin-right:10px}.iziui-button--success--text .iziui-button__icon--right{margin-left:10px}.iziui-button--grey{color:var(--grey-contrast);background-color:var(--grey)}.iziui-button--grey:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--grey:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--grey .iziui-button__icon{color:var(--grey-contrast);font-size:16px!important}.iziui-button--grey .iziui-button__icon--left{margin-right:10px}.iziui-button--grey .iziui-button__icon--right{margin-left:10px}.iziui-button--grey .iziui-button__loading{color:var(--grey-contrast)!important}.iziui-button--grey .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--grey .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--grey .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--grey--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--grey)}.iziui-button--grey--outlined:hover{background-color:var(--grey-opacity);border:1px solid transparent}.iziui-button--grey--outlined .iziui-button__icon{color:var(--grey)!important;font-size:16px!important}.iziui-button--grey--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--grey--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--grey--text{background-color:transparent;color:var(--grey)}.iziui-button--grey--text:hover{background-color:var(--grey-opacity)}.iziui-button--grey--text .iziui-button__icon{color:var(--grey)!important;font-size:16px!important}.iziui-button--grey--text .iziui-button__icon--left{margin-right:10px}.iziui-button--grey--text .iziui-button__icon--right{margin-left:10px}
|
|
2
|
+
/* assets/index-DzpxpBlw.css */
|
|
3
|
+
.iziui-button{position:relative;border:none;font-size:.875rem;padding:6px 16px;border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:37px;text-transform:uppercase;cursor:pointer}.iziui-button--small{font-size:.8125rem;padding:4px 10px;min-height:33px}.iziui-button--large{font-size:.9375rem;padding:8px 22px;min-height:41px}.iziui-button--primary{color:var(--primary-contrast);background-color:var(--primary)}.iziui-button--primary:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--primary:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--primary .iziui-button__icon{font-size:16px!important}.iziui-button--primary .iziui-button__icon--left{margin-right:10px}.iziui-button--primary .iziui-button__icon--right{margin-left:10px}.iziui-button--primary .iziui-button__loading{color:var(--primary-contrast)!important}.iziui-button--primary .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--primary .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--primary .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--primary--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--primary)}.iziui-button--primary--outlined:hover{background-color:var(--primary-opacity);border:1px solid transparent}.iziui-button--primary--outlined .iziui-button__icon{color:var(--primary)!important;font-size:16px!important}.iziui-button--primary--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--primary--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--primary--text{background-color:transparent;color:var(--primary)}.iziui-button--primary--text:hover{background-color:var(--primary-opacity)}.iziui-button--primary--text .iziui-button__icon{color:var(--primary)!important;font-size:16px!important}.iziui-button--primary--text .iziui-button__icon--left{margin-right:10px}.iziui-button--primary--text .iziui-button__icon--right{margin-left:10px}.iziui-button--secondary{color:var(--secondary-contrast);background-color:var(--secondary)}.iziui-button--secondary:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--secondary:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--secondary .iziui-button__icon{font-size:16px!important}.iziui-button--secondary .iziui-button__icon--left{margin-right:10px}.iziui-button--secondary .iziui-button__icon--right{margin-left:10px}.iziui-button--secondary .iziui-button__loading{color:var(--secondary-contrast)!important}.iziui-button--secondary .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--secondary .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--secondary .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--secondary--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--secondary)}.iziui-button--secondary--outlined:hover{background-color:var(--secondary-opacity);border:1px solid transparent}.iziui-button--secondary--outlined .iziui-button__icon{color:var(--secondary)!important;font-size:16px!important}.iziui-button--secondary--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--secondary--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--secondary--text{background-color:transparent;color:var(--secondary)}.iziui-button--secondary--text:hover{background-color:var(--secondary-opacity)}.iziui-button--secondary--text .iziui-button__icon{color:var(--secondary)!important;font-size:16px!important}.iziui-button--secondary--text .iziui-button__icon--left{margin-right:10px}.iziui-button--secondary--text .iziui-button__icon--right{margin-left:10px}.iziui-button--info{color:var(--info-contrast);background-color:var(--info)}.iziui-button--info:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--info:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--info .iziui-button__icon{font-size:16px!important}.iziui-button--info .iziui-button__icon--left{margin-right:10px}.iziui-button--info .iziui-button__icon--right{margin-left:10px}.iziui-button--info .iziui-button__loading{color:var(--info-contrast)!important}.iziui-button--info .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--info .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--info .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--info--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--info)}.iziui-button--info--outlined:hover{background-color:var(--info-opacity);border:1px solid transparent}.iziui-button--info--outlined .iziui-button__icon{color:var(--info)!important;font-size:16px!important}.iziui-button--info--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--info--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--info--text{background-color:transparent;color:var(--info)}.iziui-button--info--text:hover{background-color:var(--info-opacity)}.iziui-button--info--text .iziui-button__icon{color:var(--info)!important;font-size:16px!important}.iziui-button--info--text .iziui-button__icon--left{margin-right:10px}.iziui-button--info--text .iziui-button__icon--right{margin-left:10px}.iziui-button--error{color:var(--error-contrast);background-color:var(--error)}.iziui-button--error:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--error:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--error .iziui-button__icon{font-size:16px!important}.iziui-button--error .iziui-button__icon--left{margin-right:10px}.iziui-button--error .iziui-button__icon--right{margin-left:10px}.iziui-button--error .iziui-button__loading{color:var(--error-contrast)!important}.iziui-button--error .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--error .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--error .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--error--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--error)}.iziui-button--error--outlined:hover{background-color:var(--error-opacity);border:1px solid transparent}.iziui-button--error--outlined .iziui-button__icon{color:var(--error)!important;font-size:16px!important}.iziui-button--error--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--error--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--error--text{background-color:transparent;color:var(--error)}.iziui-button--error--text:hover{background-color:var(--error-opacity)}.iziui-button--error--text .iziui-button__icon{color:var(--error)!important;font-size:16px!important}.iziui-button--error--text .iziui-button__icon--left{margin-right:10px}.iziui-button--error--text .iziui-button__icon--right{margin-left:10px}.iziui-button--warning{color:var(--warning-contrast);background-color:var(--warning)}.iziui-button--warning:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--warning:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--warning .iziui-button__icon{font-size:16px!important}.iziui-button--warning .iziui-button__icon--left{margin-right:10px}.iziui-button--warning .iziui-button__icon--right{margin-left:10px}.iziui-button--warning .iziui-button__loading{color:var(--warning-contrast)!important}.iziui-button--warning .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--warning .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--warning .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--warning--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--warning)}.iziui-button--warning--outlined:hover{background-color:var(--warning-opacity);border:1px solid transparent}.iziui-button--warning--outlined .iziui-button__icon{color:var(--warning)!important;font-size:16px!important}.iziui-button--warning--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--warning--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--warning--text{background-color:transparent;color:var(--warning)}.iziui-button--warning--text:hover{background-color:var(--warning-opacity)}.iziui-button--warning--text .iziui-button__icon{color:var(--warning)!important;font-size:16px!important}.iziui-button--warning--text .iziui-button__icon--left{margin-right:10px}.iziui-button--warning--text .iziui-button__icon--right{margin-left:10px}.iziui-button--success{color:var(--success-contrast);background-color:var(--success)}.iziui-button--success:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--success:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--success .iziui-button__icon{font-size:16px!important}.iziui-button--success .iziui-button__icon--left{margin-right:10px}.iziui-button--success .iziui-button__icon--right{margin-left:10px}.iziui-button--success .iziui-button__loading{color:var(--success-contrast)!important}.iziui-button--success .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--success .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--success .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--success--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--success)}.iziui-button--success--outlined:hover{background-color:var(--success-opacity);border:1px solid transparent}.iziui-button--success--outlined .iziui-button__icon{color:var(--success)!important;font-size:16px!important}.iziui-button--success--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--success--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--success--text{background-color:transparent;color:var(--success)}.iziui-button--success--text:hover{background-color:var(--success-opacity)}.iziui-button--success--text .iziui-button__icon{color:var(--success)!important;font-size:16px!important}.iziui-button--success--text .iziui-button__icon--left{margin-right:10px}.iziui-button--success--text .iziui-button__icon--right{margin-left:10px}.iziui-button--grey{color:var(--grey-contrast);background-color:var(--grey)}.iziui-button--grey:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--grey:disabled .iziui-button__icon{color:var(--text-secondary)!important}.iziui-button--grey .iziui-button__icon{font-size:16px!important}.iziui-button--grey .iziui-button__icon--left{margin-right:10px}.iziui-button--grey .iziui-button__icon--right{margin-left:10px}.iziui-button--grey .iziui-button__loading{color:var(--grey-contrast)!important}.iziui-button--grey .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--grey .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--grey .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--grey--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--grey)}.iziui-button--grey--outlined:hover{background-color:var(--grey-opacity);border:1px solid transparent}.iziui-button--grey--outlined .iziui-button__icon{color:var(--grey)!important;font-size:16px!important}.iziui-button--grey--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--grey--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--grey--text{background-color:transparent;color:var(--grey)}.iziui-button--grey--text:hover{background-color:var(--grey-opacity)}.iziui-button--grey--text .iziui-button__icon{color:var(--grey)!important;font-size:16px!important}.iziui-button--grey--text .iziui-button__icon--left{margin-right:10px}.iziui-button--grey--text .iziui-button__icon--right{margin-left:10px}
|
|
4
4
|
|
|
5
5
|
/* assets/index-BvWznzJs.css */
|
|
6
6
|
.iziui-tooltip{position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius);padding:10.8px 14.4px;font-size:12px;background:var(--text-primary);color:var(--background-default);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;text-align:center;opacity:0;transform:scale(.9);z-index:9999}.iziui-tooltip--visible{opacity:1;transform:scale(1)}
|
|
@@ -17,22 +17,23 @@
|
|
|
17
17
|
/* assets/index-tbLNWUoG.css */
|
|
18
18
|
.iziui-skeleton{position:relative;overflow:hidden;background-color:var(--divider)}.iziui-skeleton--rounded{border-radius:var(--radius)}.iziui-skeleton--circular{border-radius:50%}.iziui-skeleton:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:2s linear .5s infinite normal none running shimmer;content:""}@keyframes shimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}
|
|
19
19
|
/*$vite$:1*/
|
|
20
|
-
/* assets/index-BeVKXeEI.css */
|
|
21
|
-
.iziui-loading{display:inline-block;animation:circle-rotate 1.4s linear 0s infinite}.iziui-loading__svg{display:block}.iziui-loading__circle{stroke:currentcolor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:circle-animation 1.4s ease-in-out 0s infinite}@keyframes circle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circle-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}
|
|
22
|
-
/*$vite$:1*/
|
|
23
20
|
/* assets/Alert-De-ql8WM.css */
|
|
24
21
|
.iziui-alert{min-height:48px;width:max-content;border-radius:var(--radius)}.iziui-alert--primary{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--primary-opacity)}.iziui-alert--secondary{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--secondary-opacity)}.iziui-alert--info{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--info-opacity)}.iziui-alert--error{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--error-opacity)}.iziui-alert--warning{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--warning-opacity)}.iziui-alert--success{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--success-opacity)}.iziui-alert--grey{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--grey-opacity)}.iziui-alert--light.iziui-alert--primary{color:var(--primary-dark)}.iziui-alert--light.iziui-alert--secondary{color:var(--secondary-dark)}.iziui-alert--light.iziui-alert--info{color:var(--info-dark)}.iziui-alert--light.iziui-alert--error{color:var(--error-dark)}.iziui-alert--light.iziui-alert--warning{color:var(--warning-dark)}.iziui-alert--light.iziui-alert--success{color:var(--success-dark)}.iziui-alert--light.iziui-alert--grey{color:var(--grey-dark)}.iziui-alert--dark.iziui-alert--primary{color:var(--primary-light)}.iziui-alert--dark.iziui-alert--secondary{color:var(--secondary-light)}.iziui-alert--dark.iziui-alert--info{color:var(--info-light)}.iziui-alert--dark.iziui-alert--error{color:var(--error-light)}.iziui-alert--dark.iziui-alert--warning{color:var(--warning-light)}.iziui-alert--dark.iziui-alert--success{color:var(--success-light)}.iziui-alert--dark.iziui-alert--grey{color:var(--grey-light)}.iziui-alert__content{padding:8px 16px}.iziui-alert__button{margin-right:16px}
|
|
25
22
|
/*$vite$:1*/
|
|
26
|
-
/* assets/Typography-DsZmVVQw.css */
|
|
27
|
-
.iziui-typography{color:currentColor;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iziui-typography--weight-bold{font-weight:700!important}.iziui-typography--weight-light{font-weight:300!important}.iziui-typography--weight-normal{font-weight:500!important}.iziui-typography--h1{font-size:clamp(2rem,1.65rem + 1.6vw,3rem);line-height:1.12;letter-spacing:-.02em}.iziui-typography--h2{font-size:clamp(1.75rem,1.5rem + 1.2vw,2.5rem);line-height:1.16;letter-spacing:-.015em;font-weight:700}.iziui-typography--h3{font-size:clamp(1.5rem,1.35rem + .9vw,2rem);line-height:1.2;letter-spacing:-.01em}.iziui-typography--h4{font-size:clamp(1.25rem,1.15rem + .6vw,1.5rem);line-height:1.25;letter-spacing:-.005em}.iziui-typography--h5{font-size:clamp(1.125rem,1.05rem + .4vw,1.25rem);line-height:1.3;letter-spacing:0;font-weight:600}.iziui-typography--h6{font-size:clamp(1rem,.98rem + .25vw,1.125rem);line-height:1.35;letter-spacing:.01em}.iziui-typography--subtitle1{font-size:clamp(1.0625rem,1.02rem + .25vw,1.125rem);line-height:1.5;letter-spacing:.005em}.iziui-typography--subtitle2{font-size:clamp(.9375rem,.92rem + .2vw,1rem);line-height:1.45;letter-spacing:.01em}.iziui-typography--body1{font-size:clamp(1rem,.95rem + .2vw,1.0625rem);line-height:1.6;letter-spacing:0}.iziui-typography--body2{font-size:clamp(.875rem,.85rem + .2vw,.9375rem);line-height:1.55;letter-spacing:0}
|
|
28
|
-
/*$vite$:1*/
|
|
29
23
|
/* assets/index-BBM31GWI.css */
|
|
30
24
|
.iziui-switch{position:relative}.iziui-switch__label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-switch__label--error{color:var(--error)}.iziui-switch__checkbox{height:0;width:0;visibility:hidden;position:absolute}.iziui-switch__checkbox:active+.iziui-switch__box .iziui-switch__button{width:36px}.iziui-switch__checkbox:checked+.iziui-switch__box .iziui-switch__button{left:100%;transform:translate(calc(-100% + 2px),-50%)}.iziui-switch__checkbox--primary:checked+.iziui-switch__box{background-color:var(--primary)}.iziui-switch__checkbox--secondary:checked+.iziui-switch__box{background-color:var(--secondary)}.iziui-switch__checkbox--info:checked+.iziui-switch__box{background-color:var(--info)}.iziui-switch__checkbox--error:checked+.iziui-switch__box{background-color:var(--error)}.iziui-switch__checkbox--warning:checked+.iziui-switch__box{background-color:var(--warning)}.iziui-switch__checkbox--success:checked+.iziui-switch__box{background-color:var(--success)}.iziui-switch__checkbox--grey:checked+.iziui-switch__box{background-color:var(--grey)}.iziui-switch__box{display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;cursor:pointer;width:58px;height:24px;background:var(--divider);border-radius:100px;position:relative;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.iziui-switch__button{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-2px;width:28px;height:28px;border-radius:45px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.iziui-switch__helper-text{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-switch__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-switch__helper-text--error{color:var(--error)}
|
|
31
25
|
/*$vite$:1*/
|
|
32
26
|
/* assets/index-BXQlB1HL.css */
|
|
33
27
|
.iziui-select{padding:0;width:100%;border:none;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);font-size:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.iziui-select:focus-within{outline:2px solid var(--primary)}.iziui-select--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-select--error{border-color:var(--error)}.iziui-select input{cursor:pointer;background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-select input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-select input::placeholder{color:var(--text-secondary);opacity:1}.iziui-select input:disabled{cursor:not-allowed;color:var(--text-disabled)}.iziui-select-container{width:100%;position:relative}.iziui-select-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-select-label--error{color:var(--error)}.iziui-select__icon--left{margin-left:10.8px;margin-right:-5px}.iziui-select__icon--right{margin-right:10.8px}.iziui-select__icon--disabled{background:var(--text-disabled)}.iziui-select__option{font-size:16px;cursor:pointer;padding:.5rem 1rem;border:none;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;align-items:center;justify-content:flex-start;background-color:transparent}.iziui-select__option--selected{background-color:var(--primary-opacity)}.iziui-select__option--disabled{cursor:not-allowed;background-color:var(--divider)!important;color:var(--text-disabled)!important}.iziui-select__option--primary{color:var(--primary)}.iziui-select__option--primary:hover{background-color:var(--primary-opacity)}.iziui-select__option--secondary{color:var(--secondary)}.iziui-select__option--secondary:hover{background-color:var(--secondary-opacity)}.iziui-select__option--info{color:var(--info)}.iziui-select__option--info:hover{background-color:var(--info-opacity)}.iziui-select__option--error{color:var(--error)}.iziui-select__option--error:hover{background-color:var(--error-opacity)}.iziui-select__option--warning{color:var(--warning)}.iziui-select__option--warning:hover{background-color:var(--warning-opacity)}.iziui-select__option--success{color:var(--success)}.iziui-select__option--success:hover{background-color:var(--success-opacity)}.iziui-select__option--grey{color:var(--grey)}.iziui-select__option--grey:hover{background-color:var(--grey-opacity)}.iziui-select__option__icon{margin-right:10px}.iziui-select__helper-text{opacity:0;margin:6px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-select__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-select__helper-text--error{color:var(--error)}
|
|
34
28
|
/*$vite$:1*/
|
|
35
|
-
/* assets/index-
|
|
29
|
+
/* assets/index-ZcCW3wVX.css */
|
|
30
|
+
.iziui-input-file{position:relative;width:100%;height:180px;border:3px dashed var(--divider);border-radius:var(--radius);background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.iziui-input-file--dragging{background-color:var(--primary-opacity);border:3px dashed var(--primary)}.iziui-input-file--success{border:3px dashed var(--success)}.iziui-input-file--error{border:3px dashed var(--error)}.iziui-input-file input{opacity:0;width:100%;height:100%;cursor:pointer;position:absolute}
|
|
31
|
+
/*$vite$:1*/
|
|
32
|
+
/* assets/Loading-BeVKXeEI.css */
|
|
33
|
+
.iziui-loading{display:inline-block;animation:circle-rotate 1.4s linear 0s infinite}.iziui-loading__svg{display:block}.iziui-loading__circle{stroke:currentcolor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:circle-animation 1.4s ease-in-out 0s infinite}@keyframes circle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circle-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}
|
|
34
|
+
/*$vite$:1*/
|
|
35
|
+
/* assets/Typography-DsZmVVQw.css */
|
|
36
|
+
.iziui-typography{color:currentColor;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iziui-typography--weight-bold{font-weight:700!important}.iziui-typography--weight-light{font-weight:300!important}.iziui-typography--weight-normal{font-weight:500!important}.iziui-typography--h1{font-size:clamp(2rem,1.65rem + 1.6vw,3rem);line-height:1.12;letter-spacing:-.02em}.iziui-typography--h2{font-size:clamp(1.75rem,1.5rem + 1.2vw,2.5rem);line-height:1.16;letter-spacing:-.015em;font-weight:700}.iziui-typography--h3{font-size:clamp(1.5rem,1.35rem + .9vw,2rem);line-height:1.2;letter-spacing:-.01em}.iziui-typography--h4{font-size:clamp(1.25rem,1.15rem + .6vw,1.5rem);line-height:1.25;letter-spacing:-.005em}.iziui-typography--h5{font-size:clamp(1.125rem,1.05rem + .4vw,1.25rem);line-height:1.3;letter-spacing:0;font-weight:600}.iziui-typography--h6{font-size:clamp(1rem,.98rem + .25vw,1.125rem);line-height:1.35;letter-spacing:.01em}.iziui-typography--subtitle1{font-size:clamp(1.0625rem,1.02rem + .25vw,1.125rem);line-height:1.5;letter-spacing:.005em}.iziui-typography--subtitle2{font-size:clamp(.9375rem,.92rem + .2vw,1rem);line-height:1.45;letter-spacing:.01em}.iziui-typography--body1{font-size:clamp(1rem,.95rem + .2vw,1.0625rem);line-height:1.6;letter-spacing:0}.iziui-typography--body2{font-size:clamp(.875rem,.85rem + .2vw,.9375rem);line-height:1.55;letter-spacing:0}
|
|
36
37
|
/*$vite$:1*/
|
|
37
38
|
/* assets/index-DYPt7lEw.css */
|
|
38
39
|
.iziui-input-container{width:100%;position:relative}.iziui-input-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-input-label--error{color:var(--error)}.iziui-input{cursor:text;border-radius:var(--radius);border:1px solid var(--divider);position:relative;background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center}.iziui-input:focus-within{outline:2px solid var(--primary)}.iziui-input--error{border-color:var(--error)}.iziui-input--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-input input{background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-input input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-input input::placeholder{color:var(--);opacity:1}.iziui-input input:disabled{cursor:not-allowed}.iziui-input__helper-text{opacity:0;margin:6px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-input__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-input__helper-text--error{color:var(--error)}.iziui-input__icon{color:var(--text-secondary)}.iziui-input__icon--margin-left{margin-right:8px;margin-left:-8px}.iziui-input__icon--margin-right{margin-right:-8px;margin-left:8px}.iziui-input__icon--padding-left{padding-right:8px;padding-left:-8px}.iziui-input__icon--padding-right{padding-right:-8px;padding-left:8px}
|
|
@@ -43,6 +44,11 @@
|
|
|
43
44
|
/* assets/index-dttcdTxl.css */
|
|
44
45
|
.iziui-checkbox{width:100%;padding:10.8px 14.4px;border-radius:var(--radius);color:var(--text-primary);position:relative;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-checkbox--primary input[type=checkbox]{border:2px solid var(--primary)}.iziui-checkbox--primary input[type=checkbox]:checked{background-color:var(--primary)}.iziui-checkbox--primary input[type=checkbox]:before{border:solid var(--primary-opacity);opacity:0}.iziui-checkbox--primary--checked input[type=checkbox]:before{border:solid var(--primary-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--secondary input[type=checkbox]{border:2px solid var(--secondary)}.iziui-checkbox--secondary input[type=checkbox]:checked{background-color:var(--secondary)}.iziui-checkbox--secondary input[type=checkbox]:before{border:solid var(--secondary-opacity);opacity:0}.iziui-checkbox--secondary--checked input[type=checkbox]:before{border:solid var(--secondary-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--info input[type=checkbox]{border:2px solid var(--info)}.iziui-checkbox--info input[type=checkbox]:checked{background-color:var(--info)}.iziui-checkbox--info input[type=checkbox]:before{border:solid var(--info-opacity);opacity:0}.iziui-checkbox--info--checked input[type=checkbox]:before{border:solid var(--info-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--error input[type=checkbox]{border:2px solid var(--error)}.iziui-checkbox--error input[type=checkbox]:checked{background-color:var(--error)}.iziui-checkbox--error input[type=checkbox]:before{border:solid var(--error-opacity);opacity:0}.iziui-checkbox--error--checked input[type=checkbox]:before{border:solid var(--error-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--warning input[type=checkbox]{border:2px solid var(--warning)}.iziui-checkbox--warning input[type=checkbox]:checked{background-color:var(--warning)}.iziui-checkbox--warning input[type=checkbox]:before{border:solid var(--warning-opacity);opacity:0}.iziui-checkbox--warning--checked input[type=checkbox]:before{border:solid var(--warning-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--success input[type=checkbox]{border:2px solid var(--success)}.iziui-checkbox--success input[type=checkbox]:checked{background-color:var(--success)}.iziui-checkbox--success input[type=checkbox]:before{border:solid var(--success-opacity);opacity:0}.iziui-checkbox--success--checked input[type=checkbox]:before{border:solid var(--success-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--grey input[type=checkbox]{border:2px solid var(--grey)}.iziui-checkbox--grey input[type=checkbox]:checked{background-color:var(--grey)}.iziui-checkbox--grey input[type=checkbox]:before{border:solid var(--grey-opacity);opacity:0}.iziui-checkbox--grey--checked input[type=checkbox]:before{border:solid var(--grey-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--disabled{color:var(--text-disabled);cursor:not-allowed;background-color:transparent}.iziui-checkbox--disabled:hover{background-color:transparent}.iziui-checkbox input[type=checkbox]{position:relative;border-radius:var(--radius);background:none;cursor:pointer;line-height:0;margin:0 .6em 0 0;outline:0;padding:0!important;vertical-align:text-top;height:22px;width:22px;-webkit-appearance:none;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.5}.iziui-checkbox input[type=checkbox]:hover{opacity:1}.iziui-checkbox input[type=checkbox]:checked{opacity:1}.iziui-checkbox input[type=checkbox]:before{content:"";position:absolute;right:50%;top:50%;width:4px;height:10px;border-width:0 2px 2px 0;margin:-1px -1px 0;transform:rotate(45deg) translate(-50%,-50%) scale(0);z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-checkbox input[type=checkbox]:disabled{background-color:var(--divider);border:2px solid var(--divider);opacity:1}.iziui-checkbox__helper-text{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px);margin-left:14.4px}.iziui-checkbox__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-checkbox__helper-text--error{color:var(--error)}
|
|
45
46
|
/*$vite$:1*/
|
|
47
|
+
/* assets/index-tn0RQdqM.css */
|
|
48
|
+
/*$vite$:1*/
|
|
49
|
+
/* assets/index-DdKlNTHj.css */
|
|
50
|
+
.iziui-tabs{display:flex;position:relative;align-items:center;overflow:auto}.iziui-tabs::-webkit-scrollbar{display:none}.iziui-tabs{scrollbar-width:none;-ms-overflow-style:none}.iziui-tabs__button{width:100%;min-width:120px;border:none;text-transform:uppercase;background-color:transparent;height:48px;font-weight:700;white-space:nowrap;color:var(--text-primary);border-bottom:2px solid var(--divider);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.iziui-tabs__button--active-primary{color:var(--primary)}.iziui-tabs__button--active-secondary{color:var(--secondary)}.iziui-tabs__button--active-info{color:var(--info)}.iziui-tabs__button--active-error{color:var(--error)}.iziui-tabs__button--active-warning{color:var(--warning)}.iziui-tabs__button--active-success{color:var(--success)}.iziui-tabs__button--active-grey{color:var(--grey)}.iziui-tabs__button--disabled{color:var(--text-disabled);cursor:not-allowed}.iziui-tabs__button__icon{opacity:1;margin-right:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-tabs__marker{left:0;bottom:0;position:absolute;transition:all .4s;height:2px}.iziui-tabs__marker--primary{background-color:var(--primary)}.iziui-tabs__marker--secondary{background-color:var(--secondary)}.iziui-tabs__marker--info{background-color:var(--info)}.iziui-tabs__marker--error{background-color:var(--error)}.iziui-tabs__marker--warning{background-color:var(--warning)}.iziui-tabs__marker--success{background-color:var(--success)}.iziui-tabs__marker--grey{background-color:var(--grey)}.iziui-tabs__marker__icon{margin-right:8px}
|
|
51
|
+
/*$vite$:1*/
|
|
46
52
|
/* assets/Card-CsjbyRZq.css */
|
|
47
53
|
.iziui-card{position:relative;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.iziui-card--clickable{cursor:pointer}.iziui-card--clickable:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-color:var(--primary-light)}.iziui-card__content{padding:16px;border-radius:var(--radius)}
|
|
48
54
|
/*$vite$:1*/
|
package/dist/theme/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/useTheme-DsrjDJKC.cjs");require("react");require("react/jsx-runtime");require("../chunks/generateSupportColors-CTMoGhDf.cjs");exports.ThemeProvider=e.ThemeProvider;exports.createTheme=e.createTheme;exports.useTheme=e.useTheme;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/theme/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{T as a,c as i,u as p}from"../chunks/useTheme-BYuNiCiH.js";import"react";import"react/jsx-runtime";import"../chunks/generateSupportColors-BN5t8dA-.js";export{a as ThemeProvider,i as createTheme,p as useTheme};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const w=require("react/jsx-runtime"),i=require("react");function o(s,t){return new Promise(e=>{setTimeout(()=>{e(s())},t)})}function b({children:s,enter:t,delay:e=10,timeout:c=.5,...n}){const[r,a]=i.useState(!1),[l,u]=i.useState({opacity:0});i.useEffect(()=>{setTimeout(()=>{if(t){f();return}y()},e)},[t]);const f=()=>{a(!0),o(()=>{u({opacity:1})},e)},y=async()=>{u({opacity:0}),await o(()=>{a(!1)},c*1e3)};return r&&w.jsx("div",{...n,style:{...l,width:"100%",transition:`all ${c}s cubic-bezier(0.25, 0.1, 0.25, 1)`,...n.style},children:s})}exports.Fade=b;
|
|
2
|
-
//# sourceMappingURL=Fade-CM-5xRVt.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Fade-CM-5xRVt.cjs","sources":["../../../../toolkit/src/promise/wait.ts","../../src/animations/Fade/Fade.tsx"],"sourcesContent":["export function wait<T>(callback: () => T, ms: number) {\n return new Promise<T>(resolve => {\n setTimeout(() => { resolve(callback()); }, ms);\n });\n}\n","import { useEffect, useState } from 'react';\n\nimport { wait } from '@iziui/toolkit/promise';\n\ntype Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nexport interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {\n enter: boolean;\n delay?: number;\n timeout?: number;\n}\n\nexport default function Fade({ children, enter, delay = 10, timeout = .5, ...props }: Readonly<FadeProps>) {\n const [isVisible, setIsVisible] = useState(false);\n const [style, setStyle] = useState<Style>({ opacity: 0 });\n\n useEffect(() => {\n setTimeout(() => {\n if (enter) {\n show();\n return;\n }\n\n hide();\n }, delay);\n }, [enter]);\n\n const show = () => {\n setIsVisible(true);\n\n wait(() => {\n setStyle({ opacity: 1, });\n }, delay);\n };\n\n const hide = async () => {\n setStyle({ opacity: 0 });\n\n await wait(() => {\n setIsVisible(false);\n }, timeout * 1000);\n };\n\n return (\n isVisible && (\n <div\n {...props}\n style={{\n ...style,\n width: '100%',\n transition: `all ${timeout}s cubic-bezier(0.25, 0.1, 0.25, 1)`,\n ...props.style\n }}\n >\n {children}\n </div>\n )\n );\n}\n"],"names":["wait","callback","ms","resolve","Fade","children","enter","delay","timeout","props","isVisible","setIsVisible","useState","style","setStyle","useEffect","show","hide","jsx"],"mappings":"qEAAO,SAASA,EAAQC,EAAmBC,EAAY,CACrD,OAAO,IAAI,QAAWC,GAAW,CAC/B,WAAW,IAAM,CAAEA,EAAQF,GAAU,CAAG,EAAGC,CAAE,CAC/C,CAAC,CACH,CCQA,SAAwBE,EAAK,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAQ,GAAI,QAAAC,EAAU,GAAI,GAAGC,GAA8B,CACzG,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAOC,CAAQ,EAAIF,EAAAA,SAAgB,CAAE,QAAS,EAAG,EAExDG,EAAAA,UAAU,IAAM,CACd,WAAW,IAAM,CACf,GAAIT,EAAO,CACTU,EAAA,EACA,MACF,CAEAC,EAAA,CACF,EAAGV,CAAK,CACV,EAAG,CAACD,CAAK,CAAC,EAEV,MAAMU,EAAO,IAAM,CACjBL,EAAa,EAAI,EAEjBX,EAAK,IAAM,CACTc,EAAS,CAAE,QAAS,EAAI,CAC1B,EAAGP,CAAK,CACV,EAEMU,EAAO,SAAY,CACvBH,EAAS,CAAE,QAAS,EAAG,EAEvB,MAAMd,EAAK,IAAM,CACfW,EAAa,EAAK,CACpB,EAAGH,EAAU,GAAI,CACnB,EAEA,OACEE,GACEQ,EAAAA,IAAC,MAAA,CACE,GAAGT,EACJ,MAAO,CACL,GAAGI,EACH,MAAO,OACP,WAAY,OAAOL,CAAO,qCAC1B,GAAGC,EAAM,KAAA,EAGV,SAAAJ,CAAA,CAAA,CAIT"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{jsx as m}from"react/jsx-runtime";import{useState as c,useEffect as w}from"react";function r(s,t){return new Promise(e=>{setTimeout(()=>{e(s())},t)})}function d({children:s,enter:t,delay:e=10,timeout:i=.5,...o}){const[u,n]=c(!1),[f,a]=c({opacity:0});w(()=>{setTimeout(()=>{if(t){l();return}y()},e)},[t]);const l=()=>{n(!0),r(()=>{a({opacity:1})},e)},y=async()=>{a({opacity:0}),await r(()=>{n(!1)},i*1e3)};return u&&m("div",{...o,style:{...f,width:"100%",transition:`all ${i}s cubic-bezier(0.25, 0.1, 0.25, 1)`,...o.style},children:s})}export{d as F};
|
|
2
|
-
//# sourceMappingURL=Fade-spxq-W-Q.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Fade-spxq-W-Q.js","sources":["../../../../toolkit/src/promise/wait.ts","../../src/animations/Fade/Fade.tsx"],"sourcesContent":["export function wait<T>(callback: () => T, ms: number) {\n return new Promise<T>(resolve => {\n setTimeout(() => { resolve(callback()); }, ms);\n });\n}\n","import { useEffect, useState } from 'react';\n\nimport { wait } from '@iziui/toolkit/promise';\n\ntype Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nexport interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {\n enter: boolean;\n delay?: number;\n timeout?: number;\n}\n\nexport default function Fade({ children, enter, delay = 10, timeout = .5, ...props }: Readonly<FadeProps>) {\n const [isVisible, setIsVisible] = useState(false);\n const [style, setStyle] = useState<Style>({ opacity: 0 });\n\n useEffect(() => {\n setTimeout(() => {\n if (enter) {\n show();\n return;\n }\n\n hide();\n }, delay);\n }, [enter]);\n\n const show = () => {\n setIsVisible(true);\n\n wait(() => {\n setStyle({ opacity: 1, });\n }, delay);\n };\n\n const hide = async () => {\n setStyle({ opacity: 0 });\n\n await wait(() => {\n setIsVisible(false);\n }, timeout * 1000);\n };\n\n return (\n isVisible && (\n <div\n {...props}\n style={{\n ...style,\n width: '100%',\n transition: `all ${timeout}s cubic-bezier(0.25, 0.1, 0.25, 1)`,\n ...props.style\n }}\n >\n {children}\n </div>\n )\n );\n}\n"],"names":["wait","callback","ms","resolve","Fade","children","enter","delay","timeout","props","isVisible","setIsVisible","useState","style","setStyle","useEffect","show","hide","jsx"],"mappings":"wFAAO,SAASA,EAAQC,EAAmBC,EAAY,CACrD,OAAO,IAAI,QAAWC,GAAW,CAC/B,WAAW,IAAM,CAAEA,EAAQF,GAAU,CAAG,EAAGC,CAAE,CAC/C,CAAC,CACH,CCQA,SAAwBE,EAAK,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAQ,GAAI,QAAAC,EAAU,GAAI,GAAGC,GAA8B,CACzG,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAC1C,CAACC,EAAOC,CAAQ,EAAIF,EAAgB,CAAE,QAAS,EAAG,EAExDG,EAAU,IAAM,CACd,WAAW,IAAM,CACf,GAAIT,EAAO,CACTU,EAAA,EACA,MACF,CAEAC,EAAA,CACF,EAAGV,CAAK,CACV,EAAG,CAACD,CAAK,CAAC,EAEV,MAAMU,EAAO,IAAM,CACjBL,EAAa,EAAI,EAEjBX,EAAK,IAAM,CACTc,EAAS,CAAE,QAAS,EAAI,CAC1B,EAAGP,CAAK,CACV,EAEMU,EAAO,SAAY,CACvBH,EAAS,CAAE,QAAS,EAAG,EAEvB,MAAMd,EAAK,IAAM,CACfW,EAAa,EAAK,CACpB,EAAGH,EAAU,GAAI,CACnB,EAEA,OACEE,GACEQ,EAAC,MAAA,CACE,GAAGT,EACJ,MAAO,CACL,GAAGI,EACH,MAAO,OACP,WAAY,OAAOL,CAAO,qCAC1B,GAAGC,EAAM,KAAA,EAGV,SAAAJ,CAAA,CAAA,CAIT"}
|