@altinn/altinn-components 0.14.2 → 0.15.0

package/README.md

@@ -1,8 +1,20 @@
 # altinn-components
-This package is a set of reusable components for building web applications for [Altinn 3](https://docs.altinn.studio/nb/community/about/).
-This is *not* a general purpose library, but a library of components that are specifically designed for the Altinn platform, to ensure
-a consistent look and feel across all applications. It also contains a storybook with stories explaining the purpose and usage of each component, and
-with real examples of how to use them separately or together (composition).
+
+The next frontend of altinn.no is developed by multiple product teams, all working toward the shared goal of delivering a seamless, unified experience for the end users — ensuring they perceive it as a single and robust product.
+This package represents a collaborative effort between designers and developers across these teams, consolidating solutions to shared challenges. 
+It provides Altinn-specific React components tailored to address the common UI needs of these specific teams.   
+
+Today these teams are [Team Arbeidsflate](https://github.com/digdir/dialogporten-frontend), [Team authorization](https://github.com/Altinn/altinn-access-management-frontend), and Team Portal.
+
+Note that this package is specifically designed to meet the unique needs of the aforementioned teams and is not intended to serve as a general-purpose library. 
+We already have the amazing [Norwegian public sector's Design System](https://designsystemet.no/), and we aim to incorporate its elements wherever it makes sense, ensuring alignment and leveraging its strengths while adapting to the specific requirements of Altinn.
+
+Currently, we do not use components from the design system _directly_ but rely on its token structure and continue to explore opportunities for deeper integration. 
+This approach helps us align with brand guidelines and the broader vision of a unified Altinn product. 
+
+## Feedback and questions
+Keep in mind that this package is a work in progress and will be updated continuously. 
+If you have any feedback or questions, please reach out to us on Github.
 
 ## Installation
 To install the package, run the following command:

package/dist/altinn-theme.css

@@ -6,6 +6,7 @@
   background-color: var(--ds-color-background-subtle);
 }
 
+[data-theme="surface"],
 [data-theme="surface-default"] {
   background-color: var(--ds-color-surface-default);
 }
@@ -18,6 +19,7 @@
   background-color: var(--ds-color-surface-active);
 }
 
+[data-theme="border"],
 [data-theme="border-subtle"] {
   background-color: var(--ds-color-border-subtle);
 }
@@ -30,6 +32,7 @@
   background-color: var(--ds-color-border-strong);
 }
 
+[data-theme="base"],
 [data-theme="base-default"] {
   background-color: var(--ds-color-base-default);
   color: var(--ds-color-contrast-default);

package/dist/assets/Avatar.css

@@ -1 +1 @@
-._avatar_6t4ka_1{flex-grow:0;flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;--avatar-font-size-xs: .75rem;--avatar-font-size-sm: .875rem;--avatar-font-size-md: 1.125rem;--avatar-font-size-lg: 1.25rem;--avatar-font-size-xl: 1.5rem}._circle_6t4ka_15{border-radius:50%}._square_6t4ka_19{border-radius:5%}._outline_6t4ka_23{outline:1px solid #ffffff;box-sizing:border-box}._xs_6t4ka_28{font-size:var(--avatar-font-size-xs);width:20px;height:20px}._sm_6t4ka_34{font-size:var(--avatar-font-size-sm);width:24px;height:24px}._md_6t4ka_40{font-size:var(--avatar-font-size-md);width:30px;height:30px}._lg_6t4ka_46{font-size:var(--avatar-font-size-lg);width:36px;height:36px}._xl_6t4ka_52{font-size:var(--avatar-font-size-xl);width:44px;height:44px}._image_6t4ka_58{width:100%;height:100%}
+._avatar_vbrzn_1{flex-grow:0;flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;--avatar-font-size-xs: .75rem;--avatar-font-size-sm: .875rem;--avatar-font-size-md: 1.125rem;--avatar-font-size-lg: 1.25rem;--avatar-font-size-xl: 1.5rem}._circle_vbrzn_15{border-radius:50%}._square_vbrzn_19{border-radius:5%}._outline_vbrzn_23{outline:1px solid #ffffff;box-sizing:border-box}._xs_vbrzn_28{font-size:var(--avatar-font-size-xs);width:20px;height:20px}._sm_vbrzn_34{font-size:var(--avatar-font-size-sm);width:24px;height:24px}._md_vbrzn_40{font-size:var(--avatar-font-size-md);width:32px;height:32px}._lg_vbrzn_46{font-size:var(--avatar-font-size-lg);width:36px;height:36px}._xl_vbrzn_52{font-size:var(--avatar-font-size-xl);width:44px;height:44px}._image_vbrzn_58{width:100%;height:100%}

package/dist/assets/AvatarGroup.css

@@ -1 +1 @@
-._group_1xzlf_1{display:flex}._reset_1xzlf_5{margin:0;padding:0;text-indent:0;list-style-type:none}._item_1xzlf_12{position:relative}._xs_1xzlf_16{width:32px}._xs_1xzlf_16[data-count="1"]{width:20px}._xs_1xzlf_16[data-count="2"] *+*{margin-left:-8px}._xs_1xzlf_16[data-count="3"] *+*{margin-left:-14px}._xs_1xzlf_16[data-count="4"] *+*{margin-left:-16px}._sm_1xzlf_36{width:42px}._sm_1xzlf_36[data-count="1"]{width:24px}._sm_1xzlf_36[data-count="2"] *+*{margin-left:-6px}._sm_1xzlf_36[data-count="3"] *+*{margin-left:-15px}._sm_1xzlf_36[data-count="4"] *+*{margin-left:-18px}._md_1xzlf_56{width:54px}._md_1xzlf_56[data-count="1"]{width:30px}._md_1xzlf_56[data-count="2"] *+*{margin-left:-6px}._md_1xzlf_56[data-count="3"] *+*{margin-left:-18px}._md_1xzlf_56[data-count="4"] *+*{margin-left:-22px}._lg_1xzlf_76{width:66px}._lg_1xzlf_76[data-count="1"]{width:36px}._lg_1xzlf_76[data-count="2"] *+*{margin-left:-6px}._lg_1xzlf_76[data-count="3"] *+*{margin-left:-21px}._lg_1xzlf_76[data-count="4"] *+*{margin-left:-26px}
+._group_1ks00_1{flex-shrink:0;display:flex}._reset_1ks00_6{margin:0;padding:0;text-indent:0;list-style-type:none}._item_1ks00_13{position:relative}._xs_1ks00_17{min-width:32px}._xs_1ks00_17[data-count="1"]{min-width:20px}._xs_1ks00_17[data-count="2"] *+*{margin-left:-8px}._xs_1ks00_17[data-count="3"] *+*{margin-left:-14px}._xs_1ks00_17[data-count="4"] *+*{margin-left:-16px}._sm_1ks00_37{min-width:42px}._sm_1ks00_37[data-count="1"]{min-width:24px}._sm_1ks00_37[data-count="2"] *+*{margin-left:-6px}._sm_1ks00_37[data-count="3"] *+*{margin-left:-15px}._sm_1ks00_37[data-count="4"] *+*{margin-left:-18px}._md_1ks00_57{min-width:54px}._md_1ks00_57[data-count="1"]{min-width:30px}._md_1ks00_57[data-count="2"] *+*{margin-left:-6px}._md_1ks00_57[data-count="3"] *+*{margin-left:-18px}._md_1ks00_57[data-count="4"] *+*{margin-left:-22px}._lg_1ks00_77{min-width:66px}._lg_1ks00_77[data-count="1"]{min-width:36px}._lg_1ks00_77[data-count="2"] *+*{margin-left:-6px}._lg_1ks00_77[data-count="3"] *+*{margin-left:-21px}._lg_1ks00_77[data-count="4"] *+*{margin-left:-26px}._xl_1ks00_97{min-width:80px}._xl_1ks00_97[data-count="1"]{min-width:44px}._xl_1ks00_97[data-count="2"] *+*{margin-left:-8px}._xl_1ks00_97[data-count="3"] *+*{margin-left:-26px}._xl_1ks00_97[data-count="4"] *+*{margin-left:-32px}

package/dist/assets/Badge.css

@@ -1 +1 @@
-._badge_dqhhh_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}._badge_dqhhh_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_dqhhh_1[data-size=xs] ._label_dqhhh_15{color:transparent;width:100%;height:100%}._badge_dqhhh_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_dqhhh_1[data-variant=subtle]{background-color:var(--ds-color-surface-default);color:var(--ds-color-text-subtle)}._badge_dqhhh_1[data-variant=strong]{background-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}
+._badge_vjhmt_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}._badge_vjhmt_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_vjhmt_1[data-size=xs] ._label_vjhmt_16{color:transparent;width:100%;height:100%}._badge_vjhmt_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_vjhmt_1[data-variant=subtle]{background-color:var(--ds-color-surface-default);color:var(--ds-color-text-subtle)}._badge_vjhmt_1[data-variant=strong]{background-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}

package/dist/assets/ButtonLabel.css

@@ -1 +1 @@
-._label_1t884_1{line-height:1;font-weight:500;padding:0 .25em}._label_1t884_1[data-size=xs]{font-size:.75rem;padding:0 .5em}._label_1t884_1[data-size=sm]{font-size:.875rem}._label_1t884_1[data-size=md]{font-size:1rem}._label_1t884_1[data-size=lg]{font-size:1.125rem}
+._label_1ahnm_1{line-height:1;font-weight:500;padding:0 .25em;white-space:nowrap}._label_1ahnm_1[data-size=xs]{font-size:.75rem;padding:0 .5em}._label_1ahnm_1[data-size=sm]{font-size:.875rem}._label_1ahnm_1[data-size=md]{font-size:1rem}._label_1ahnm_1[data-size=lg]{font-size:1.125rem}

package/dist/assets/Flex.css

@@ -1 +1 @@
-._flex_m0l5u_1{display:flex}._flex_m0l5u_1[data-direction=col]{flex-direction:column}._flex_m0l5u_1[data-direction=row]{flex-direction:row}._flex_m0l5u_1[data-align=center]{align-items:center}._flex_m0l5u_1[data-align=start]{align-items:flex-start}._flex_m0l5u_1[data-align=end]{align-items:flex-end}._flex_m0l5u_1[data-justify=start]{justify-content:flex-start}._flex_m0l5u_1[data-justify=end]{justify-content:flex-end}._flex_m0l5u_1[data-justify=center]{justify-content:center}._flex_m0l5u_1[data-justify=between]{justify-content:space-between}@media (max-width: 1024px){._flex_m0l5u_1[data-bleed=true]{margin-left:-1rem;margin-right:-1rem}}._flex_m0l5u_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1024px){._flex_m0l5u_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._flex_m0l5u_1[data-spacing=xs]{gap:.125rem}._flex_m0l5u_1[data-margin=section]{margin:.625rem 0}._flex_m0l5u_1[data-margin=page]{margin:1.125rem 0}
+._flex_yqbrl_1{display:flex}._flex_yqbrl_1[data-direction=col]{flex-direction:column}._flex_yqbrl_1[data-direction=row]{flex-direction:row}._flex_yqbrl_1[data-align=center]{align-items:center}._flex_yqbrl_1[data-align=start]{align-items:flex-start}._flex_yqbrl_1[data-align=end]{align-items:flex-end}._flex_yqbrl_1[data-justify=start]{justify-content:flex-start}._flex_yqbrl_1[data-justify=end]{justify-content:flex-end}._flex_yqbrl_1[data-justify=center]{justify-content:center}._flex_yqbrl_1[data-justify=between]{justify-content:space-between}@media (max-width: 1023px){._flex_yqbrl_1[data-bleed=true]{margin-left:-1rem;margin-right:-1rem}}._flex_yqbrl_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._flex_yqbrl_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._flex_yqbrl_1[data-spacing=xs]{gap:.125rem}._flex_yqbrl_1[data-margin=section]{margin:.625rem 0}._flex_yqbrl_1[data-margin=page]{margin:1.125rem 0}

package/dist/assets/Grid.css

@@ -1 +1 @@
-._grid_bzro4_1{display:grid}._grid_bzro4_1[data-cols="1-2-3"]{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){._grid_bzro4_1[data-cols="1-2-3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){._grid_bzro4_1[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}._grid_bzro4_1[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}._grid_bzro4_1[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}._grid_bzro4_1[data-cols="1-2-3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}._grid_bzro4_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1024px){._grid_bzro4_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._grid_bzro4_1[data-spacing=xs]{gap:.125rem}._grid_bzro4_1[data-margin=section]{margin:.625rem 0}._grid_bzro4_1[data-margin=page]{margin:1.125rem 0}
+._grid_5zqvf_1{display:grid}._grid_5zqvf_1[data-cols="1-2-3"]{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){._grid_5zqvf_1[data-cols="1-2-3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){._grid_5zqvf_1[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}._grid_5zqvf_1[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}._grid_5zqvf_1[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}._grid_5zqvf_1[data-cols="1-2-3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}._grid_5zqvf_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._grid_5zqvf_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._grid_5zqvf_1[data-spacing=xs]{gap:.125rem}._grid_5zqvf_1[data-margin=section]{margin:.625rem 0}._grid_5zqvf_1[data-margin=page]{margin:1.125rem 0}

package/dist/assets/Icon.css

@@ -1 +1 @@
-._icon_8905q_1{display:flex;align-items:center;justify-content:center;height:1em;width:1em}._icon_8905q_1[data-size=xs]{border-radius:5%;font-size:.75rem;width:20px;height:20px}._icon_8905q_1[data-size=sm]{border-radius:5%;font-size:1rem;width:24px;height:24px}._icon_8905q_1[data-size=md]{border-radius:5%;font-size:1.25rem;width:30px;height:30px}._icon_8905q_1[data-size=lg]{border-radius:5%;font-size:1.5rem;width:36px;height:36px}._icon_8905q_1[data-size=xl]{border-radius:5%;font-size:1.5rem;width:44px;height:44px}
+._icon_3p8he_1{border-radius:5%;display:flex;align-items:center;justify-content:center;height:1em;width:1em}._icon_3p8he_1[data-size=xs]{font-size:1rem;min-width:20px;height:20px}._icon_3p8he_1[data-size=sm]{font-size:1.25rem;min-width:24px;height:24px}._icon_3p8he_1[data-size=md]{font-size:1.5rem;min-width:32px;height:32px}._icon_3p8he_1[data-size=lg]{font-size:1.75rem;min-width:36px;height:36px}._icon_3p8he_1[data-size=xl]{font-size:1.75rem;min-width:44px;height:44px}

package/dist/assets/LayoutBody.css

@@ -1 +1 @@
-._body_1oj0m_1{flex-grow:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;column-gap:2em}@media (min-width: 1024px){._body_1oj0m_1{padding:0 1rem}}@media (max-width: 1024px){._body_1oj0m_1[data-current-id=menu]{display:none}}
+._body_18zk9_1{flex-grow:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;column-gap:2em}@media (min-width: 1024px){._body_18zk9_1{padding:0 1rem}}@media (max-width: 1023px){._body_18zk9_1[data-current-id=menu]{display:none}}

package/dist/assets/ListItemBase.css

@@ -1 +1 @@
-._item_1okn7_1{position:relative;width:100%;display:flex;flex-direction:column}._item_1okn7_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_1okn7_1[data-variant=outline],._item_1okn7_1[data-variant=dotted]{outline-color:var(--ds-color-base-default)}._item_1okn7_1[data-variant=outline]{outline-style:solid}._item_1okn7_1[data-variant=dotted]{outline-color:var(--ds-color-border-subtle);outline-style:dashed}._item_1okn7_1[data-theme=default]{background-color:var(--ds-color-background-default)}._item_1okn7_1[data-theme=subtle]{background-color:var(--ds-color-background-subtle)}._item_1okn7_1[data-theme=subtle]:hover,._item_1okn7_1[data-theme=surface]{background-color:var(--ds-color-surface-hover)}._item_1okn7_1[data-theme=surface]:hover{background-color:var(--ds-color-surface-active)}._item_1okn7_1[data-theme=base]{background-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}._item_1okn7_1[data-theme=base]:hover{background-color:var(--ds-color-base-hover);color:var(--ds-color-contrast-default)}._item_1okn7_1[data-active=true]{background-color:var(--ds-color-surface-default)}._item_1okn7_1[aria-expanded=true],._item_1okn7_1[aria-selected=true]{outline:2px solid}._item_1okn7_1:not([aria-selected=true]):hover,._item_1okn7_1:not([aria-disabled=true]):hover{outline:2px solid var(--ds-color-border-strong)}._item_1okn7_1[aria-disabled=true]{pointer-events:none}
+._item_1slti_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;position:relative;width:100%;display:flex;flex-direction:column}._item_1slti_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_1slti_1[data-variant=outline],._item_1slti_1[data-variant=dotted]{outline-color:var(--ds-color-base-default)}._item_1slti_1[data-variant=outline]{outline-style:solid}._item_1slti_1[data-variant=dotted]{outline-color:var(--ds-color-border-subtle);outline-style:dashed}._item_1slti_1[data-theme=default]{background-color:var(--ds-color-background-default)}._item_1slti_1[data-theme=subtle]{background-color:var(--ds-color-background-subtle)}._interactive_1slti_53[data-theme=subtle]:hover,._item_1slti_1[data-theme=surface]{background-color:var(--ds-color-surface-hover)}._interactive_1slti_53[data-theme=surface]:hover{background-color:var(--ds-color-surface-active)}._item_1slti_1[data-theme=base]{background-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}._interactive_1slti_53[data-theme=base]:hover{background-color:var(--ds-color-base-hover);color:var(--ds-color-contrast-default)}._item_1slti_1[data-active=true]{background-color:var(--ds-color-surface-default)}._item_1slti_1[aria-expanded=true],._item_1slti_1[aria-selected=true]{outline:2px solid}._item_1slti_1[aria-disabled=true]{pointer-events:none}._interactive_1slti_53:not([aria-selected=true]){cursor:pointer}._interactive_1slti_53:not([aria-expanded=true]):not([data-theme=transparent]):hover,._interactive_1slti_53:not([aria-selected=true]):not([data-theme=transparent]):hover,._interactive_1slti_53:not([aria-disabled=true]):not([data-theme=transparent]):hover{outline:2px solid var(--ds-color-border-strong)}

package/dist/assets/ListItemControls.css

@@ -1 +1 @@
-._controls_n31lc_1{display:flex;align-items:center;gap:.625rem}._controls_n31lc_1:empty{display:none}._linkText_n31lc_11{font-size:.875rem;white-space:nowrap}._linkIcon_n31lc_16{font-size:1.5rem}
+._controls_1schy_1{display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap;gap:.625rem}._controls_1schy_1:empty{display:none}._linkText_1schy_13{font-size:.875rem;white-space:nowrap}._linkIcon_1schy_18{font-size:1.5rem}

package/dist/assets/ListItemHeader.css

@@ -1 +1 @@
-._header_1xskv_1{position:relative;width:100%;display:flex;align-items:center}._link_1xskv_8{flex-grow:1;display:flex;align-items:center}._link_1xskv_8[data-size=xs]{min-height:44px;padding:.5rem .625rem;column-gap:.5rem}._link_1xskv_8[data-size=sm]{min-height:52px;padding:.5rem .625rem;column-gap:.5rem}._link_1xskv_8[data-size=md]{min-height:64px;padding:.875rem;column-gap:.625rem}._link_1xskv_8[data-size=lg]{min-height:72px;padding:1rem;column-gap:.75rem}._link_1xskv_8[data-size=xl]{min-height:72px;padding:1.5rem;column-gap:1rem}._controls_1xskv_44{margin:.5rem}
+._header_13dzg_1{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between}._header_13dzg_1[data-size=xs]{min-height:44px;padding:.5rem .625rem;column-gap:.5rem}._header_13dzg_1[data-size=sm]{min-height:52px;padding:.5rem .625rem;column-gap:.5rem}._header_13dzg_1[data-size=md]{min-height:64px;padding:.875rem;column-gap:.625rem}._header_13dzg_1[data-size=lg]{min-height:72px;padding:1rem;column-gap:.75rem}._header_13dzg_1[data-size=xl]{min-height:72px;padding:1.5rem;column-gap:1rem}._link_13dzg_39{display:flex;align-items:center;column-gap:inherit}

package/dist/assets/ListItemLink.css

@@ -1 +1 @@
-._link_4l8am_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._link_4l8am_1[aria-disabled=true]{pointer-events:none}._link_4l8am_1:not([aria-disabled=true]):hover h2{text-decoration:underline}
+._link_g93r9_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}._link_g93r9_1[aria-disabled=true]{pointer-events:none}._interactive_g93r9_22:not([aria-disabled=true]){cursor:pointer}._interactive_g93r9_22:not([aria-disabled=true]):hover h2{text-decoration:underline}

package/dist/assets/ListItemSelect.css

@@ -1 +1 @@
-._label_1vv8z_1{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;padding:.75rem;border-radius:50%;border:0}._label_1vv8z_1[data-size=xl],._label_1vv8z_1[data-size=lg],._label_1vv8z_1[data-size=md]{font-size:1.25rem;margin-left:.375rem;margin-right:-.25rem}._label_1vv8z_1[data-size=sm],._label_1vv8z_1[data-size=xs]{font-size:1rem;padding:.625rem;margin-left:.325rem;margin-right:-.5rem}._label_1vv8z_1:hover{background-color:var(--ds-color-surface-default)}._input_1vv8z_32{position:absolute;opacity:0}._icon_1vv8z_37{color:var(--ds-color-base-default)}._icon_1vv8z_37 [data-hover=true]{opacity:0}._label_1vv8z_1:hover [data-hover=true]{opacity:1}
+._label_l4npz_1{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;border-radius:50%;border:0}._label_l4npz_1:hover{background-color:var(--ds-color-surface-default)}._input_l4npz_15{position:absolute;opacity:0}._icon_l4npz_20{color:var(--ds-color-base-default)}._icon_l4npz_20 [data-hover=true]{opacity:0}._label_l4npz_1:hover [data-hover=true]{opacity:1}._label_l4npz_1[data-size=xs]{width:24px;height:24px;margin:-2px}._label_l4npz_1[data-size=xs] ._icon_l4npz_20{width:12px}._label_l4npz_1[data-size=sm]{width:28px;height:28px;margin:-2px}._label_l4npz_1[data-size=sm] ._icon_l4npz_20{width:14px;height:14px}._label_l4npz_1[data-size=md]{width:36px;height:36px;margin:-2px}._label_l4npz_1[data-size=md] ._icon_l4npz_20{width:16px;height:16px}._label_l4npz_1[data-size=lg]{width:44px;height:44px;margin:-4px}._label_l4npz_1[data-size=lg] ._icon_l4npz_20{width:20px;height:20px}._label_l4npz_1[data-size=xl]{width:52px;height:52px;margin:-4px}._label_l4npz_1[data-size=xl] ._icon_l4npz_20{width:24px;height:24px}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_1imot_1{padding:0;border:0;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1imot_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1imot_1[data-size=sm]{min-height:44px}._item_1imot_1[data-size=xs]{min-height:40px}._content_1imot_41{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_1imot_49{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1imot_56{font-size:.875rem;white-space:nowrap}._linkIcon_1imot_61{font-size:1.5rem}._item_1imot_1,._item_1imot_1[data-theme]{background-color:transparent}[data-theme=default] ._item_1imot_1:hover,[data-theme=default] ._item_1imot_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1imot_1[aria-selected=true]{background-color:var(--ds-color-surface-default)}[data-theme=subtle] ._item_1imot_1:hover,[data-theme=subtle] ._item_1imot_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1imot_1[aria-selected=true]{background-color:var(--ds-color-background-default)}._item_1imot_1[data-theme=surface][aria-selected=true]{background-color:var(--ds-color-surface-default)}
+._item_18cbi_1{padding:0;border:0;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_18cbi_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_18cbi_1[data-size=md]{min-height:56px}._item_18cbi_1[data-size=md]{min-height:44px}._item_18cbi_1[data-size=sm]{min-height:40px}._content_18cbi_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_18cbi_53{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_18cbi_60{font-size:.875rem;white-space:nowrap}._linkIcon_18cbi_65{font-size:1.5rem}._item_18cbi_1,._item_18cbi_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_18cbi_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_18cbi_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_18cbi_1[aria-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_18cbi_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_18cbi_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_18cbi_1[aria-selected=true]{background-color:var(--ds-color-background-subtle)}

package/dist/assets/MenuItemIcon.css

@@ -0,0 +1 @@
+._icon_14zf3_1{position:relative;display:flex;justify-content:center;align-items:center}._badge_14zf3_8{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}

package/dist/assets/MenuItemLabel.css

@@ -1 +1 @@
-._label_iwl5m_1{display:flex;flex-direction:column;padding:0 .25rem}._title_iwl5m_7[data-size=lg]{font-size:1.125rem;line-height:1.25;font-weight:500}._title_iwl5m_7[data-size=md]{font-size:1rem;line-height:1.25;font-weight:500}._title_iwl5m_7[data-size=sm]{font-size:1rem;line-height:1.25;font-weight:400}._title_iwl5m_7[data-size=xs]{font-size:.875rem;line-height:1.25;font-weight:400}._description_iwl5m_31{font-size:.875rem;color:var(--ds-color-text-subtle)}
+._label_1ejxp_1{display:flex;flex-direction:column;padding:0 .25rem}._title_1ejxp_7[data-size=lg]{font-size:1.125rem;line-height:1.25;font-weight:500}._title_1ejxp_7[data-size=md],._title_1ejxp_7[data-size=sm]{font-size:1rem;line-height:1.25;font-weight:400}._description_1ejxp_25{font-size:.875rem;color:var(--ds-color-text-subtle)}

package/dist/assets/PageTabs.css

@@ -0,0 +1 @@
+._menu_vbqbk_1{padding:0 .5rem;border-radius:.375rem}._list_vbqbk_6{display:flex;row-gap:.5rem;flex-direction:column;list-style:none;padding:0;margin:0}@media (min-width: 1024px){._list_vbqbk_6{flex-direction:row;align-items:center;justify-content:start;column-gap:.5rem;width:auto}}._item_vbqbk_25{margin:0;border-top:2px solid;border-bottom:2px solid;border-color:transparent}._item_vbqbk_25[aria-selected=true]{border-bottom-color:var(--ds-color-base-default)}

package/dist/components/AccessAreaList/AccessAreaListItem.js

@@ -1,42 +1,39 @@
-import { jsxs as n, jsx as m } from "react/jsx-runtime";
-import { ListItemBase as p } from "../List/ListItemBase.js";
+import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { ListItemHeader as a } from "../List/ListItemHeader.js";
 import "react";
+import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
-import '../../assets/AccessAreaListItem.css';const l = "_content_7hk0i_1", f = {
-  content: l
+import { ListItem as n } from "../List/ListItem.js";
+import '../../assets/AccessAreaListItem.css';const p = "_content_7hk0i_1", a = {
+  content: p
 }, A = ({
-  name: o,
-  icon: s,
-  size: r = "md",
-  children: e,
-  expanded: t = !1,
-  onClick: i,
+  name: t,
+  icon: e,
+  size: i = "md",
+  children: m,
+  expanded: o = !1,
+  onClick: s,
   ...c
-}) => /* @__PURE__ */ n(p, { size: r, expanded: t, children: [
-  /* @__PURE__ */ m(
-    a,
-    {
-      as: "button",
-      avatar: {
-        name: o,
-        imageUrl: s,
-        type: "company"
-      },
-      title: o,
-      size: r,
-      collapsible: !0,
-      expanded: t,
-      onClick: i,
-      ...c
-    }
-  ),
-  t && /* @__PURE__ */ m("div", { className: f.content, children: e })
-] });
+}) => /* @__PURE__ */ r(
+  n,
+  {
+    as: "button",
+    avatar: {
+      name: t,
+      imageUrl: e,
+      type: "company"
+    },
+    title: t,
+    size: i,
+    collapsible: !0,
+    expanded: o,
+    onClick: s,
+    ...c,
+    children: o && /* @__PURE__ */ r("div", { className: a.content, children: m })
+  }
+);
 export {
   A as AccessAreaListItem
 };

package/dist/components/AccessPackageList/AccessPackageListItem.js

@@ -1,26 +1,26 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItem as p } from "../List/ListItem.js";
-const v = ({ as: o = "button", icon: t, title: m, ...r }) => /* @__PURE__ */ i(
-  p,
+import { ListItem as i } from "../List/ListItem.js";
+const g = ({ as: r = "button", icon: t, title: m, ...o }) => /* @__PURE__ */ e(
+  i,
   {
     avatar: t ? {
       imageUrl: t,
       type: "company",
       name: m || ""
     } : void 0,
-    as: o,
+    as: r,
     size: "sm",
     color: "accent",
     title: m,
-    ...r
+    ...o
   }
 );
 export {
-  v as AccessPackageListItem
+  g as AccessPackageListItem
 };

package/dist/components/Attachment/AttachmentLink.js

@@ -1,16 +1,20 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { Icon as m } from "../Icon/Icon.js";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { Icon as s } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
-import { Typography as t } from "../Typography/Typography.js";
-import '../../assets/AttachmentLink.css';const e = "_link_196mu_1", r = "_label_196mu_12", p = "_icon_196mu_18", n = {
-  link: e,
-  label: r,
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { Typography as a } from "../Typography/Typography.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/AttachmentLink.css';const c = "_link_196mu_1", e = "_label_196mu_12", p = "_icon_196mu_18", o = {
+  link: c,
+  label: e,
   icon: p
-}, u = ({ size: o = "lg", icon: s = "file", href: i, label: a }) => /* @__PURE__ */ c(t, { as: "a", href: i, size: o, className: n.link, children: [
-  /* @__PURE__ */ l(m, { name: s, className: n.icon }),
-  /* @__PURE__ */ l("span", { className: n.label, children: a })
+}, d = ({ size: n = "lg", icon: l = "file", href: m, label: t }) => /* @__PURE__ */ r(a, { as: "a", href: m, size: n, className: o.link, children: [
+  /* @__PURE__ */ i(s, { name: l, className: o.icon }),
+  /* @__PURE__ */ i("span", { className: o.label, children: t })
 ] });
 export {
-  u as AttachmentLink
+  d as AttachmentLink
 };

package/dist/components/Autocomplete/AutocompleteItem.js

@@ -1,28 +1,37 @@
-import { jsx as e } from "react/jsx-runtime";
-import { BookmarksListItem as a } from "../Bookmarks/BookmarksListItem.js";
+import { jsx as t } from "react/jsx-runtime";
+import { BookmarksListItem as r } from "../Bookmarks/BookmarksListItem.js";
 import "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "./AutocompleteBase.js";
-import { ScopeListItem as o } from "./ScopeListItem.js";
+import { ScopeListItem as a } from "./ScopeListItem.js";
 import "../RootProvider/RootProvider.js";
 import { DialogListItem as i } from "../Dialog/DialogListItem.js";
-import { ListItem as r } from "../List/ListItem.js";
+import { ListItem as o } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-const l = ({ type: m, ...t }) => {
+const x = ({ type: m, ...e }) => {
   switch (m) {
     case "scope":
-      return /* @__PURE__ */ e(o, { ...t, theme: "transparent", tabIndex: -1 });
+      return /* @__PURE__ */ t(a, { ...e, theme: "default", shadow: "none", tabIndex: -1 });
     case "bookmark":
-      return /* @__PURE__ */ e(a, { ...t, theme: "transparent", size: "sm", tabIndex: -1 });
+      return /* @__PURE__ */ t(
+        r,
+        {
+          ...e,
+          theme: "default",
+          shadow: "none",
+          size: "sm",
+          tabIndex: -1
+        }
+      );
     case "dialog":
-      return /* @__PURE__ */ e(i, { ...t, theme: "transparent", size: "sm", tabIndex: -1 });
+      return /* @__PURE__ */ t(i, { ...e, theme: "default", shadow: "none", size: "sm", tabIndex: -1 });
     case "information":
-      return /* @__PURE__ */ e(r, { ...t, theme: "transparent", tabIndex: -1, disabled: !0 });
+      return /* @__PURE__ */ t(o, { ...e, theme: "default", shadow: "none", tabIndex: -1, disabled: !0 });
     default:
-      return /* @__PURE__ */ e(r, { ...t, theme: "transparent", size: "sm", tabIndex: -1 });
+      return /* @__PURE__ */ t(o, { ...e, theme: "default", shadow: "none", size: "sm", tabIndex: -1 });
   }
 };
 export {
-  l as AutocompleteItem
+  x as AutocompleteItem
 };

package/dist/components/Avatar/Avatar.js

@@ -1,50 +1,50 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { c as f } from "../../index-L8X2o7IH.js";
-import { useState as h } from "react";
-import { fromStringToColor as q } from "./color.js";
-import '../../assets/Avatar.css';const C = "_avatar_6t4ka_1", E = "_circle_6t4ka_15", I = "_square_6t4ka_19", S = "_outline_6t4ka_23", y = "_xs_6t4ka_28", A = "_sm_6t4ka_34", N = "_md_6t4ka_40", b = "_lg_6t4ka_46", j = "_xl_6t4ka_52", H = "_image_6t4ka_58", t = {
-  avatar: C,
-  circle: E,
-  square: I,
-  outline: S,
-  xs: y,
-  sm: A,
-  md: N,
-  lg: b,
-  xl: j,
-  image: H
+import { useState as x } from "react";
+import { fromStringToColor as h } from "./color.js";
+import '../../assets/Avatar.css';const q = "_avatar_vbrzn_1", C = "_circle_vbrzn_15", E = "_square_vbrzn_19", I = "_outline_vbrzn_23", S = "_xs_vbrzn_28", k = "_sm_vbrzn_34", y = "_md_vbrzn_40", A = "_lg_vbrzn_46", N = "_xl_vbrzn_52", j = "_image_vbrzn_58", r = {
+  avatar: q,
+  circle: C,
+  square: E,
+  outline: I,
+  xs: S,
+  sm: k,
+  md: y,
+  lg: A,
+  xl: N,
+  image: j
 }, D = ({
-  type: s = "person",
-  size: n = "sm",
-  name: a = "Avatar",
+  type: n = "person",
+  size: e = "sm",
+  name: t = "Avatar",
   outline: c = !1,
   imageUrl: o,
   imageUrlAlt: l,
   customLabel: i,
   className: _
 }) => {
-  const [m, u] = h(!1), g = s === "person" ? "circle" : "square", d = s === "person" ? "light" : "dark", { backgroundColor: k, foregroundColor: p } = q(a, d), v = (a[0] ?? "").toUpperCase(), e = o && !m, x = e ? void 0 : {
-    backgroundColor: k,
-    color: p
+  const [m, v] = x(!1), u = n === "person" ? "circle" : "square", g = n === "person" ? "light" : "dark", { backgroundColor: d, foregroundColor: b } = h(t, g), p = (t[0] ?? "").toUpperCase(), a = o && !m, z = a ? void 0 : {
+    backgroundColor: d,
+    color: b
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: f(t.avatar, t[g], t[n], { [t.outline]: c }, _),
-      style: x,
+      className: f(r.avatar, r[u], r[e], { [r.outline]: c }, _),
+      style: z,
       "aria-hidden": !0,
-      children: e ? /* @__PURE__ */ r(
+      children: a ? /* @__PURE__ */ s(
         "img",
         {
           src: o,
-          className: t.image,
+          className: r.image,
           alt: l || o,
           onError: () => {
-            u(!0);
+            v(!0);
           }
         }
-      ) : /* @__PURE__ */ r("span", { children: i || v })
+      ) : /* @__PURE__ */ s("span", { children: i || p })
     }
   );
 };

package/dist/components/Avatar/AvatarGroup.js

@@ -1,40 +1,41 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { c as n } from "../../index-L8X2o7IH.js";
+import { jsx as l } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
 import { useMemo as p } from "react";
-import { Avatar as f } from "./Avatar.js";
-import '../../assets/AvatarGroup.css';const x = "_group_1xzlf_1", d = "_reset_1xzlf_5", h = "_item_1xzlf_12", z = "_xs_1xzlf_16", A = "_sm_1xzlf_36", U = "_md_1xzlf_56", y = "_lg_1xzlf_76", l = {
-  group: x,
-  reset: d,
+import { Avatar as d } from "./Avatar.js";
+import '../../assets/AvatarGroup.css';const k = "_group_1ks00_1", f = "_reset_1ks00_6", h = "_item_1ks00_13", x = "_xs_1ks00_17", A = "_sm_1ks00_37", U = "_md_1ks00_57", y = "_lg_1ks00_77", L = "_xl_1ks00_97", s = {
+  group: k,
+  reset: f,
   item: h,
-  xs: z,
+  xs: x,
   sm: A,
   md: U,
-  lg: y
-}, a = ({
+  lg: y,
+  xl: L
+}, j = ({
   items: t = [],
   maxItemsCount: r = 4,
   defaultType: m,
-  size: c = "sm",
+  size: n = "sm",
   className: _
 }) => {
-  const s = p(() => t.slice(0, r), [t, r]);
-  return t.length === 0 ? /* @__PURE__ */ o("div", { className: l.avatarGroup }) : /* @__PURE__ */ o("ul", { className: n(l.reset, l.group, l[c], _), "data-count": s == null ? void 0 : s.length, children: s.map((e, i) => {
+  const o = p(() => t.slice(0, r), [t, r]);
+  return t.length === 0 ? /* @__PURE__ */ l("div", { className: s.avatarGroup }) : /* @__PURE__ */ l("ul", { className: c(s.reset, s.group, s[n], _), "data-count": o == null ? void 0 : o.length, children: o.map((e, i) => {
     const g = i === r - 1, u = e.customLabel || g ? t.length.toString() : void 0;
-    return /* @__PURE__ */ o("li", { className: n(l.reset, l.item), children: /* @__PURE__ */ o(
-      f,
+    return /* @__PURE__ */ l("li", { className: c(s.reset, s.item), children: /* @__PURE__ */ l(
+      d,
       {
         name: e.name,
         customLabel: u,
         imageUrl: e.imageUrl,
         imageUrlAlt: e.imageUrlAlt,
         type: (e == null ? void 0 : e.type) || m,
-        size: c,
+        size: n,
         outline: !0
       }
     ) }, e.name);
   }) });
 };
 export {
-  a as AvatarGroup
+  j as AvatarGroup
 };

package/dist/components/Badge/Badge.js

@@ -1,16 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as n } from "../../index-L8X2o7IH.js";
-import '../../assets/Badge.css';const o = "_badge_dqhhh_1", b = "_label_dqhhh_15", e = {
-  badge: o,
+import { c as m } from "../../index-L8X2o7IH.js";
+import '../../assets/Badge.css';const r = "_badge_vjhmt_1", b = "_label_vjhmt_16", e = {
+  badge: r,
   label: b
-}, i = ({
-  label: s,
-  color: l = "neutral",
-  variant: t = "subtle",
-  size: d = "sm",
-  className: r,
-  children: c
-}) => /* @__PURE__ */ a("span", { className: n(e.badge, r), "data-color": l, "data-variant": t, "data-size": d, children: /* @__PURE__ */ a("span", { className: e.label, children: s || c }) });
+}, g = ({ label: s, color: t, theme: l = "subtle", size: c = "sm", className: o, children: d }) => /* @__PURE__ */ a("span", { className: m(e.badge, o), "data-color": t, "data-theme": l, "data-size": c, children: /* @__PURE__ */ a("span", { className: e.label, children: s || d }) });
 export {
-  i as Badge
+  g as Badge
 };

package/dist/components/Button/Button.js

@@ -1,15 +1,15 @@
-import { jsx as o, jsxs as x } from "react/jsx-runtime";
-import { c as u } from "../../index-L8X2o7IH.js";
+import { jsx as s, jsxs as _ } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
 import { ButtonBase as d } from "./ButtonBase.js";
-import { ButtonIcon as _ } from "./ButtonIcon.js";
-import { ButtonLabel as B } from "./ButtonLabel.js";
-import '../../assets/Button.css';const h = "_button_1ysmx_1", N = "_reverse_1ysmx_8", t = {
-  button: h,
+import { ButtonIcon as B } from "./ButtonIcon.js";
+import { ButtonLabel as h } from "./ButtonLabel.js";
+import '../../assets/Button.css';const y = "_button_1ysmx_1", N = "_reverse_1ysmx_8", t = {
+  button: y,
   reverse: N
-}, I = ({
-  variant: r = "solid",
-  color: e,
-  size: s = "md",
+}, k = ({
+  variant: e = "solid",
+  color: o,
+  size: r = "md",
   reverse: n = !1,
   selected: a = !1,
   icon: m,
@@ -18,36 +18,38 @@ import '../../assets/Button.css';const h = "_button_1ysmx_1", N = "_reverse_1ysm
   children: b,
   className: p,
   loading: f,
-  ...c
-}) => f ? /* @__PURE__ */ o(
+  loadingText: x = "Loading ...",
+  ...u
+}) => f ? /* @__PURE__ */ s(
   d,
   {
-    variant: r,
-    color: e,
-    size: s,
+    variant: e,
+    "aria-busy": !0,
+    color: o,
+    size: r,
     selected: a,
     href: l,
-    className: u(t.button, { [t.reverse]: n }, p),
-    ...c,
+    className: c(t.button, { [t.reverse]: n }, p),
+    ...u,
     disabled: !0,
-    children: /* @__PURE__ */ o("span", { className: t.label, "data-size": s, children: /* @__PURE__ */ o("span", { className: t.loading, children: "Loading...." }) })
+    children: /* @__PURE__ */ s("span", { className: t.label, "data-size": r, children: /* @__PURE__ */ s("span", { className: t.loading, children: x }) })
   }
-) : /* @__PURE__ */ x(
+) : /* @__PURE__ */ _(
   d,
   {
-    variant: r,
-    color: e,
-    size: s,
+    variant: e,
+    color: o,
+    size: r,
     selected: a,
     href: l,
-    className: u(t.button, { [t.reverse]: n }),
-    ...c,
+    className: c(t.button, { [t.reverse]: n }),
+    ...u,
     children: [
-      m && /* @__PURE__ */ o(_, { size: s, icon: m }),
-      /* @__PURE__ */ o(B, { size: s, children: b || i })
+      m && /* @__PURE__ */ s(B, { size: r, icon: m }),
+      /* @__PURE__ */ s(h, { size: r, children: b || i })
     ]
   }
 );
 export {
-  I as Button
+  k as Button
 };