highsoft-ui 1.0.0

package/README.md

@@ -0,0 +1,75 @@
+# Highsoft UI
+
+## PHP
+
+1. Build script
+```js
+import { Header, Footer } from 'highsoft-ui';
+import { render } from 'highsoft-ui/php';
+
+render('react.php', {
+  header: <Header />,
+  footer: <Footer />
+});
+```
+
+2. PHP template
+```php
+hsui_header();
+// ...
+hsui_footer();
+```
+
+3. Client bundle (for things that need hydration)
+```js
+import { Header } from 'highsoft-ui';
+import { hydrate } from 'highsoft-ui/php';
+
+hydrate({
+    header: <Header />
+});
+```
+
+## Formatting and linting
+
+### Prettier
+
+- Your code is formatted on save
+- No need to discuss style in code review. Stop all the on-going debates over styles
+- Saves you time and energy
+
+### Stylelint 
+
+- CSS linter that helps you avoid errors and enforce conventions
+- Help you avoid errors, for example:
+    - invalid things, e.g. malformed grid areas
+    - valid things that are problematic, e.g. duplicate selectors
+    - unknown things, e.g. misspelled property names
+    - disallow things, e.g. specific units
+
+### stylelint-config-standard
+
+- Recommended and standard configs for stylelint.
+- It extends "stylelint-config-recommended" and turns on additional rules to enforce modern conventions found in the CSS specifications.
+
+### lint-staged 
+
+- Allows use to run code quality tools together in a coordinated way, like prettier, eslint and stylelint.
+- We use ESLint. lint-staged must run ESLint before Prettier, not after.
+
+### ESLint
+
+- Find and fix problems in your JavaScript code
+- Many problems ESLint finds can be automatically fixed. ESLint fixes are syntax-aware so you won't experience errors introduced by traditional find-and-replace algorithms
+- Rules: https://eslint.org/docs/latest/rules
+
+### eslint-config-prettier
+
+- To make ESLint and Prettier play nice with each other.
+- Turns off all rules that are unnecessary or might conflict with Prettier.
+- this config only turns rules off
+
+
+### Husky
+
+- Automatically lint your commit messages, code, and run tests upon committing or pushing.

package/dist/assets/BNWEVODB.css

@@ -0,0 +1 @@
+._inputWrap_12kfl_17{position:relative}._inputWrap_12kfl_17>svg{position:absolute;top:22px;left:24px;pointer-events:none;stroke:var(--primitives-neutral-700)}._inputWrap_12kfl_17 button{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;background:var(--primitives-neutral-50);border-radius:4px;height:48px;padding:0 24px;border:none;outline:none;cursor:pointer;border-top:1px solid var(--primitives-neutral-25)}._inputWrap_12kfl_17 button:hover{opacity:.8}._inputWrap_12kfl_17 button:focus-visible{outline:2px solid var(--primitives-brand-600);outline-offset:2px}._inputWrap_12kfl_17 button svg{margin-top:-1px;fill:var(--primitives-neutral-400)}._inputWrap_12kfl_17._active_12kfl_53 button{background:var(--primitives-brand-600);border-top:1px solid var(--primitives-brand-500)}._inputWrap_12kfl_17._active_12kfl_53 button svg{fill:var(--primitives-neutral-0)}._textarea_12kfl_61{font-size:1rem;font-weight:600;line-height:130%;font-weight:500;display:flex;width:100%;height:64px;padding:20px 92px 20px 60px;border:none;outline:none!important;border-radius:8px;background:var(--primitives-neutral-0);color:var(--primitives-neutral-700);box-shadow:var(--shadow-size-200);resize:none}._textarea_12kfl_61:hover{box-shadow:var(--shadow-size-300)}._textarea_12kfl_61:focus{padding:18px 90px 18px 58px;border:2px solid var(--primitives-brand-600)}._disclaimer_12kfl_92{font-size:.75rem;font-weight:600;line-height:130%;font-weight:500;position:absolute;bottom:0;height:40px;width:100%;padding:0 16px;margin:0 -16px;color:var(--primitives-neutral-500);text-align:center}

package/dist/assets/BNg9mG7F.css

@@ -0,0 +1 @@
+._button_xzze6_17{display:inline-flex;justify-content:center;align-items:center;padding:0;border:none;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none;cursor:pointer}._button_xzze6_17 ._content_xzze6_28{display:flex;justify-content:center;align-items:center;align-self:stretch}._neutral_xzze6_35{background:var(--primitives-neutral-800);color:var(--primitives-neutral-0);border:1px solid var(--primitives-neutral-900)}._neutral_xzze6_35:hover{background:var(--primitives-neutral-700);border-color:var(--primitives-neutral-800)}._neutral_xzze6_35:active{background:var(--primitives-neutral-900);border-color:var(--primitives-neutral-900)}._neutral_xzze6_35 ._content_xzze6_28{border:1px solid rgba(255,255,255,.04)}._white_xzze6_52{background:var(--primitives-neutral-0);color:var(--primitives-neutral-900);border:1px solid var(--primitives-neutral-200)}._white_xzze6_52:hover{background:var(--primitives-neutral-50);color:var(--primitives-neutral-1000);border-color:var(--primitives-neutral-300)}._white_xzze6_52:active{background:var(--primitives-neutral-100);color:var(--primitives-neutral-1000);border-color:var(--primitives-neutral-200)}._white_xzze6_52 ._content_xzze6_28{border:1px solid rgba(255,255,255,0)}._transparent_xzze6_71{background:#fff0;color:var(--primitives-neutral-900);border:1px solid rgba(0,0,0,.12)}._transparent_xzze6_71:hover{color:var(--primitives-neutral-1000);border-color:#0003}._transparent_xzze6_71:active{color:var(--primitives-neutral-1000);border-color:#0000001f}._transparent_xzze6_71 ._content_xzze6_28{border:1px solid rgba(255,255,255,0)}._plain_xzze6_88{background:none;color:var(--primitives-neutral-900);border:1px solid rgba(255,255,255,0)}._plain_xzze6_88:hover{background:#ffffff7d;color:var(--primitives-neutral-1000);border-color:#0003}._plain_xzze6_88:active{padding:1px 1px 0;background:#ffffff96;color:var(--primitives-neutral-1000);border:none;border-bottom:1px solid rgba(0,0,0,.12)}._plain_xzze6_88 ._content_xzze6_28{border:1px solid rgba(255,255,255,0)}._brand_xzze6_110{background:var(--primitives-brand-600);color:var(--primitives-neutral-0);border:1px solid var(--primitives-brand-700)}._brand_xzze6_110:hover{background:var(--primitives-brand-500);border-color:var(--primitives-brand-600)}._brand_xzze6_110:active{background:var(--primitives-brand-700);border-color:var(--primitives-brand-700)}._brand_xzze6_110 ._content_xzze6_28{border:1px solid rgba(255,255,255,.2)}._success_xzze6_127{background:var(--primitives-success-700);color:var(--primitives-neutral-0);border:1px solid var(--primitives-success-800)}._success_xzze6_127:hover{background:var(--primitives-success-600)}._success_xzze6_127:active{background:var(--primitives-success-700)}._success_xzze6_127 ._content_xzze6_28{border:1px solid rgba(255,255,255,.12)}._attention_xzze6_142{background:var(--primitives-attention-500);color:var(--primitives-neutral-0);border:1px solid var(--primitives-attention-600)}._attention_xzze6_142:hover{background:var(--primitives-attention-600)}._attention_xzze6_142:active{background:var(--primitives-attention-700)}._attention_xzze6_142 ._content_xzze6_28{border:1px solid rgba(255,255,255,.12)}._danger_xzze6_157{background:var(--primitives-danger-600);color:var(--primitives-neutral-0);border:1px solid var(--primitives-danger-600)}._danger_xzze6_157:hover{background:var(--primitives-danger-500);border-color:var(--primitives-danger-500)}._danger_xzze6_157:active{background:var(--primitives-danger-700);border-color:var(--primitives-danger-600)}._danger_xzze6_157 ._content_xzze6_28{border:1px solid rgba(255,255,255,.12)}._size-50_xzze6_174{border-radius:6px}._size-50_xzze6_174 ._content_xzze6_28{font-size:11px;font-weight:500;line-height:12px;padding:2px;gap:4px;border-radius:6px}._size-50_xzze6_174 svg{width:12px;height:12px}._size-100_xzze6_190{border-radius:6px}._size-100_xzze6_190 ._content_xzze6_28{font-size:12px;font-weight:500;line-height:12px;padding:4px;gap:6px;border-radius:6px}._size-100_xzze6_190 svg{width:12px;height:12px}._size-200_xzze6_206{border-radius:8px}._size-200_xzze6_206 ._content_xzze6_28{font-size:14px;font-weight:500;line-height:16px;padding:6px;gap:8px;border-radius:8px}._size-200_xzze6_206 svg{width:16px;height:16px}._size-300_xzze6_222{border-radius:8px}._size-300_xzze6_222 ._content_xzze6_28{font-size:16px;font-weight:500;line-height:16px;padding:8px;gap:10px;border-radius:8px}._size-300_xzze6_222 svg{width:16px;height:16px}._size-400_xzze6_238{border-radius:10px}._size-400_xzze6_238 ._content_xzze6_28{font-size:18px;font-weight:500;line-height:20px;padding:10px;gap:10px;border-radius:10px}._size-400_xzze6_238 svg{width:20px;height:20px}._size-500_xzze6_254{border-radius:12px}._size-500_xzze6_254 ._content_xzze6_28{font-size:22px;font-weight:500;line-height:24px;padding:12px;gap:10px;border-radius:12px}._size-500_xzze6_254 svg{width:24px;height:24px}

package/dist/assets/CNQu2ZQT.css

@@ -0,0 +1 @@
+._container_1534h_1{width:100%;padding-left:20px;padding-right:20px;margin:0 auto}@media (min-width: 375px){._container_1534h_1{max-width:375px}}@media (min-width: 515px){._container_1534h_1{max-width:515px}}@media (min-width: 1000px){._container_1534h_1{max-width:1000px}}@media (min-width: 1160px){._container_1534h_1{max-width:1160px}}@media (min-width: 1300px){._container_1534h_1{max-width:1300px}}

package/dist/assets/DKSgUKZL.css

@@ -0,0 +1 @@
+._header_40fgp_17{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--primitives-neutral-0);border-bottom:1px solid var(--primitives-neutral-50);z-index:1339}._container_40fgp_29{display:flex;justify-content:space-between;align-items:center;padding-top:23px;padding-bottom:23px}._container_40fgp_29>div{display:flex;gap:8px}._logo_40fgp_41{height:32px}@media (max-width: 1159px){._container_40fgp_29>div{gap:4px}._gpt_40fgp_49{display:none}}

package/dist/assets/DpPCaDl_.css

@@ -0,0 +1 @@
+._notification_1psj0_17{width:100%;padding:12px 0}._container_1psj0_22{display:flex;align-items:center}._default_1psj0_27{background:var(--primitives-brand-600);color:var(--primitives-neutral-0)}._success_1psj0_32{background:var(--primitives-success-100);color:var(--primitives-success-900)}._danger_1psj0_37{background:var(--primitives-danger-100);color:var(--primitives-danger-900)}._attention_1psj0_42{background:var(--primitives-attention-100);color:var(--primitives-attention-900)}._title_1psj0_47{font-size:.875rem;font-weight:600;line-height:130%}._description_1psj0_53{font-size:.875rem;font-weight:400;line-height:130%;margin-left:20px}._close_1psj0_60{margin:-12px -12px -12px auto;color:inherit}._close_1psj0_60:hover{color:inherit}

package/dist/assets/main.css

@@ -0,0 +1 @@
+/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--primitives-neutral-0: #FFFFFF;--primitives-neutral-25: #F7F7F8;--primitives-neutral-50: #F2F1F4;--primitives-neutral-100: #E3E3E8;--primitives-neutral-200: #C8C7D1;--primitives-neutral-300: #ACABBA;--primitives-neutral-400: #918FA3;--primitives-neutral-500: #75738C;--primitives-neutral-600: #5E5C70;--primitives-neutral-700: #474554;--primitives-neutral-750: #3B3A46;--primitives-neutral-800: #2F2E38;--primitives-neutral-900: #18171C;--primitives-neutral-1000: #000000;--primitives-brand-50: #F6F8FF;--primitives-brand-100: #F0F1FF;--primitives-brand-200: #E1E3FF;--primitives-brand-300: #C3C8FF;--primitives-brand-400: #A5ACFF;--primitives-brand-500: #8791FF;--primitives-brand-600: #626BD0;--primitives-brand-700: #4A55C9;--primitives-brand-800: #3F4699;--primitives-brand-900: #2A2F66;--primitives-brand-1000: #151733;--primitives-success-50: #ECFDF5;--primitives-success-100: #D1FAE5;--primitives-success-200: #A7F3D0;--primitives-success-300: #6EE7B7;--primitives-success-400: #34D399;--primitives-success-500: #10B981;--primitives-success-600: #059669;--primitives-success-700: #047857;--primitives-success-800: #065F46;--primitives-success-900: #064E3B;--primitives-success-1000: #033427;--primitives-attention-50: #FFFBEB;--primitives-attention-100: #FEF3C7;--primitives-attention-200: #FDE68A;--primitives-attention-300: #FCD34D;--primitives-attention-400: #FBBF24;--primitives-attention-500: #F59E0B;--primitives-attention-600: #D97706;--primitives-attention-700: #B45309;--primitives-attention-800: #92400E;--primitives-attention-900: #78350F;--primitives-attention-1000: #592507;--primitives-danger-50: #FEF2F2;--primitives-danger-100: #FEE2E2;--primitives-danger-200: #FECACA;--primitives-danger-300: #FCA5A5;--primitives-danger-400: #F87171;--primitives-danger-500: #EF4444;--primitives-danger-600: #DC2626;--primitives-danger-700: #B91C1C;--primitives-danger-800: #991B1B;--primitives-danger-900: #7F1D1D;--primitives-danger-1000: #570D0D;--shadow-size-50: 0px 0px 1px 0px rgba(0, 0, 0, .1), 0px 1px 1px 0px rgba(0, 0, 0, .09), 0px 3px 2px 0px rgba(0, 0, 0, .05), 0px 6px 2px 0px rgba(0, 0, 0, .01);--shadow-size-100: 0px 1px 2px 0px rgba(0, 0, 0, .06), 0px 3px 3px 0px rgba(0, 0, 0, .05), 0px 7px 4px 0px rgba(0, 0, 0, .03), 0px 13px 5px 0px rgba(0, 0, 0, .01);--shadow-size-200: 0px 1px 2px 0px rgba(0, 0, 0, .08), 0px 4px 4px 0px rgba(0, 0, 0, .07), 0px 10px 6px 0px rgba(0, 0, 0, .04), 0px 18px 7px 0px rgba(0, 0, 0, .01);--shadow-size-300: 0px 2px 4px 0px rgba(0, 0, 0, .08), 0px 7px 7px 0px rgba(0, 0, 0, .07), 0px 17px 10px 0px rgba(0, 0, 0, .04), 0px 30px 12px 0px rgba(0, 0, 0, .01);--border_radius-size-0: 0px;--border_radius-size-1: 1px;--border_radius-size-2: 2px;--border_radius-size-4: 4px;--border_radius-size-8: 8px;--border_radius-size-16: 16px;--border_radius-size-32: 32px;--border_radius-size-64: 64px;--border_radius-size-128: 128px;--border_radius-size-full: 100%;--breakpoint-size-mobile: 375px;--breakpoint-size-tablet: 515px;--breakpoint-size-laptop: 1000px;--breakpoint-size-desktop: 1160px;--breakpoint-size-desktop-plus: 1300px;--containers-max-width: 1300px;--containers-outer-padding: 20px;--containers-inner-padding-0: 0px;--containers-inner-padding-50: 2px;--containers-inner-padding-100: 4px;--containers-inner-padding-200: 8px;--containers-inner-padding-300: 12px;--containers-inner-padding-400: 16px;--containers-inner-padding-500: 20px;--containers-inner-padding-600: 24px;--containers-inner-padding-700: 32px;--containers-inner-padding-800: 40px;--containers-inner-padding-900: 48px;--containers-inner-padding-1000: 64px;--containers-inner-padding-1100: 80px;--containers-inner-padding-1200: 96px;--containers-inner-padding-1300: 112px;--containers-inner-padding-1400: 120px;--containers-inner-padding-1500: 128px;--margin-size-0: 0px;--margin-size-1: 1px;--margin-size-2: 2px;--margin-size-4: 4px;--margin-size-8: 8px;--margin-size-16: 16px;--margin-size-32: 32px;--margin-size-64: 64px;--margin-size-128: 128px;--margin-size-256: 256px;--margin-size-512: 512px;--padding-size-0: 0px;--padding-size-1: 1px;--padding-size-2: 2px;--padding-size-4: 4px;--padding-size-8: 8px;--padding-size-16: 16px;--padding-size-32: 32px;--padding-size-64: 64px;--padding-size-128: 128px;--padding-size-256: 256px;--padding-size-512: 512px;--brand_dark-chart-color1: #8087E8;--brand_dark-chart-color2: #A3EDBA;--brand_dark-chart-color3: #F19E53;--brand_dark-chart-color4: #6699A1;--brand_dark-chart-color5: #E1D369;--brand_dark-chart-color6: #87B4E7;--brand_dark-chart-color7: #DA6D85;--brand_dark-chart-color8: #BBBAC5;--brand_dark-background-color: #1f1836;--brand_dark-text-color: #ffffff;--brand_light-chart-color1: #8087E8;--brand_light-chart-color2: #A3EDBA;--brand_light-chart-color3: #F19E53;--brand_light-chart-color4: #6699A1;--brand_light-chart-color5: #E1D369;--brand_light-chart-color6: #87B4E7;--brand_light-chart-color7: #DA6D85;--brand_light-chart-color8: #BBBAC5;--brand_light-background-color: #f0f0f0;--brand_light-text-color: #2F2B38;--dark_unica-chart-color1: #2b908f;--dark_unica-chart-color2: #90ee7e;--dark_unica-chart-color3: #f45b5b;--dark_unica-chart-color4: #7798BF;--dark_unica-chart-color5: #aaeeee;--dark_unica-chart-color6: #ff0066;--dark_unica-chart-color7: #eeaaee;--dark_unica-chart-color8: #55BF3B;--dark_unica-chart-color9: #DF5353;--dark_unica-chart-color10: #7798BF;--dark_unica-chart-color11: #aaeeee;--dark_unica-background-color: #2a2a2b;--dark_unica-text-color: #E0E0E3;--default-chart-color1: #2caffe;--default-chart-color2: #544fc5;--default-chart-color3: #00e272;--default-chart-color4: #fe6a35;--default-chart-color5: #6b8abc;--default-chart-color6: #d568fb;--default-chart-color7: #2ee0ca;--default-chart-color8: #fa4b42;--default-chart-color9: #f9c80e;--default-chart-color10: #f9c80e;--default-background-color: #ffffff;--default-text-color: #000000;--grid_light-chart-color1: #7cb5ec;--grid_light-chart-color2: #f7a35c;--grid_light-chart-color3: #90ee7e;--grid_light-chart-color4: #7798BF;--grid_light-chart-color5: #aaeeee;--grid_light-chart-color6: #ff0066;--grid_light-chart-color7: #eeaaee;--grid_light-chart-color8: #55BF3B;--grid_light-chart-color9: #DF5353;--grid_light-chart-color10: #7798BF;--grid_light-chart-color11: #aaeeee;--grid_light-background-color: transparent;--grid_light-text-color: #000000;--sand_signika-chart-color1: #f45b5b;--sand_signika-chart-color2: #8085e9;--sand_signika-chart-color3: #8d4654;--sand_signika-chart-color4: #7798BF;--sand_signika-chart-color5: #aaeeee;--sand_signika-chart-color6: #ff0066;--sand_signika-chart-color7: #eeaaee;--sand_signika-chart-color8: #55BF3B;--sand_signika-chart-color9: #DF5353;--sand_signika-chart-color10: #7798BF;--sand_signika-chart-color11: #aaeeee;--sand_signika-background-color: transparent;--sand_signika-text-color: #000000;--headings-size-h1: 56px;--headings-size-h2: 42px;--headings-size-h3: 32px;--headings-size-h4: 24px;--headings-size-h5: 18px;--headings-size-h6: 16px;--headings-lineHeight-text: 130%;--headings-weight-bold: 700;--typography-size-50: 11px;--typography-size-75: 12px;--typography-size-100: 14px;--typography-size-200: 16px;--typography-size-300: 18px;--typography-size-400: 20px;--typography-size-500: 22px;--typography-size-600: 25px;--typography-size-700: 28px;--typography-size-800: 32px;--typography-size-900: 36px;--typography-size-1000: 40px;--typography-lineHeight-ui: 100%;--typography-lineHeight-text: 130%;--typography-weight-normal: 400;--typography-weight-medium: 500;--typography-weight-semi: 600}

package/dist/clsx-OuTLNxxd.js

@@ -0,0 +1,16 @@
+function a(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
+  } else for (n in r) r[n] && (t && (t += " "), t += n);
+  return t;
+}
+function i() {
+  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  i as c
+};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,11 @@
+import { ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
+export type ButtonVariant = "neutral" | "white" | "transparent" | "plain" | "brand" | "success" | "attention" | "danger";
+export type ButtonSize = 50 | 100 | 200 | 300 | 400 | 500;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    as?: ElementType;
+    [prop: string]: any;
+}
+export declare function Button({ children, variant, size, as: Component, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/index.js

@@ -0,0 +1,45 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c } from "../../clsx-OuTLNxxd.js";
+import '../../assets/BNg9mG7F.css';const i = "_button_xzze6_17", r = "_content_xzze6_28", x = "_neutral_xzze6_35", u = "_white_xzze6_52", l = "_transparent_xzze6_71", p = "_plain_xzze6_88", b = "_brand_xzze6_110", d = "_success_xzze6_127", m = "_attention_xzze6_142", h = "_danger_xzze6_157", t = {
+  button: i,
+  content: r,
+  neutral: x,
+  white: u,
+  transparent: l,
+  plain: p,
+  brand: b,
+  success: d,
+  attention: m,
+  danger: h,
+  "size-50": "_size-50_xzze6_174",
+  "size-100": "_size-100_xzze6_190",
+  "size-200": "_size-200_xzze6_206",
+  "size-300": "_size-300_xzze6_222",
+  "size-400": "_size-400_xzze6_238",
+  "size-500": "_size-500_xzze6_254"
+};
+function w({
+  children: n,
+  variant: _ = "neutral",
+  size: s = 200,
+  as: z = "button",
+  className: o,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    z,
+    {
+      className: c(
+        o,
+        t.button,
+        t[_],
+        t[`size-${s}`]
+      ),
+      ...a,
+      children: /* @__PURE__ */ e("span", { className: t.content, children: n })
+    }
+  );
+}
+export {
+  w as Button
+};

package/dist/components/Container/index.d.ts

@@ -0,0 +1,5 @@
+import { ElementType, HTMLAttributes } from 'react';
+export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType;
+}
+export declare function Container({ children, className, as: Component, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Container/index.js

@@ -0,0 +1,16 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as s } from "../../clsx-OuTLNxxd.js";
+import '../../assets/CNQu2ZQT.css';const a = "_container_1534h_1", e = {
+  container: a
+};
+function f({
+  children: n,
+  className: o,
+  as: t = "div",
+  ...r
+}) {
+  return /* @__PURE__ */ c(t, { className: s(o, e.container), ...r, children: n });
+}
+export {
+  f as Container
+};

package/dist/components/GPTInput/index.d.ts

@@ -0,0 +1,4 @@
+export declare function GPTInput({ autoFocus, onSubmit, }: {
+    autoFocus?: boolean;
+    onSubmit: (prompt: string) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/GPTInput/index.js

@@ -0,0 +1,57 @@
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { useRef as y, useState as d, useLayoutEffect as _ } from "react";
+import { c as v } from "../../clsx-OuTLNxxd.js";
+import g from "../icons/Bubble.js";
+import b from "../icons/Plane.js";
+import '../../assets/BNWEVODB.css';const k = "_inputWrap_12kfl_17", S = "_active_12kfl_53", K = "_textarea_12kfl_61", a = {
+  inputWrap: k,
+  active: S,
+  textarea: K
+};
+function w({
+  autoFocus: r,
+  onSubmit: u
+}) {
+  const e = y(null), [o, s] = d(""), c = o.trim(), p = !!c;
+  _(() => {
+    var t;
+    r && ((t = e.current) == null || t.focus());
+  }, [r]);
+  const i = () => {
+    const t = e.current;
+    t && (t.style.height = "64px", t.style.height = `${t.scrollHeight + 4}px`);
+  }, m = (t) => {
+    s(t.target.value), i();
+  }, l = (t) => {
+    t.preventDefault(), u(c), s(""), requestAnimationFrame(i);
+  }, f = (t) => {
+    t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && l(t);
+  }, h = () => {
+    var t;
+    (t = e.current) == null || t.focus();
+  };
+  return /* @__PURE__ */ x(
+    "form",
+    {
+      className: v(a.inputWrap, { [a.active]: p }),
+      onKeyDown: f,
+      onSubmit: l,
+      children: [
+        /* @__PURE__ */ n(g, {}),
+        /* @__PURE__ */ n(
+          "textarea",
+          {
+            className: a.textarea,
+            ref: e,
+            value: o,
+            onChange: m
+          }
+        ),
+        /* @__PURE__ */ n("button", { "aria-label": "Send message", onClick: h, children: /* @__PURE__ */ n(b, {}) })
+      ]
+    }
+  );
+}
+export {
+  w as GPTInput
+};

package/dist/components/Header/index.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function Header({ children }: {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/index.js

@@ -0,0 +1,158 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import "react";
+import { _ as i, N as d } from "../../index-Be2c8Jmk.js";
+import { Button as o } from "../Button/index.js";
+import { Container as p } from "../Container/index.js";
+import { Logo as g } from "../Logo/index.js";
+import '../../assets/DKSgUKZL.css';var w = function(r) {
+  return /* @__PURE__ */ t("svg", i({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, r, {
+    children: /* @__PURE__ */ t("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "m21 21-4.35-4.35M19 11c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8"
+    })
+  }));
+}, u = function(r) {
+  return /* @__PURE__ */ t("svg", i({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, r, {
+    children: /* @__PURE__ */ t("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M3 8h12m0 0c0 1.6569 1.3431 3 3 3s3-1.3431 3-3-1.3431-3-3-3-3 1.3431-3 3m-6 8h12M9 16c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3 1.3431-3 3-3 3 1.3431 3 3"
+    })
+  }));
+}, m = function(r) {
+  return /* @__PURE__ */ t("svg", i({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, r, {
+    children: /* @__PURE__ */ t("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M4.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.7342 4.5089c-.282.7332-.423 1.0998-.6423 1.4082a3 3 0 0 1-.7064.7064c-.3084.2193-.675.3603-1.4082.6423L4 12l4.5089 1.7342c.7332.282 1.0998.423 1.4082.6423.2733.1943.5121.4331.7064.7064.2193.3084.3603.675.6423 1.4082L13 21l1.7342-4.5089c.282-.7332.423-1.0998.6423-1.4082a3 3 0 0 1 .7064-.7064c.3084-.2193.675-.3603 1.4082-.6423L22 12l-4.5089-1.7342c-.7332-.282-1.0998-.423-1.4082-.6423a3 3 0 0 1-.7064-.7064c-.2193-.3084-.3603-.675-.6423-1.4082z"
+    })
+  }));
+}, v = function(r) {
+  return /* @__PURE__ */ t("svg", i({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, r, {
+    children: /* @__PURE__ */ t("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "m7 15 3-3-3-3m6 6h4m-9.2 6h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8v8.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C5.2798 21 6.1198 21 7.8 21"
+    })
+  }));
+}, f = function(r) {
+  return /* @__PURE__ */ t("svg", i({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, r, {
+    children: /* @__PURE__ */ t("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M3 20c2.3358-2.4774 5.507-4 9-4s6.6642 1.5226 9 4M16.5 7.5c0 2.4853-2.0147 4.5-4.5 4.5S7.5 9.9853 7.5 7.5 9.5147 3 12 3s4.5 2.0147 4.5 4.5"
+    })
+  }));
+};
+const k = "_header_40fgp_17", x = "_container_40fgp_29", L = "_logo_40fgp_41", _ = "_gpt_40fgp_49", s = {
+  header: k,
+  container: x,
+  logo: L,
+  gpt: _
+}, C = [
+  {
+    title: "Products",
+    url: "https://highcharts.com/products/"
+  },
+  {
+    title: "Demos",
+    url: "https://www.highcharts.com/demo"
+  },
+  {
+    title: "Support",
+    url: "https://www.highcharts.com/support/"
+  },
+  {
+    title: "Resources",
+    url: "https://www.highcharts.com/"
+  },
+  {
+    title: "Pricing",
+    url: "https://shop.highcharts.com/"
+  },
+  {
+    title: "Blog",
+    url: "https://www.highcharts.com/blog/"
+  }
+];
+function H({ children: e }) {
+  const r = [
+    {
+      title: "Hello",
+      description: "Goodbye"
+    }
+  ];
+  return /* @__PURE__ */ n("header", { className: s.header, children: [
+    r.map(({ title: h, description: a, variant: c }, l) => /* @__PURE__ */ t(d, { description: a, variant: c, children: h }, l)),
+    /* @__PURE__ */ n(p, { as: "nav", className: s.container, children: [
+      /* @__PURE__ */ t(g, { light: !0, className: s.logo }),
+      /* @__PURE__ */ t("div", { children: C.map(({ title: h, url: a }, c) => /* @__PURE__ */ t(o, { variant: "plain", size: 300, as: "a", href: a, children: h }, c)) }),
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ n(
+          o,
+          {
+            variant: "transparent",
+            as: "a",
+            href: "https://www.highcharts.com/chat/gpt/",
+            children: [
+              /* @__PURE__ */ t("span", { className: s.gpt, children: "Highcharts GPT" }),
+              /* @__PURE__ */ t(m, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(o, { variant: "transparent", children: /* @__PURE__ */ t(w, {}) }),
+        /* @__PURE__ */ t(o, { variant: "transparent", children: /* @__PURE__ */ t(u, {}) }),
+        /* @__PURE__ */ t(o, { variant: "brand", children: /* @__PURE__ */ t(f, {}) }),
+        /* @__PURE__ */ n(o, { variant: "success", children: [
+          /* @__PURE__ */ t(v, {}),
+          "Get started"
+        ] })
+      ] })
+    ] }),
+    e
+  ] });
+}
+export {
+  H as Header
+};

package/dist/components/Logo/index.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+export interface LogoProps extends SVGProps<SVGSVGElement> {
+    title?: string;
+    showText?: boolean;
+    light?: boolean;
+    withLink?: boolean;
+}
+export declare function Logo({ title, light, showText, withLink, ...props }: LogoProps): import("react/jsx-runtime").JSX.Element;