@bertimatteodev/astra-ui 0.1.0

package/README.md

@@ -0,0 +1,32 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some Oxlint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the Oxlint configuration
+
+If you are developing a production application, we recommend enabling type-aware lint rules by installing `oxlint-tsgolint` and editing `.oxlintrc.json`:
+
+```json
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["react", "typescript", "oxc"],
+  "options": {
+    "typeAware": true
+  },
+  "rules": {
+    "react/rules-of-hooks": "error",
+    "react/only-export-components": ["warn", { "allowConstantExport": true }]
+  }
+}
+```
+
+See the [Oxlint rules documentation](https://oxc.rs/docs/guide/usage/linter/rules) for the full list of rules and categories.

package/dist/astra-ui.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");var n={button:`_button_gjxjz_1`,sizeSm:`_sizeSm_gjxjz_31`,sizeMd:`_sizeMd_gjxjz_37`,sizeLg:`_sizeLg_gjxjz_42`,variantPrimary:`_variantPrimary_gjxjz_48`,variantSecondary:`_variantSecondary_gjxjz_57`,variantGhost:`_variantGhost_gjxjz_67`,variantDanger:`_variantDanger_gjxjz_76`,fullWidth:`_fullWidth_gjxjz_85`,loading:`_loading_gjxjz_89`,icon:`_icon_gjxjz_93`,label:`_label_gjxjz_106`,spinner:`_spinner_gjxjz_111`,spin:`_spin_gjxjz_111`},r={primary:n.variantPrimary,secondary:n.variantSecondary,ghost:n.variantGhost,danger:n.variantDanger},i={sm:n.sizeSm,md:n.sizeMd,lg:n.sizeLg};function a(...e){return e.filter(Boolean).join(` `)}var o=(0,e.forwardRef)(function({children:e,className:o,variant:s=`primary`,size:c=`md`,fullWidth:l=!1,isLoading:u=!1,startIcon:d,endIcon:f,disabled:p,type:m=`button`,...h},g){let _=p||u;return(0,t.jsxs)(`button`,{ref:g,type:m,className:a(n.button,r[s],i[c],l&&n.fullWidth,u&&n.loading,o),disabled:_,"aria-busy":u||void 0,...h,children:[u?(0,t.jsx)(`span`,{className:n.spinner,"aria-hidden":`true`}):null,!u&&d?(0,t.jsx)(`span`,{className:n.icon,"aria-hidden":`true`,children:d}):null,(0,t.jsx)(`span`,{className:n.label,children:e}),!u&&f?(0,t.jsx)(`span`,{className:n.icon,"aria-hidden":`true`,children:f}):null]})});o.displayName=`Button`;var s={card:`_card_1ex3y_1`,paddingNone:`_paddingNone_1ex3y_9`,paddingSm:`_paddingSm_1ex3y_13`,paddingMd:`_paddingMd_1ex3y_17`,paddingLg:`_paddingLg_1ex3y_21`,elevationNone:`_elevationNone_1ex3y_26`,elevationSm:`_elevationSm_1ex3y_30`,elevationMd:`_elevationMd_1ex3y_34`},c={none:s.paddingNone,sm:s.paddingSm,md:s.paddingMd,lg:s.paddingLg},l={none:s.elevationNone,sm:s.elevationSm,md:s.elevationMd};function u(...e){return e.filter(Boolean).join(` `)}var d=(0,e.forwardRef)(function({children:e,className:n,padding:r=`md`,elevation:i=`sm`,...a},o){return(0,t.jsx)(`div`,{ref:o,className:u(s.card,c[r],l[i],n),...a,children:e})});d.displayName=`Card`;var f={button:`_button_cnvt9_1`,sizeSm:`_sizeSm_cnvt9_27`,sizeMd:`_sizeMd_cnvt9_32`,sizeLg:`_sizeLg_cnvt9_37`,variantPrimary:`_variantPrimary_cnvt9_42`,variantSecondary:`_variantSecondary_cnvt9_51`,variantGhost:`_variantGhost_cnvt9_61`,variantDanger:`_variantDanger_cnvt9_70`,icon:`_icon_cnvt9_78`,spinner:`_spinner_cnvt9_90`,spin:`_spin_cnvt9_90`,loading:`_loading_cnvt9_99`},p={primary:f.variantPrimary,secondary:f.variantSecondary,ghost:f.variantGhost,danger:f.variantDanger},m={sm:f.sizeSm,md:f.sizeMd,lg:f.sizeLg};function h(...e){return e.filter(Boolean).join(` `)}var g=(0,e.forwardRef)(function({icon:e,label:n,className:r,variant:i=`secondary`,size:a=`md`,isLoading:o=!1,disabled:s,type:c=`button`,...l},u){let d=s||o;return(0,t.jsx)(`button`,{ref:u,type:c,className:h(f.button,p[i],m[a],o&&f.loading,r),disabled:d,"aria-label":n,"aria-busy":o||void 0,...l,children:o?(0,t.jsx)(`span`,{className:f.spinner,"aria-hidden":`true`}):(0,t.jsx)(`span`,{className:f.icon,"aria-hidden":`true`,children:e})})});g.displayName=`IconButton`;var _={field:`_field_1pq0j_1`,label:`_label_1pq0j_7`,required:`_required_1pq0j_14`,control:`_control_1pq0j_18`,input:`_input_1pq0j_37`,adornment:`_adornment_1pq0j_65`,hint:`_hint_1pq0j_79`,error:`_error_1pq0j_80`,hasError:`_hasError_1pq0j_94`,isDisabled:`_isDisabled_1pq0j_102`};function v(...e){return e.filter(Boolean).join(` `)}var y=(0,e.forwardRef)(function({id:n,label:r,hint:i,error:a,startAdornment:o,endAdornment:s,className:c,containerClassName:l,disabled:u,required:d,"aria-describedby":f,...p},m){let h=(0,e.useId)(),g=n??`text-field-${h}`,y=`${g}-hint`,b=`${g}-error`,x=[f,i?y:null,a?b:null].filter(Boolean).join(` `);return(0,t.jsxs)(`div`,{className:v(_.field,l),children:[r?(0,t.jsxs)(`label`,{className:_.label,htmlFor:g,children:[r,d?(0,t.jsxs)(`span`,{className:_.required,"aria-hidden":`true`,children:[` `,`*`]}):null]}):null,(0,t.jsxs)(`div`,{className:v(_.control,a&&_.hasError,u&&_.isDisabled),children:[o?(0,t.jsx)(`span`,{className:_.adornment,"aria-hidden":`true`,children:o}):null,(0,t.jsx)(`input`,{ref:m,id:g,className:v(_.input,c),disabled:u,required:d,"aria-invalid":a?!0:void 0,"aria-describedby":x||void 0,...p}),s?(0,t.jsx)(`span`,{className:_.adornment,"aria-hidden":`true`,children:s}):null]}),a?(0,t.jsx)(`p`,{id:b,className:_.error,role:`alert`,children:a}):null,!a&&i?(0,t.jsx)(`p`,{id:y,className:_.hint,children:i}):null]})});y.displayName=`TextField`,exports.Button=o,exports.Card=d,exports.IconButton=g,exports.TextField=y;

package/dist/astra-ui.css

@@ -0,0 +1,2 @@
+:root{--color-blue-300:#82a0ff;--color-blue-400:#6687ff;--color-blue-500:#3d6df2;--color-blue-600:#2858e6;--color-blue-700:#1f46c4;--color-violet-400:#a65af8;--color-violet-500:#9146f7;--color-violet-600:#7530d6;--color-white:#fff;--color-black:#000;--color-slate-50:#f8faff;--color-slate-100:#f1f4fa;--color-slate-200:#e6ebf3;--color-slate-300:#d9e0eb;--color-slate-400:#a6b0c2;--color-slate-500:#7a8498;--color-slate-600:#596276;--color-slate-700:#3e475a;--color-slate-800:#252c3c;--color-slate-900:#141925;--color-slate-950:#080b14;--color-success-300:#6cdaa1;--color-success-500:#36b77d;--color-success-700:#23885a;--color-danger-300:#fa8797;--color-danger-500:#ee6274;--color-danger-700:#c83b50;--color-warning-300:#ffc963;--color-warning-500:#f7af35;--color-warning-700:#c88317;--color-info-500:#4d7cff;--chart-liquidity:#3f72f4;--chart-emergency:#45c6bb;--chart-investments:#a543ed;--chart-pension:#f5a928;--chart-other:#e85071;--gradient-primary:linear-gradient(135deg, #3d78ff 0%, #2858e6 100%);--gradient-primary-hover:linear-gradient(135deg, #4b81ff 0%, #214ed6 100%);--gradient-pro:linear-gradient(135deg, #102348 0%, #44208e 55%, #8327ce 100%);--gradient-chart:linear-gradient(180deg, #3d6df238 0%, #3d6df200 100%);--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-pill:9999px;--radius-circle:50%;--shadow-none:none;--shadow-xs:0 1px 2px #18274b0a;--shadow-sm:0 2px 8px #18274b0f;--shadow-card:0 8px 30px #1c2f540f;--shadow-lg:0 18px 50px #18274b1f;--shadow-floating:0 24px 70px #18274b29;--shadow-brand:0 8px 22px #2858e640;--shadow-focus:0 0 0 3px #3d6df247;--focus-ring:var(--shadow-focus)}[data-theme=dark]{--shadow-xs:0 1px 2px #0000002e;--shadow-sm:0 4px 12px #0000002e;--shadow-card:0 10px 35px #00000038;--shadow-lg:0 20px 60px #00000059;--shadow-floating:0 26px 80px #0000007a}:root{--font-sans:"Inter", "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-2xs:.625rem;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--line-height-none:1;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.5;--line-height-relaxed:1.6;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.04em}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-canvas:#f7f9fd;--bg-page:#f0f2f6;--bg-muted:#f3f6fb;--surface-default:#fff;--surface-raised:#fff;--surface-subtle:#f7f9fd;--surface-hover:#f1f5ff;--surface-active:#edf2ff;--surface-disabled:#f3f5f8;--text-primary:#12192b;--text-secondary:#677085;--text-tertiary:#98a1b2;--text-disabled:#b5bdcb;--text-inverse:#1754e2;--text-link:var(--color-blue-500);--border-subtle:#e9edf5;--border-default:#dde4f0;--border-strong:#cbd4e3;--border-focus:var(--color-blue-500);--action-primary-bg:var(--gradient-primary);--action-primary-bg-hover:var(--gradient-primary-hover);--action-primary-text:#fff;--action-secondary-bg:#fff;--action-secondary-bg-hover:#f5f7fb;--action-secondary-text:#2c3548;--state-success-bg:#edf9f2;--state-success-text:var(--color-success-700);--state-danger-bg:#fff0f2;--state-danger-text:var(--color-danger-700);--state-warning-bg:#fff7e9;--state-warning-text:var(--color-warning-700);--state-info-bg:#eef3ff;--state-info-text:var(--color-blue-600)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#080b14;--bg-page:#0b0f1a;--bg-muted:#0e121d;--surface-default:#101521;--surface-raised:#141a28;--surface-subtle:#0e121d;--surface-hover:#171f31;--surface-active:#3d6df229;--surface-disabled:#131824;--text-primary:#f5f7ff;--text-secondary:#a5aec1;--text-tertiary:#737d91;--text-disabled:#4d5769;--text-inverse:#527cdf;--text-link:#7695ff;--border-subtle:#a6b8e11a;--border-default:#a6b8e129;--border-strong:#a6b8e147;--border-focus:var(--color-blue-400);--action-primary-bg:var(--gradient-primary);--action-primary-bg-hover:var(--gradient-primary-hover);--action-primary-text:#fff;--action-secondary-bg:#121827;--action-secondary-bg-hover:#192235;--action-secondary-text:#edf1fb;--state-success-bg:#36b77d21;--state-success-text:#63d89a;--state-danger-bg:#ee627421;--state-danger-text:#fa8595;--state-warning-bg:#f7af3521;--state-warning-text:#ffc45d;--state-info-bg:#4d7cff26;--state-info-text:#8ca5ff}._button_gjxjz_1{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;flex-shrink:0;line-height:1;transition:background .16s,background-color .16s,border-color .16s,box-shadow .16s,color .16s,opacity .16s,transform .16s;display:inline-flex}._button_gjxjz_1:focus-visible{outline:2px solid var(--focus-ring,currentcolor);outline-offset:2px}._button_gjxjz_1:disabled{cursor:not-allowed;opacity:.5}._button_gjxjz_1:not(:disabled):active{transform:translateY(1px)}._sizeSm_gjxjz_31{min-height:2rem;padding-inline:var(--space-3);font-size:var(--font-size-sm)}._sizeMd_gjxjz_37{min-height:2.5rem;padding-inline:var(--space-4)}._sizeLg_gjxjz_42{min-height:3rem;padding-inline:var(--space-5);font-size:var(--font-size-md)}._variantPrimary_gjxjz_48{color:var(--action-primary-text);background:var(--action-primary-bg);box-shadow:var(--shadow-brand)}._variantPrimary_gjxjz_48:not(:disabled):hover{background:var(--action-primary-bg-hover)}._variantSecondary_gjxjz_57{color:var(--action-secondary-text);background:var(--action-secondary-bg);border-color:var(--border-default)}._variantSecondary_gjxjz_57:not(:disabled):hover{background:var(--action-secondary-bg-hover);border-color:var(--border-strong)}._variantGhost_gjxjz_67{color:var(--text-secondary);background:0 0}._variantGhost_gjxjz_67:not(:disabled):hover{color:var(--text-primary);background:var(--surface-hover)}._variantDanger_gjxjz_76{color:var(--state-danger-text);background:var(--state-danger-bg);border-color:#0000}._variantDanger_gjxjz_76:not(:disabled):hover{border-color:var(--color-danger-500)}._fullWidth_gjxjz_85{width:100%}._loading_gjxjz_89{pointer-events:none}._icon_gjxjz_93{flex:none;place-items:center;width:1.125rem;height:1.125rem;display:grid}._icon_gjxjz_93 svg{stroke-width:2px;width:100%;height:100%}._label_gjxjz_106{text-overflow:ellipsis;overflow:hidden}._spinner_gjxjz_111{border-radius:var(--radius-circle);border:2px solid;border-right-color:#0000;flex:none;width:1rem;height:1rem;animation:.7s linear infinite _spin_gjxjz_111}@keyframes _spin_gjxjz_111{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._button_gjxjz_1{transition:none}._spinner_gjxjz_111{animation-duration:1.5s}}._card_1ex3y_1{min-width:0;color:var(--text-primary);background:var(--surface-default);border-radius:var(--radius-lg)}._paddingNone_1ex3y_9{padding:0}._paddingSm_1ex3y_13{padding:var(--space-4)}._paddingMd_1ex3y_17{padding:var(--space-5)}._paddingLg_1ex3y_21{padding:var(--space-6)}._elevationNone_1ex3y_26{box-shadow:var(--shadow-none)}._elevationSm_1ex3y_30{box-shadow:var(--shadow-card)}._elevationMd_1ex3y_34{box-shadow:var(--shadow-lg)}._button_cnvt9_1{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,opacity .16s,transform .16s;display:inline-grid}._button_cnvt9_1:focus-visible{outline:2px solid var(--focus-ring,currentcolor);outline-offset:2px}._button_cnvt9_1:disabled{cursor:not-allowed;opacity:.5}._button_cnvt9_1:not(:disabled):active{transform:translateY(1px)}._sizeSm_cnvt9_27{width:2rem;height:2rem}._sizeMd_cnvt9_32{width:2.5rem;height:2.5rem}._sizeLg_cnvt9_37{width:3rem;height:3rem}._variantPrimary_cnvt9_42{color:var(--action-primary-text);background:var(--action-primary-bg);box-shadow:var(--shadow-brand)}._variantPrimary_cnvt9_42:not(:disabled):hover{background:var(--action-primary-bg-hover)}._variantSecondary_cnvt9_51{color:var(--action-secondary-text);background:var(--action-secondary-bg);border-color:var(--border-default)}._variantSecondary_cnvt9_51:not(:disabled):hover{background:var(--action-secondary-bg-hover);border-color:var(--border-strong)}._variantGhost_cnvt9_61{color:var(--text-secondary);background:0 0}._variantGhost_cnvt9_61:not(:disabled):hover{color:var(--text-primary);background:var(--surface-hover)}._variantDanger_cnvt9_70{color:var(--state-danger-text);background:var(--state-danger-bg)}._variantDanger_cnvt9_70:not(:disabled):hover{border-color:var(--color-danger-500)}._icon_cnvt9_78{place-items:center;width:1.25rem;height:1.25rem;display:grid}._icon_cnvt9_78 svg{stroke-width:1.8px;width:100%;height:100%}._spinner_cnvt9_90{border-radius:var(--radius-circle);border:2px solid;border-right-color:#0000;width:1rem;height:1rem;animation:.7s linear infinite _spin_cnvt9_90}._loading_cnvt9_99{pointer-events:none}@keyframes _spin_cnvt9_90{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._button_cnvt9_1{transition:none}._spinner_cnvt9_90{animation-duration:1.5s}}._field_1pq0j_1{gap:var(--space-2);width:100%;display:grid}._label_1pq0j_7{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}._required_1pq0j_14{color:var(--state-danger-text)}._control_1pq0j_18{align-items:center;gap:var(--space-2);width:100%;min-height:3rem;padding-inline:var(--space-3);color:var(--text-primary);background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex}._control_1pq0j_18:focus-within{border-color:var(--border-focus);outline:2px solid var(--focus-ring,currentcolor);outline-offset:2px}._input_1pq0j_37{width:100%;min-width:0;box-shadow:none;color:inherit;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);background:0 0;border:0;outline:none;padding:0}._input_1pq0j_37:focus,._input_1pq0j_37:focus-visible{box-shadow:none;outline:none}._input_1pq0j_37::placeholder{color:var(--text-tertiary);opacity:1}:-webkit-any(._input_1pq0j_37:autofill,._input_1pq0j_37:-webkit-autofill){-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--surface-default) inset;transition:background-color 9999s ease-out}:is(._input_1pq0j_37:autofill,._input_1pq0j_37:autofill){-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--surface-default) inset;transition:background-color 9999s ease-out}._adornment_1pq0j_65{width:1.125rem;height:1.125rem;color:var(--text-tertiary);flex:none;place-items:center;display:grid}._adornment_1pq0j_65 svg{stroke-width:1.8px;width:100%;height:100%}._hint_1pq0j_79,._error_1pq0j_80{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}._hint_1pq0j_79{color:var(--text-secondary)}._error_1pq0j_80{color:var(--state-danger-text)}._hasError_1pq0j_94{border-color:var(--color-danger-500)}._hasError_1pq0j_94:focus-within{border-color:var(--color-danger-500);box-shadow:0 0 0 3px #ee627438}._isDisabled_1pq0j_102{color:var(--text-disabled);background:var(--surface-disabled);border-color:var(--border-subtle);cursor:not-allowed}._isDisabled_1pq0j_102 ._input_1pq0j_37{cursor:not-allowed}@media (prefers-reduced-motion:reduce){._control_1pq0j_18{transition:none}}
+/*$vite$:1*/

package/dist/astra-ui.js

@@ -0,0 +1,217 @@
+import { forwardRef as e, useId as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+var i = {
+	button: "_button_gjxjz_1",
+	sizeSm: "_sizeSm_gjxjz_31",
+	sizeMd: "_sizeMd_gjxjz_37",
+	sizeLg: "_sizeLg_gjxjz_42",
+	variantPrimary: "_variantPrimary_gjxjz_48",
+	variantSecondary: "_variantSecondary_gjxjz_57",
+	variantGhost: "_variantGhost_gjxjz_67",
+	variantDanger: "_variantDanger_gjxjz_76",
+	fullWidth: "_fullWidth_gjxjz_85",
+	loading: "_loading_gjxjz_89",
+	icon: "_icon_gjxjz_93",
+	label: "_label_gjxjz_106",
+	spinner: "_spinner_gjxjz_111",
+	spin: "_spin_gjxjz_111"
+}, a = {
+	primary: i.variantPrimary,
+	secondary: i.variantSecondary,
+	ghost: i.variantGhost,
+	danger: i.variantDanger
+}, o = {
+	sm: i.sizeSm,
+	md: i.sizeMd,
+	lg: i.sizeLg
+};
+function s(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var c = e(function({ children: e, className: t, variant: c = "primary", size: l = "md", fullWidth: u = !1, isLoading: d = !1, startIcon: f, endIcon: p, disabled: m, type: h = "button", ...g }, _) {
+	let v = m || d;
+	return /* @__PURE__ */ r("button", {
+		ref: _,
+		type: h,
+		className: s(i.button, a[c], o[l], u && i.fullWidth, d && i.loading, t),
+		disabled: v,
+		"aria-busy": d || void 0,
+		...g,
+		children: [
+			d ? /* @__PURE__ */ n("span", {
+				className: i.spinner,
+				"aria-hidden": "true"
+			}) : null,
+			!d && f ? /* @__PURE__ */ n("span", {
+				className: i.icon,
+				"aria-hidden": "true",
+				children: f
+			}) : null,
+			/* @__PURE__ */ n("span", {
+				className: i.label,
+				children: e
+			}),
+			!d && p ? /* @__PURE__ */ n("span", {
+				className: i.icon,
+				"aria-hidden": "true",
+				children: p
+			}) : null
+		]
+	});
+});
+c.displayName = "Button";
+var l = {
+	card: "_card_1ex3y_1",
+	paddingNone: "_paddingNone_1ex3y_9",
+	paddingSm: "_paddingSm_1ex3y_13",
+	paddingMd: "_paddingMd_1ex3y_17",
+	paddingLg: "_paddingLg_1ex3y_21",
+	elevationNone: "_elevationNone_1ex3y_26",
+	elevationSm: "_elevationSm_1ex3y_30",
+	elevationMd: "_elevationMd_1ex3y_34"
+}, u = {
+	none: l.paddingNone,
+	sm: l.paddingSm,
+	md: l.paddingMd,
+	lg: l.paddingLg
+}, d = {
+	none: l.elevationNone,
+	sm: l.elevationSm,
+	md: l.elevationMd
+};
+function f(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var p = e(function({ children: e, className: t, padding: r = "md", elevation: i = "sm", ...a }, o) {
+	return /* @__PURE__ */ n("div", {
+		ref: o,
+		className: f(l.card, u[r], d[i], t),
+		...a,
+		children: e
+	});
+});
+p.displayName = "Card";
+var m = {
+	button: "_button_cnvt9_1",
+	sizeSm: "_sizeSm_cnvt9_27",
+	sizeMd: "_sizeMd_cnvt9_32",
+	sizeLg: "_sizeLg_cnvt9_37",
+	variantPrimary: "_variantPrimary_cnvt9_42",
+	variantSecondary: "_variantSecondary_cnvt9_51",
+	variantGhost: "_variantGhost_cnvt9_61",
+	variantDanger: "_variantDanger_cnvt9_70",
+	icon: "_icon_cnvt9_78",
+	spinner: "_spinner_cnvt9_90",
+	spin: "_spin_cnvt9_90",
+	loading: "_loading_cnvt9_99"
+}, h = {
+	primary: m.variantPrimary,
+	secondary: m.variantSecondary,
+	ghost: m.variantGhost,
+	danger: m.variantDanger
+}, g = {
+	sm: m.sizeSm,
+	md: m.sizeMd,
+	lg: m.sizeLg
+};
+function _(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var v = e(function({ icon: e, label: t, className: r, variant: i = "secondary", size: a = "md", isLoading: o = !1, disabled: s, type: c = "button", ...l }, u) {
+	let d = s || o;
+	return /* @__PURE__ */ n("button", {
+		ref: u,
+		type: c,
+		className: _(m.button, h[i], g[a], o && m.loading, r),
+		disabled: d,
+		"aria-label": t,
+		"aria-busy": o || void 0,
+		...l,
+		children: o ? /* @__PURE__ */ n("span", {
+			className: m.spinner,
+			"aria-hidden": "true"
+		}) : /* @__PURE__ */ n("span", {
+			className: m.icon,
+			"aria-hidden": "true",
+			children: e
+		})
+	});
+});
+v.displayName = "IconButton";
+var y = {
+	field: "_field_1pq0j_1",
+	label: "_label_1pq0j_7",
+	required: "_required_1pq0j_14",
+	control: "_control_1pq0j_18",
+	input: "_input_1pq0j_37",
+	adornment: "_adornment_1pq0j_65",
+	hint: "_hint_1pq0j_79",
+	error: "_error_1pq0j_80",
+	hasError: "_hasError_1pq0j_94",
+	isDisabled: "_isDisabled_1pq0j_102"
+};
+//#endregion
+//#region src/components/TextField/TextField.tsx
+function b(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var x = e(function({ id: e, label: i, hint: a, error: o, startAdornment: s, endAdornment: c, className: l, containerClassName: u, disabled: d, required: f, "aria-describedby": p, ...m }, h) {
+	let g = t(), _ = e ?? `text-field-${g}`, v = `${_}-hint`, x = `${_}-error`, S = [
+		p,
+		a ? v : null,
+		o ? x : null
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ r("div", {
+		className: b(y.field, u),
+		children: [
+			i ? /* @__PURE__ */ r("label", {
+				className: y.label,
+				htmlFor: _,
+				children: [i, f ? /* @__PURE__ */ r("span", {
+					className: y.required,
+					"aria-hidden": "true",
+					children: [" ", "*"]
+				}) : null]
+			}) : null,
+			/* @__PURE__ */ r("div", {
+				className: b(y.control, o && y.hasError, d && y.isDisabled),
+				children: [
+					s ? /* @__PURE__ */ n("span", {
+						className: y.adornment,
+						"aria-hidden": "true",
+						children: s
+					}) : null,
+					/* @__PURE__ */ n("input", {
+						ref: h,
+						id: _,
+						className: b(y.input, l),
+						disabled: d,
+						required: f,
+						"aria-invalid": o ? !0 : void 0,
+						"aria-describedby": S || void 0,
+						...m
+					}),
+					c ? /* @__PURE__ */ n("span", {
+						className: y.adornment,
+						"aria-hidden": "true",
+						children: c
+					}) : null
+				]
+			}),
+			o ? /* @__PURE__ */ n("p", {
+				id: x,
+				className: y.error,
+				role: "alert",
+				children: o
+			}) : null,
+			!o && a ? /* @__PURE__ */ n("p", {
+				id: v,
+				className: y.hint,
+				children: a
+			}) : null
+		]
+	});
+});
+x.displayName = "TextField";
+//#endregion
+export { c as Button, p as Card, v as IconButton, x as TextField };

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

@@ -0,0 +1,15 @@
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+type ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
+type ButtonSize = "sm" | "md" | "lg";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    fullWidth?: boolean;
+    isLoading?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/types/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAClE,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAqBD,eAAO,MAAM,MAAM,2GAuDlB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Button } from "./Button";
+export type { ButtonProps } from "./Button";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/types/components/Card/Card.d.ts

@@ -0,0 +1,11 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+type CardPadding = "none" | "sm" | "md" | "lg";
+type CardElevation = "none" | "sm" | "md";
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    padding?: CardPadding;
+    elevation?: CardElevation;
+}
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Card.d.ts.map

package/dist/types/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,KAAK,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,KAAK,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAqBD,eAAO,MAAM,IAAI,sGA0BhB,CAAC"}

package/dist/types/components/Card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card } from "./Card";
+export type { CardProps } from "./Card";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/types/components/IconButton/IconButton.d.ts

@@ -0,0 +1,13 @@
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+type IconButtonVariant = "secondary" | "ghost" | "primary" | "danger";
+type IconButtonSize = "sm" | "md" | "lg";
+export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    icon: ReactNode;
+    label: string;
+    variant?: IconButtonVariant;
+    size?: IconButtonSize;
+    isLoading?: boolean;
+}
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/types/components/IconButton/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,KAAK,iBAAiB,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtE,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAqBD,eAAO,MAAM,UAAU,+GA2CtB,CAAC"}

package/dist/types/components/IconButton/index.d.ts

@@ -0,0 +1,3 @@
+export { IconButton } from "./IconButton";
+export type { IconButtonProps } from "./IconButton";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/IconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/types/components/TextField/TextField.d.ts

@@ -0,0 +1,11 @@
+import { type InputHTMLAttributes, type ReactNode } from "react";
+export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    label?: string;
+    hint?: string;
+    error?: string;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    containerClassName?: string;
+}
+export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/types/components/TextField/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAQD,eAAO,MAAM,SAAS,6GA2FrB,CAAC"}

package/dist/types/components/TextField/index.d.ts

@@ -0,0 +1,3 @@
+export { TextField } from "./TextField";
+export type { TextFieldProps } from "./TextField";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/TextField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,10 @@
+import "./style/library.scss";
+export { Button } from "./components/Button";
+export type { ButtonProps } from "./components/Button";
+export { Card } from "./components/Card";
+export type { CardProps } from "./components/Card";
+export { IconButton } from "./components/IconButton";
+export type { IconButtonProps } from "./components/IconButton";
+export { TextField } from "./components/TextField";
+export type { TextFieldProps } from "./components/TextField";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@bertimatteodev/astra-ui",
+  "version": "0.1.0",
+  "private": false,
+  "type": "module",
+  "main": "./dist/astra-ui.cjs",
+  "module": "./dist/astra-ui.js",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/astra-ui.js",
+      "require": "./dist/astra-ui.cjs"
+    },
+    "./style.css": "./dist/astra-ui.css"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc -p tsconfig.lib.json",
+    "lint": "oxlint",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": ">=18 <20",
+    "react-dom": ">=18 <20"
+  },
+  "devDependencies": {
+    "@types/node": "^24.13.3",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.4",
+    "oxlint": "^1.75.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "sass": "^1.102.0",
+    "typescript": "~6.0.2",
+    "vite": "^8.2.0"
+  }
+}