welcome-ui 9.0.10 → 10.0.0-alpha.10

package/dist/Tag.css

@@ -1 +1 @@
-@layer components{._root_1xtnl_2{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--duration-medium) var(--timing-primary);font-weight:var(--font-weight-medium);border:var(--border-width-md) solid var(--color-neutral-10);line-height:initial;background-color:var(--backgroundColor, var(--color-beige-20));color:var(--color, var(--color-beige-90));border-color:var(--borderColor, transparent);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap);font-size:var(--fontSize);border-radius:var(--borderRadius, var(--radius-md))}._root_1xtnl_2>span,._root_1xtnl_2>p{overflow:hidden;text-overflow:ellipsis}._root_1xtnl_2>svg{flex-shrink:0;width:var(--iconWidth);height:var(--iconHeight)}button._root_1xtnl_2,a._root_1xtnl_2{cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_1xtnl_2:hover,a._root_1xtnl_2:hover{--backgroundColor: var(--backgroundColorHover, var(--color-beige-30))}}button._root_1xtnl_2[data-focus-visible],button._root_1xtnl_2:focus-visible,a._root_1xtnl_2[data-focus-visible],a._root_1xtnl_2:focus-visible{outline-color:var(--outlineColorFocus);--backgroundColor: var(--backgroundColorFocus, var(--color-beige-30))}button._root_1xtnl_2:active,a._root_1xtnl_2:active{--backgroundColor: var(--backgroundColorActive, var(--color-beige-30))}._variant-primary_1xtnl_59{--backgroundColor: var(--color-brand-40);--backgroundColorHover: var(--color-brand-50);--backgroundColorActive: var(--color-brand-50);--backgroundColorFocus: var(--color-brand-50);--outlineColorFocus: var(--color-brand-60);--color: var(--color-neutral-90)}._variant-info_1xtnl_67{--backgroundColor: var(--color-blue-10);--backgroundColorHover: var(--color-blue-20);--backgroundColorActive: var(--color-blue-20);--backgroundColorFocus: var(--color-blue-20);--outlineColorFocus: var(--color-blue-30);--color: var(--color-blue-90)}._variant-success_1xtnl_75{--backgroundColor: var(--color-green-10);--backgroundColorHover: var(--color-green-20);--backgroundColorActive: var(--color-green-20);--backgroundColorFocus: var(--color-green-20);--outlineColorFocus: var(--color-green-30);--color: var(--color-green-90)}._variant-danger_1xtnl_83{--backgroundColor: var(--color-red-10);--backgroundColorHover: var(--color-red-20);--backgroundColorActive: var(--color-red-20);--backgroundColorFocus: var(--color-red-20);--outlineColorFocus: var(--color-red-30);--color: var(--color-red-90)}._variant-warning_1xtnl_91{--backgroundColor: var(--color-orange-10);--backgroundColorHover: var(--color-orange-20);--backgroundColorActive: var(--color-orange-20);--backgroundColorFocus: var(--color-orange-20);--outlineColorFocus: var(--color-orange-30);--color: var(--color-orange-90)}._variant-ai_1xtnl_99{--backgroundColor: var(--color-violet-20);--backgroundColorHover: var(--color-violet-30);--backgroundColorActive: var(--color-violet-30);--backgroundColorFocus: var(--color-violet-30);--outlineColorFocus: var(--color-violet-40);--color: var(--color-violet-90)}._variant-blue_1xtnl_107{--backgroundColor: var(--color-blue-40);--backgroundColorHover: var(--color-blue-50);--backgroundColorActive: var(--color-blue-50);--backgroundColorFocus: var(--color-blue-50);--outlineColorFocus: var(--color-blue-60);--color: var(--color-neutral-90)}._variant-green_1xtnl_115{--backgroundColor: var(--color-green-30);--backgroundColorHover: var(--color-green-40);--backgroundColorActive: var(--color-green-40);--backgroundColorFocus: var(--color-green-40);--outlineColorFocus: var(--color-green-50);--color: var(--color-neutral-90)}._variant-orange_1xtnl_123{--backgroundColor: var(--color-orange-40);--backgroundColorHover: var(--color-orange-50);--backgroundColorActive: var(--color-orange-50);--backgroundColorFocus: var(--color-orange-50);--outlineColorFocus: var(--color-orange-60);--color: var(--color-neutral-90)}._variant-pink_1xtnl_131{--backgroundColor: var(--color-pink-40);--backgroundColorHover: var(--color-pink-50);--backgroundColorActive: var(--color-pink-50);--backgroundColorFocus: var(--color-pink-50);--outlineColorFocus: var(--color-pink-60);--color: var(--color-neutral-90)}._variant-teal_1xtnl_139{--backgroundColor: var(--color-teal-40);--backgroundColorHover: var(--color-teal-50);--backgroundColorActive: var(--color-teal-50);--backgroundColorFocus: var(--color-teal-50);--outlineColorFocus: var(--color-teal-60);--color: var(--color-neutral-90)}._variant-violet_1xtnl_147{--backgroundColor: var(--color-violet-40);--backgroundColorHover: var(--color-violet-50);--backgroundColorActive: var(--color-violet-50);--backgroundColorFocus: var(--color-violet-50);--outlineColorFocus: var(--color-violet-60);--color: var(--color-neutral-90)}._size-xs_1xtnl_155{--height: var(--height-20);--paddingVertical: var(--spacing-xxs);--paddingHorizontal: var(--spacing-xs);--gap: var(--spacing-xs);--fontSize: var(--font-size-xs);--borderRadius: var(--radius-sm);--iconWidth: .75rem;--iconHeight: var(--height-12);--removeWidth: .5rem}._size-sm_1xtnl_166{--height: var(--height-24);--paddingVertical: var(--spacing-xs);--paddingHorizontal: var(--spacing-sm);--gap: var(--spacing-xs);--fontSize: var(--font-size-xs);--iconWidth: .75rem;--iconHeight: var(--height-12);--borderRadius: var(--radius-md);--removeWidth: .75rem}._size-md_1xtnl_177{--height: var(--height-32);--paddingVertical: var(--spacing-xs);--paddingHorizontal: var(--spacing-sm);--gap: var(--spacing-sm);--fontSize: var(--font-size-sm);--iconWidth: 1rem;--iconHeight: var(--height-16);--borderRadius: var(--radius-md);--removeWidth: 1rem}._hasRemoveAction_1xtnl_188{display:inline-flex;gap:var(--spacing-xs);align-items:center;flex-direction:row}._isSquare_1xtnl_194{padding:0;justify-content:center;flex-basis:var(--height)}._removeButton_1xtnl_199{--paddingInlineHasIcon: 0;flex-shrink:0}}
+@property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@layer components{._root_1y63p_9{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--duration-medium) var(--timing-primary);font-weight:var(--font-weight-medium);line-height:initial;font-size:var(--font-size-sm);border-radius:var(--components-dimensions-tag-border-radius);border-color:var(--components-colors-tag-color-border-default);border-width:var(--components-dimensions-tag-border-width-default);border-style:solid;background:var(--backgroundColor);box-shadow:var(--boxShadow, var(--elevation-10));color:var(--color);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap)}._root_1y63p_9>span,._root_1y63p_9>p{overflow:hidden;text-overflow:ellipsis}._root_1y63p_9>svg{flex-shrink:0;width:var(--components-dimensions-tag-size-icon);height:var(--components-dimensions-tag-size-icon)}button._root_1y63p_9,a._root_1y63p_9{cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_1y63p_9:hover:not(._disabled_1y63p_53),a._root_1y63p_9:hover:not(._disabled_1y63p_53){--backgroundColor: var(--backgroundColorHover);--boxShadow: var(--elevation-20)}button._root_1y63p_9._variant-dash_1y63p_58:hover:not(._disabled_1y63p_53),a._root_1y63p_9._variant-dash_1y63p_58:hover:not(._disabled_1y63p_53){border-color:var(--components-colors-tag-color-border-dash-hover)}}._disabled_1y63p_53{background:var(--backgroundColorDisabled);border:none;cursor:inherit;--boxShadow: none;--color: var(--colorDisabled) !important}._disabled_1y63p_53._ai_1y63p_70{border:inherit}._disabled_1y63p_53 ._removeButton_1y63p_73{cursor:inherit}._variant-brand_1y63p_76{--backgroundColor: var(--components-colors-tag-color-background-brand-default);--backgroundColorHover: var(--components-colors-tag-color-background-brand-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--components-colors-tag-color-background-brand-disabled);--color: var(--components-colors-tag-color-text-brand-default);--colorDisabled: var(--components-colors-tag-color-text-brand-disabled)}._variant-brand_1y63p_76._ai_1y63p_70{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--components-colors-tag-color-background-brand-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--components-colors-tag-color-background-brand-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--components-colors-tag-color-background-brand-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-warm_1y63p_91{--backgroundColor: var(--components-colors-tag-color-background-warm-default);--backgroundColorHover: var(--components-colors-tag-color-background-warm-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--components-colors-tag-color-background-warm-disabled);--color: var(--components-colors-tag-color-text-warm-default);--colorDisabled: var(--components-colors-tag-color-text-warm-disabled)}._variant-warm_1y63p_91._ai_1y63p_70{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--components-colors-tag-color-background-warm-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--components-colors-tag-color-background-warm-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--components-colors-tag-color-background-warm-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-red_1y63p_106{--backgroundColor: var(--components-colors-tag-color-background-red-default);--backgroundColorHover: var(--components-colors-tag-color-background-red-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--components-colors-tag-color-background-red-disabled);--color: var(--components-colors-tag-color-text-red-default);--colorDisabled: var(--components-colors-tag-color-text-red-disabled)}._variant-red_1y63p_106._ai_1y63p_70{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--components-colors-tag-color-background-red-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--components-colors-tag-color-background-red-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--components-colors-tag-color-background-red-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-blue_1y63p_121{--backgroundColor: var(--components-colors-tag-color-background-blue-default);--backgroundColorHover: var(--components-colors-tag-color-background-blue-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--components-colors-tag-color-background-blue-disabled);--color: var(--components-colors-tag-color-text-blue-default);--colorDisabled: var(--components-colors-tag-color-text-blue-disabled)}._variant-blue_1y63p_121._ai_1y63p_70{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--components-colors-tag-color-background-blue-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--components-colors-tag-color-background-blue-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--components-colors-tag-color-background-blue-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-green_1y63p_136{--backgroundColor: var(--components-colors-tag-color-background-green-default);--backgroundColorHover: var(--components-colors-tag-color-background-green-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--components-colors-tag-color-background-green-disabled);--color: var(--components-colors-tag-color-text-green-default);--colorDisabled: var(--components-colors-tag-color-text-green-disabled)}._variant-green_1y63p_136._ai_1y63p_70{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--components-colors-tag-color-background-green-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--components-colors-tag-color-background-green-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--components-colors-tag-color-background-green-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-orange_1y63p_151{--backgroundColor: var(--components-colors-tag-color-background-orange-default);--backgroundColorHover: var(--components-colors-tag-color-background-orange-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--components-colors-tag-color-background-orange-disabled);--color: var(--components-colors-tag-color-text-orange-default);--colorDisabled: var(--components-colors-tag-color-text-orange-disabled)}._variant-orange_1y63p_151._ai_1y63p_70{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--components-colors-tag-color-background-orange-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--components-colors-tag-color-background-orange-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--components-colors-tag-color-background-orange-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-pink_1y63p_166{--backgroundColor: var(--components-colors-tag-color-background-pink-default);--backgroundColorHover: var(--components-colors-tag-color-background-pink-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--components-colors-tag-color-background-pink-disabled);--color: var(--components-colors-tag-color-text-pink-default);--colorDisabled: var(--components-colors-tag-color-text-pink-disabled)}._variant-pink_1y63p_166._ai_1y63p_70{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--components-colors-tag-color-background-pink-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--components-colors-tag-color-background-pink-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--components-colors-tag-color-background-pink-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-teal_1y63p_181{--backgroundColor: var(--components-colors-tag-color-background-teal-default);--backgroundColorHover: var(--components-colors-tag-color-background-teal-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--components-colors-tag-color-background-teal-disabled);--color: var(--components-colors-tag-color-text-teal-default);--colorDisabled: var(--components-colors-tag-color-text-teal-disabled)}._variant-teal_1y63p_181._ai_1y63p_70{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--components-colors-tag-color-background-teal-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--components-colors-tag-color-background-teal-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--components-colors-tag-color-background-teal-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-violet_1y63p_196{--backgroundColor: var(--components-colors-tag-color-background-violet-default);--backgroundColorHover: var(--components-colors-tag-color-background-violet-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--components-colors-tag-color-background-violet-disabled);--color: var(--components-colors-tag-color-text-violet-default);--colorDisabled: var(--components-colors-tag-color-text-violet-disabled)}._variant-violet_1y63p_196._ai_1y63p_70{border-width:1px;border-color:transparent;box-shadow:inset 0 0 0 2px #fff;--backgroundColor: linear-gradient(var(--components-colors-tag-color-background-violet-ai-default) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorHover: linear-gradient(var(--components-colors-tag-color-background-violet-ai-hover) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), linear-gradient(var(--components-colors-tag-color-background-violet-ai-disabled) 0 0) padding-box, linear-gradient(white 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box}._variant-dash_1y63p_58{--backgroundColor: var(--components-colors-tag-color-background-dash-default);--backgroundColorHover: var(--components-colors-tag-color-background-dash-hover);--backgroundColorDisabled: repeating-linear-gradient(-45deg, transparent, transparent 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 2.4px, color-mix(in srgb, var(--color-neutral-50) 12%, transparent) 4.3px), var(--components-colors-tag-color-background-dash-disabled);--color: var(--components-colors-tag-color-text-dash-default);--colorDisabled: var(--components-colors-tag-color-text-dash-disabled);border:var(--components-dimensions-tag-border-width-default) dashed var(--components-colors-tag-color-border-dash-default);position:relative}._variant-dash_1y63p_58:hover{box-shadow:none}._variant-dash_1y63p_58._disabled_1y63p_53{border-color:var(--components-colors-tag-color-border-dash-disabled)}._size-md_1y63p_226{--height: var(--components-dimensions-tag-size-max-height-md);--maxHeight: var(--components-dimensions-tag-size-max-height-md);--paddingVertical: var(--components-dimensions-tag-padding-block-md);--paddingHorizontal: var(--components-dimensions-tag-padding-inline-md);--gap: var(--components-dimensions-tag-padding-inline-md)}._size-lg_1y63p_233{--height: var(--components-dimensions-tag-size-max-height-lg);--maxHeight: var(--components-dimensions-tag-size-max-height-lg);--paddingVertical: var(--components-dimensions-tag-padding-block-lg);--paddingHorizontal: var(--components-dimensions-tag-padding-inline-lg);--gap: var(--components-dimensions-tag-gap-content)}._hasRemoveAction_1y63p_240{align-items:center;display:inline-flex;flex-direction:row;gap:var(--components-dimensions-tag-padding-block-md)}._isSquare_1y63p_246{flex-basis:var(--height);justify-content:center;padding:0}._removeButton_1y63p_73{cursor:pointer;flex-shrink:0;--paddingInlineHasIcon: 0}}

package/dist/Tag.js

@@ -1,86 +1,90 @@
 "use client";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import d from "react";
-import { Button as h } from "./Button.js";
-import "./Icon-BisRi8B3.js";
-import { C as z } from "./index-BJLXLdM3.js";
+import './Tag.css';
+import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import z from "react";
+import { Icon as m } from "./Icon.js";
 import { c as R } from "./index-PAaZGbyz.js";
 import { f as S } from "./forwardRefWithAs-8eP3ZN15.js";
-const k = "_root_1xtnl_2", y = "_hasRemoveAction_1xtnl_188", C = "_isSquare_1xtnl_194", q = "_removeButton_1xtnl_199", A = {
-  root: k,
-  "variant-primary": "_variant-primary_1xtnl_59",
-  "variant-info": "_variant-info_1xtnl_67",
-  "variant-success": "_variant-success_1xtnl_75",
-  "variant-danger": "_variant-danger_1xtnl_83",
-  "variant-warning": "_variant-warning_1xtnl_91",
-  "variant-ai": "_variant-ai_1xtnl_99",
-  "variant-blue": "_variant-blue_1xtnl_107",
-  "variant-green": "_variant-green_1xtnl_115",
-  "variant-orange": "_variant-orange_1xtnl_123",
-  "variant-pink": "_variant-pink_1xtnl_131",
-  "variant-teal": "_variant-teal_1xtnl_139",
-  "variant-violet": "_variant-violet_1xtnl_147",
-  "size-xs": "_size-xs_1xtnl_155",
-  "size-sm": "_size-sm_1xtnl_166",
-  "size-md": "_size-md_1xtnl_177",
-  hasRemoveAction: y,
-  isSquare: C,
-  removeButton: q
-}, s = R(A);
-function N(t) {
-  if (typeof t == "string" || typeof t == "number")
-    return t.toString().length;
-  if (d.isValidElement(t) && typeof t.props.children == "string")
-    return t.props.children.length;
+const C = "_root_1y63p_9", N = "_disabled_1y63p_53", q = "_ai_1y63p_70", x = "_removeButton_1y63p_73", A = "_hasRemoveAction_1y63p_240", w = "_isSquare_1y63p_246", T = {
+  root: C,
+  disabled: N,
+  "variant-dash": "_variant-dash_1y63p_58",
+  ai: q,
+  removeButton: x,
+  "variant-brand": "_variant-brand_1y63p_76",
+  "variant-warm": "_variant-warm_1y63p_91",
+  "variant-red": "_variant-red_1y63p_106",
+  "variant-blue": "_variant-blue_1y63p_121",
+  "variant-green": "_variant-green_1y63p_136",
+  "variant-orange": "_variant-orange_1y63p_151",
+  "variant-pink": "_variant-pink_1y63p_166",
+  "variant-teal": "_variant-teal_1y63p_181",
+  "variant-violet": "_variant-violet_1y63p_196",
+  "size-md": "_size-md_1y63p_226",
+  "size-lg": "_size-lg_1y63p_233",
+  hasRemoveAction: A,
+  isSquare: w
+}, c = R(T);
+function j(a) {
+  if (typeof a == "string" || typeof a == "number")
+    return a.toString().length;
+  if (z.isValidElement(a) && typeof a.props.children == "string")
+    return a.props.children.length;
 }
-const I = S((t, o) => {
+const E = S((a, p) => {
   const {
-    as: _ = "div",
-    children: i,
-    className: l,
-    icon: v,
-    onClick: m,
-    onRemove: a,
-    removeButtonProps: n,
-    size: c = "md",
-    variant: r,
-    ...x
-  } = t, f = N(i) === 1 && !a, u = (g) => {
-    n != null && n.onClick && n.onClick(g), a && a();
+    ai: s = !1,
+    as: v = "div",
+    children: o,
+    className: d,
+    disabled: i = !1,
+    icon: y,
+    onClick: _,
+    onRemove: t,
+    removeButtonProps: e,
+    size: f = "lg",
+    variant: l = "warm",
+    ...u
+  } = a, g = j(o) === 1 && !t, h = (n) => {
+    n.stopPropagation(), !i && (e != null && e.onClick && e.onClick(n), t && t());
+  }, b = (n) => {
+    i || _ && _(n);
   };
-  return /* @__PURE__ */ p(
-    _,
+  return /* @__PURE__ */ k(
+    v,
     {
-      className: s(
+      className: c(
         "root",
-        r && `variant-${r}`,
-        `size-${c}`,
-        !!a && "hasRemoveAction",
-        f && "isSquare",
-        l
+        `variant-${l}`,
+        `size-${f}`,
+        !!t && "hasRemoveAction",
+        g && "isSquare",
+        s && "ai",
+        i && "disabled",
+        d
       ),
-      onClick: m,
-      ref: o,
-      ...x,
+      onClick: b,
+      ref: p,
+      ...u,
       children: [
-        v,
-        i,
-        a ? /* @__PURE__ */ e(
-          h,
+        s && l !== "dash" ? /* @__PURE__ */ r(m, { name: "sparkles", size: "md" }) : y,
+        o,
+        t ? /* @__PURE__ */ r(
+          "button",
           {
             "aria-label": "remove tag",
-            ...n,
-            className: s("removeButton", n == null ? void 0 : n.className),
-            onClick: u,
-            size: "xs",
-            variant: "ghost",
-            children: /* @__PURE__ */ e(z, { size: "xs" })
+            disabled: i,
+            ...e,
+            className: c("removeButton", e == null ? void 0 : e.className),
+            onClick: h,
+            children: /* @__PURE__ */ r(m, { name: "times", size: "md" })
           }
         ) : null
       ]
     }
   );
 });
+E.displayName = "Tag";
 export {
-  I as Tag
+  E as Tag
 };

package/dist/Text.css

@@ -1 +1 @@
-@layer components{._root_hcsa6_2{display:var(--display, block);font-size:var(--fontSize);line-height:var(--lineHeight);letter-spacing:var(--letterSpacing);font-weight:var(--fontWeight);font-family:var(--fontFamily, var(--font-family-default));text-transform:var(--textTransform, none);line-clamp:var(--lineClamp, none);-webkit-line-clamp:var(--lineClamp, none);word-break:var(--wordBreak, wrap-break-word);color:var(--color, inherit)}._variant-h0_hcsa6_16,._variant-h1_hcsa6_16,._variant-h2_hcsa6_16,._variant-h3_hcsa6_16,._variant-h4_hcsa6_16,._variant-h5_hcsa6_16,._variant-h6_hcsa6_16{--fontWeight: var(--font-weight-bold);--fontFamily: var(--font-family-headings);--color: var(--color-neutral-90)}._variant-h0_hcsa6_16{--fontSize: var(--font-size-h0);--lineHeight: var(--line-height-h0);--letterSpacing: var(--letter-spacing-h0)}._variant-h1_hcsa6_16{--fontSize: var(--font-size-h1);--lineHeight: var(--line-height-h1);--letterSpacing: var(--letter-spacing-h1)}._variant-h2_hcsa6_16{--fontSize: var(--font-size-h2);--lineHeight: var(--line-height-h2);--letterSpacing: var(--letter-spacing-h2)}._variant-h3_hcsa6_16{--fontSize: var(--font-size-h3);--lineHeight: var(--line-height-h3);--letterSpacing: var(--letter-spacing-h3)}._variant-h4_hcsa6_16{--fontSize: var(--font-size-h4);--lineHeight: var(--line-height-h4);--letterSpacing: var(--letter-spacing-h4)}._variant-h5_hcsa6_16{--fontSize: var(--font-size-h5);--lineHeight: var(--line-height-h5);--letterSpacing: var(--letter-spacing-h5)}._variant-h6_hcsa6_16{--fontSize: var(--font-size-h6);--lineHeight: var(--line-height-h6);--letterSpacing: var(--letter-spacing-h6)}._variant-xs_hcsa6_56,._variant-sm_hcsa6_56,._variant-md_hcsa6_56,._variant-lg_hcsa6_56{--fontWeight: var(--font-weight-regular)}._variant-xs_hcsa6_56{--fontSize: var(--font-size-xs);--lineHeight: var(--line-height-xs);--letterSpacing: var(--letter-spacing-xs)}._variant-sm_hcsa6_56{--fontSize: var(--font-size-sm);--lineHeight: var(--line-height-sm);--letterSpacing: var(--letter-spacing-sm)}._variant-md_hcsa6_56{--fontSize: var(--font-size-md);--lineHeight: var(--line-height-md);--letterSpacing: var(--letter-spacing-md)}._variant-lg_hcsa6_56{--fontSize: var(--font-size-lg);--lineHeight: var(--line-height-lg);--letterSpacing: var(--letter-spacing-lg)}._variant-subtitle-sm_hcsa6_79,._variant-subtitle-md_hcsa6_79{--fontFamily: var(--font-family-headings);--textTransform: uppercase}._variant-subtitle-sm_hcsa6_79{--fontSize: var(--font-size-subtitle-sm);--lineHeight: var(--line-height-subtitle-sm);--letterSpacing: var(--letter-spacing-subtitle-sm);--fontWeight: var(--font-weight-medium)}._variant-subtitle-md_hcsa6_79{--fontSize: var(--font-size-subtitle-md);--lineHeight: var(--line-height-subtitle-md);--letterSpacing: var(--letter-spacing-subtitle-md);--fontWeight: var(--font-weight-bold)}._with-lines_hcsa6_95{--display: -webkit-box;-webkit-box-orient:vertical;--line-height: normal;overflow:hidden}._single-line_hcsa6_101{--wordBreak: break-all;--lineHeight: normal}._multi-line_hcsa6_105{--lineHeight: 1.4}._with-dash_hcsa6_108{--display: flex;align-items:center}._with-dash_hcsa6_108:before{--display: inline-block;content:"";width:var(--spacing-lg);height:var(--height-4);background-color:var(--color-brand-40);margin-right:var(--spacing-lg);flex-shrink:0}}
+@layer components{._root_1tqvt_2{display:var(--display, block);font-size:var(--fontSize);line-height:var(--lineHeight);letter-spacing:var(--letterSpacing);font-weight:var(--fontWeight);font-family:var(--fontFamily, var(--font-family-body));line-clamp:var(--lineClamp, none);-webkit-line-clamp:var(--lineClamp, none);word-break:var(--wordBreak, wrap-break-word);color:var(--color, inherit)}._variant-display-xl_1tqvt_15,._variant-display-lg_1tqvt_15,._variant-display-md_1tqvt_15,._variant-display-sm_1tqvt_15{--fontFamily: var(--font-family-title);--lineHeight: var(--font-line-height-xs);--letterSpacing: var(--font-letter-spacing-xs);--color: var(--color-text-neutral-primary)}._variant-display-xl_1tqvt_15{--fontSize: var(--font-size-7xl);--fontWeight: var(--font-weight-black)}._variant-display-lg_1tqvt_15{--fontSize: var(--font-size-6xl);--fontWeight: var(--font-weight-black)}._variant-display-md_1tqvt_15{--fontSize: var(--font-size-5xl);--fontWeight: var(--font-weight-black)}._variant-display-sm_1tqvt_15{--fontSize: var(--font-size-4xl);--fontWeight: var(--font-weight-black)}._variant-heading-xl_1tqvt_37,._variant-heading-lg_1tqvt_37,._variant-heading-md_1tqvt_37,._variant-heading-sm_1tqvt_37,._variant-heading-md-strong_1tqvt_37,._variant-heading-sm-strong_1tqvt_37{--fontFamily: var(--font-family-title);--lineHeight: var(--font-line-height-xs);--letterSpacing: var(--font-letter-spacing-xs);--color: var(--color-text-neutral-primary)}._variant-heading-xl_1tqvt_37{--fontSize: var(--font-size-3xl);--fontWeight: var(--font-weight-bold)}._variant-heading-lg_1tqvt_37{--fontSize: var(--font-size-2xl);--fontWeight: var(--font-weight-bold)}._variant-heading-md_1tqvt_37,._variant-heading-md-strong_1tqvt_37{--fontSize: var(--font-size-xl);--fontWeight: var(--font-weight-medium)}._variant-heading-md-strong_1tqvt_37{--fontWeight: var(--font-weight-bold)}._variant-heading-sm_1tqvt_37,._variant-heading-sm-strong_1tqvt_37{--fontSize: var(--font-size-lg);--fontWeight: var(--font-weight-medium)}._variant-heading-sm-strong_1tqvt_37{--fontWeight: var(--font-weight-bold)}._variant-heading-xs_1tqvt_65,._variant-heading-xs-strong_1tqvt_65{--fontSize: var(--font-size-md);--fontWeight: var(--font-weight-medium)}._variant-heading-xs-strong_1tqvt_65{--fontWeight: var(--font-weight-bold)}._variant-body-xl_1tqvt_72,._variant-body-lg_1tqvt_72,._variant-body-md_1tqvt_72,._variant-body-sm_1tqvt_72,._variant-body-xl-strong_1tqvt_72,._variant-body-lg-strong_1tqvt_72,._variant-body-md-strong_1tqvt_72,._variant-body-sm-strong_1tqvt_72{--fontFamily: var(--font-family-body);--letterSpacing: var(--font-letter-spacing-none);--fontWeight: var(--font-weight-regular)}._variant-body-xl-strong_1tqvt_72,._variant-body-lg-strong_1tqvt_72,._variant-body-md-strong_1tqvt_72,._variant-body-sm-strong_1tqvt_72{--fontWeight: var(--font-weight-medium)}._variant-body-xl_1tqvt_72,._variant-body-xl-strong_1tqvt_72{--fontSize: var(--font-size-lg);--lineHeight: var(--font-line-height-lg)}._variant-body-lg_1tqvt_72,._variant-body-lg-strong_1tqvt_72{--fontSize: var(--font-size-md);--lineHeight: var(--font-line-height-lg)}._variant-body-md_1tqvt_72,._variant-body-md-strong_1tqvt_72{--fontSize: var(--font-size-sm);--lineHeight: var(--font-line-height-md)}._variant-body-sm_1tqvt_72,._variant-body-sm-strong_1tqvt_72{--fontSize: var(--font-size-xs);--lineHeight: var(--font-line-height-sm)}._variant-label-xl_1tqvt_96,._variant-label-lg_1tqvt_96,._variant-label-md_1tqvt_96,._variant-label-sm_1tqvt_96{--fontFamily: var(--font-family-body);--letterSpacing: var(--font-letter-spacing-none);--lineHeight: var(--font-line-height-xs)}._variant-label-xl_1tqvt_96{--fontSize: var(--font-size-lg);--fontWeight: var(--font-weight-bold)}._variant-label-lg_1tqvt_96{--fontSize: var(--font-size-md);--fontWeight: var(--font-weight-semi-bold)}._variant-label-md_1tqvt_96,._variant-label-md-strong_1tqvt_109{--fontSize: var(--font-size-sm);--fontWeight: var(--font-weight-medium)}._variant-label-md-strong_1tqvt_109{--fontWeight: var(--font-weight-semi-bold)}._variant-label-sm_1tqvt_96,._variant-label-sm-strong_1tqvt_116{--fontSize: var(--font-size-xs);--fontWeight: var(--font-weight-medium)}._variant-label-sm-strong_1tqvt_116{--fontWeight: var(--font-weight-bold)}._with-lines_1tqvt_123{--display: -webkit-box;-webkit-box-orient:vertical;--line-height: normal;overflow:hidden}._single-line_1tqvt_129{--wordBreak: break-all;--lineHeight: normal}._multi-line_1tqvt_133{--lineHeight: 1.4}._with-dash_1tqvt_136{--display: flex;align-items:center}._with-dash_1tqvt_136:before{--display: inline-block;content:"";width:var(--border-radius-xl);height:var(--border-radius-sm);background-color:var(--color-background-brand-primary);margin-right:var(--border-radius-xl);flex-shrink:0}}

package/dist/Text.js

@@ -1,64 +1,64 @@
 "use client";
-import { createElement as v } from "react";
-import { c as u } from "./index-PAaZGbyz.js";
-import { f as d } from "./forwardRefWithAs-8eP3ZN15.js";
-const p = "_root_hcsa6_2", b = {
-  root: p,
-  "variant-h0": "_variant-h0_hcsa6_16",
-  "variant-h1": "_variant-h1_hcsa6_16",
-  "variant-h2": "_variant-h2_hcsa6_16",
-  "variant-h3": "_variant-h3_hcsa6_16",
-  "variant-h4": "_variant-h4_hcsa6_16",
-  "variant-h5": "_variant-h5_hcsa6_16",
-  "variant-h6": "_variant-h6_hcsa6_16",
-  "variant-xs": "_variant-xs_hcsa6_56",
-  "variant-sm": "_variant-sm_hcsa6_56",
-  "variant-md": "_variant-md_hcsa6_56",
-  "variant-lg": "_variant-lg_hcsa6_56",
-  "variant-subtitle-sm": "_variant-subtitle-sm_hcsa6_79",
-  "variant-subtitle-md": "_variant-subtitle-md_hcsa6_79",
-  "with-lines": "_with-lines_hcsa6_95",
-  "single-line": "_single-line_hcsa6_101",
-  "multi-line": "_multi-line_hcsa6_105",
-  "with-dash": "_with-dash_hcsa6_108"
-}, g = {
-  h0: "h1",
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  lg: "p",
-  md: "p",
-  sm: "p",
-  "subtitle-md": "span",
-  "subtitle-sm": "span",
-  xs: "p"
-}, w = u(b), S = d(
-  ({ as: h, children: _, className: n, lines: a, variant: t = "md", withDash: r, ...c }, e) => {
-    const l = h || g[t], m = t == null ? void 0 : t.startsWith("h"), s = a && a > 1 && a !== Number.POSITIVE_INFINITY, i = a === 1, o = w(
+import './Text.css';
+import { createElement as g } from "react";
+import { c as m } from "./index-PAaZGbyz.js";
+import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
+const q = "_root_1tqvt_2", h = {
+  root: q,
+  "variant-display-xl": "_variant-display-xl_1tqvt_15",
+  "variant-display-lg": "_variant-display-lg_1tqvt_15",
+  "variant-display-md": "_variant-display-md_1tqvt_15",
+  "variant-display-sm": "_variant-display-sm_1tqvt_15",
+  "variant-heading-xl": "_variant-heading-xl_1tqvt_37",
+  "variant-heading-lg": "_variant-heading-lg_1tqvt_37",
+  "variant-heading-md": "_variant-heading-md_1tqvt_37",
+  "variant-heading-sm": "_variant-heading-sm_1tqvt_37",
+  "variant-heading-md-strong": "_variant-heading-md-strong_1tqvt_37",
+  "variant-heading-sm-strong": "_variant-heading-sm-strong_1tqvt_37",
+  "variant-heading-xs": "_variant-heading-xs_1tqvt_65",
+  "variant-heading-xs-strong": "_variant-heading-xs-strong_1tqvt_65",
+  "variant-body-xl": "_variant-body-xl_1tqvt_72",
+  "variant-body-lg": "_variant-body-lg_1tqvt_72",
+  "variant-body-md": "_variant-body-md_1tqvt_72",
+  "variant-body-sm": "_variant-body-sm_1tqvt_72",
+  "variant-body-xl-strong": "_variant-body-xl-strong_1tqvt_72",
+  "variant-body-lg-strong": "_variant-body-lg-strong_1tqvt_72",
+  "variant-body-md-strong": "_variant-body-md-strong_1tqvt_72",
+  "variant-body-sm-strong": "_variant-body-sm-strong_1tqvt_72",
+  "variant-label-xl": "_variant-label-xl_1tqvt_96",
+  "variant-label-lg": "_variant-label-lg_1tqvt_96",
+  "variant-label-md": "_variant-label-md_1tqvt_96",
+  "variant-label-sm": "_variant-label-sm_1tqvt_96",
+  "variant-label-md-strong": "_variant-label-md-strong_1tqvt_109",
+  "variant-label-sm-strong": "_variant-label-sm-strong_1tqvt_116",
+  "with-lines": "_with-lines_1tqvt_123",
+  "single-line": "_single-line_1tqvt_129",
+  "multi-line": "_multi-line_1tqvt_133",
+  "with-dash": "_with-dash_1tqvt_136"
+}, y = m(h), x = b(
+  ({ as: _ = "p", children: s, className: r, lines: a, variant: t = "md", withDash: l, ...v }, d) => {
+    const e = (t == null ? void 0 : t.startsWith("heading")) || (t == null ? void 0 : t.startsWith("display")), i = a && a > 1 && a !== Number.POSITIVE_INFINITY, n = a === 1, o = y(
       "root",
       `variant-${t}`,
       a && "with-lines",
-      s && "multi-line",
-      i && "single-line",
-      r && m && "with-dash",
-      n
+      i && "multi-line",
+      n && "single-line",
+      l && e && "with-dash",
+      r
     );
-    return v(
-      l,
+    return g(
+      _,
       {
         className: o,
-        ref: e,
-        style: { ...s || i ? { "--lineClamp": a } : {} },
-        ...c
+        ref: d,
+        style: { ...i || n ? { "--lineClamp": a } : {} },
+        ...v
       },
-      _
+      s
     );
   }
 );
+x.displayName = "Text";
 export {
-  g as TAG_NAMES,
-  S as Text
+  x as Text
 };

package/dist/Textarea.css

@@ -1 +1 @@
-@layer components{._root_hnm7b_2{border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:transparent solid var(--border-width-md);width:100%;transition:var(--duration-medium);padding:var(--spacing-md);min-height:8.125rem;background-color:var(--backgroundColor, var(--color-neutral-10));color:var(--color, var(--color-neutral-90));border-color:var(--borderColor, var(--color-neutral-30))}._root_hnm7b_2:disabled,._root_hnm7b_2[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_hnm7b_2:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_hnm7b_2[data-focus-visible],._root_hnm7b_2:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_hnm7b_2::placeholder{color:var(--color-neutral-60)}._variant-danger_hnm7b_34{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_hnm7b_40{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_hnm7b_46{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}}
+@layer components{._root_161f5_2{border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);width:100%;transition:var(--duration-medium);padding:var(--spacing-md);outline:none;background-color:var(--textAreaBackgroundColor, var(--components-colors-input-color-background-default));color:var(--textAreaColor, var(--components-colors-input-color-text-default));border-color:var(--textAreaBorderColor, var(--components-colors-input-color-border-default));box-shadow:var(--textAreaBoxShadow, var(--inset-10)) inset;field-sizing:var(--textAreaFieldSizing, fixed);min-height:var(--textAreaMinHeight, 8.125rem)}._root_161f5_2:disabled,._root_161f5_2[aria-disabled]{--textAreaBackgroundColor: var(--components-colors-input-color-background-disabled);--textAreaColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_161f5_2:hover{--textAreaBorderColor: var(--components-colors-input-color-border-hover);--textAreaBoxShadow: var(--inset-20)}._root_161f5_2:active,._root_161f5_2:focus{--textAreaBorderColor: var(--components-colors-input-color-border-active)}._root_161f5_2::placeholder{color:var(--components-colors-input-color-text-placeholder)}._variant-danger_161f5_36{--textAreaBorderColor: var(--components-colors-input-color-border-error)}._variant-warning_161f5_39{--textAreaBorderColor: var(--components-colors-input-color-border-warning)}._variant-success_161f5_42{--textAreaBorderColor: var(--components-colors-input-color-border-success)}._adaptative_161f5_45{--textAreaFieldSizing: content;--textAreaMinHeight: auto}}

package/dist/Textarea.js

@@ -1,27 +1,35 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { useField as _ } from "./Field.js";
-import { c as v } from "./index-PAaZGbyz.js";
-const f = "_root_hnm7b_2", p = {
-  root: f,
-  "variant-danger": "_variant-danger_hnm7b_34",
-  "variant-warning": "_variant-warning_hnm7b_40",
-  "variant-success": "_variant-success_hnm7b_46"
-}, l = v(p), b = m(
-  ({ className: r, minRows: t = 5, variant: n, ...o }, s) => {
-    const { getInputProps: e, variant: i } = _(), a = i || n;
-    return /* @__PURE__ */ c(
+import './Textarea.css';
+import { jsx as _ } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { useField as v } from "./Field.js";
+import { c as p } from "./index-PAaZGbyz.js";
+const m = "_root_161f5_2", d = "_adaptative_161f5_45", l = {
+  root: m,
+  "variant-danger": "_variant-danger_161f5_36",
+  "variant-warning": "_variant-warning_161f5_39",
+  "variant-success": "_variant-success_161f5_42",
+  adaptative: d
+}, x = p(l), u = f(
+  ({ className: t, isAdaptative: r = !1, minRows: e = 5, variant: o, ...s }, n) => {
+    const { getInputProps: i, variant: c } = v(), a = c || o;
+    return /* @__PURE__ */ _(
       "textarea",
       {
-        className: l("root", a && `variant-${a}`, r),
-        ref: s,
-        rows: t,
-        ...e(o)
+        className: x(
+          "root",
+          a && `variant-${a}`,
+          r && "adaptative",
+          t
+        ),
+        ref: n,
+        rows: e,
+        ...i(s)
       }
     );
   }
 );
+u.displayName = "Textarea";
 export {
-  b as Textarea
+  u as Textarea
 };

package/dist/TimePicker.js

@@ -1,27 +1,27 @@
 "use client";
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as S, useState as w, useRef as j, useEffect as d } from "react";
-import { D as F, C as I } from "./CustomPopper-vwbOQq72.js";
-import { b as L, D as M, s as O } from "./utils-BNMgUIHQ.js";
+import { D as F, C as I } from "./CustomPopper-C1wIDHbM.js";
+import { b as L, D as M, s as O } from "./utils-BD597oo6.js";
 import { InputText as U } from "./InputText.js";
 import { c as _ } from "./index-PAaZGbyz.js";
-const q = _(O), V = S(
+const q = _(O), z = S(
   ({
     autoFocus: o,
-    className: D,
-    dateFormat: T = "HH:mm",
-    disabled: R,
-    icon: a,
-    iconPlacement: x = "left",
+    className: T,
+    dateFormat: D = "HH:mm",
+    disabled: a,
+    icon: R,
+    iconPlacement: k = "left",
     onChange: t,
-    placeholder: k,
+    placeholder: x,
     size: y = "md",
     timeIntervals: i = 15,
     transparent: A,
     value: r = M,
     ...m
   }, p) => {
-    const l = (s) => L(s, i), [H, c] = w(l(r)), b = j(), E = p || b;
+    const l = (s) => L(s, i), [H, c] = w(l(r)), N = j(), P = p || N;
     d(() => {
       t == null || t(l(r));
     }, []), d(() => {
@@ -29,10 +29,10 @@ const q = _(O), V = S(
       const s = l(r);
       ((e = new Date(r)) == null ? void 0 : e.getTime()) - (s == null ? void 0 : s.getTime()) !== 0 && (t == null || t(s)), c(s);
     }, [r]);
-    const N = (s) => {
+    const b = (s) => {
       var e;
-      s.preventDefault(), (e = E.current) == null || e.blur(), c(null), t == null || t(null);
-    }, P = (s) => {
+      s.preventDefault(), (e = P.current) == null || e.blur(), c(null), t == null || t(null);
+    }, E = (s) => {
       if (!s) {
         c(null), t == null || t(null);
         return;
@@ -57,21 +57,21 @@ const q = _(O), V = S(
             U,
             {
               autoFocus: o,
-              className: q("time-picker", D),
+              className: q("time-picker", T),
               "data-testid": m["data-testid"],
-              disabled: R,
-              icon: a,
-              iconPlacement: x,
+              disabled: a,
+              icon: R,
+              iconPlacement: k,
               isClearable: !1,
-              onReset: N,
+              onReset: b,
               ref: p,
               size: y,
               transparent: A
             }
           ),
-          dateFormat: T,
-          onChange: P,
-          placeholderText: k,
+          dateFormat: D,
+          onChange: E,
+          placeholderText: x,
           popperContainer: I,
           selected: H,
           showTimeSelect: !0,
@@ -83,6 +83,7 @@ const q = _(O), V = S(
     );
   }
 );
+z.displayName = "TimePicker";
 export {
-  V as TimePicker
+  z as TimePicker
 };

package/dist/Toast.css

@@ -1 +1 @@
-@layer components{._title_fnmmh_2{display:flex;align-items:center;padding-bottom:var(--spacing-xs);color:var(--color-neutral-90);font-weight:var(--font-weight-bold)}._title_fnmmh_2>*:first-child{flex-shrink:0}._growl_fnmmh_12{position:relative;padding:var(--spacing-lg);border-radius:var(--radius-lg);border-style:solid;border-width:var(--border-width-sm);max-width:340px}._growl_fnmmh_12 div:first-of-type{align-self:baseline;font-size:var(--font-size-sm)}._growl_fnmmh_12 button{flex-shrink:0}._snackbar_fnmmh_27{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);width:max-content;gap:var(--spacing-sm)}._snackbar_fnmmh_27 div:first-of-type{align-self:center;font-size:var(--font-size-sm)}._snackbar_fnmmh_27 div:last-of-type{flex-direction:row;margin-left:var(--spacing-xs)!important}._snackbar-separator_fnmmh_43{padding-left:var(--spacing-sm);border-left:1px solid;border-left-color:var(--borderLeftColor, --color-neutral-90)}._snackbar-separator_fnmmh_43._info_fnmmh_48{--borderLeftColor: var(--color-blue-30)}._snackbar-separator_fnmmh_43._success_fnmmh_51{--borderLeftColor: var(--color-green-30)}._snackbar-separator_fnmmh_43._warning_fnmmh_54{--borderLeftColor: var(--color-orange-20)}._snackbar-separator_fnmmh_43._danger_fnmmh_57{--borderLeftColor: var(--color-red-20)}}
+@layer components{._root_q0jyz_2{display:flex;flex-direction:column;overflow:hidden;border-width:var(--components-dimensions-toast-border-width);border-radius:var(--components-dimensions-toast-border-radius);border-color:var(--components-colors-toast-color-border-default);box-shadow:var(--elevation-20);background-color:var(--components-colors-toast-color-background-default);transition:all var(--duration-medium)}._root_q0jyz_2:hover{border-color:var(--components-colors-toast-color-border-hover);box-shadow:var(--elevation-30)}._icon_q0jyz_17{flex-shrink:0;border-radius:var(--components-dimensions-toast-icon-border-radius);padding:var(--components-dimensions-toast-icon-padding-inline);background-color:var(--iconBackgroundColor);color:var(--iconColor)}._variant-error_q0jyz_24{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-error);--iconColor: var(--components-colors-toast-icon-color-icon-error)}._variant-warning_q0jyz_28{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-warning);--iconColor: var(--components-colors-toast-icon-color-icon-warning)}._variant-success_q0jyz_32{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-success);--iconColor: var(--components-colors-toast-icon-color-icon-success)}._variant-info_q0jyz_36{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-information);--iconColor: var(--components-colors-toast-icon-color-icon-information)}._progress_q0jyz_40{width:100%;height:4px;background:var(--components-colors-latency-color-background-bar)}._progress-bar_q0jyz_45{width:100%;height:100%;background:var(--components-colors-latency-color-background-progress);transform-origin:left center;animation:_toast-progress_q0jyz_1 var(--duration) linear forwards}._hide-progress-bar_q0jyz_52{display:none}@keyframes _toast-progress_q0jyz_1{0%{transform:scaleX(0)}to{transform:scaleX(1)}}._snackbar_q0jyz_63{display:flex;flex-direction:row;align-items:center;padding:var(--components-dimensions-toast-padding-inline);gap:var(--components-dimensions-toast-gap-content);max-width:660px}._growl_q0jyz_71{display:flex;flex-direction:row;align-items:center;padding:var(--components-dimensions-toast-padding-inline);gap:var(--components-dimensions-growl-gap-content);max-width:450px}._growl_q0jyz_71 ._content_q0jyz_79{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}._growl_q0jyz_71 ._close-button_q0jyz_85{align-self:start}._growl_q0jyz_71 ._icon_q0jyz_17{align-self:flex-start}._title_q0jyz_91{display:flex;align-items:center;padding-bottom:var(--border-radius-sm);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._title_q0jyz_91>*:first-child{flex-shrink:0}}