@grantcodes/ui 2.0.0-beta.1 → 2.0.0-beta.10

package/dist/css/themes/grantcodes.css

@@ -1,329 +1 @@
-:root {
-	--component-input-base-box-shadow: none;
-	--component-button-base-box-shadow: none;
-	--component-button-base-border-color: transparent;
-	--size-block-width-wide: 70rem;
-	--size-block-width-normal: 40rem;
-	--size-border-width: .125rem;
-	--size-border-radius: .5rem;
-	--size-space-unit: 1rem;
-	--font-weight-heading: 900;
-	--font-weight-body: 600;
-	--font-line-height-heading: 1.1;
-	--font-line-height-body: 1.5;
-	--font-size-base: clamp(1rem, .34vw + .91rem, 1.2rem);
-	--font-size-huge: 2.44140625rem;
-	--font-size-large: 1.5625rem;
-	--font-size-medium: 1.25rem;
-	--font-size-normal: 1rem;
-	--font-size-small: .8rem;
-	--font-size-tiny: .64rem;
-	--font-family-system-mono:
-		ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
-	--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
-		"Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-		sans-serif;
-	--color-base-error-900: #7a0906;
-	--color-base-error-800: #93170a;
-	--color-base-error-700: #b72b10;
-	--color-base-error-600: #db4518;
-	--color-base-error-500: #ff6321;
-	--color-base-error-400: #ff9558;
-	--color-base-error-300: #ffb379;
-	--color-base-error-200: #ffd2a6;
-	--color-base-error-100: #ffebd2;
-	--color-base-warning-900: #786100;
-	--color-base-warning-800: #927800;
-	--color-base-warning-700: #b59700;
-	--color-base-warning-600: #d8b800;
-	--color-base-warning-500: #fcda00;
-	--color-base-warning-400: #fde63f;
-	--color-base-warning-300: #feed65;
-	--color-base-warning-200: #fef598;
-	--color-base-warning-100: #fefacb;
-	--color-base-info-900: #004375;
-	--color-base-info-800: #005d8d;
-	--color-base-info-700: #0081af;
-	--color-base-info-600: #00acd1;
-	--color-base-info-500: #00dcf4;
-	--color-base-info-400: #3ef5f8;
-	--color-base-info-300: #64fbf2;
-	--color-base-info-200: #98fdef;
-	--color-base-info-100: #cbfef2;
-	--color-base-success-900: #09600f;
-	--color-base-success-800: #0f740f;
-	--color-base-success-700: #219019;
-	--color-base-success-600: #38ac24;
-	--color-base-success-500: #53c932;
-	--color-base-success-400: #85de61;
-	--color-base-success-300: #aaee83;
-	--color-base-success-200: #cff9ae;
-	--color-base-success-100: #e9fcd6;
-	--color-base-tertiary-900: #1b2c68;
-	--color-base-tertiary-800: #2d437e;
-	--color-base-tertiary-700: #48619c;
-	--color-base-tertiary-600: #6985bb;
-	--color-base-tertiary-500: #90acda;
-	--color-base-tertiary-400: #adc6e8;
-	--color-base-tertiary-300: #c2d8f3;
-	--color-base-tertiary-200: #d9eafb;
-	--color-base-tertiary-100: #ebf5fd;
-	--color-base-secondary-900: #5c0d1c;
-	--color-base-secondary-800: #6f151f;
-	--color-base-secondary-700: #8a2225;
-	--color-base-secondary-600: #a53731;
-	--color-base-secondary-500: #c15444;
-	--color-base-secondary-400: #d98570;
-	--color-base-secondary-300: #ecaa90;
-	--color-base-secondary-200: #f8cfb8;
-	--color-base-secondary-100: #fbe9db;
-	--color-base-primary-900: #17115e;
-	--color-base-primary-800: #251d72;
-	--color-base-primary-700: #382d8d;
-	--color-base-primary-600: #4f42a9;
-	--color-base-primary-500: #6a5bc5;
-	--color-base-primary-400: #9183dc;
-	--color-base-primary-300: #aea0ed;
-	--color-base-primary-200: #cdc3f9;
-	--color-base-primary-100: #e6e0fc;
-	--color-base-dark-shade: #29263b;
-	--color-base-dark-main: #24222f;
-	--color-base-light-shade: #d6d5dd;
-	--color-base-light-main: #f1f1f3;
-	--asset-font-quicksand-weight-700-woff2: "assets/fonts/quicksand-bold.woff2";
-	--asset-font-quicksand-weight-700-woff: "assets/fonts/quicksand-bold.woff";
-	--asset-font-quicksand-weight-700-ttf: "assets/fonts/quicksand-bold.ttf";
-	--asset-font-quicksand-weight-500-woff2: "assets/fonts/quicksand-medium.woff2";
-	--asset-font-quicksand-weight-500-woff: "assets/fonts/quicksand-medium.woff";
-	--asset-font-quicksand-weight-500-ttf: "assets/fonts/quicksand-medium.ttf";
-	--asset-font-quicksand-weight-400-woff2: "assets/fonts/quicksand-regular.woff2";
-	--asset-font-quicksand-weight-400-woff: "assets/fonts/quicksand-regular.woff";
-	--asset-font-quicksand-weight-400-ttf: "assets/fonts/quicksand-regular.ttf";
-	--asset-font-quicksand-weight-300-woff2: "assets/fonts/quicksand-light.woff2";
-	--asset-font-quicksand-weight-300-woff: "assets/fonts/quicksand-light.woff";
-	--asset-font-quicksand-weight-300-ttf: "assets/fonts/quicksand-light.ttf";
-	--asset-font-quicksand-name: "Quicksand";
-	--asset-font-greycliff-weight-900-woff2: "assets/fonts/greycliff-heavy.woff2";
-	--asset-font-greycliff-weight-900-woff: "assets/fonts/greycliff-heavy.woff";
-	--asset-font-greycliff-weight-900-eot: "assets/fonts/greycliff-heavy.eot";
-	--asset-font-greycliff-weight-900-ttf: "assets/fonts/greycliff-heavy.ttf";
-	--asset-font-greycliff-weight-800-woff2: "assets/fonts/greycliff-extra-bold.woff2";
-	--asset-font-greycliff-weight-800-woff: "assets/fonts/greycliff-extra-bold.woff";
-	--asset-font-greycliff-weight-800-eot: "assets/fonts/greycliff-extra-bold.eot";
-	--asset-font-greycliff-weight-800-ttf: "assets/fonts/greycliff-extra-bold.ttf";
-	--asset-font-greycliff-weight-700-woff2: "assets/fonts/greycliff-bold.woff2";
-	--asset-font-greycliff-weight-700-woff: "assets/fonts/greycliff-bold.woff";
-	--asset-font-greycliff-weight-700-eot: "assets/fonts/greycliff-bold.eot";
-	--asset-font-greycliff-weight-700-ttf: "assets/fonts/greycliff-bold.ttf";
-	--asset-font-greycliff-weight-600-woff2: "assets/fonts/greycliff-demi-bold.woff2";
-	--asset-font-greycliff-weight-600-woff: "assets/fonts/greycliff-demi-bold.woff";
-	--asset-font-greycliff-weight-600-eot: "assets/fonts/greycliff-demi-bold.eot";
-	--asset-font-greycliff-weight-600-ttf: "assets/fonts/greycliff-demi-bold.ttf";
-	--asset-font-greycliff-weight-500-woff2: "assets/fonts/greycliff-medium.woff2";
-	--asset-font-greycliff-weight-500-woff: "assets/fonts/greycliff-medium.woff";
-	--asset-font-greycliff-weight-500-eot: "assets/fonts/greycliff-medium.eot";
-	--asset-font-greycliff-weight-500-ttf: "assets/fonts/greycliff-medium.ttf";
-	--asset-font-greycliff-weight-400-woff2: "assets/fonts/greycliff-regular.woff2";
-	--asset-font-greycliff-weight-400-woff: "assets/fonts/greycliff-regular.woff";
-	--asset-font-greycliff-weight-400-eot: "assets/fonts/greycliff-regular.eot";
-	--asset-font-greycliff-weight-400-ttf: "assets/fonts/greycliff-regular.ttf";
-	--asset-font-greycliff-weight-300-woff2: "assets/fonts/greycliff-light.woff2";
-	--asset-font-greycliff-weight-300-woff: "assets/fonts/greycliff-light.woff";
-	--asset-font-greycliff-weight-300-eot: "assets/fonts/greycliff-light.eot";
-	--asset-font-greycliff-weight-300-ttf: "assets/fonts/greycliff-light.ttf";
-	--asset-font-greycliff-weight-200-woff2: "assets/fonts/greycliff-extra-light.woff2";
-	--asset-font-greycliff-weight-200-woff: "assets/fonts/greycliff-extra-light.woff";
-	--asset-font-greycliff-weight-200-eot: "assets/fonts/greycliff-extra-light.eot";
-	--asset-font-greycliff-weight-200-ttf: "assets/fonts/greycliff-extra-light.ttf";
-	--asset-font-greycliff-weight-100-woff2: "assets/fonts/greycliff-thin.woff2";
-	--asset-font-greycliff-weight-100-woff: "assets/fonts/greycliff-thin.woff";
-	--asset-font-greycliff-weight-100-eot: "assets/fonts/greycliff-thin.eot";
-	--asset-font-greycliff-weight-100-ttf: "assets/fonts/greycliff-thin.ttf";
-	--asset-font-greycliff-name: "Greycliff";
-	--component-input-active-box-shadow: var(--component-input-base-box-shadow);
-	--component-input-active-border-color: var(--color-base-primary-500);
-	--component-input-active-color: var(--color-base-dark-main);
-	--component-input-hover-box-shadow: var(--component-input-base-box-shadow);
-	--component-input-hover-border-color: var(--color-base-dark-shade);
-	--component-input-hover-color: var(--color-base-dark-main);
-	--component-input-base-border-width: var(--size-border-width);
-	--component-input-base-border-radius: var(--size-border-radius);
-	--component-input-base-color: var(--color-base-dark-shade);
-	--component-card-border-radius: var(--size-border-radius);
-	--component-card-border-width: var(--size-border-width);
-	--component-card-border-color: var(--color-base-light-shade);
-	--component-card-background: var(--color-base-light-main);
-	--component-card-color: var(--color-base-primary-500);
-	--component-button-active-background: var(--color-base-primary-700);
-	--component-button-hover-box-shadow: var(--component-button-base-box-shadow);
-	--component-button-hover-border-color: var(
-		--component-button-base-border-color
-	);
-	--component-button-hover-background: var(--color-base-primary-600);
-	--component-button-hover-color: var(--color-base-light-main);
-	--component-button-base-border-width: var(--size-border-width);
-	--component-button-base-border-radius: var(--size-border-radius);
-	--component-button-base-background: var(--color-base-primary-500);
-	--component-button-base-color: var(--color-base-light-shade);
-	--font-family-mono: var(--font-family-system-mono);
-	--font-family-body: var(--asset-font-greycliff-name),
-		var(--font-family-system);
-	--font-family-heading: var(--asset-font-greycliff-name),
-		var(--font-family-system);
-	--color-font-base: var(--color-base-dark-main);
-	--color-base-background-shade: var(--color-base-light-shade);
-	--color-base-background-main: var(--color-base-light-main);
-	--component-input-base-border-color: var(--color-base-background-shade);
-	--component-input-base-background: var(--color-base-background-main);
-	--component-button-active-box-shadow: var(--component-button-hover-box-shadow);
-	--component-button-active-border-color: var(
-		--component-button-hover-border-color
-	);
-	--component-button-active-color: var(--component-button-hover-color);
-	--component-input-active-background: var(--component-input-base-background);
-	--component-input-hover-background: var(--component-input-base-background);
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: normal;
-	font-weight: 100;
-	font-display: swap;
-	src: url(../../fonts/greycliff-extra-light.woff2) format("woff2"),
-		url(../../fonts/greycliff-extra-light.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: normal;
-	font-weight: 200;
-	font-display: swap;
-	src: url(../../fonts/greycliff-light.woff2) format("woff2"),
-		url(../../fonts/greycliff-light.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: normal;
-	font-weight: 300;
-	font-display: swap;
-	src: url(../../fonts/greycliff-thin.woff2) format("woff2"),
-		url(../../fonts/greycliff-thin.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: normal;
-	font-weight: 400;
-	font-display: swap;
-	src: url(../../fonts/greycliff-regular.woff2) format("woff2"),
-		url(../../fonts/greycliff-regular.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: normal;
-	font-weight: 500;
-	font-display: swap;
-	src: url(../../fonts/greycliff-medium.woff2) format("woff2"),
-		url(../../fonts/greycliff-medium.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: normal;
-	font-weight: 600;
-	font-display: swap;
-	src: url(../../fonts/greycliff-demi-bold.woff2) format("woff2"),
-		url(../../fonts/greycliff-demi-bold.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: normal;
-	font-weight: 700;
-	font-display: swap;
-	src: url(../../fonts/greycliff-bold.woff2) format("woff2"),
-		url(../../fonts/greycliff-bold.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: normal;
-	font-weight: 800;
-	font-display: swap;
-	src: url(../../fonts/greycliff-extra-bold.woff2) format("woff2"),
-		url(../../fonts/greycliff-extra-bold.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: normal;
-	font-weight: 900;
-	font-display: swap;
-	src: url(../../fonts/greycliff-heavy.woff2) format("woff2"),
-		url(../../fonts/greycliff-heavy.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: italic;
-	font-weight: 100;
-	font-display: swap;
-	src: url(../../fonts/greycliff-extra-light-oblique.woff2) format("woff2"),
-		url(../../fonts/greycliff-extra-light-oblique.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: italic;
-	font-weight: 200;
-	font-display: swap;
-	src: url(../../fonts/greycliff-light-oblique.woff2) format("woff2"),
-		url(../../fonts/greycliff-light-oblique.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: italic;
-	font-weight: 300;
-	font-display: swap;
-	src: url(../../fonts/greycliff-thin-oblique.woff2) format("woff2"),
-		url(../../fonts/greycliff-thin-oblique.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: italic;
-	font-weight: 400;
-	font-display: swap;
-	src: url(../../fonts/greycliff-regular-oblique.woff2) format("woff2"),
-		url(../../fonts/greycliff-regular-oblique.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: italic;
-	font-weight: 500;
-	font-display: swap;
-	src: url(../../fonts/greycliff-medium-oblique.woff2) format("woff2"),
-		url(../../fonts/greycliff-medium-oblique.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: italic;
-	font-weight: 600;
-	font-display: swap;
-	src: url(../../fonts/greycliff-demi-bold-oblique.woff2) format("woff2"),
-		url(../../fonts/greycliff-demi-bold-oblique.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: italic;
-	font-weight: 700;
-	font-display: swap;
-	src: url(../../fonts/greycliff-bold-oblique.woff2) format("woff2"),
-		url(../../fonts/greycliff-bold-oblique.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: italic;
-	font-weight: 800;
-	font-display: swap;
-	src: url(../../fonts/greycliff-extra-bold-oblique.woff2) format("woff2"),
-		url(../../fonts/greycliff-extra-bold-oblique.woff) format("woff");
-}
-@font-face {
-	font-family: Greycliff;
-	font-style: italic;
-	font-weight: 900;
-	font-display: swap;
-	src: url(../../fonts/greycliff-heavy-oblique.woff2) format("woff2"),
-		url(../../fonts/greycliff-heavy-oblique.woff) format("woff");
-}
+:root{--component-input-base-box-shadow: none;--component-button-base-box-shadow: none;--component-button-base-border-color: transparent;--size-block-width-wide: 70rem;--size-block-width-normal: 40rem;--size-border-width: .125rem;--size-border-radius: .5rem;--size-space-unit: 1rem;--font-weight-heading: 900;--font-weight-body: 600;--font-line-height-heading: 1.1;--font-line-height-body: 1.5;--font-size-base: clamp(1rem, .34vw + .91rem, 1.2rem);--font-size-huge: 2.44140625rem;--font-size-large: 1.5625rem;--font-size-medium: 1.25rem;--font-size-normal: 1rem;--font-size-small: .8rem;--font-size-tiny: .64rem;--font-family-system-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--color-base-error-900: #7a0906;--color-base-error-800: #93170a;--color-base-error-700: #b72b10;--color-base-error-600: #db4518;--color-base-error-500: #ff6321;--color-base-error-400: #ff9558;--color-base-error-300: #ffb379;--color-base-error-200: #ffd2a6;--color-base-error-100: #ffebd2;--color-base-warning-900: #786100;--color-base-warning-800: #927800;--color-base-warning-700: #b59700;--color-base-warning-600: #d8b800;--color-base-warning-500: #fcda00;--color-base-warning-400: #fde63f;--color-base-warning-300: #feed65;--color-base-warning-200: #fef598;--color-base-warning-100: #fefacb;--color-base-info-900: #004375;--color-base-info-800: #005d8d;--color-base-info-700: #0081af;--color-base-info-600: #00acd1;--color-base-info-500: #00dcf4;--color-base-info-400: #3ef5f8;--color-base-info-300: #64fbf2;--color-base-info-200: #98fdef;--color-base-info-100: #cbfef2;--color-base-success-900: #09600f;--color-base-success-800: #0f740f;--color-base-success-700: #219019;--color-base-success-600: #38ac24;--color-base-success-500: #53c932;--color-base-success-400: #85de61;--color-base-success-300: #aaee83;--color-base-success-200: #cff9ae;--color-base-success-100: #e9fcd6;--color-base-tertiary-900: #1b2c68;--color-base-tertiary-800: #2d437e;--color-base-tertiary-700: #48619c;--color-base-tertiary-600: #6985bb;--color-base-tertiary-500: #90acda;--color-base-tertiary-400: #adc6e8;--color-base-tertiary-300: #c2d8f3;--color-base-tertiary-200: #d9eafb;--color-base-tertiary-100: #ebf5fd;--color-base-secondary-900: #5c0d1c;--color-base-secondary-800: #6f151f;--color-base-secondary-700: #8a2225;--color-base-secondary-600: #a53731;--color-base-secondary-500: #c15444;--color-base-secondary-400: #d98570;--color-base-secondary-300: #ecaa90;--color-base-secondary-200: #f8cfb8;--color-base-secondary-100: #fbe9db;--color-base-primary-900: #17115e;--color-base-primary-800: #251d72;--color-base-primary-700: #382d8d;--color-base-primary-600: #4f42a9;--color-base-primary-500: #6a5bc5;--color-base-primary-400: #9183dc;--color-base-primary-300: #aea0ed;--color-base-primary-200: #cdc3f9;--color-base-primary-100: #e6e0fc;--color-base-dark-shade: #29263b;--color-base-dark-main: #24222f;--color-base-light-shade: #d6d5dd;--color-base-light-main: #f1f1f3;--asset-font-quicksand-weight-700-woff2: "assets/fonts/quicksand-bold.woff2";--asset-font-quicksand-weight-700-woff: "assets/fonts/quicksand-bold.woff";--asset-font-quicksand-weight-700-ttf: "assets/fonts/quicksand-bold.ttf";--asset-font-quicksand-weight-500-woff2: "assets/fonts/quicksand-medium.woff2";--asset-font-quicksand-weight-500-woff: "assets/fonts/quicksand-medium.woff";--asset-font-quicksand-weight-500-ttf: "assets/fonts/quicksand-medium.ttf";--asset-font-quicksand-weight-400-woff2: "assets/fonts/quicksand-regular.woff2";--asset-font-quicksand-weight-400-woff: "assets/fonts/quicksand-regular.woff";--asset-font-quicksand-weight-400-ttf: "assets/fonts/quicksand-regular.ttf";--asset-font-quicksand-weight-300-woff2: "assets/fonts/quicksand-light.woff2";--asset-font-quicksand-weight-300-woff: "assets/fonts/quicksand-light.woff";--asset-font-quicksand-weight-300-ttf: "assets/fonts/quicksand-light.ttf";--asset-font-quicksand-name: "Quicksand";--asset-font-greycliff-weight-900-woff2: "assets/fonts/greycliff-heavy.woff2";--asset-font-greycliff-weight-900-woff: "assets/fonts/greycliff-heavy.woff";--asset-font-greycliff-weight-900-eot: "assets/fonts/greycliff-heavy.eot";--asset-font-greycliff-weight-900-ttf: "assets/fonts/greycliff-heavy.ttf";--asset-font-greycliff-weight-800-woff2: "assets/fonts/greycliff-extra-bold.woff2";--asset-font-greycliff-weight-800-woff: "assets/fonts/greycliff-extra-bold.woff";--asset-font-greycliff-weight-800-eot: "assets/fonts/greycliff-extra-bold.eot";--asset-font-greycliff-weight-800-ttf: "assets/fonts/greycliff-extra-bold.ttf";--asset-font-greycliff-weight-700-woff2: "assets/fonts/greycliff-bold.woff2";--asset-font-greycliff-weight-700-woff: "assets/fonts/greycliff-bold.woff";--asset-font-greycliff-weight-700-eot: "assets/fonts/greycliff-bold.eot";--asset-font-greycliff-weight-700-ttf: "assets/fonts/greycliff-bold.ttf";--asset-font-greycliff-weight-600-woff2: "assets/fonts/greycliff-demi-bold.woff2";--asset-font-greycliff-weight-600-woff: "assets/fonts/greycliff-demi-bold.woff";--asset-font-greycliff-weight-600-eot: "assets/fonts/greycliff-demi-bold.eot";--asset-font-greycliff-weight-600-ttf: "assets/fonts/greycliff-demi-bold.ttf";--asset-font-greycliff-weight-500-woff2: "assets/fonts/greycliff-medium.woff2";--asset-font-greycliff-weight-500-woff: "assets/fonts/greycliff-medium.woff";--asset-font-greycliff-weight-500-eot: "assets/fonts/greycliff-medium.eot";--asset-font-greycliff-weight-500-ttf: "assets/fonts/greycliff-medium.ttf";--asset-font-greycliff-weight-400-woff2: "assets/fonts/greycliff-regular.woff2";--asset-font-greycliff-weight-400-woff: "assets/fonts/greycliff-regular.woff";--asset-font-greycliff-weight-400-eot: "assets/fonts/greycliff-regular.eot";--asset-font-greycliff-weight-400-ttf: "assets/fonts/greycliff-regular.ttf";--asset-font-greycliff-weight-300-woff2: "assets/fonts/greycliff-light.woff2";--asset-font-greycliff-weight-300-woff: "assets/fonts/greycliff-light.woff";--asset-font-greycliff-weight-300-eot: "assets/fonts/greycliff-light.eot";--asset-font-greycliff-weight-300-ttf: "assets/fonts/greycliff-light.ttf";--asset-font-greycliff-weight-200-woff2: "assets/fonts/greycliff-extra-light.woff2";--asset-font-greycliff-weight-200-woff: "assets/fonts/greycliff-extra-light.woff";--asset-font-greycliff-weight-200-eot: "assets/fonts/greycliff-extra-light.eot";--asset-font-greycliff-weight-200-ttf: "assets/fonts/greycliff-extra-light.ttf";--asset-font-greycliff-weight-100-woff2: "assets/fonts/greycliff-thin.woff2";--asset-font-greycliff-weight-100-woff: "assets/fonts/greycliff-thin.woff";--asset-font-greycliff-weight-100-eot: "assets/fonts/greycliff-thin.eot";--asset-font-greycliff-weight-100-ttf: "assets/fonts/greycliff-thin.ttf";--asset-font-greycliff-name: "Greycliff";--component-input-active-box-shadow: var(--component-input-base-box-shadow);--component-input-active-border-color: var(--color-base-primary-500);--component-input-active-color: var(--color-base-dark-main);--component-input-hover-box-shadow: var(--component-input-base-box-shadow);--component-input-hover-border-color: var(--color-base-dark-shade);--component-input-hover-color: var(--color-base-dark-main);--component-input-base-border-width: var(--size-border-width);--component-input-base-border-radius: var(--size-border-radius);--component-input-base-color: var(--color-base-dark-shade);--component-card-border-radius: var(--size-border-radius);--component-card-border-width: var(--size-border-width);--component-card-border-color: var(--color-base-light-shade);--component-card-background: var(--color-base-light-main);--component-card-color: var(--color-base-primary-500);--component-button-active-background: var(--color-base-primary-700);--component-button-hover-box-shadow: var(--component-button-base-box-shadow);--component-button-hover-border-color: var(--component-button-base-border-color);--component-button-hover-background: var(--color-base-primary-600);--component-button-hover-color: var(--color-base-light-main);--component-button-base-border-width: var(--size-border-width);--component-button-base-border-radius: var(--size-border-radius);--component-button-base-background: var(--color-base-primary-500);--component-button-base-color: var(--color-base-light-shade);--font-family-mono: var(--font-family-system-mono);--font-family-body: var(--asset-font-greycliff-name), var(--font-family-system);--font-family-heading: var(--asset-font-greycliff-name), var(--font-family-system);--color-font-base: var(--color-base-dark-main);--color-base-background-shade: var(--color-base-light-shade);--color-base-background-main: var(--color-base-light-main);--component-input-base-border-color: var(--color-base-background-shade);--component-input-base-background: var(--color-base-background-main);--component-button-active-box-shadow: var(--component-button-hover-box-shadow);--component-button-active-border-color: var(--component-button-hover-border-color);--component-button-active-color: var(--component-button-hover-color);--component-input-active-background: var(--component-input-base-background);--component-input-hover-background: var(--component-input-base-background)}@font-face{font-family:Greycliff;font-style:normal;font-weight:100;font-display:swap;src:url(../../fonts/greycliff-extra-light.woff2) format("woff2"),url(../../fonts/greycliff-extra-light.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:200;font-display:swap;src:url(../../fonts/greycliff-light.woff2) format("woff2"),url(../../fonts/greycliff-light.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:300;font-display:swap;src:url(../../fonts/greycliff-thin.woff2) format("woff2"),url(../../fonts/greycliff-thin.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/greycliff-regular.woff2) format("woff2"),url(../../fonts/greycliff-regular.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/greycliff-medium.woff2) format("woff2"),url(../../fonts/greycliff-medium.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/greycliff-demi-bold.woff2) format("woff2"),url(../../fonts/greycliff-demi-bold.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/greycliff-bold.woff2) format("woff2"),url(../../fonts/greycliff-bold.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:800;font-display:swap;src:url(../../fonts/greycliff-extra-bold.woff2) format("woff2"),url(../../fonts/greycliff-extra-bold.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:900;font-display:swap;src:url(../../fonts/greycliff-heavy.woff2) format("woff2"),url(../../fonts/greycliff-heavy.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:100;font-display:swap;src:url(../../fonts/greycliff-extra-light-oblique.woff2) format("woff2"),url(../../fonts/greycliff-extra-light-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:200;font-display:swap;src:url(../../fonts/greycliff-light-oblique.woff2) format("woff2"),url(../../fonts/greycliff-light-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:300;font-display:swap;src:url(../../fonts/greycliff-thin-oblique.woff2) format("woff2"),url(../../fonts/greycliff-thin-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/greycliff-regular-oblique.woff2) format("woff2"),url(../../fonts/greycliff-regular-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:500;font-display:swap;src:url(../../fonts/greycliff-medium-oblique.woff2) format("woff2"),url(../../fonts/greycliff-medium-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:600;font-display:swap;src:url(../../fonts/greycliff-demi-bold-oblique.woff2) format("woff2"),url(../../fonts/greycliff-demi-bold-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:700;font-display:swap;src:url(../../fonts/greycliff-bold-oblique.woff2) format("woff2"),url(../../fonts/greycliff-bold-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:800;font-display:swap;src:url(../../fonts/greycliff-extra-bold-oblique.woff2) format("woff2"),url(../../fonts/greycliff-extra-bold-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:900;font-display:swap;src:url(../../fonts/greycliff-heavy-oblique.woff2) format("woff2"),url(../../fonts/greycliff-heavy-oblique.woff) format("woff")}

package/dist/icons.js

@@ -1 +1 @@
-import"./node_modules/lucide-static/dist/esm/lucide-static.js";
+export*from"lucide-static";

package/dist/node_modules/react/cjs/react.production.js

@@ -0,0 +1,9 @@
+import"../../../_virtual/_commonjsHelpers.js";import{__exports as o}from"../../../_virtual/react.production.js";/**
+ * @license React
+ * react.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var $;function Z(){if($)return o;$=1;var E=Symbol.for("react.transitional.element"),N=Symbol.for("react.portal"),M=Symbol.for("react.fragment"),Y=Symbol.for("react.strict_mode"),I=Symbol.for("react.profiler"),L=Symbol.for("react.consumer"),U=Symbol.for("react.context"),k=Symbol.for("react.forward_ref"),x=Symbol.for("react.suspense"),b=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),C=Symbol.iterator;function D(t){return t===null||typeof t!="object"?null:(t=C&&t[C]||t["@@iterator"],typeof t=="function"?t:null)}var w={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},A=Object.assign,S={};function _(t,e,n){this.props=t,this.context=e,this.refs=S,this.updater=n||w}_.prototype.isReactComponent={},_.prototype.setState=function(t,e){if(typeof t!="object"&&typeof t!="function"&&t!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,t,e,"setState")},_.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};function h(){}h.prototype=_.prototype;function y(t,e,n){this.props=t,this.context=e,this.refs=S,this.updater=n||w}var v=y.prototype=new h;v.constructor=y,A(v,_.prototype),v.isPureReactComponent=!0;var g=Array.isArray,i={H:null,A:null,T:null,S:null,V:null},O=Object.prototype.hasOwnProperty;function R(t,e,n,r,s,f){return n=f.ref,{$$typeof:E,type:t,key:e,ref:n!==void 0?n:null,props:f}}function q(t,e){return R(t.type,e,void 0,void 0,void 0,t.props)}function T(t){return typeof t=="object"&&t!==null&&t.$$typeof===E}function z(t){var e={"=":"=0",":":"=2"};return"$"+t.replace(/[=:]/g,function(n){return e[n]})}var H=/\/+/g;function m(t,e){return typeof t=="object"&&t!==null&&t.key!=null?z(""+t.key):e.toString(36)}function j(){}function G(t){switch(t.status){case"fulfilled":return t.value;case"rejected":throw t.reason;default:switch(typeof t.status=="string"?t.then(j,j):(t.status="pending",t.then(function(e){t.status==="pending"&&(t.status="fulfilled",t.value=e)},function(e){t.status==="pending"&&(t.status="rejected",t.reason=e)})),t.status){case"fulfilled":return t.value;case"rejected":throw t.reason}}throw t}function a(t,e,n,r,s){var f=typeof t;(f==="undefined"||f==="boolean")&&(t=null);var u=!1;if(t===null)u=!0;else switch(f){case"bigint":case"string":case"number":u=!0;break;case"object":switch(t.$$typeof){case E:case N:u=!0;break;case d:return u=t._init,a(u(t._payload),e,n,r,s)}}if(u)return s=s(t),u=r===""?"."+m(t,0):r,g(s)?(n="",u!=null&&(n=u.replace(H,"$&/")+"/"),a(s,e,n,"",function(W){return W})):s!=null&&(T(s)&&(s=q(s,n+(s.key==null||t&&t.key===s.key?"":(""+s.key).replace(H,"$&/")+"/")+u)),e.push(s)),1;u=0;var p=r===""?".":r+":";if(g(t))for(var c=0;c<t.length;c++)r=t[c],f=p+m(r,c),u+=a(r,e,n,f,s);else if(c=D(t),typeof c=="function")for(t=c.call(t),c=0;!(r=t.next()).done;)r=r.value,f=p+m(r,c++),u+=a(r,e,n,f,s);else if(f==="object"){if(typeof t.then=="function")return a(G(t),e,n,r,s);throw e=String(t),Error("Objects are not valid as a React child (found: "+(e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e)+"). If you meant to render a collection of children, use an array instead.")}return u}function l(t,e,n){if(t==null)return t;var r=[],s=0;return a(t,r,"","",function(f){return e.call(n,f,s++)}),r}function K(t){if(t._status===-1){var e=t._result;e=e(),e.then(function(n){(t._status===0||t._status===-1)&&(t._status=1,t._result=n)},function(n){(t._status===0||t._status===-1)&&(t._status=2,t._result=n)}),t._status===-1&&(t._status=0,t._result=e)}if(t._status===1)return t._result.default;throw t._result}var P=typeof reportError=="function"?reportError:function(t){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var e=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof t=="object"&&t!==null&&typeof t.message=="string"?String(t.message):String(t),error:t});if(!window.dispatchEvent(e))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",t);return}console.error(t)};function B(){}return o.Children={map:l,forEach:function(t,e,n){l(t,function(){e.apply(this,arguments)},n)},count:function(t){var e=0;return l(t,function(){e++}),e},toArray:function(t){return l(t,function(e){return e})||[]},only:function(t){if(!T(t))throw Error("React.Children.only expected to receive a single React element child.");return t}},o.Component=_,o.Fragment=M,o.Profiler=I,o.PureComponent=y,o.StrictMode=Y,o.Suspense=x,o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=i,o.__COMPILER_RUNTIME={__proto__:null,c:function(t){return i.H.useMemoCache(t)}},o.cache=function(t){return function(){return t.apply(null,arguments)}},o.cloneElement=function(t,e,n){if(t==null)throw Error("The argument must be a React element, but you passed "+t+".");var r=A({},t.props),s=t.key,f=void 0;if(e!=null)for(u in e.ref!==void 0&&(f=void 0),e.key!==void 0&&(s=""+e.key),e)!O.call(e,u)||u==="key"||u==="__self"||u==="__source"||u==="ref"&&e.ref===void 0||(r[u]=e[u]);var u=arguments.length-2;if(u===1)r.children=n;else if(1<u){for(var p=Array(u),c=0;c<u;c++)p[c]=arguments[c+2];r.children=p}return R(t.type,s,void 0,void 0,f,r)},o.createContext=function(t){return t={$$typeof:U,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null},t.Provider=t,t.Consumer={$$typeof:L,_context:t},t},o.createElement=function(t,e,n){var r,s={},f=null;if(e!=null)for(r in e.key!==void 0&&(f=""+e.key),e)O.call(e,r)&&r!=="key"&&r!=="__self"&&r!=="__source"&&(s[r]=e[r]);var u=arguments.length-2;if(u===1)s.children=n;else if(1<u){for(var p=Array(u),c=0;c<u;c++)p[c]=arguments[c+2];s.children=p}if(t&&t.defaultProps)for(r in u=t.defaultProps,u)s[r]===void 0&&(s[r]=u[r]);return R(t,f,void 0,void 0,null,s)},o.createRef=function(){return{current:null}},o.forwardRef=function(t){return{$$typeof:k,render:t}},o.isValidElement=T,o.lazy=function(t){return{$$typeof:d,_payload:{_status:-1,_result:t},_init:K}},o.memo=function(t,e){return{$$typeof:b,type:t,compare:e===void 0?null:e}},o.startTransition=function(t){var e=i.T,n={};i.T=n;try{var r=t(),s=i.S;s!==null&&s(n,r),typeof r=="object"&&r!==null&&typeof r.then=="function"&&r.then(B,P)}catch(f){P(f)}finally{i.T=e}},o.unstable_useCacheRefresh=function(){return i.H.useCacheRefresh()},o.use=function(t){return i.H.use(t)},o.useActionState=function(t,e,n){return i.H.useActionState(t,e,n)},o.useCallback=function(t,e){return i.H.useCallback(t,e)},o.useContext=function(t){return i.H.useContext(t)},o.useDebugValue=function(){},o.useDeferredValue=function(t,e){return i.H.useDeferredValue(t,e)},o.useEffect=function(t,e,n){var r=i.H;if(typeof n=="function")throw Error("useEffect CRUD overload is not enabled in this build of React.");return r.useEffect(t,e)},o.useId=function(){return i.H.useId()},o.useImperativeHandle=function(t,e,n){return i.H.useImperativeHandle(t,e,n)},o.useInsertionEffect=function(t,e){return i.H.useInsertionEffect(t,e)},o.useLayoutEffect=function(t,e){return i.H.useLayoutEffect(t,e)},o.useMemo=function(t,e){return i.H.useMemo(t,e)},o.useOptimistic=function(t,e){return i.H.useOptimistic(t,e)},o.useReducer=function(t,e,n){return i.H.useReducer(t,e,n)},o.useRef=function(t){return i.H.useRef(t)},o.useState=function(t){return i.H.useState(t)},o.useSyncExternalStore=function(t,e,n){return i.H.useSyncExternalStore(t,e,n)},o.useTransition=function(){return i.H.useTransition()},o.version="19.1.0",o}export{Z as __require};

package/dist/node_modules/react/index.js

@@ -0,0 +1 @@
+import"../../_virtual/_commonjsHelpers.js";import{__module as e}from"../../_virtual/index2.js";import{__require as t}from"./cjs/react.production.js";var u=e.exports,r;function a(){return r?e.exports:(r=1,e.exports=t(),e.exports)}export{a as __require};

package/package.json

@@ -1,85 +1,90 @@
 {
-	"name": "@grantcodes/ui",
-	"version": "2.0.0-beta.1",
-	"description": "",
-	"type": "module",
-	"main": "dist/main.cjs",
-	"module": "dist/main.js",
-	"types": "dist/main.d.ts",
-	"author": "grantcodes",
-	"exports": {
-		".": {
-			"types": "./dist/main.d.ts",
-			"import": "./dist/main.js",
-			"require": "./dist/main.cjs"
-		},
-		"./react": {
-			"types": "./dist/react.d.ts",
-			"import": "./dist/react.js",
-			"require": "./dist/react.cjs"
-		},
-		"./styles/base.css": {
-			"import": "./dist/css/base.css",
-			"require": "./dist/css/base.css"
-		},
-		"./styles/themes/grantcodes.css": {
-			"import": "./dist/css/themes/grantcodes.css",
-			"require": "./dist/css/themes/grantcodes.css"
-		},
-		"./components/*": {
-			"import": "./dist/components/*",
-			"require": "./dist/components/*"
-		},
-		"./fonts/*": "./dist/fonts/*"
-	},
-	"scripts": {
-		"build": "vite build",
-		"watch": "rollup -c -w",
-		"generate": "plop",
-		"fix": "run-s fix:lint",
-		"fix:lint": "npx @biomejs/biome format --write src",
-		"test": "run-s test:lint test:unit",
-		"test:lint": "npx @biomejs/biome lint src",
-		"test:unit": "ava",
-		"storybook": "storybook dev -p 6006",
-		"build-storybook": "storybook build"
-	},
-	"license": "MIT",
-	"dependencies": {
-		"@grantcodes/style-dictionary": "^1.1.0",
-		"@lit/react": "^1.0.6",
-		"classnames": "^2.5.1",
-		"lit": "^3.2.1",
-		"react-dom": "^18.3.1",
-		"sanitize.css": "^13.0.0",
-		"shiki": "^1.22.0"
-	},
-	"devDependencies": {
-		"@biomejs/biome": "1.9.2",
-		"@ava/typescript": "^5.0.0",
-		"@babel/core": "^7.25.8",
-		"@grantcodes/commit": "^1.0.7",
-		"@storybook/addon-essentials": "^8.3.6",
-		"@storybook/web-components": "^8.3.6",
-		"@storybook/web-components-vite": "^8.3.6",
-		"ava": "^6.1.3",
-		"lucide-static": "^0.453.0",
-		"npm-run-all": "^4.1.5",
-		"plop": "^4.0.1",
-		"rollup": "^4.24.0",
-		"sass": "^1.80.3",
-		"storybook": "^8.3.6",
-		"typescript": "^5.6.3",
-		"vite": "^5.4.9"
-	},
-	"peerDependencies": {},
-	"files": ["dist/**/*", "CHANGELOG.md", "README.md", "LICENCE"],
-	"ava": {
-		"typescript": {
-			"compile": false,
-			"rewritePaths": {
-				"src/": "tmp/tests/"
-			}
-		}
-	}
+  "name": "@grantcodes/ui",
+  "version": "2.0.0-beta.10",
+  "description": "",
+  "type": "module",
+  "main": "dist/main.cjs",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "author": "grantcodes",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.js"
+    },
+    "./icons": {
+      "types": "./dist/icons.d.ts",
+      "import": "./dist/icons.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    },
+    "./styles/base.css": {
+      "import": "./dist/css/base.css",
+      "require": "./dist/css/base.css"
+    },
+    "./styles/themes/grantcodes.css": {
+      "import": "./dist/css/themes/grantcodes.css",
+      "require": "./dist/css/themes/grantcodes.css"
+    },
+    "./components/*": {
+      "import": "./dist/components/*",
+      "require": "./dist/components/*"
+    },
+    "./fonts/*": "./dist/fonts/*"
+  },
+  "scripts": {
+    "build": "vite build",
+    "watch": "rollup -c -w",
+    "generate": "plop",
+    "fix": "run-s fix:lint",
+    "fix:lint": "npx @biomejs/biome format --write src",
+    "test": "run-s test:lint test:unit",
+    "test:lint": "npx @biomejs/biome lint src",
+    "test:unit": "ava",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@grantcodes/style-dictionary": "^1.1.0",
+    "@lit/react": "^1.0.7",
+    "classnames": "^2.5.1",
+    "lit": "^3.3.0",
+    "react-dom": "^19.1.0",
+    "sanitize.css": "^13.0.0",
+    "shiki": "^3.7.0"
+  },
+  "devDependencies": {
+    "@ava/typescript": "^6.0.0",
+    "@babel/core": "^7.27.7",
+    "@biomejs/biome": "2.0.6",
+    "@grantcodes/commit": "^2.0.0",
+    "@storybook/web-components-vite": "^9.0.14",
+    "ava": "^6.4.0",
+    "lucide-static": "^0.525.0",
+    "npm-run-all": "^4.1.5",
+    "plop": "^4.0.1",
+    "rollup": "^4.44.1",
+    "sass": "^1.89.2",
+    "storybook": "^9.0.14",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.0",
+    "@storybook/addon-docs": "^9.0.14"
+  },
+  "files": [
+    "dist/**/*",
+    "CHANGELOG.md",
+    "README.md",
+    "LICENCE"
+  ],
+  "ava": {
+    "typescript": {
+      "compile": false,
+      "rewritePaths": {
+        "src/": "tmp/tests/"
+      }
+    }
+  }
 }

package/dist/_virtual/preload-helper.js

@@ -1 +0,0 @@
-const E="modulepreload",y=function(c){return"/"+c},h={},k=function(m,l,a){let u=Promise.resolve();if(l&&l.length>0){const r=document.getElementsByTagName("link"),e=document.querySelector("meta[property=csp-nonce]"),d=(e==null?void 0:e.nonce)||(e==null?void 0:e.getAttribute("nonce"));u=Promise.allSettled(l.map(t=>{if(t=y(t,a),t in h)return;h[t]=!0;const o=t.endsWith(".css"),v=o?'[rel="stylesheet"]':"";if(!!a)for(let s=r.length-1;s>=0;s--){const i=r[s];if(i.href===t&&(!o||i.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${t}"]${v}`))return;const n=document.createElement("link");if(n.rel=o?"stylesheet":E,o||(n.as="script"),n.crossOrigin="",n.href=t,d&&n.setAttribute("nonce",d),document.head.appendChild(n),o)return new Promise((s,i)=>{n.addEventListener("load",s),n.addEventListener("error",()=>i(new Error(`Unable to preload CSS for ${t}`)))})}))}function f(r){const e=new Event("vite:preloadError",{cancelable:!0});if(e.payload=r,window.dispatchEvent(e),!e.defaultPrevented)throw r}return u.then(r=>{for(const e of r||[])e.status==="rejected"&&f(e.reason);return m().catch(f)})};export{k as __vitePreload};

package/dist/components/tabs/tabs-item.component.js

@@ -1 +0,0 @@
-import{LitElement as y,html as c}from"lit";import{property as e}from"lit/decorators.js";var d=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(i,o,a,p)=>{for(var t=p>1?void 0:p?g(o,a):o,s=i.length-1,l;s>=0;s--)(l=i[s])&&(t=(p?l(o,a,t):l(t))||t);return p&&t&&d(o,a,t),t};class n extends y{constructor(){super(...arguments),this.active=!1,this.label="",this.index=-1,this.containerId=""}get tabId(){return`${this.containerId}-tab-${this.index.toString()}`}get panelId(){return`${this.containerId}-panel-${this.index.toString()}`}get content(){return this.label}render(){return c``}}r([e({type:Boolean})],n.prototype,"active",2);r([e({type:String})],n.prototype,"label",2);r([e({type:Number})],n.prototype,"index",2);r([e({type:String})],n.prototype,"containerId",2);r([e({type:String,reflect:!0})],n.prototype,"tabId",1);r([e({type:String})],n.prototype,"panelId",1);r([e({type:String})],n.prototype,"content",1);export{n as GrantCodesTabsItem};

package/dist/components/tabs/tabs-panel.component.js

@@ -1,10 +0,0 @@
-import{GrantCodesTabsItem as i}from"./tabs-item.component.js";import{html as p,unsafeCSS as m}from"lit";import{customElement as b}from"lit/decorators.js";import f from"./tabs.scss.js";var v=Object.defineProperty,d=Object.getOwnPropertyDescriptor,c=(n,t,r,s)=>{for(var e=s>1?void 0:s?d(t,r):t,a=n.length-1,l;a>=0;a--)(l=n[a])&&(e=(s?l(t,r,e):l(e))||e);return s&&e&&v(t,r,e),e};let o=class extends i{render(){return p`
-      <div
-        id="${this.panelId}"
-        role="tabpanel"
-        aria-labelledby="${this.tabId}"
-        class="tabs__panel ${this.active?"is-active":""}"
-      >
-        <slot></slot>
-      </div>
-    `}};o.styles=[m(f)];o=c([b("grantcodes-tabs-panel")],o);export{o as GrantCodesTabsPanel};

package/dist/components/tabs/tabs-panel.js

@@ -1 +0,0 @@
-import{GrantCodesTabsPanel as a}from"./tabs-panel.component.js";const e=a;export{a as GrantCodesTabsPanel,e as default};

package/dist/components/tabs/tabs-tab.component.js

@@ -1,12 +0,0 @@
-import{GrantCodesTabsItem as l}from"./tabs-item.component.js";import{html as b,LitElement as p,unsafeCSS as m}from"lit";import{customElement as c}from"lit/decorators.js";import d from"./tabs.scss.js";var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,h=(i,e,o,s)=>{for(var t=s>1?void 0:s?u(e,o):e,r=i.length-1,n;r>=0;r--)(n=i[r])&&(t=(s?n(e,o,t):n(t))||t);return s&&t&&f(e,o,t),t};let a=class extends l{render(){return b`
-      <button
-        id="${this.tabId}"
-        type="button"
-        role="tab"
-        ?aria-selected=${this.active}
-        aria-controls="${this.panelId}"
-        class="tabs__tab ${this.active?"is-active":""}"
-      >
-        <span>${this.label}</span>
-      </button>
-    `}};a.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};a.styles=[m(d)];a=h([c("grantcodes-tabs-tab")],a);export{a as GrantCodesTabsTab};

package/dist/components/tabs/tabs-tab.js

@@ -1 +0,0 @@
-import{GrantCodesTabsTab as a}from"./tabs-tab.component.js";const b=a;export{a as GrantCodesTabsTab,b as default};