@bertimatteodev/astra-ui 0.3.0 → 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 CHANGED
@@ -1 +1 @@
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_cnvt9_1`,sizeSm:`_sizeSm_cnvt9_27`,sizeMd:`_sizeMd_cnvt9_32`,sizeLg:`_sizeLg_cnvt9_37`,variantPrimary:`_variantPrimary_cnvt9_42`,variantSecondary:`_variantSecondary_cnvt9_51`,variantGhost:`_variantGhost_cnvt9_61`,variantDanger:`_variantDanger_cnvt9_70`,icon:`_icon_cnvt9_78`,spinner:`_spinner_cnvt9_90`,spin:`_spin_cnvt9_90`,loading:`_loading_cnvt9_99`},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,disabled:s,type:c=`button`,...l},u){let d=s||o;return(0,t.jsx)(`button`,{ref:u,type:c,className:h(f.button,p[i],m[a],o&&f.loading,r),disabled:d,"aria-label":n,"aria-busy":o||void 0,...l,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`,exports.Button=o,exports.Card=d,exports.IconButton=g,exports.TextField=y;
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 n, jsxs as r } from "react/jsx-runtime";
3
- import './index.css';var i = {
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 @@ import './index.css';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
- sm: i.sizeSm,
25
- md: i.sizeMd,
26
- lg: i.sizeLg
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 s(...e) {
28
+ function c(...e) {
29
29
  return e.filter(Boolean).join(" ");
30
30
  }
31
- var c = e(function({ children: e, className: t, variant: c = "primary", size: l = "md", fullWidth: u = !1, isLoading: d = !1, startIcon: f, endIcon: p, disabled: m, type: h = "button", ...g }, _) {
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__ */ r("button", {
33
+ return /* @__PURE__ */ i("button", {
34
34
  ref: _,
35
35
  type: h,
36
- className: s(i.button, a[c], o[l], u && i.fullWidth, d && i.loading, t),
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__ */ n("span", {
42
- className: i.spinner,
41
+ d ? /* @__PURE__ */ r("span", {
42
+ className: a.spinner,
43
43
  "aria-hidden": "true"
44
44
  }) : null,
45
- !d && f ? /* @__PURE__ */ n("span", {
46
- className: i.icon,
45
+ !d && f ? /* @__PURE__ */ r("span", {
46
+ className: a.icon,
47
47
  "aria-hidden": "true",
48
48
  children: f
49
49
  }) : null,
50
- /* @__PURE__ */ n("span", {
51
- className: i.label,
50
+ /* @__PURE__ */ r("span", {
51
+ className: a.label,
52
52
  children: e
53
53
  }),
54
- !d && p ? /* @__PURE__ */ n("span", {
55
- className: i.icon,
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
- c.displayName = "Button";
63
- var l = {
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: l.elevationNone,
79
- sm: l.elevationSm,
80
- md: l.elevationMd
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 f(...e) {
82
+ function p(...e) {
83
83
  return e.filter(Boolean).join(" ");
84
84
  }
85
- var p = e(function({ children: e, className: t, padding: r = "md", elevation: i = "sm", ...a }, o) {
86
- return /* @__PURE__ */ n("div", {
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: f(l.card, u[r], d[i], t),
88
+ className: p(u.card, d[n], f[i], t),
89
89
  ...a,
90
90
  children: e
91
91
  });
92
92
  });
93
- p.displayName = "Card";
94
- var m = {
95
- button: "_button_cnvt9_1",
96
- sizeSm: "_sizeSm_cnvt9_27",
97
- sizeMd: "_sizeMd_cnvt9_32",
98
- sizeLg: "_sizeLg_cnvt9_37",
99
- variantPrimary: "_variantPrimary_cnvt9_42",
100
- variantSecondary: "_variantSecondary_cnvt9_51",
101
- variantGhost: "_variantGhost_cnvt9_61",
102
- variantDanger: "_variantDanger_cnvt9_70",
103
- icon: "_icon_cnvt9_78",
104
- spinner: "_spinner_cnvt9_90",
105
- spin: "_spin_cnvt9_90",
106
- loading: "_loading_cnvt9_99"
107
- }, h = {
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
- sm: m.sizeSm,
114
- md: m.sizeMd,
115
- lg: m.sizeLg
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 _(...e) {
118
+ function v(...e) {
118
119
  return e.filter(Boolean).join(" ");
119
120
  }
120
- var v = e(function({ icon: e, label: t, className: r, variant: i = "secondary", size: a = "md", isLoading: o = !1, disabled: s, type: c = "button", ...l }, u) {
121
- let d = s || o;
122
- return /* @__PURE__ */ n("button", {
123
- ref: u,
124
- type: c,
125
- className: _(m.button, h[i], g[a], o && m.loading, r),
126
- disabled: d,
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
- ...l,
130
- children: o ? /* @__PURE__ */ n("span", {
131
- className: m.spinner,
134
+ ...f,
135
+ children: o ? /* @__PURE__ */ r("span", {
136
+ className: h.spinner,
132
137
  "aria-hidden": "true"
133
- }) : /* @__PURE__ */ n("span", {
134
- className: m.icon,
138
+ }) : /* @__PURE__ */ r("span", {
139
+ className: h.icon,
135
140
  "aria-hidden": "true",
136
141
  children: e
137
142
  })
138
143
  });
139
144
  });
140
- v.displayName = "IconButton";
141
- var y = {
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 b(...e) {
160
+ function x(...e) {
156
161
  return e.filter(Boolean).join(" ");
157
162
  }
158
- var x = e(function({ id: e, label: i, hint: a, error: o, startAdornment: s, endAdornment: c, className: l, containerClassName: u, disabled: d, required: f, "aria-describedby": p, ...m }, h) {
159
- let g = t(), _ = e ?? `text-field-${g}`, v = `${_}-hint`, x = `${_}-error`, S = [
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 ? x : null
167
+ o ? y : null
163
168
  ].filter(Boolean).join(" ");
164
- return /* @__PURE__ */ r("div", {
165
- className: b(y.field, u),
169
+ return /* @__PURE__ */ i("div", {
170
+ className: x(b.field, u),
166
171
  children: [
167
- i ? /* @__PURE__ */ r("label", {
168
- className: y.label,
172
+ n ? /* @__PURE__ */ i("label", {
173
+ className: b.label,
169
174
  htmlFor: _,
170
- children: [i, f ? /* @__PURE__ */ r("span", {
171
- className: y.required,
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__ */ r("div", {
177
- className: b(y.control, o && y.hasError, d && y.isDisabled),
181
+ /* @__PURE__ */ i("div", {
182
+ className: x(b.control, o && b.hasError, d && b.isDisabled),
178
183
  children: [
179
- s ? /* @__PURE__ */ n("span", {
180
- className: y.adornment,
184
+ s ? /* @__PURE__ */ r("span", {
185
+ className: b.adornment,
181
186
  "aria-hidden": "true",
182
187
  children: s
183
188
  }) : null,
184
- /* @__PURE__ */ n("input", {
189
+ /* @__PURE__ */ r("input", {
185
190
  ref: h,
186
191
  id: _,
187
- className: b(y.input, l),
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__ */ n("span", {
195
- className: y.adornment,
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__ */ n("p", {
202
- id: x,
203
- className: y.error,
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__ */ n("p", {
212
+ !o && a ? /* @__PURE__ */ r("p", {
208
213
  id: v,
209
- className: y.hint,
214
+ className: b.hint,
210
215
  children: a
211
216
  }) : null
212
217
  ]
213
218
  });
214
219
  });
215
- x.displayName = "TextField";
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 { c as Button, p as Card, v as IconButton, x as TextField };
366
+ export { j as Badge, l as Button, m as Card, T as Dropdown, y as IconButton, O as MultiSelect, S as TextField };
package/dist/index.css CHANGED
@@ -1 +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}}
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,3 @@
1
+ export { Badge } from "./Badge";
2
+ export type { BadgeProps } from "./Badge";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ export { Dropdown } from "./Dropdown";
2
+ export type { DropdownOption, DropdownProps } from "./Dropdown";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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;CACrB;AAqBD,eAAO,MAAM,UAAU,+GA2CtB,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,3 @@
1
+ export { MultiSelect } from "./MultiSelect";
2
+ export type { MultiSelectOption, MultiSelectProps } from "./MultiSelect";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}
@@ -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.0",
3
+ "version": "0.4.0",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "repository": {