@agilys-system/design-system 1.1.7 → 1.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/agilys-design-system.cjs +6 -6
  2. package/dist/agilys-design-system.cjs.map +1 -1
  3. package/dist/agilys-design-system.js +2380 -1969
  4. package/dist/agilys-design-system.js.map +1 -1
  5. package/dist/index.d.ts +65 -4
  6. package/dist/style.css +1 -1
  7. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -10,6 +10,7 @@ import { JSX as JSX_2 } from 'react';
10
10
  import { ReactNode } from 'react';
11
11
  import { ReactPortal } from 'react';
12
12
  import { RefAttributes } from 'react';
13
+ import { SVGAttributes } from 'react';
13
14
  import { TableHTMLAttributes } from 'react';
14
15
  import { TdHTMLAttributes } from 'react';
15
16
  import { ThHTMLAttributes } from 'react';
@@ -58,6 +59,50 @@ export declare const accordionTriggerVariants: (props?: ClassProp | undefined) =
58
59
 
59
60
  export declare const accordionVariants: (props?: ClassProp | undefined) => string;
60
61
 
62
+ export declare const Autocomplete: ForwardRefExoticComponent<AutocompleteProps & RefAttributes<HTMLInputElement>>;
63
+
64
+ export declare interface AutocompleteProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "defaultValue" | "type" | "size"> {
65
+ /** Opções exibidas na lista. Com `onSearch` retornando uma Promise, servem apenas como lista inicial. */
66
+ options?: SelectOption[];
67
+ /** Permite selecionar mais de um item. O valor passa a ser um array. */
68
+ multiple?: boolean;
69
+ /** Valor controlado: um valor único ou, com `multiple`, um array de valores. */
70
+ value?: any;
71
+ defaultValue?: any;
72
+ /**
73
+ * Chamado ao alterar a seleção. Com `multiple`, recebe o array de valores e o array de opções;
74
+ * caso contrário, o valor e a opção selecionada (ou `null` ao limpar).
75
+ */
76
+ onChange?: (value: any, option: SelectOption | SelectOption[] | null) => void;
77
+ /**
78
+ * Chamado (com debounce) enquanto o usuário digita, e ao abrir a lista com o texto vazio.
79
+ * Ao informá-lo, a filtragem local é desativada: o filtro passa a ser responsabilidade de quem busca.
80
+ * Se retornar uma Promise de opções, o componente controla o carregamento e exibe o resultado;
81
+ * caso contrário, atualize `options` e `loading` por fora.
82
+ */
83
+ onSearch?: (query: string) => Promise<SelectOption[] | void> | void;
84
+ /** Tempo de espera (ms) após a última tecla antes de chamar `onSearch`. Padrão: `300`. */
85
+ searchDebounce?: number;
86
+ /** Exibe o estado de carregamento na lista. */
87
+ loading?: boolean;
88
+ loadingText?: ReactNode;
89
+ /** Retorna o texto puro da opção, usado na filtragem e na exibição. */
90
+ getOptionLabel?: (option: SelectOption) => string;
91
+ /** Personaliza a filtragem das opções conforme o usuário digita. */
92
+ filterOptions?: (options: SelectOption[], query: string) => SelectOption[];
93
+ noOptionsText?: ReactNode;
94
+ /** Mostra um botão para limpar a seleção. Padrão: `true`. */
95
+ clearable?: boolean;
96
+ placeholder?: string;
97
+ label?: string;
98
+ name?: string;
99
+ leftIcon?: ReactNode;
100
+ rightIcon?: ReactNode;
101
+ bgIcon?: boolean;
102
+ error?: FieldError | string;
103
+ containerClassName?: string;
104
+ }
105
+
61
106
  export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLSpanElement>>;
62
107
 
63
108
  export declare interface AvatarProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof avatarVariants> {
@@ -80,7 +125,7 @@ export declare interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, Var
80
125
 
81
126
  export declare const badgeVariants: (props?: ({
82
127
  variant?: "filled" | "dot" | "ghost" | null | undefined;
83
- status?: "alert" | "default" | "success" | "error" | null | undefined;
128
+ status?: "default" | "alert" | "success" | "error" | null | undefined;
84
129
  } & ClassProp) | undefined) => string;
85
130
 
86
131
  export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
@@ -132,6 +177,8 @@ export declare interface InputProps extends Omit<InputHTMLAttributes<HTMLInputEl
132
177
  leftIcon?: ReactNode;
133
178
  rightIcon?: ReactNode;
134
179
  bgIcon?: boolean;
180
+ /** Exibe um spinner no canto direito do campo, indicando carregamento. */
181
+ loading?: boolean;
135
182
  error?: FieldError | string;
136
183
  containerClassName?: string;
137
184
  }
@@ -209,7 +256,15 @@ export declare interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputE
209
256
  containerClassName?: string;
210
257
  }
211
258
 
212
- export declare function Table<T = unknown>({ keys, data, rowKey, loading, loadingMessage, emptyMessage, selectable, selectedRowKeys, onSelectionChange, sortKey, sortDirection, onSortChange, onRowClick, shadow, border, className, ...props }: TableProps<T>): JSX_2.Element;
259
+ /** Indicador de carregamento: trilha suave com um arco girando. Herda a cor via `currentColor`. */
260
+ export declare const Spinner: ForwardRefExoticComponent<SpinnerProps & RefAttributes<SVGSVGElement>>;
261
+
262
+ export declare interface SpinnerProps extends SVGAttributes<SVGSVGElement> {
263
+ /** Texto lido por leitores de tela. Sem ele, o spinner é tratado como decorativo. */
264
+ label?: string;
265
+ }
266
+
267
+ export declare function Table<T = unknown>({ keys, data, rowKey, loading, loadingMessage, emptyMessage, selectable, selectedRowKeys, onSelectionChange, sortKey, sortDirection, onSortChange, onRowClick, shadow, border, columnBorder, className, ...props }: TableProps<T>): JSX_2.Element;
213
268
 
214
269
  export declare function TableAvatar({ src, name, description, size, className, }: TableAvatarProps): JSX_2.Element;
215
270
 
@@ -221,8 +276,10 @@ export declare interface TableAvatarProps {
221
276
  className?: string;
222
277
  }
223
278
 
224
- export declare function TableCell({ align, className, children, onClick, }: {
279
+ export declare function TableCell({ align, border, className, children, onClick, }: {
225
280
  align?: TableKeys["align"];
281
+ /** Adds a right border separating this cell from the next one. Defaults to `true`. */
282
+ border?: boolean;
226
283
  className?: string;
227
284
  children?: ReactNode;
228
285
  onClick?: TdHTMLAttributes<HTMLTableCellElement>["onClick"];
@@ -237,6 +294,8 @@ export declare const TableHeadCell: ForwardRefExoticComponent<TableHeadCellProps
237
294
 
238
295
  export declare interface TableHeadCellProps extends ThHTMLAttributes<HTMLTableCellElement> {
239
296
  align?: TableKeys["align"];
297
+ /** Adds a right border separating this cell from the next one. Defaults to `true`. */
298
+ border?: boolean;
240
299
  sortable?: boolean;
241
300
  sorted?: "asc" | "desc" | false;
242
301
  onSort?: () => void;
@@ -268,6 +327,8 @@ export declare interface TableProps<T = unknown> extends Omit<TableHTMLAttribute
268
327
  shadow?: boolean;
269
328
  /** Adds a border around the table. Defaults to `true`. */
270
329
  border?: boolean;
330
+ /** Adds vertical borders separating the columns. Defaults to `true`. */
331
+ columnBorder?: boolean;
271
332
  }
272
333
 
273
334
  export declare const Tabs: ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivElement>>;
@@ -303,7 +364,7 @@ export declare interface TextProps extends HTMLAttributes<HTMLElement>, VariantP
303
364
 
304
365
  export declare const textVariants: (props?: ({
305
366
  variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "bodySm" | "caption" | null | undefined;
306
- weight?: "regular" | "medium" | "semibold" | "bold" | null | undefined;
367
+ weight?: "bold" | "regular" | "medium" | "semibold" | null | undefined;
307
368
  } & ClassProp) | undefined) => string;
308
369
 
309
370
  export declare function Toast({ open, position, container, className, variant, icon, title, description, action, onClose, duration, ...props }: ToastProps): ReactPortal | null;
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.z-\[10000\]{z-index:10000}.z-\[99999\]{z-index:99999}.z-\[9999\]{z-index:9999}.m-0{margin:0}.mt-2{margin-top:.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-2{width:.5rem;height:.5rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-9{width:2.25rem;height:2.25rem}.size-\[18px\]{width:18px;height:18px}.size-full{width:100%;height:100%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-auto{height:auto}.max-h-60{max-height:15rem}.max-h-\[70vh\]{max-height:70vh}.min-h-11{min-height:2.75rem}.min-h-\[400px\]{min-height:400px}.min-h-\[500px\]{min-height:500px}.min-h-\[600px\]{min-height:600px}.min-h-\[750px\]{min-height:750px}.w-11{width:2.75rem}.w-\[320px\]{width:320px}.w-\[420px\]{width:420px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-input-border{--tw-border-opacity: 1;border-color:rgb(212 215 227 / var(--tw-border-opacity, 1))}.border-neutral-divider-primary{--tw-border-opacity: 1;border-color:rgb(212 216 226 / var(--tw-border-opacity, 1))}.border-neutral-divider-secondary{--tw-border-opacity: 1;border-color:rgb(224 227 235 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-\[\#fcfcfc\]{--tw-bg-opacity: 1;background-color:rgb(252 252 252 / var(--tw-bg-opacity, 1))}.bg-agilys-primary{--tw-bg-opacity: 1;background-color:rgb(0 11 100 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-danger-10{--tw-bg-opacity: 1;background-color:rgb(254 236 236 / var(--tw-bg-opacity, 1))}.bg-danger-60{--tw-bg-opacity: 1;background-color:rgb(243 22 22 / var(--tw-bg-opacity, 1))}.bg-danger-light{--tw-bg-opacity: 1;background-color:rgb(252 207 207 / var(--tw-bg-opacity, 1))}.bg-input-background{--tw-bg-opacity: 1;background-color:rgb(247 251 255 / var(--tw-bg-opacity, 1))}.bg-lightGray,.bg-neutral-surface-lightest{--tw-bg-opacity: 1;background-color:rgb(249 249 251 / var(--tw-bg-opacity, 1))}.bg-neutral-surface-selected{--tw-bg-opacity: 1;background-color:rgb(236 238 243 / var(--tw-bg-opacity, 1))}.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-success-10{--tw-bg-opacity: 1;background-color:rgb(238 252 243 / var(--tw-bg-opacity, 1))}.bg-success-60{--tw-bg-opacity: 1;background-color:rgb(56 188 92 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-warning-accent{--tw-bg-opacity: 1;background-color:rgb(255 153 10 / var(--tw-bg-opacity, 1))}.bg-warning-light{--tw-bg-opacity: 1;background-color:rgb(255 247 235 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[22px\]{padding-left:22px;padding-right:22px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.pb-4{padding-bottom:1rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:12px}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.text-agilys-primary{--tw-text-opacity: 1;color:rgb(0 11 100 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-danger-60{--tw-text-opacity: 1;color:rgb(243 22 22 / var(--tw-text-opacity, 1))}.text-danger-dark{--tw-text-opacity: 1;color:rgb(155 8 8 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-neutral-secondary{--tw-text-opacity: 1;color:rgb(77 88 116 / var(--tw-text-opacity, 1))}.text-neutral-text-primary{--tw-text-opacity: 1;color:rgb(16 18 25 / var(--tw-text-opacity, 1))}.text-neutral-text-secondary{--tw-text-opacity: 1;color:rgb(77 88 116 / var(--tw-text-opacity, 1))}.text-primary-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-success-60{--tw-text-opacity: 1;color:rgb(56 188 92 / var(--tw-text-opacity, 1))}.text-warning-accent{--tw-text-opacity: 1;color:rgb(255 153 10 / var(--tw-text-opacity, 1))}.text-warning-dark{--tw-text-opacity: 1;color:rgb(163 95 0 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_1px_0px_rgba\(66\,74\,98\,0\.09\)\,0px_2px_2px_0px_rgba\(66\,74\,98\,0\.04\)\]{--tw-shadow: 0px 0px 1px 0px rgba(66,74,98,.09),0px 2px 2px 0px rgba(66,74,98,.04);--tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 2px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_2px_0px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0px 0px 2px 0px rgba(0,0,0,.1);--tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_2px_0px_rgba\(34\,34\,34\,0\.08\)\]{--tw-shadow: 0px 0px 2px 0px rgba(34,34,34,.08);--tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_2px_0px_rgba\(66\,74\,98\,0\.04\)\,0px_3px_8px_0px_rgba\(66\,74\,98\,0\.09\)\]{--tw-shadow: 0px 0px 2px 0px rgba(66,74,98,.04),0px 3px 8px 0px rgba(66,74,98,.09);--tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color), 0px 3px 8px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_2px_0px_rgba\(66\,74\,98\,0\.09\)\]{--tw-shadow: 0px 0px 2px 0px rgba(66,74,98,.09);--tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_2px_6px_0px_rgba\(243\,22\,22\,0\.16\)\]{--tw-shadow: 0px 2px 6px 0px rgba(243,22,22,.16);--tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_2px_6px_0px_rgba\(71\,71\,245\,0\.16\)\,inset_0px_0px_10px_0px_rgba\(255\,255\,255\,0\.3\)\]{--tw-shadow: 0px 2px 6px 0px rgba(71,71,245,.16),inset 0px 0px 10px 0px rgba(255,255,255,.3);--tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color), inset 0px 0px 10px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_4px_12px_0px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow: 0px 4px 12px 0px rgba(0,0,0,.15);--tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-danger-60{--tw-ring-opacity: 1;--tw-ring-color: rgb(243 22 22 / var(--tw-ring-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.placeholder\:text-xs::-moz-placeholder{font-size:.75rem;line-height:1rem}.placeholder\:text-xs::placeholder{font-size:.75rem;line-height:1rem}.placeholder\:font-normal::-moz-placeholder{font-weight:400}.placeholder\:font-normal::placeholder{font-weight:400}.placeholder\:leading-relaxed::-moz-placeholder{line-height:1.625}.placeholder\:leading-relaxed::placeholder{line-height:1.625}.placeholder\:text-neutral-secondary::-moz-placeholder{--tw-text-opacity: 1;color:rgb(77 88 116 / var(--tw-text-opacity, 1))}.placeholder\:text-neutral-secondary::placeholder{--tw-text-opacity: 1;color:rgb(77 88 116 / var(--tw-text-opacity, 1))}.checked\:border-agilys-primary:checked{--tw-border-opacity: 1;border-color:rgb(0 11 100 / var(--tw-border-opacity, 1))}.checked\:bg-agilys-primary:checked{--tw-bg-opacity: 1;background-color:rgb(0 11 100 / var(--tw-bg-opacity, 1))}.focus-within\:ring-1:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-danger-60:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(243 22 22 / var(--tw-ring-opacity, 1))}.focus-within\:ring-input-focus:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(196 199 212 / var(--tw-ring-opacity, 1))}.hover\:bg-agilys-primary\/90:hover{background-color:#000b64e6}.hover\:bg-danger-10:hover{--tw-bg-opacity: 1;background-color:rgb(254 236 236 / var(--tw-bg-opacity, 1))}.hover\:bg-danger-light\/80:hover{background-color:#fccfcfcc}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-lightGray:hover,.hover\:bg-neutral-surface-lightest:hover{--tw-bg-opacity: 1;background-color:rgb(249 249 251 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-surface-selected:hover{--tw-bg-opacity: 1;background-color:rgb(236 238 243 / var(--tw-bg-opacity, 1))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-danger-60:hover{--tw-text-opacity: 1;color:rgb(243 22 22 / var(--tw-text-opacity, 1))}.hover\:text-danger-dark:hover{--tw-text-opacity: 1;color:rgb(155 8 8 / var(--tw-text-opacity, 1))}.hover\:text-neutral-text-primary:hover{--tw-text-opacity: 1;color:rgb(16 18 25 / var(--tw-text-opacity, 1))}.hover\:opacity-70:hover{opacity:.7}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-agilys-primary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 11 100 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-agilys-primary\/40:focus-visible{--tw-ring-color: rgb(0 11 100 / .4)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:right-5{right:1.25rem}.sm\:top-5{top:1.25rem}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:p-8{padding:2rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.z-\[10000\]{z-index:10000}.z-\[99999\]{z-index:99999}.z-\[9999\]{z-index:9999}.m-0{margin:0}.mt-2{margin-top:.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-2{width:.5rem;height:.5rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\[18px\]{width:18px;height:18px}.size-full{width:100%;height:100%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-auto{height:auto}.max-h-60{max-height:15rem}.max-h-\[70vh\]{max-height:70vh}.min-h-11{min-height:2.75rem}.min-h-\[400px\]{min-height:400px}.w-11{width:2.75rem}.w-\[320px\]{width:320px}.w-\[420px\]{width:420px}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-16{min-width:4rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-input-border{--tw-border-opacity: 1;border-color:rgb(212 215 227 / var(--tw-border-opacity, 1))}.border-neutral-divider-primary{--tw-border-opacity: 1;border-color:rgb(212 216 226 / var(--tw-border-opacity, 1))}.border-neutral-divider-secondary{--tw-border-opacity: 1;border-color:rgb(224 227 235 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-\[\#fcfcfc\]{--tw-bg-opacity: 1;background-color:rgb(252 252 252 / var(--tw-bg-opacity, 1))}.bg-agilys-primary{--tw-bg-opacity: 1;background-color:rgb(0 11 100 / var(--tw-bg-opacity, 1))}.bg-agilys-primary-100{--tw-bg-opacity: 1;background-color:rgb(233 235 251 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-danger-10{--tw-bg-opacity: 1;background-color:rgb(254 236 236 / var(--tw-bg-opacity, 1))}.bg-danger-60{--tw-bg-opacity: 1;background-color:rgb(243 22 22 / var(--tw-bg-opacity, 1))}.bg-danger-light{--tw-bg-opacity: 1;background-color:rgb(252 207 207 / var(--tw-bg-opacity, 1))}.bg-input-background{--tw-bg-opacity: 1;background-color:rgb(247 251 255 / var(--tw-bg-opacity, 1))}.bg-lightGray,.bg-neutral-surface-lightest{--tw-bg-opacity: 1;background-color:rgb(249 249 251 / var(--tw-bg-opacity, 1))}.bg-neutral-surface-selected{--tw-bg-opacity: 1;background-color:rgb(236 238 243 / var(--tw-bg-opacity, 1))}.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-success-10{--tw-bg-opacity: 1;background-color:rgb(238 252 243 / var(--tw-bg-opacity, 1))}.bg-success-60{--tw-bg-opacity: 1;background-color:rgb(56 188 92 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-warning-accent{--tw-bg-opacity: 1;background-color:rgb(255 153 10 / var(--tw-bg-opacity, 1))}.bg-warning-light{--tw-bg-opacity: 1;background-color:rgb(255 247 235 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[22px\]{padding-left:22px;padding-right:22px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pr-1{padding-right:.25rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:12px}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.text-agilys-primary{--tw-text-opacity: 1;color:rgb(0 11 100 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-danger-60{--tw-text-opacity: 1;color:rgb(243 22 22 / var(--tw-text-opacity, 1))}.text-danger-dark{--tw-text-opacity: 1;color:rgb(155 8 8 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-neutral-secondary{--tw-text-opacity: 1;color:rgb(77 88 116 / var(--tw-text-opacity, 1))}.text-neutral-text-primary{--tw-text-opacity: 1;color:rgb(16 18 25 / var(--tw-text-opacity, 1))}.text-neutral-text-secondary{--tw-text-opacity: 1;color:rgb(77 88 116 / var(--tw-text-opacity, 1))}.text-primary-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-success-60{--tw-text-opacity: 1;color:rgb(56 188 92 / var(--tw-text-opacity, 1))}.text-warning-accent{--tw-text-opacity: 1;color:rgb(255 153 10 / var(--tw-text-opacity, 1))}.text-warning-dark{--tw-text-opacity: 1;color:rgb(163 95 0 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_1px_0px_rgba\(66\,74\,98\,0\.09\)\,0px_2px_2px_0px_rgba\(66\,74\,98\,0\.04\)\]{--tw-shadow: 0px 0px 1px 0px rgba(66,74,98,.09),0px 2px 2px 0px rgba(66,74,98,.04);--tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 2px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_2px_0px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0px 0px 2px 0px rgba(0,0,0,.1);--tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_2px_0px_rgba\(34\,34\,34\,0\.08\)\]{--tw-shadow: 0px 0px 2px 0px rgba(34,34,34,.08);--tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_2px_0px_rgba\(66\,74\,98\,0\.04\)\,0px_3px_8px_0px_rgba\(66\,74\,98\,0\.09\)\]{--tw-shadow: 0px 0px 2px 0px rgba(66,74,98,.04),0px 3px 8px 0px rgba(66,74,98,.09);--tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color), 0px 3px 8px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_2px_0px_rgba\(66\,74\,98\,0\.09\)\]{--tw-shadow: 0px 0px 2px 0px rgba(66,74,98,.09);--tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_2px_6px_0px_rgba\(243\,22\,22\,0\.16\)\]{--tw-shadow: 0px 2px 6px 0px rgba(243,22,22,.16);--tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_2px_6px_0px_rgba\(71\,71\,245\,0\.16\)\,inset_0px_0px_10px_0px_rgba\(255\,255\,255\,0\.3\)\]{--tw-shadow: 0px 2px 6px 0px rgba(71,71,245,.16),inset 0px 0px 10px 0px rgba(255,255,255,.3);--tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color), inset 0px 0px 10px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_4px_12px_0px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow: 0px 4px 12px 0px rgba(0,0,0,.15);--tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-danger-60{--tw-ring-opacity: 1;--tw-ring-color: rgb(243 22 22 / var(--tw-ring-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.\[animation-duration\:800ms\]{animation-duration:.8s}.placeholder\:text-xs::-moz-placeholder{font-size:.75rem;line-height:1rem}.placeholder\:text-xs::placeholder{font-size:.75rem;line-height:1rem}.placeholder\:font-normal::-moz-placeholder{font-weight:400}.placeholder\:font-normal::placeholder{font-weight:400}.placeholder\:leading-relaxed::-moz-placeholder{line-height:1.625}.placeholder\:leading-relaxed::placeholder{line-height:1.625}.placeholder\:text-neutral-secondary::-moz-placeholder{--tw-text-opacity: 1;color:rgb(77 88 116 / var(--tw-text-opacity, 1))}.placeholder\:text-neutral-secondary::placeholder{--tw-text-opacity: 1;color:rgb(77 88 116 / var(--tw-text-opacity, 1))}.last\:border-r-0:last-child{border-right-width:0px}.checked\:border-agilys-primary:checked{--tw-border-opacity: 1;border-color:rgb(0 11 100 / var(--tw-border-opacity, 1))}.checked\:bg-agilys-primary:checked{--tw-bg-opacity: 1;background-color:rgb(0 11 100 / var(--tw-bg-opacity, 1))}.focus-within\:ring-1:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-danger-60:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(243 22 22 / var(--tw-ring-opacity, 1))}.focus-within\:ring-input-focus:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(196 199 212 / var(--tw-ring-opacity, 1))}.hover\:bg-agilys-primary-200:hover{--tw-bg-opacity: 1;background-color:rgb(212 216 247 / var(--tw-bg-opacity, 1))}.hover\:bg-agilys-primary\/90:hover{background-color:#000b64e6}.hover\:bg-danger-10:hover{--tw-bg-opacity: 1;background-color:rgb(254 236 236 / var(--tw-bg-opacity, 1))}.hover\:bg-danger-light\/80:hover{background-color:#fccfcfcc}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-lightGray:hover,.hover\:bg-neutral-surface-lightest:hover{--tw-bg-opacity: 1;background-color:rgb(249 249 251 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-surface-selected:hover{--tw-bg-opacity: 1;background-color:rgb(236 238 243 / var(--tw-bg-opacity, 1))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-danger-60:hover{--tw-text-opacity: 1;color:rgb(243 22 22 / var(--tw-text-opacity, 1))}.hover\:text-danger-dark:hover{--tw-text-opacity: 1;color:rgb(155 8 8 / var(--tw-text-opacity, 1))}.hover\:text-neutral-text-primary:hover{--tw-text-opacity: 1;color:rgb(16 18 25 / var(--tw-text-opacity, 1))}.hover\:opacity-70:hover{opacity:.7}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-agilys-primary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 11 100 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-agilys-primary\/40:focus-visible{--tw-ring-color: rgb(0 11 100 / .4)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:right-5{right:1.25rem}.sm\:top-5{top:1.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agilys-system/design-system",
3
- "version": "1.1.7",
3
+ "version": "1.1.9",
4
4
  "description": "Design system (React) for Agilys web projects — components built with Vite, Tailwind CSS and Storybook.",
5
5
  "type": "module",
6
6
  "license": "MIT",