@bertimatteodev/astra-ui 0.2.1 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/astra-ui.cjs +1 -1
- package/dist/astra-ui.js +248 -99
- package/dist/{astra-ui.css → index.css} +1 -2
- package/dist/types/components/Badge/Badge.d.ts +7 -0
- package/dist/types/components/Badge/Badge.d.ts.map +1 -0
- package/dist/types/components/Badge/index.d.ts +3 -0
- package/dist/types/components/Badge/index.d.ts.map +1 -0
- package/dist/types/components/Dropdown/Dropdown.d.ts +18 -0
- package/dist/types/components/Dropdown/Dropdown.d.ts.map +1 -0
- package/dist/types/components/Dropdown/index.d.ts +3 -0
- package/dist/types/components/Dropdown/index.d.ts.map +1 -0
- package/dist/types/components/IconButton/IconButton.d.ts +3 -1
- package/dist/types/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/types/components/MultiSelect/MultiSelect.d.ts +18 -0
- package/dist/types/components/MultiSelect/MultiSelect.d.ts.map +1 -0
- package/dist/types/components/MultiSelect/index.d.ts +3 -0
- package/dist/types/components/MultiSelect/index.d.ts.map +1 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +4 -3
package/dist/astra-ui.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");var n={button:`_button_gjxjz_1`,sizeSm:`_sizeSm_gjxjz_31`,sizeMd:`_sizeMd_gjxjz_37`,sizeLg:`_sizeLg_gjxjz_42`,variantPrimary:`_variantPrimary_gjxjz_48`,variantSecondary:`_variantSecondary_gjxjz_57`,variantGhost:`_variantGhost_gjxjz_67`,variantDanger:`_variantDanger_gjxjz_76`,fullWidth:`_fullWidth_gjxjz_85`,loading:`_loading_gjxjz_89`,icon:`_icon_gjxjz_93`,label:`_label_gjxjz_106`,spinner:`_spinner_gjxjz_111`,spin:`_spin_gjxjz_111`},r={primary:n.variantPrimary,secondary:n.variantSecondary,ghost:n.variantGhost,danger:n.variantDanger},i={sm:n.sizeSm,md:n.sizeMd,lg:n.sizeLg};function a(...e){return e.filter(Boolean).join(` `)}var o=(0,e.forwardRef)(function({children:e,className:o,variant:s=`primary`,size:c=`md`,fullWidth:l=!1,isLoading:u=!1,startIcon:d,endIcon:f,disabled:p,type:m=`button`,...h},g){let _=p||u;return(0,t.jsxs)(`button`,{ref:g,type:m,className:a(n.button,r[s],i[c],l&&n.fullWidth,u&&n.loading,o),disabled:_,"aria-busy":u||void 0,...h,children:[u?(0,t.jsx)(`span`,{className:n.spinner,"aria-hidden":`true`}):null,!u&&d?(0,t.jsx)(`span`,{className:n.icon,"aria-hidden":`true`,children:d}):null,(0,t.jsx)(`span`,{className:n.label,children:e}),!u&&f?(0,t.jsx)(`span`,{className:n.icon,"aria-hidden":`true`,children:f}):null]})});o.displayName=`Button`;var s={card:`_card_1ex3y_1`,paddingNone:`_paddingNone_1ex3y_9`,paddingSm:`_paddingSm_1ex3y_13`,paddingMd:`_paddingMd_1ex3y_17`,paddingLg:`_paddingLg_1ex3y_21`,elevationNone:`_elevationNone_1ex3y_26`,elevationSm:`_elevationSm_1ex3y_30`,elevationMd:`_elevationMd_1ex3y_34`},c={none:s.paddingNone,sm:s.paddingSm,md:s.paddingMd,lg:s.paddingLg},l={none:s.elevationNone,sm:s.elevationSm,md:s.elevationMd};function u(...e){return e.filter(Boolean).join(` `)}var d=(0,e.forwardRef)(function({children:e,className:n,padding:r=`md`,elevation:i=`sm`,...a},o){return(0,t.jsx)(`div`,{ref:o,className:u(s.card,c[r],l[i],n),...a,children:e})});d.displayName=`Card`;var f={button:`
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});require('./index.css');let e=require("react"),t=require("react/jsx-runtime");var n={button:`_button_gjxjz_1`,sizeSm:`_sizeSm_gjxjz_31`,sizeMd:`_sizeMd_gjxjz_37`,sizeLg:`_sizeLg_gjxjz_42`,variantPrimary:`_variantPrimary_gjxjz_48`,variantSecondary:`_variantSecondary_gjxjz_57`,variantGhost:`_variantGhost_gjxjz_67`,variantDanger:`_variantDanger_gjxjz_76`,fullWidth:`_fullWidth_gjxjz_85`,loading:`_loading_gjxjz_89`,icon:`_icon_gjxjz_93`,label:`_label_gjxjz_106`,spinner:`_spinner_gjxjz_111`,spin:`_spin_gjxjz_111`},r={primary:n.variantPrimary,secondary:n.variantSecondary,ghost:n.variantGhost,danger:n.variantDanger},i={sm:n.sizeSm,md:n.sizeMd,lg:n.sizeLg};function a(...e){return e.filter(Boolean).join(` `)}var o=(0,e.forwardRef)(function({children:e,className:o,variant:s=`primary`,size:c=`md`,fullWidth:l=!1,isLoading:u=!1,startIcon:d,endIcon:f,disabled:p,type:m=`button`,...h},g){let _=p||u;return(0,t.jsxs)(`button`,{ref:g,type:m,className:a(n.button,r[s],i[c],l&&n.fullWidth,u&&n.loading,o),disabled:_,"aria-busy":u||void 0,...h,children:[u?(0,t.jsx)(`span`,{className:n.spinner,"aria-hidden":`true`}):null,!u&&d?(0,t.jsx)(`span`,{className:n.icon,"aria-hidden":`true`,children:d}):null,(0,t.jsx)(`span`,{className:n.label,children:e}),!u&&f?(0,t.jsx)(`span`,{className:n.icon,"aria-hidden":`true`,children:f}):null]})});o.displayName=`Button`;var s={card:`_card_1ex3y_1`,paddingNone:`_paddingNone_1ex3y_9`,paddingSm:`_paddingSm_1ex3y_13`,paddingMd:`_paddingMd_1ex3y_17`,paddingLg:`_paddingLg_1ex3y_21`,elevationNone:`_elevationNone_1ex3y_26`,elevationSm:`_elevationSm_1ex3y_30`,elevationMd:`_elevationMd_1ex3y_34`},c={none:s.paddingNone,sm:s.paddingSm,md:s.paddingMd,lg:s.paddingLg},l={none:s.elevationNone,sm:s.elevationSm,md:s.elevationMd};function u(...e){return e.filter(Boolean).join(` `)}var d=(0,e.forwardRef)(function({children:e,className:n,padding:r=`md`,elevation:i=`sm`,...a},o){return(0,t.jsx)(`div`,{ref:o,className:u(s.card,c[r],l[i],n),...a,children:e})});d.displayName=`Card`;var f={button:`_button_2kydv_1`,sizeSm:`_sizeSm_2kydv_27`,sizeMd:`_sizeMd_2kydv_32`,sizeLg:`_sizeLg_2kydv_37`,variantPrimary:`_variantPrimary_2kydv_42`,variantSecondary:`_variantSecondary_2kydv_51`,variantGhost:`_variantGhost_2kydv_61`,variantDanger:`_variantDanger_2kydv_70`,borderless:`_borderless_2kydv_78`,icon:`_icon_2kydv_82`,spinner:`_spinner_2kydv_94`,spin:`_spin_2kydv_94`,loading:`_loading_2kydv_103`},p={primary:f.variantPrimary,secondary:f.variantSecondary,ghost:f.variantGhost,danger:f.variantDanger},m={sm:f.sizeSm,md:f.sizeMd,lg:f.sizeLg};function h(...e){return e.filter(Boolean).join(` `)}var g=(0,e.forwardRef)(function({icon:e,label:n,className:r,variant:i=`secondary`,size:a=`md`,isLoading:o=!1,borderless:s=!1,backgroundColor:c,disabled:l,type:u=`button`,style:d,...g},_){let v=l||o,y=c?{...d,backgroundColor:c}:d;return(0,t.jsx)(`button`,{ref:_,type:u,className:h(f.button,p[i],m[a],o&&f.loading,s&&f.borderless,r),style:y,disabled:v,"aria-label":n,"aria-busy":o||void 0,...g,children:o?(0,t.jsx)(`span`,{className:f.spinner,"aria-hidden":`true`}):(0,t.jsx)(`span`,{className:f.icon,"aria-hidden":`true`,children:e})})});g.displayName=`IconButton`;var _={field:`_field_1pq0j_1`,label:`_label_1pq0j_7`,required:`_required_1pq0j_14`,control:`_control_1pq0j_18`,input:`_input_1pq0j_37`,adornment:`_adornment_1pq0j_65`,hint:`_hint_1pq0j_79`,error:`_error_1pq0j_80`,hasError:`_hasError_1pq0j_94`,isDisabled:`_isDisabled_1pq0j_102`};function v(...e){return e.filter(Boolean).join(` `)}var y=(0,e.forwardRef)(function({id:n,label:r,hint:i,error:a,startAdornment:o,endAdornment:s,className:c,containerClassName:l,disabled:u,required:d,"aria-describedby":f,...p},m){let h=(0,e.useId)(),g=n??`text-field-${h}`,y=`${g}-hint`,b=`${g}-error`,x=[f,i?y:null,a?b:null].filter(Boolean).join(` `);return(0,t.jsxs)(`div`,{className:v(_.field,l),children:[r?(0,t.jsxs)(`label`,{className:_.label,htmlFor:g,children:[r,d?(0,t.jsxs)(`span`,{className:_.required,"aria-hidden":`true`,children:[` `,`*`]}):null]}):null,(0,t.jsxs)(`div`,{className:v(_.control,a&&_.hasError,u&&_.isDisabled),children:[o?(0,t.jsx)(`span`,{className:_.adornment,"aria-hidden":`true`,children:o}):null,(0,t.jsx)(`input`,{ref:m,id:g,className:v(_.input,c),disabled:u,required:d,"aria-invalid":a?!0:void 0,"aria-describedby":x||void 0,...p}),s?(0,t.jsx)(`span`,{className:_.adornment,"aria-hidden":`true`,children:s}):null]}),a?(0,t.jsx)(`p`,{id:b,className:_.error,role:`alert`,children:a}):null,!a&&i?(0,t.jsx)(`p`,{id:y,className:_.hint,children:i}):null]})});y.displayName=`TextField`;var b={field:`_field_1na7j_1`,label:`_label_1na7j_7`,required:`_required_1na7j_14`,control:`_control_1na7j_18`,select:`_select_1na7j_34`,indicator:`_indicator_1na7j_57`,hint:`_hint_1na7j_69`,error:`_error_1na7j_70`,hasError:`_hasError_1na7j_84`,isDisabled:`_isDisabled_1na7j_92`};function x(...e){return e.filter(Boolean).join(` `)}var S=(0,e.forwardRef)(function({id:n,options:r,label:i,hint:a,error:o,placeholder:s,className:c,containerClassName:l,disabled:u,required:d,onChange:f,onValueChange:p,"aria-describedby":m,...h},g){let _=(0,e.useId)(),v=n??`dropdown-${_}`,y=`${v}-hint`,S=`${v}-error`,C=[m,a?y:null,o?S:null].filter(Boolean).join(` `);function w(e){f?.(e),p?.(e.target.value)}return(0,t.jsxs)(`div`,{className:x(b.field,l),children:[i?(0,t.jsxs)(`label`,{className:b.label,htmlFor:v,children:[i,d?(0,t.jsxs)(`span`,{className:b.required,"aria-hidden":`true`,children:[` `,`*`]}):null]}):null,(0,t.jsxs)(`div`,{className:x(b.control,o&&b.hasError,u&&b.isDisabled),children:[(0,t.jsxs)(`select`,{ref:g,id:v,className:x(b.select,c),disabled:u,required:d,"aria-invalid":o?!0:void 0,"aria-describedby":C||void 0,onChange:w,...h,children:[s?(0,t.jsx)(`option`,{value:``,disabled:!0,children:s}):null,r.map(e=>(0,t.jsx)(`option`,{value:e.value,disabled:e.disabled,children:e.label},e.value))]}),(0,t.jsx)(`span`,{className:b.indicator,"aria-hidden":`true`})]}),o?(0,t.jsx)(`p`,{id:S,className:b.error,role:`alert`,children:o}):null,!o&&a?(0,t.jsx)(`p`,{id:y,className:b.hint,children:a}):null]})});S.displayName=`Dropdown`;var C={group:`_group_1fqa2_1`,option:`_option_1fqa2_8`,selected:`_selected_1fqa2_41`,count:`_count_1fqa2_52`};function w(...e){return e.filter(Boolean).join(` `)}var T=(0,e.forwardRef)(function({options:n,value:r,defaultValue:i=[],multiple:a=!1,disabled:o=!1,className:s,onValueChange:c,"aria-label":l=a?`Selezione multipla`:`Selezione singola`,...u},d){let[f,p]=(0,e.useState)(i),m=r??f,h=a?m:m.slice(0,1);function g(e){let t=h.includes(e),n=a?t?h.filter(t=>t!==e):[...h,e]:t?[]:[e];r===void 0&&p(n),c?.(n)}return(0,t.jsx)(`div`,{ref:d,role:`group`,"aria-label":l,className:w(C.group,s),...u,children:n.map(e=>{let n=h.includes(e.value),r=o||e.disabled,i=e.selectedColor?{"--multi-select-selected-color":e.selectedColor,"--multi-select-selected-background":`color-mix(in srgb, ${e.selectedColor} 14%, transparent)`}:void 0;return(0,t.jsxs)(`button`,{type:`button`,className:w(C.option,n&&C.selected),disabled:r,"aria-pressed":n,style:i,onClick:()=>g(e.value),children:[e.count===void 0?null:(0,t.jsx)(`span`,{className:C.count,children:e.count}),(0,t.jsx)(`span`,{children:e.label})]},e.value)})})});T.displayName=`MultiSelect`;var E={badge:`_badge_3xnd3_1`};function D(...e){return e.filter(Boolean).join(` `)}var O=(0,e.forwardRef)(function({text:e,color:n,className:r,style:i,...a},o){let s=n?{...i,"--badge-color":n,"--badge-background":`color-mix(in srgb, ${n} 14%, transparent)`}:i;return(0,t.jsx)(`span`,{ref:o,className:D(E.badge,r),style:s,...a,children:e})});O.displayName=`Badge`,exports.Badge=O,exports.Button=o,exports.Card=d,exports.Dropdown=S,exports.IconButton=g,exports.MultiSelect=T,exports.TextField=y;
|
package/dist/astra-ui.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { forwardRef as e, useId as t } from "react";
|
|
2
|
-
import { jsx as
|
|
3
|
-
var
|
|
1
|
+
import { forwardRef as e, useId as t, useState as n } from "react";
|
|
2
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
3
|
+
import './index.css';var a = {
|
|
4
4
|
button: "_button_gjxjz_1",
|
|
5
5
|
sizeSm: "_sizeSm_gjxjz_31",
|
|
6
6
|
sizeMd: "_sizeMd_gjxjz_37",
|
|
@@ -15,52 +15,52 @@ var i = {
|
|
|
15
15
|
label: "_label_gjxjz_106",
|
|
16
16
|
spinner: "_spinner_gjxjz_111",
|
|
17
17
|
spin: "_spin_gjxjz_111"
|
|
18
|
-
}, a = {
|
|
19
|
-
primary: i.variantPrimary,
|
|
20
|
-
secondary: i.variantSecondary,
|
|
21
|
-
ghost: i.variantGhost,
|
|
22
|
-
danger: i.variantDanger
|
|
23
18
|
}, o = {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
19
|
+
primary: a.variantPrimary,
|
|
20
|
+
secondary: a.variantSecondary,
|
|
21
|
+
ghost: a.variantGhost,
|
|
22
|
+
danger: a.variantDanger
|
|
23
|
+
}, s = {
|
|
24
|
+
sm: a.sizeSm,
|
|
25
|
+
md: a.sizeMd,
|
|
26
|
+
lg: a.sizeLg
|
|
27
27
|
};
|
|
28
|
-
function
|
|
28
|
+
function c(...e) {
|
|
29
29
|
return e.filter(Boolean).join(" ");
|
|
30
30
|
}
|
|
31
|
-
var
|
|
31
|
+
var l = e(function({ children: e, className: t, variant: n = "primary", size: l = "md", fullWidth: u = !1, isLoading: d = !1, startIcon: f, endIcon: p, disabled: m, type: h = "button", ...g }, _) {
|
|
32
32
|
let v = m || d;
|
|
33
|
-
return /* @__PURE__ */
|
|
33
|
+
return /* @__PURE__ */ i("button", {
|
|
34
34
|
ref: _,
|
|
35
35
|
type: h,
|
|
36
|
-
className:
|
|
36
|
+
className: c(a.button, o[n], s[l], u && a.fullWidth, d && a.loading, t),
|
|
37
37
|
disabled: v,
|
|
38
38
|
"aria-busy": d || void 0,
|
|
39
39
|
...g,
|
|
40
40
|
children: [
|
|
41
|
-
d ? /* @__PURE__ */
|
|
42
|
-
className:
|
|
41
|
+
d ? /* @__PURE__ */ r("span", {
|
|
42
|
+
className: a.spinner,
|
|
43
43
|
"aria-hidden": "true"
|
|
44
44
|
}) : null,
|
|
45
|
-
!d && f ? /* @__PURE__ */
|
|
46
|
-
className:
|
|
45
|
+
!d && f ? /* @__PURE__ */ r("span", {
|
|
46
|
+
className: a.icon,
|
|
47
47
|
"aria-hidden": "true",
|
|
48
48
|
children: f
|
|
49
49
|
}) : null,
|
|
50
|
-
/* @__PURE__ */
|
|
51
|
-
className:
|
|
50
|
+
/* @__PURE__ */ r("span", {
|
|
51
|
+
className: a.label,
|
|
52
52
|
children: e
|
|
53
53
|
}),
|
|
54
|
-
!d && p ? /* @__PURE__ */
|
|
55
|
-
className:
|
|
54
|
+
!d && p ? /* @__PURE__ */ r("span", {
|
|
55
|
+
className: a.icon,
|
|
56
56
|
"aria-hidden": "true",
|
|
57
57
|
children: p
|
|
58
58
|
}) : null
|
|
59
59
|
]
|
|
60
60
|
});
|
|
61
61
|
});
|
|
62
|
-
|
|
63
|
-
var
|
|
62
|
+
l.displayName = "Button";
|
|
63
|
+
var u = {
|
|
64
64
|
card: "_card_1ex3y_1",
|
|
65
65
|
paddingNone: "_paddingNone_1ex3y_9",
|
|
66
66
|
paddingSm: "_paddingSm_1ex3y_13",
|
|
@@ -69,76 +69,81 @@ var l = {
|
|
|
69
69
|
elevationNone: "_elevationNone_1ex3y_26",
|
|
70
70
|
elevationSm: "_elevationSm_1ex3y_30",
|
|
71
71
|
elevationMd: "_elevationMd_1ex3y_34"
|
|
72
|
-
}, u = {
|
|
73
|
-
none: l.paddingNone,
|
|
74
|
-
sm: l.paddingSm,
|
|
75
|
-
md: l.paddingMd,
|
|
76
|
-
lg: l.paddingLg
|
|
77
72
|
}, d = {
|
|
78
|
-
none:
|
|
79
|
-
sm:
|
|
80
|
-
md:
|
|
73
|
+
none: u.paddingNone,
|
|
74
|
+
sm: u.paddingSm,
|
|
75
|
+
md: u.paddingMd,
|
|
76
|
+
lg: u.paddingLg
|
|
77
|
+
}, f = {
|
|
78
|
+
none: u.elevationNone,
|
|
79
|
+
sm: u.elevationSm,
|
|
80
|
+
md: u.elevationMd
|
|
81
81
|
};
|
|
82
|
-
function
|
|
82
|
+
function p(...e) {
|
|
83
83
|
return e.filter(Boolean).join(" ");
|
|
84
84
|
}
|
|
85
|
-
var
|
|
86
|
-
return /* @__PURE__ */
|
|
85
|
+
var m = e(function({ children: e, className: t, padding: n = "md", elevation: i = "sm", ...a }, o) {
|
|
86
|
+
return /* @__PURE__ */ r("div", {
|
|
87
87
|
ref: o,
|
|
88
|
-
className:
|
|
88
|
+
className: p(u.card, d[n], f[i], t),
|
|
89
89
|
...a,
|
|
90
90
|
children: e
|
|
91
91
|
});
|
|
92
92
|
});
|
|
93
|
-
|
|
94
|
-
var
|
|
95
|
-
button: "
|
|
96
|
-
sizeSm: "
|
|
97
|
-
sizeMd: "
|
|
98
|
-
sizeLg: "
|
|
99
|
-
variantPrimary: "
|
|
100
|
-
variantSecondary: "
|
|
101
|
-
variantGhost: "
|
|
102
|
-
variantDanger: "
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
primary: m.variantPrimary,
|
|
109
|
-
secondary: m.variantSecondary,
|
|
110
|
-
ghost: m.variantGhost,
|
|
111
|
-
danger: m.variantDanger
|
|
93
|
+
m.displayName = "Card";
|
|
94
|
+
var h = {
|
|
95
|
+
button: "_button_2kydv_1",
|
|
96
|
+
sizeSm: "_sizeSm_2kydv_27",
|
|
97
|
+
sizeMd: "_sizeMd_2kydv_32",
|
|
98
|
+
sizeLg: "_sizeLg_2kydv_37",
|
|
99
|
+
variantPrimary: "_variantPrimary_2kydv_42",
|
|
100
|
+
variantSecondary: "_variantSecondary_2kydv_51",
|
|
101
|
+
variantGhost: "_variantGhost_2kydv_61",
|
|
102
|
+
variantDanger: "_variantDanger_2kydv_70",
|
|
103
|
+
borderless: "_borderless_2kydv_78",
|
|
104
|
+
icon: "_icon_2kydv_82",
|
|
105
|
+
spinner: "_spinner_2kydv_94",
|
|
106
|
+
spin: "_spin_2kydv_94",
|
|
107
|
+
loading: "_loading_2kydv_103"
|
|
112
108
|
}, g = {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
109
|
+
primary: h.variantPrimary,
|
|
110
|
+
secondary: h.variantSecondary,
|
|
111
|
+
ghost: h.variantGhost,
|
|
112
|
+
danger: h.variantDanger
|
|
113
|
+
}, _ = {
|
|
114
|
+
sm: h.sizeSm,
|
|
115
|
+
md: h.sizeMd,
|
|
116
|
+
lg: h.sizeLg
|
|
116
117
|
};
|
|
117
|
-
function
|
|
118
|
+
function v(...e) {
|
|
118
119
|
return e.filter(Boolean).join(" ");
|
|
119
120
|
}
|
|
120
|
-
var
|
|
121
|
-
let
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
121
|
+
var y = e(function({ icon: e, label: t, className: n, variant: i = "secondary", size: a = "md", isLoading: o = !1, borderless: s = !1, backgroundColor: c, disabled: l, type: u = "button", style: d, ...f }, p) {
|
|
122
|
+
let m = l || o, y = c ? {
|
|
123
|
+
...d,
|
|
124
|
+
backgroundColor: c
|
|
125
|
+
} : d;
|
|
126
|
+
return /* @__PURE__ */ r("button", {
|
|
127
|
+
ref: p,
|
|
128
|
+
type: u,
|
|
129
|
+
className: v(h.button, g[i], _[a], o && h.loading, s && h.borderless, n),
|
|
130
|
+
style: y,
|
|
131
|
+
disabled: m,
|
|
127
132
|
"aria-label": t,
|
|
128
133
|
"aria-busy": o || void 0,
|
|
129
|
-
...
|
|
130
|
-
children: o ? /* @__PURE__ */
|
|
131
|
-
className:
|
|
134
|
+
...f,
|
|
135
|
+
children: o ? /* @__PURE__ */ r("span", {
|
|
136
|
+
className: h.spinner,
|
|
132
137
|
"aria-hidden": "true"
|
|
133
|
-
}) : /* @__PURE__ */
|
|
134
|
-
className:
|
|
138
|
+
}) : /* @__PURE__ */ r("span", {
|
|
139
|
+
className: h.icon,
|
|
135
140
|
"aria-hidden": "true",
|
|
136
141
|
children: e
|
|
137
142
|
})
|
|
138
143
|
});
|
|
139
144
|
});
|
|
140
|
-
|
|
141
|
-
var
|
|
145
|
+
y.displayName = "IconButton";
|
|
146
|
+
var b = {
|
|
142
147
|
field: "_field_1pq0j_1",
|
|
143
148
|
label: "_label_1pq0j_7",
|
|
144
149
|
required: "_required_1pq0j_14",
|
|
@@ -152,66 +157,210 @@ var y = {
|
|
|
152
157
|
};
|
|
153
158
|
//#endregion
|
|
154
159
|
//#region src/components/TextField/TextField.tsx
|
|
155
|
-
function
|
|
160
|
+
function x(...e) {
|
|
156
161
|
return e.filter(Boolean).join(" ");
|
|
157
162
|
}
|
|
158
|
-
var
|
|
159
|
-
let g = t(), _ = e ?? `text-field-${g}`, v = `${_}-hint`,
|
|
163
|
+
var S = e(function({ id: e, label: n, hint: a, error: o, startAdornment: s, endAdornment: c, className: l, containerClassName: u, disabled: d, required: f, "aria-describedby": p, ...m }, h) {
|
|
164
|
+
let g = t(), _ = e ?? `text-field-${g}`, v = `${_}-hint`, y = `${_}-error`, S = [
|
|
160
165
|
p,
|
|
161
166
|
a ? v : null,
|
|
162
|
-
o ?
|
|
167
|
+
o ? y : null
|
|
163
168
|
].filter(Boolean).join(" ");
|
|
164
|
-
return /* @__PURE__ */
|
|
165
|
-
className: b
|
|
169
|
+
return /* @__PURE__ */ i("div", {
|
|
170
|
+
className: x(b.field, u),
|
|
166
171
|
children: [
|
|
167
|
-
|
|
168
|
-
className:
|
|
172
|
+
n ? /* @__PURE__ */ i("label", {
|
|
173
|
+
className: b.label,
|
|
169
174
|
htmlFor: _,
|
|
170
|
-
children: [
|
|
171
|
-
className:
|
|
175
|
+
children: [n, f ? /* @__PURE__ */ i("span", {
|
|
176
|
+
className: b.required,
|
|
172
177
|
"aria-hidden": "true",
|
|
173
178
|
children: [" ", "*"]
|
|
174
179
|
}) : null]
|
|
175
180
|
}) : null,
|
|
176
|
-
/* @__PURE__ */
|
|
177
|
-
className: b
|
|
181
|
+
/* @__PURE__ */ i("div", {
|
|
182
|
+
className: x(b.control, o && b.hasError, d && b.isDisabled),
|
|
178
183
|
children: [
|
|
179
|
-
s ? /* @__PURE__ */
|
|
180
|
-
className:
|
|
184
|
+
s ? /* @__PURE__ */ r("span", {
|
|
185
|
+
className: b.adornment,
|
|
181
186
|
"aria-hidden": "true",
|
|
182
187
|
children: s
|
|
183
188
|
}) : null,
|
|
184
|
-
/* @__PURE__ */
|
|
189
|
+
/* @__PURE__ */ r("input", {
|
|
185
190
|
ref: h,
|
|
186
191
|
id: _,
|
|
187
|
-
className: b
|
|
192
|
+
className: x(b.input, l),
|
|
188
193
|
disabled: d,
|
|
189
194
|
required: f,
|
|
190
195
|
"aria-invalid": o ? !0 : void 0,
|
|
191
196
|
"aria-describedby": S || void 0,
|
|
192
197
|
...m
|
|
193
198
|
}),
|
|
194
|
-
c ? /* @__PURE__ */
|
|
195
|
-
className:
|
|
199
|
+
c ? /* @__PURE__ */ r("span", {
|
|
200
|
+
className: b.adornment,
|
|
196
201
|
"aria-hidden": "true",
|
|
197
202
|
children: c
|
|
198
203
|
}) : null
|
|
199
204
|
]
|
|
200
205
|
}),
|
|
201
|
-
o ? /* @__PURE__ */
|
|
202
|
-
id:
|
|
203
|
-
className:
|
|
206
|
+
o ? /* @__PURE__ */ r("p", {
|
|
207
|
+
id: y,
|
|
208
|
+
className: b.error,
|
|
204
209
|
role: "alert",
|
|
205
210
|
children: o
|
|
206
211
|
}) : null,
|
|
207
|
-
!o && a ? /* @__PURE__ */
|
|
212
|
+
!o && a ? /* @__PURE__ */ r("p", {
|
|
208
213
|
id: v,
|
|
209
|
-
className:
|
|
214
|
+
className: b.hint,
|
|
210
215
|
children: a
|
|
211
216
|
}) : null
|
|
212
217
|
]
|
|
213
218
|
});
|
|
214
219
|
});
|
|
215
|
-
|
|
220
|
+
S.displayName = "TextField";
|
|
221
|
+
var C = {
|
|
222
|
+
field: "_field_1na7j_1",
|
|
223
|
+
label: "_label_1na7j_7",
|
|
224
|
+
required: "_required_1na7j_14",
|
|
225
|
+
control: "_control_1na7j_18",
|
|
226
|
+
select: "_select_1na7j_34",
|
|
227
|
+
indicator: "_indicator_1na7j_57",
|
|
228
|
+
hint: "_hint_1na7j_69",
|
|
229
|
+
error: "_error_1na7j_70",
|
|
230
|
+
hasError: "_hasError_1na7j_84",
|
|
231
|
+
isDisabled: "_isDisabled_1na7j_92"
|
|
232
|
+
};
|
|
233
|
+
//#endregion
|
|
234
|
+
//#region src/components/Dropdown/Dropdown.tsx
|
|
235
|
+
function w(...e) {
|
|
236
|
+
return e.filter(Boolean).join(" ");
|
|
237
|
+
}
|
|
238
|
+
var T = e(function({ id: e, options: n, label: a, hint: o, error: s, placeholder: c, className: l, containerClassName: u, disabled: d, required: f, onChange: p, onValueChange: m, "aria-describedby": h, ...g }, _) {
|
|
239
|
+
let v = t(), y = e ?? `dropdown-${v}`, b = `${y}-hint`, x = `${y}-error`, S = [
|
|
240
|
+
h,
|
|
241
|
+
o ? b : null,
|
|
242
|
+
s ? x : null
|
|
243
|
+
].filter(Boolean).join(" ");
|
|
244
|
+
function T(e) {
|
|
245
|
+
p?.(e), m?.(e.target.value);
|
|
246
|
+
}
|
|
247
|
+
return /* @__PURE__ */ i("div", {
|
|
248
|
+
className: w(C.field, u),
|
|
249
|
+
children: [
|
|
250
|
+
a ? /* @__PURE__ */ i("label", {
|
|
251
|
+
className: C.label,
|
|
252
|
+
htmlFor: y,
|
|
253
|
+
children: [a, f ? /* @__PURE__ */ i("span", {
|
|
254
|
+
className: C.required,
|
|
255
|
+
"aria-hidden": "true",
|
|
256
|
+
children: [" ", "*"]
|
|
257
|
+
}) : null]
|
|
258
|
+
}) : null,
|
|
259
|
+
/* @__PURE__ */ i("div", {
|
|
260
|
+
className: w(C.control, s && C.hasError, d && C.isDisabled),
|
|
261
|
+
children: [/* @__PURE__ */ i("select", {
|
|
262
|
+
ref: _,
|
|
263
|
+
id: y,
|
|
264
|
+
className: w(C.select, l),
|
|
265
|
+
disabled: d,
|
|
266
|
+
required: f,
|
|
267
|
+
"aria-invalid": s ? !0 : void 0,
|
|
268
|
+
"aria-describedby": S || void 0,
|
|
269
|
+
onChange: T,
|
|
270
|
+
...g,
|
|
271
|
+
children: [c ? /* @__PURE__ */ r("option", {
|
|
272
|
+
value: "",
|
|
273
|
+
disabled: !0,
|
|
274
|
+
children: c
|
|
275
|
+
}) : null, n.map((e) => /* @__PURE__ */ r("option", {
|
|
276
|
+
value: e.value,
|
|
277
|
+
disabled: e.disabled,
|
|
278
|
+
children: e.label
|
|
279
|
+
}, e.value))]
|
|
280
|
+
}), /* @__PURE__ */ r("span", {
|
|
281
|
+
className: C.indicator,
|
|
282
|
+
"aria-hidden": "true"
|
|
283
|
+
})]
|
|
284
|
+
}),
|
|
285
|
+
s ? /* @__PURE__ */ r("p", {
|
|
286
|
+
id: x,
|
|
287
|
+
className: C.error,
|
|
288
|
+
role: "alert",
|
|
289
|
+
children: s
|
|
290
|
+
}) : null,
|
|
291
|
+
!s && o ? /* @__PURE__ */ r("p", {
|
|
292
|
+
id: b,
|
|
293
|
+
className: C.hint,
|
|
294
|
+
children: o
|
|
295
|
+
}) : null
|
|
296
|
+
]
|
|
297
|
+
});
|
|
298
|
+
});
|
|
299
|
+
T.displayName = "Dropdown";
|
|
300
|
+
var E = {
|
|
301
|
+
group: "_group_1fqa2_1",
|
|
302
|
+
option: "_option_1fqa2_8",
|
|
303
|
+
selected: "_selected_1fqa2_41",
|
|
304
|
+
count: "_count_1fqa2_52"
|
|
305
|
+
};
|
|
306
|
+
//#endregion
|
|
307
|
+
//#region src/components/MultiSelect/MultiSelect.tsx
|
|
308
|
+
function D(...e) {
|
|
309
|
+
return e.filter(Boolean).join(" ");
|
|
310
|
+
}
|
|
311
|
+
var O = e(function({ options: e, value: t, defaultValue: a = [], multiple: o = !1, disabled: s = !1, className: c, onValueChange: l, "aria-label": u = o ? "Selezione multipla" : "Selezione singola", ...d }, f) {
|
|
312
|
+
let [p, m] = n(a), h = t ?? p, g = o ? h : h.slice(0, 1);
|
|
313
|
+
function _(e) {
|
|
314
|
+
let n = g.includes(e), r = o ? n ? g.filter((t) => t !== e) : [...g, e] : n ? [] : [e];
|
|
315
|
+
t === void 0 && m(r), l?.(r);
|
|
316
|
+
}
|
|
317
|
+
return /* @__PURE__ */ r("div", {
|
|
318
|
+
ref: f,
|
|
319
|
+
role: "group",
|
|
320
|
+
"aria-label": u,
|
|
321
|
+
className: D(E.group, c),
|
|
322
|
+
...d,
|
|
323
|
+
children: e.map((e) => {
|
|
324
|
+
let t = g.includes(e.value), n = s || e.disabled, a = e.selectedColor ? {
|
|
325
|
+
"--multi-select-selected-color": e.selectedColor,
|
|
326
|
+
"--multi-select-selected-background": `color-mix(in srgb, ${e.selectedColor} 14%, transparent)`
|
|
327
|
+
} : void 0;
|
|
328
|
+
return /* @__PURE__ */ i("button", {
|
|
329
|
+
type: "button",
|
|
330
|
+
className: D(E.option, t && E.selected),
|
|
331
|
+
disabled: n,
|
|
332
|
+
"aria-pressed": t,
|
|
333
|
+
style: a,
|
|
334
|
+
onClick: () => _(e.value),
|
|
335
|
+
children: [e.count === void 0 ? null : /* @__PURE__ */ r("span", {
|
|
336
|
+
className: E.count,
|
|
337
|
+
children: e.count
|
|
338
|
+
}), /* @__PURE__ */ r("span", { children: e.label })]
|
|
339
|
+
}, e.value);
|
|
340
|
+
})
|
|
341
|
+
});
|
|
342
|
+
});
|
|
343
|
+
O.displayName = "MultiSelect";
|
|
344
|
+
var k = { badge: "_badge_3xnd3_1" };
|
|
345
|
+
//#endregion
|
|
346
|
+
//#region src/components/Badge/Badge.tsx
|
|
347
|
+
function A(...e) {
|
|
348
|
+
return e.filter(Boolean).join(" ");
|
|
349
|
+
}
|
|
350
|
+
var j = e(function({ text: e, color: t, className: n, style: i, ...a }, o) {
|
|
351
|
+
let s = t ? {
|
|
352
|
+
...i,
|
|
353
|
+
"--badge-color": t,
|
|
354
|
+
"--badge-background": `color-mix(in srgb, ${t} 14%, transparent)`
|
|
355
|
+
} : i;
|
|
356
|
+
return /* @__PURE__ */ r("span", {
|
|
357
|
+
ref: o,
|
|
358
|
+
className: A(k.badge, n),
|
|
359
|
+
style: s,
|
|
360
|
+
...a,
|
|
361
|
+
children: e
|
|
362
|
+
});
|
|
363
|
+
});
|
|
364
|
+
j.displayName = "Badge";
|
|
216
365
|
//#endregion
|
|
217
|
-
export {
|
|
366
|
+
export { j as Badge, l as Button, m as Card, T as Dropdown, y as IconButton, O as MultiSelect, S as TextField };
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
:root{--color-blue-300:#82a0ff;--color-blue-400:#6687ff;--color-blue-500:#3d6df2;--color-blue-600:#2858e6;--color-blue-700:#1f46c4;--color-violet-400:#a65af8;--color-violet-500:#9146f7;--color-violet-600:#7530d6;--color-white:#fff;--color-black:#000;--color-slate-50:#f8faff;--color-slate-100:#f1f4fa;--color-slate-200:#e6ebf3;--color-slate-300:#d9e0eb;--color-slate-400:#a6b0c2;--color-slate-500:#7a8498;--color-slate-600:#596276;--color-slate-700:#3e475a;--color-slate-800:#252c3c;--color-slate-900:#141925;--color-slate-950:#080b14;--color-success-300:#6cdaa1;--color-success-500:#36b77d;--color-success-700:#23885a;--color-danger-300:#fa8797;--color-danger-500:#ee6274;--color-danger-700:#c83b50;--color-warning-300:#ffc963;--color-warning-500:#f7af35;--color-warning-700:#c88317;--color-info-500:#4d7cff;--chart-liquidity:#3f72f4;--chart-emergency:#45c6bb;--chart-investments:#a543ed;--chart-pension:#f5a928;--chart-other:#e85071;--gradient-primary:linear-gradient(135deg, #3d78ff 0%, #2858e6 100%);--gradient-primary-hover:linear-gradient(135deg, #4b81ff 0%, #214ed6 100%);--gradient-pro:linear-gradient(135deg, #102348 0%, #44208e 55%, #8327ce 100%);--gradient-chart:linear-gradient(180deg, #3d6df238 0%, #3d6df200 100%);--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-pill:9999px;--radius-circle:50%;--shadow-none:none;--shadow-xs:0 1px 2px #18274b0a;--shadow-sm:0 2px 8px #18274b0f;--shadow-card:0 8px 30px #1c2f540f;--shadow-lg:0 18px 50px #18274b1f;--shadow-floating:0 24px 70px #18274b29;--shadow-brand:0 8px 22px #2858e640;--shadow-focus:0 0 0 3px #3d6df247;--focus-ring:var(--shadow-focus)}[data-theme=dark]{--shadow-xs:0 1px 2px #0000002e;--shadow-sm:0 4px 12px #0000002e;--shadow-card:0 10px 35px #00000038;--shadow-lg:0 20px 60px #00000059;--shadow-floating:0 26px 80px #0000007a}:root{--font-sans:"Inter", "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-2xs:.625rem;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--line-height-none:1;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.5;--line-height-relaxed:1.6;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.04em}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-canvas:#f7f9fd;--bg-page:#f0f2f6;--bg-muted:#f3f6fb;--surface-default:#fff;--surface-raised:#fff;--surface-subtle:#f7f9fd;--surface-hover:#f1f5ff;--surface-active:#edf2ff;--surface-disabled:#f3f5f8;--text-primary:#12192b;--text-secondary:#677085;--text-tertiary:#98a1b2;--text-disabled:#b5bdcb;--text-inverse:#1754e2;--text-link:var(--color-blue-500);--border-subtle:#e9edf5;--border-default:#dde4f0;--border-strong:#cbd4e3;--border-focus:var(--color-blue-500);--action-primary-bg:var(--gradient-primary);--action-primary-bg-hover:var(--gradient-primary-hover);--action-primary-text:#fff;--action-secondary-bg:#fff;--action-secondary-bg-hover:#f5f7fb;--action-secondary-text:#2c3548;--state-success-bg:#edf9f2;--state-success-text:var(--color-success-700);--state-danger-bg:#fff0f2;--state-danger-text:var(--color-danger-700);--state-warning-bg:#fff7e9;--state-warning-text:var(--color-warning-700);--state-info-bg:#eef3ff;--state-info-text:var(--color-blue-600)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#080b14;--bg-page:#0b0f1a;--bg-muted:#0e121d;--surface-default:#101521;--surface-raised:#141a28;--surface-subtle:#0e121d;--surface-hover:#171f31;--surface-active:#3d6df229;--surface-disabled:#131824;--text-primary:#f5f7ff;--text-secondary:#a5aec1;--text-tertiary:#737d91;--text-disabled:#4d5769;--text-inverse:#527cdf;--text-link:#7695ff;--border-subtle:#a6b8e11a;--border-default:#a6b8e129;--border-strong:#a6b8e147;--border-focus:var(--color-blue-400);--action-primary-bg:var(--gradient-primary);--action-primary-bg-hover:var(--gradient-primary-hover);--action-primary-text:#fff;--action-secondary-bg:#121827;--action-secondary-bg-hover:#192235;--action-secondary-text:#edf1fb;--state-success-bg:#36b77d21;--state-success-text:#63d89a;--state-danger-bg:#ee627421;--state-danger-text:#fa8595;--state-warning-bg:#f7af3521;--state-warning-text:#ffc45d;--state-info-bg:#4d7cff26;--state-info-text:#8ca5ff}._button_gjxjz_1{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;flex-shrink:0;line-height:1;transition:background .16s,background-color .16s,border-color .16s,box-shadow .16s,color .16s,opacity .16s,transform .16s;display:inline-flex}._button_gjxjz_1:focus-visible{outline:2px solid var(--focus-ring,currentcolor);outline-offset:2px}._button_gjxjz_1:disabled{cursor:not-allowed;opacity:.5}._button_gjxjz_1:not(:disabled):active{transform:translateY(1px)}._sizeSm_gjxjz_31{min-height:2rem;padding-inline:var(--space-3);font-size:var(--font-size-sm)}._sizeMd_gjxjz_37{min-height:2.5rem;padding-inline:var(--space-4)}._sizeLg_gjxjz_42{min-height:3rem;padding-inline:var(--space-5);font-size:var(--font-size-md)}._variantPrimary_gjxjz_48{color:var(--action-primary-text);background:var(--action-primary-bg);box-shadow:var(--shadow-brand)}._variantPrimary_gjxjz_48:not(:disabled):hover{background:var(--action-primary-bg-hover)}._variantSecondary_gjxjz_57{color:var(--action-secondary-text);background:var(--action-secondary-bg);border-color:var(--border-default)}._variantSecondary_gjxjz_57:not(:disabled):hover{background:var(--action-secondary-bg-hover);border-color:var(--border-strong)}._variantGhost_gjxjz_67{color:var(--text-secondary);background:0 0}._variantGhost_gjxjz_67:not(:disabled):hover{color:var(--text-primary);background:var(--surface-hover)}._variantDanger_gjxjz_76{color:var(--state-danger-text);background:var(--state-danger-bg);border-color:#0000}._variantDanger_gjxjz_76:not(:disabled):hover{border-color:var(--color-danger-500)}._fullWidth_gjxjz_85{width:100%}._loading_gjxjz_89{pointer-events:none}._icon_gjxjz_93{flex:none;place-items:center;width:1.125rem;height:1.125rem;display:grid}._icon_gjxjz_93 svg{stroke-width:2px;width:100%;height:100%}._label_gjxjz_106{text-overflow:ellipsis;overflow:hidden}._spinner_gjxjz_111{border-radius:var(--radius-circle);border:2px solid;border-right-color:#0000;flex:none;width:1rem;height:1rem;animation:.7s linear infinite _spin_gjxjz_111}@keyframes _spin_gjxjz_111{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._button_gjxjz_1{transition:none}._spinner_gjxjz_111{animation-duration:1.5s}}._card_1ex3y_1{min-width:0;color:var(--text-primary);background:var(--surface-default);border-radius:var(--radius-lg)}._paddingNone_1ex3y_9{padding:0}._paddingSm_1ex3y_13{padding:var(--space-4)}._paddingMd_1ex3y_17{padding:var(--space-5)}._paddingLg_1ex3y_21{padding:var(--space-6)}._elevationNone_1ex3y_26{box-shadow:var(--shadow-none)}._elevationSm_1ex3y_30{box-shadow:var(--shadow-card)}._elevationMd_1ex3y_34{box-shadow:var(--shadow-lg)}._button_cnvt9_1{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,opacity .16s,transform .16s;display:inline-grid}._button_cnvt9_1:focus-visible{outline:2px solid var(--focus-ring,currentcolor);outline-offset:2px}._button_cnvt9_1:disabled{cursor:not-allowed;opacity:.5}._button_cnvt9_1:not(:disabled):active{transform:translateY(1px)}._sizeSm_cnvt9_27{width:2rem;height:2rem}._sizeMd_cnvt9_32{width:2.5rem;height:2.5rem}._sizeLg_cnvt9_37{width:3rem;height:3rem}._variantPrimary_cnvt9_42{color:var(--action-primary-text);background:var(--action-primary-bg);box-shadow:var(--shadow-brand)}._variantPrimary_cnvt9_42:not(:disabled):hover{background:var(--action-primary-bg-hover)}._variantSecondary_cnvt9_51{color:var(--action-secondary-text);background:var(--action-secondary-bg);border-color:var(--border-default)}._variantSecondary_cnvt9_51:not(:disabled):hover{background:var(--action-secondary-bg-hover);border-color:var(--border-strong)}._variantGhost_cnvt9_61{color:var(--text-secondary);background:0 0}._variantGhost_cnvt9_61:not(:disabled):hover{color:var(--text-primary);background:var(--surface-hover)}._variantDanger_cnvt9_70{color:var(--state-danger-text);background:var(--state-danger-bg)}._variantDanger_cnvt9_70:not(:disabled):hover{border-color:var(--color-danger-500)}._icon_cnvt9_78{place-items:center;width:1.25rem;height:1.25rem;display:grid}._icon_cnvt9_78 svg{stroke-width:1.8px;width:100%;height:100%}._spinner_cnvt9_90{border-radius:var(--radius-circle);border:2px solid;border-right-color:#0000;width:1rem;height:1rem;animation:.7s linear infinite _spin_cnvt9_90}._loading_cnvt9_99{pointer-events:none}@keyframes _spin_cnvt9_90{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._button_cnvt9_1{transition:none}._spinner_cnvt9_90{animation-duration:1.5s}}._field_1pq0j_1{gap:var(--space-2);width:100%;display:grid}._label_1pq0j_7{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}._required_1pq0j_14{color:var(--state-danger-text)}._control_1pq0j_18{align-items:center;gap:var(--space-2);width:100%;min-height:3rem;padding-inline:var(--space-3);color:var(--text-primary);background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex}._control_1pq0j_18:focus-within{border-color:var(--border-focus);outline:2px solid var(--focus-ring,currentcolor);outline-offset:2px}._input_1pq0j_37{width:100%;min-width:0;box-shadow:none;color:inherit;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);background:0 0;border:0;outline:none;padding:0}._input_1pq0j_37:focus,._input_1pq0j_37:focus-visible{box-shadow:none;outline:none}._input_1pq0j_37::placeholder{color:var(--text-tertiary);opacity:1}:-webkit-any(._input_1pq0j_37:autofill,._input_1pq0j_37:-webkit-autofill){-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--surface-default) inset;transition:background-color 9999s ease-out}:is(._input_1pq0j_37:autofill,._input_1pq0j_37:autofill){-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--surface-default) inset;transition:background-color 9999s ease-out}._adornment_1pq0j_65{width:1.125rem;height:1.125rem;color:var(--text-tertiary);flex:none;place-items:center;display:grid}._adornment_1pq0j_65 svg{stroke-width:1.8px;width:100%;height:100%}._hint_1pq0j_79,._error_1pq0j_80{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}._hint_1pq0j_79{color:var(--text-secondary)}._error_1pq0j_80{color:var(--state-danger-text)}._hasError_1pq0j_94{border-color:var(--color-danger-500)}._hasError_1pq0j_94:focus-within{border-color:var(--color-danger-500);box-shadow:0 0 0 3px #ee627438}._isDisabled_1pq0j_102{color:var(--text-disabled);background:var(--surface-disabled);border-color:var(--border-subtle);cursor:not-allowed}._isDisabled_1pq0j_102 ._input_1pq0j_37{cursor:not-allowed}@media (prefers-reduced-motion:reduce){._control_1pq0j_18{transition:none}}
|
|
2
|
-
/*$vite$:1*/
|
|
1
|
+
:root{--color-blue-300:#82a0ff;--color-blue-400:#6687ff;--color-blue-500:#3d6df2;--color-blue-600:#2858e6;--color-blue-700:#1f46c4;--color-violet-400:#a65af8;--color-violet-500:#9146f7;--color-violet-600:#7530d6;--color-white:#fff;--color-black:#000;--color-slate-50:#f8faff;--color-slate-100:#f1f4fa;--color-slate-200:#e6ebf3;--color-slate-300:#d9e0eb;--color-slate-400:#a6b0c2;--color-slate-500:#7a8498;--color-slate-600:#596276;--color-slate-700:#3e475a;--color-slate-800:#252c3c;--color-slate-900:#141925;--color-slate-950:#080b14;--color-success-300:#6cdaa1;--color-success-500:#36b77d;--color-success-700:#23885a;--color-danger-300:#fa8797;--color-danger-500:#ee6274;--color-danger-700:#c83b50;--color-warning-300:#ffc963;--color-warning-500:#f7af35;--color-warning-700:#c88317;--color-info-500:#4d7cff;--chart-liquidity:#3f72f4;--chart-emergency:#45c6bb;--chart-investments:#a543ed;--chart-pension:#f5a928;--chart-other:#e85071;--gradient-primary:linear-gradient(135deg, #3d78ff 0%, #2858e6 100%);--gradient-primary-hover:linear-gradient(135deg, #4b81ff 0%, #214ed6 100%);--gradient-pro:linear-gradient(135deg, #102348 0%, #44208e 55%, #8327ce 100%);--gradient-chart:linear-gradient(180deg, #3d6df238 0%, #3d6df200 100%);--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-pill:9999px;--radius-circle:50%;--shadow-none:none;--shadow-xs:0 1px 2px #18274b0a;--shadow-sm:0 2px 8px #18274b0f;--shadow-card:0 8px 30px #1c2f540f;--shadow-lg:0 18px 50px #18274b1f;--shadow-floating:0 24px 70px #18274b29;--shadow-brand:0 8px 22px #2858e640;--shadow-focus:0 0 0 3px #3d6df247;--focus-ring:var(--shadow-focus)}[data-theme=dark]{--shadow-xs:0 1px 2px #0000002e;--shadow-sm:0 4px 12px #0000002e;--shadow-card:0 10px 35px #00000038;--shadow-lg:0 20px 60px #00000059;--shadow-floating:0 26px 80px #0000007a}:root{--font-sans:"Inter", "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-2xs:.625rem;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--line-height-none:1;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.5;--line-height-relaxed:1.6;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.04em}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-canvas:#f7f9fd;--bg-page:#f0f2f6;--bg-muted:#f3f6fb;--surface-default:#fff;--surface-raised:#fff;--surface-subtle:#f7f9fd;--surface-hover:#f1f5ff;--surface-active:#edf2ff;--surface-disabled:#f3f5f8;--text-primary:#12192b;--text-secondary:#677085;--text-tertiary:#98a1b2;--text-disabled:#b5bdcb;--text-inverse:#1754e2;--text-link:var(--color-blue-500);--border-subtle:#e9edf5;--border-default:#dde4f0;--border-strong:#cbd4e3;--border-focus:var(--color-blue-500);--action-primary-bg:var(--gradient-primary);--action-primary-bg-hover:var(--gradient-primary-hover);--action-primary-text:#fff;--action-secondary-bg:#fff;--action-secondary-bg-hover:#f5f7fb;--action-secondary-text:#2c3548;--state-success-bg:#edf9f2;--state-success-text:var(--color-success-700);--state-danger-bg:#fff0f2;--state-danger-text:var(--color-danger-700);--state-warning-bg:#fff7e9;--state-warning-text:var(--color-warning-700);--state-info-bg:#eef3ff;--state-info-text:var(--color-blue-600)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#080b14;--bg-page:#0b0f1a;--bg-muted:#0e121d;--surface-default:#101521;--surface-raised:#141a28;--surface-subtle:#0e121d;--surface-hover:#171f31;--surface-active:#3d6df229;--surface-disabled:#131824;--text-primary:#f5f7ff;--text-secondary:#a5aec1;--text-tertiary:#737d91;--text-disabled:#4d5769;--text-inverse:#527cdf;--text-link:#7695ff;--border-subtle:#a6b8e11a;--border-default:#a6b8e129;--border-strong:#a6b8e147;--border-focus:var(--color-blue-400);--action-primary-bg:var(--gradient-primary);--action-primary-bg-hover:var(--gradient-primary-hover);--action-primary-text:#fff;--action-secondary-bg:#121827;--action-secondary-bg-hover:#192235;--action-secondary-text:#edf1fb;--state-success-bg:#36b77d21;--state-success-text:#63d89a;--state-danger-bg:#ee627421;--state-danger-text:#fa8595;--state-warning-bg:#f7af3521;--state-warning-text:#ffc45d;--state-info-bg:#4d7cff26;--state-info-text:#8ca5ff}._button_gjxjz_1{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;flex-shrink:0;line-height:1;transition:background .16s,background-color .16s,border-color .16s,box-shadow .16s,color .16s,opacity .16s,transform .16s;display:inline-flex}._button_gjxjz_1:focus-visible{outline:2px solid var(--focus-ring,currentcolor);outline-offset:2px}._button_gjxjz_1:disabled{cursor:not-allowed;opacity:.5}._button_gjxjz_1:not(:disabled):active{transform:translateY(1px)}._sizeSm_gjxjz_31{min-height:2rem;padding-inline:var(--space-3);font-size:var(--font-size-sm)}._sizeMd_gjxjz_37{min-height:2.5rem;padding-inline:var(--space-4)}._sizeLg_gjxjz_42{min-height:3rem;padding-inline:var(--space-5);font-size:var(--font-size-md)}._variantPrimary_gjxjz_48{color:var(--action-primary-text);background:var(--action-primary-bg);box-shadow:var(--shadow-brand)}._variantPrimary_gjxjz_48:not(:disabled):hover{background:var(--action-primary-bg-hover)}._variantSecondary_gjxjz_57{color:var(--action-secondary-text);background:var(--action-secondary-bg);border-color:var(--border-default)}._variantSecondary_gjxjz_57:not(:disabled):hover{background:var(--action-secondary-bg-hover);border-color:var(--border-strong)}._variantGhost_gjxjz_67{color:var(--text-secondary);background:0 0}._variantGhost_gjxjz_67:not(:disabled):hover{color:var(--text-primary);background:var(--surface-hover)}._variantDanger_gjxjz_76{color:var(--state-danger-text);background:var(--state-danger-bg);border-color:#0000}._variantDanger_gjxjz_76:not(:disabled):hover{border-color:var(--color-danger-500)}._fullWidth_gjxjz_85{width:100%}._loading_gjxjz_89{pointer-events:none}._icon_gjxjz_93{flex:none;place-items:center;width:1.125rem;height:1.125rem;display:grid}._icon_gjxjz_93 svg{stroke-width:2px;width:100%;height:100%}._label_gjxjz_106{text-overflow:ellipsis;overflow:hidden}._spinner_gjxjz_111{border-radius:var(--radius-circle);border:2px solid;border-right-color:#0000;flex:none;width:1rem;height:1rem;animation:.7s linear infinite _spin_gjxjz_111}@keyframes _spin_gjxjz_111{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._button_gjxjz_1{transition:none}._spinner_gjxjz_111{animation-duration:1.5s}}._card_1ex3y_1{min-width:0;color:var(--text-primary);background:var(--surface-default);border-radius:var(--radius-lg)}._paddingNone_1ex3y_9{padding:0}._paddingSm_1ex3y_13{padding:var(--space-4)}._paddingMd_1ex3y_17{padding:var(--space-5)}._paddingLg_1ex3y_21{padding:var(--space-6)}._elevationNone_1ex3y_26{box-shadow:var(--shadow-none)}._elevationSm_1ex3y_30{box-shadow:var(--shadow-card)}._elevationMd_1ex3y_34{box-shadow:var(--shadow-lg)}._button_2kydv_1{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,opacity .16s,transform .16s;display:inline-grid}._button_2kydv_1:focus-visible{outline:2px solid var(--focus-ring,currentcolor);outline-offset:2px}._button_2kydv_1:disabled{cursor:not-allowed;opacity:.5}._button_2kydv_1:not(:disabled):active{transform:translateY(1px)}._sizeSm_2kydv_27{width:2rem;height:2rem}._sizeMd_2kydv_32{width:2.5rem;height:2.5rem}._sizeLg_2kydv_37{width:3rem;height:3rem}._variantPrimary_2kydv_42{color:var(--action-primary-text);background:var(--action-primary-bg);box-shadow:var(--shadow-brand)}._variantPrimary_2kydv_42:not(:disabled):hover{background:var(--action-primary-bg-hover)}._variantSecondary_2kydv_51{color:var(--action-secondary-text);background:var(--action-secondary-bg);border-color:var(--border-default)}._variantSecondary_2kydv_51:not(:disabled):hover{background:var(--action-secondary-bg-hover);border-color:var(--border-strong)}._variantGhost_2kydv_61{color:var(--text-secondary);background:0 0}._variantGhost_2kydv_61:not(:disabled):hover{color:var(--text-primary);background:var(--surface-hover)}._variantDanger_2kydv_70{color:var(--state-danger-text);background:var(--state-danger-bg)}._variantDanger_2kydv_70:not(:disabled):hover{border-color:var(--color-danger-500)}._borderless_2kydv_78{border:0}._icon_2kydv_82{place-items:center;width:1.25rem;height:1.25rem;display:grid}._icon_2kydv_82 svg{stroke-width:1.8px;width:100%;height:100%}._spinner_2kydv_94{border-radius:var(--radius-circle);border:2px solid;border-right-color:#0000;width:1rem;height:1rem;animation:.7s linear infinite _spin_2kydv_94}._loading_2kydv_103{pointer-events:none}@keyframes _spin_2kydv_94{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._button_2kydv_1{transition:none}._spinner_2kydv_94{animation-duration:1.5s}}._field_1pq0j_1{gap:var(--space-2);width:100%;display:grid}._label_1pq0j_7{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}._required_1pq0j_14{color:var(--state-danger-text)}._control_1pq0j_18{align-items:center;gap:var(--space-2);width:100%;min-height:3rem;padding-inline:var(--space-3);color:var(--text-primary);background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex}._control_1pq0j_18:focus-within{border-color:var(--border-focus);outline:2px solid var(--focus-ring,currentcolor);outline-offset:2px}._input_1pq0j_37{width:100%;min-width:0;box-shadow:none;color:inherit;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);background:0 0;border:0;outline:none;padding:0}._input_1pq0j_37:focus,._input_1pq0j_37:focus-visible{box-shadow:none;outline:none}._input_1pq0j_37::placeholder{color:var(--text-tertiary);opacity:1}:-webkit-any(._input_1pq0j_37:autofill,._input_1pq0j_37:-webkit-autofill){-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--surface-default) inset;transition:background-color 9999s ease-out}:is(._input_1pq0j_37:autofill,._input_1pq0j_37:autofill){-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--surface-default) inset;transition:background-color 9999s ease-out}._adornment_1pq0j_65{width:1.125rem;height:1.125rem;color:var(--text-tertiary);flex:none;place-items:center;display:grid}._adornment_1pq0j_65 svg{stroke-width:1.8px;width:100%;height:100%}._hint_1pq0j_79,._error_1pq0j_80{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}._hint_1pq0j_79{color:var(--text-secondary)}._error_1pq0j_80{color:var(--state-danger-text)}._hasError_1pq0j_94{border-color:var(--color-danger-500)}._hasError_1pq0j_94:focus-within{border-color:var(--color-danger-500);box-shadow:0 0 0 3px #ee627438}._isDisabled_1pq0j_102{color:var(--text-disabled);background:var(--surface-disabled);border-color:var(--border-subtle);cursor:not-allowed}._isDisabled_1pq0j_102 ._input_1pq0j_37{cursor:not-allowed}@media (prefers-reduced-motion:reduce){._control_1pq0j_18{transition:none}}._field_1na7j_1{gap:var(--space-2);width:100%;display:grid}._label_1na7j_7{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}._required_1na7j_14{color:var(--state-danger-text)}._control_1na7j_18{width:100%;min-height:3rem;color:var(--text-primary);background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color .16s,box-shadow .16s,background-color .16s;position:relative}._control_1na7j_18:focus-within{border-color:var(--border-focus);outline:2px solid var(--focus-ring,currentcolor);outline-offset:2px}._select_1na7j_34{width:100%;min-height:3rem;padding:0 var(--space-10) 0 var(--space-3);appearance:none;color:inherit;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);cursor:pointer;background:0 0;border:0;outline:none}._select_1na7j_34:focus,._select_1na7j_34:focus-visible{box-shadow:none;outline:none}._select_1na7j_34:invalid{color:var(--text-tertiary)}._indicator_1na7j_57{top:50%;right:var(--space-4);border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);pointer-events:none;width:.5rem;height:.5rem;position:absolute;transform:translateY(-70%)rotate(45deg)}._hint_1na7j_69,._error_1na7j_70{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}._hint_1na7j_69{color:var(--text-secondary)}._error_1na7j_70{color:var(--state-danger-text)}._hasError_1na7j_84{border-color:var(--color-danger-500)}._hasError_1na7j_84:focus-within{border-color:var(--color-danger-500);box-shadow:0 0 0 3px #ee627438}._isDisabled_1na7j_92{color:var(--text-disabled);background:var(--surface-disabled);border-color:var(--border-subtle);cursor:not-allowed}._isDisabled_1na7j_92 ._select_1na7j_34{cursor:not-allowed}@media (prefers-reduced-motion:reduce){._control_1na7j_18{transition:none}}._group_1fqa2_1{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}._option_1fqa2_8{gap:var(--space-2);min-height:2.5rem;padding-inline:var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;line-height:1;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s;display:inline-flex}._option_1fqa2_8:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover)}._option_1fqa2_8:focus-visible{outline:2px solid var(--focus-ring,currentcolor);outline-offset:2px}._option_1fqa2_8:disabled{color:var(--text-disabled);cursor:not-allowed}._selected_1fqa2_41{color:var(--multi-select-selected-color,var(--state-success-text));background:var(--multi-select-selected-background,var(--state-success-bg));border-color:var(--multi-select-selected-color,var(--color-success-300));box-shadow:var(--shadow-sm)}._selected_1fqa2_41:hover:not(:disabled){color:var(--multi-select-selected-color,var(--state-success-text));background:var(--multi-select-selected-background,var(--state-success-bg))}._count_1fqa2_52{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){._option_1fqa2_8{transition:none}}._badge_3xnd3_1{min-height:1.625rem;padding-inline:var(--space-3);border-radius:var(--radius-md);color:var(--badge-color,var(--state-success-text));background:var(--badge-background,var(--state-success-bg));font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;border:1px solid #0000;align-items:center;line-height:1;display:inline-flex}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type HTMLAttributes } from "react";
|
|
2
|
+
export interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
|
|
3
|
+
text: string;
|
|
4
|
+
color?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
7
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD,eAAO,MAAM,KAAK,wGAqBjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type SelectHTMLAttributes } from "react";
|
|
2
|
+
export interface DropdownOption {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export interface DropdownProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "children" | "onChange"> {
|
|
8
|
+
options: DropdownOption[];
|
|
9
|
+
label?: string;
|
|
10
|
+
hint?: string;
|
|
11
|
+
error?: string;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
containerClassName?: string;
|
|
14
|
+
onChange?: SelectHTMLAttributes<HTMLSelectElement>["onChange"];
|
|
15
|
+
onValueChange?: (value: string) => void;
|
|
16
|
+
}
|
|
17
|
+
export declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<HTMLSelectElement>>;
|
|
18
|
+
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC9E,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAQD,eAAO,MAAM,QAAQ,6GAuGpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ButtonHTMLAttributes, type ReactNode } from "react";
|
|
1
|
+
import { type ButtonHTMLAttributes, type CSSProperties, type ReactNode } from "react";
|
|
2
2
|
type IconButtonVariant = "secondary" | "ghost" | "primary" | "danger";
|
|
3
3
|
type IconButtonSize = "sm" | "md" | "lg";
|
|
4
4
|
export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
|
|
@@ -7,6 +7,8 @@ export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
|
|
|
7
7
|
variant?: IconButtonVariant;
|
|
8
8
|
size?: IconButtonSize;
|
|
9
9
|
isLoading?: boolean;
|
|
10
|
+
borderless?: boolean;
|
|
11
|
+
backgroundColor?: CSSProperties["backgroundColor"];
|
|
10
12
|
}
|
|
11
13
|
export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
12
14
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,KAAK,iBAAiB,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtE,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,KAAK,iBAAiB,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtE,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;CACpD;AAqBD,eAAO,MAAM,UAAU,+GAmDtB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type HTMLAttributes } from "react";
|
|
2
|
+
export interface MultiSelectOption {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
count?: number;
|
|
6
|
+
selectedColor?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface MultiSelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
10
|
+
options: MultiSelectOption[];
|
|
11
|
+
value?: string[];
|
|
12
|
+
defaultValue?: string[];
|
|
13
|
+
multiple?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
onValueChange?: (value: string[]) => void;
|
|
16
|
+
}
|
|
17
|
+
export declare const MultiSelect: import("react").ForwardRefExoticComponent<MultiSelectProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
|
+
//# sourceMappingURL=MultiSelect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C;AAQD,eAAO,MAAM,WAAW,6GA+EvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MultiSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -7,4 +7,10 @@ export { IconButton } from "./components/IconButton";
|
|
|
7
7
|
export type { IconButtonProps } from "./components/IconButton";
|
|
8
8
|
export { TextField } from "./components/TextField";
|
|
9
9
|
export type { TextFieldProps } from "./components/TextField";
|
|
10
|
+
export { Dropdown } from "./components/Dropdown";
|
|
11
|
+
export type { DropdownOption, DropdownProps } from "./components/Dropdown";
|
|
12
|
+
export { MultiSelect } from "./components/MultiSelect";
|
|
13
|
+
export type { MultiSelectOption, MultiSelectProps, } from "./components/MultiSelect";
|
|
14
|
+
export { Badge } from "./components/Badge";
|
|
15
|
+
export type { BadgeProps } from "./components/Badge";
|
|
10
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EACX,iBAAiB,EACjB,gBAAgB,GAChB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bertimatteodev/astra-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"import": "./dist/astra-ui.js",
|
|
24
24
|
"require": "./dist/astra-ui.cjs"
|
|
25
25
|
},
|
|
26
|
-
"./style.css": "./dist/
|
|
26
|
+
"./style.css": "./dist/index.css"
|
|
27
27
|
},
|
|
28
28
|
"sideEffects": [
|
|
29
29
|
"**/*.css"
|
|
@@ -48,7 +48,8 @@
|
|
|
48
48
|
"react-dom": "^19.2.8",
|
|
49
49
|
"sass": "^1.102.0",
|
|
50
50
|
"typescript": "~6.0.2",
|
|
51
|
-
"vite": "^8.2.0"
|
|
51
|
+
"vite": "^8.2.0",
|
|
52
|
+
"vite-plugin-lib-inject-css": "^2.2.2"
|
|
52
53
|
},
|
|
53
54
|
"dependencies": {
|
|
54
55
|
"lucide-react": "^1.31.0"
|