@lerianstudio/sindarian-ui 2.0.0-beta.24 → 2.0.0-beta.26

package/dist/theme/theme-provider.js

@@ -1,160 +1 @@
-'use client';
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeProvider = ThemeProvider;
-exports.useTheme = useTheme;
-exports.useOptionalTheme = useOptionalTheme;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * ThemeProvider — owns theme preference ('light' | 'dark' | 'system'),
- * persists it to localStorage, applies the `.dark` class on
- * `document.documentElement`, and resolves 'system' via
- * `prefers-color-scheme`.
- *
- * SSR-safe: state initializes to `defaultTheme` and never reads
- * window/localStorage during render. The persisted value is read inside an
- * effect on mount, so first paint uses `defaultTheme`. Pair with
- * `getThemeScript` in the document <head> to remove the flash before paint.
- *
- * Same-tab sync is handled by React context (every consumer reads the same
- * provider state); cross-tab sync rides the native `storage` event. While the
- * preference is 'system', `matchMedia('change')` keeps the resolved value live.
- * Theme switches are instant by design — no global color transition.
- */
-const React = __importStar(require("react"));
-const DARK_QUERY = '(prefers-color-scheme: dark)';
-function isThemePreference(value) {
-    return value === 'light' || value === 'dark' || value === 'system';
-}
-function systemPrefersDark() {
-    if (typeof window === 'undefined' ||
-        typeof window.matchMedia !== 'function') {
-        return false;
-    }
-    return window.matchMedia(DARK_QUERY).matches;
-}
-const ThemeContext = React.createContext(null);
-function ThemeProvider({ children, storageKey = 'sindarian.theme', defaultTheme = 'system' }) {
-    const [theme, setThemeState] = React.useState(defaultTheme);
-    const [resolvedTheme, setResolvedTheme] = React.useState(defaultTheme === 'dark' ? 'dark' : 'light');
-    const setTheme = React.useCallback((next) => {
-        setThemeState(next);
-        if (typeof window === 'undefined')
-            return;
-        try {
-            window.localStorage.setItem(storageKey, next);
-        }
-        catch {
-            // Storage unavailable (private mode, quota). In-memory state still works.
-        }
-    }, [storageKey]);
-    // Read the persisted preference once on mount (effect, never render).
-    React.useEffect(() => {
-        if (typeof window === 'undefined')
-            return;
-        try {
-            const stored = window.localStorage.getItem(storageKey);
-            if (isThemePreference(stored))
-                setThemeState(stored);
-        }
-        catch {
-            // Ignore; keep defaultTheme.
-        }
-    }, [storageKey]);
-    // Apply the resolved class; while 'system', track prefers-color-scheme live.
-    React.useEffect(() => {
-        if (typeof document === 'undefined')
-            return;
-        const apply = (dark) => {
-            document.documentElement.classList.toggle('dark', dark);
-            setResolvedTheme(dark ? 'dark' : 'light');
-        };
-        apply(theme === 'system' ? systemPrefersDark() : theme === 'dark');
-        if (theme !== 'system' || typeof window.matchMedia !== 'function') {
-            return;
-        }
-        const media = window.matchMedia(DARK_QUERY);
-        const onChange = (event) => apply(event.matches);
-        media.addEventListener('change', onChange);
-        return () => media.removeEventListener('change', onChange);
-    }, [theme]);
-    // Cross-tab sync: the native `storage` event only fires in OTHER tabs.
-    React.useEffect(() => {
-        if (typeof window === 'undefined')
-            return;
-        const onStorage = (event) => {
-            // WHICH STORE first, then which key. Only the store the preference lives
-            // in may change it: a sessionStorage event carrying the SAME key would
-            // otherwise mutate a localStorage-backed preference. `storageArea` is
-            // absent only on a hand-dispatched synthetic event — apps use those for
-            // same-tab sync — and one of those is not attributable to any store, so it
-            // is allowed through rather than silently dropped.
-            if (event.storageArea != null &&
-                event.storageArea !== window.localStorage)
-                return;
-            // A null key means another tab called `clear()` on the whole store, so the
-            // stored preference is gone even though it is not named. Returning early
-            // on that left the provider holding a deleted preference — and the wrong
-            // `dark` class on the document. Fall through with newValue null, which
-            // lands on the fallback.
-            if (event.key !== null && event.key !== storageKey)
-                return;
-            setThemeState(isThemePreference(event.newValue) ? event.newValue : defaultTheme);
-        };
-        window.addEventListener('storage', onStorage);
-        return () => window.removeEventListener('storage', onStorage);
-    }, [storageKey, defaultTheme]);
-    const value = React.useMemo(() => ({ theme, setTheme, resolvedTheme }), [theme, setTheme, resolvedTheme]);
-    return (0, jsx_runtime_1.jsx)(ThemeContext.Provider, { value: value, children: children });
-}
-/** Reads the theme context. Throws if used outside a ThemeProvider. */
-function useTheme() {
-    const context = React.useContext(ThemeContext);
-    if (context === null) {
-        throw new Error('useTheme must be used within a ThemeProvider');
-    }
-    return context;
-}
-/**
- * Reads the theme context without requiring a provider — `undefined` when
- * there is none. For library components that should follow the theme when one
- * exists but must not force every consumer to mount a ThemeProvider (Toaster).
- * Not re-exported from the package barrel: consumers use `useTheme`, whose
- * throw is the intended signal that the provider is missing.
- */
-function useOptionalTheme() {
-    return React.useContext(ThemeContext) ?? undefined;
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(n,e,r,t){if(t===void 0)t=r;var i=Object.getOwnPropertyDescriptor(e,r);if(!i||("get"in i?!e.__esModule:i.writable||i.configurable)){i={enumerable:true,get:function(){return e[r]}}}Object.defineProperty(n,t,i)}):(function(n,e,r,t){if(t===void 0)t=r;n[t]=e[r]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(n,e){Object.defineProperty(n,"default",{enumerable:true,value:e})}):function(n,e){n["default"]=e});var __importStar=this&&this.__importStar||(function(){var n=function(e){n=Object.getOwnPropertyNames||function(r){var t=[];for(var i in r)if(Object.prototype.hasOwnProperty.call(r,i))t[t.length]=i;return t};return n(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null){for(var t=n(e),i=0;i<t.length;i++)if(t[i]!=="default")__createBinding(r,e,t[i])}__setModuleDefault(r,e);return r}})();Object.defineProperty(exports,"__esModule",{value:true});exports.ThemeProvider=ThemeProvider;exports.useTheme=useTheme;exports.useOptionalTheme=useOptionalTheme;const jsx_runtime_1=require("react/jsx-runtime");const React=__importStar(require("react"));const DARK_QUERY="(prefers-color-scheme: dark)";function isThemePreference(n){return n==="light"||n==="dark"||n==="system"}function systemPrefersDark(){if(typeof window==="undefined"||typeof window.matchMedia!=="function"){return false}return window.matchMedia(DARK_QUERY).matches}const ThemeContext=React.createContext(null);function ThemeProvider({children:n,storageKey:e="sindarian.theme",defaultTheme:r="system"}){const[t,i]=React.useState(r);const[c,d]=React.useState(r==="dark"?"dark":"light");const a=React.useCallback(o=>{i(o);if(typeof window==="undefined")return;try{window.localStorage.setItem(e,o)}catch{}},[e]);React.useEffect(()=>{if(typeof window==="undefined")return;try{const o=window.localStorage.getItem(e);if(isThemePreference(o))i(o)}catch{}},[e]);React.useEffect(()=>{if(typeof document==="undefined")return;const o=s=>{document.documentElement.classList.toggle("dark",s);d(s?"dark":"light")};o(t==="system"?systemPrefersDark():t==="dark");if(t!=="system"||typeof window.matchMedia!=="function"){return}const u=window.matchMedia(DARK_QUERY);const f=s=>o(s.matches);u.addEventListener("change",f);return()=>u.removeEventListener("change",f)},[t]);React.useEffect(()=>{if(typeof window==="undefined")return;const o=u=>{if(u.storageArea!=null&&u.storageArea!==window.localStorage)return;if(u.key!==null&&u.key!==e)return;i(isThemePreference(u.newValue)?u.newValue:r)};window.addEventListener("storage",o);return()=>window.removeEventListener("storage",o)},[e,r]);const l=React.useMemo(()=>({theme:t,setTheme:a,resolvedTheme:c}),[t,a,c]);return(0,jsx_runtime_1.jsx)(ThemeContext.Provider,{value:l,children:n})}function useTheme(){const n=React.useContext(ThemeContext);if(n===null){throw new Error("useTheme must be used within a ThemeProvider")}return n}function useOptionalTheme(){return React.useContext(ThemeContext)??void 0}

package/dist/toast/helpers.js

@@ -1,41 +1 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.successToast = successToast;
-exports.errorToast = errorToast;
-exports.warningToast = warningToast;
-/**
- * Severity toast helpers — thin wrappers over sindarian-ui's own toast
- * machinery (`@/hooks/use-toast`), which renders through `<Toaster />`.
- *
- * The bare `toast` is deliberately NOT re-exported here: sindarian-ui already
- * exports it from the main barrel, and one name must resolve to one function.
- * Call `toast({ title, description, variant })` directly when a helper does not
- * fit.
- *
- * Variant mapping — one helper per severity, onto sindarian-ui's own variants:
- *
- *   successToast → 'success'      (green)
- *   errorToast   → 'destructive'  (red)
- *   warningToast → 'warning'      (amber)
- */
-const use_toast_1 = require("../hooks/use-toast");
-function raise(variant, title, description, opts) {
-    (0, use_toast_1.toast)({
-        action: opts?.action,
-        variant,
-        title,
-        description,
-        duration: opts?.duration,
-        id: opts?.id
-    });
-}
-function successToast(title, description, opts) {
-    raise('success', title, description, opts);
-}
-function errorToast(title, description, opts) {
-    raise('destructive', title, description, opts);
-}
-function warningToast(title, description, opts) {
-    raise('warning', title, description, opts);
-}
+"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.successToast=successToast;exports.errorToast=errorToast;exports.warningToast=warningToast;const use_toast_1=require("../hooks/use-toast");function raise(t,s,e,o){(0,use_toast_1.toast)({action:o?.action,variant:t,title:s,description:e,duration:o?.duration,id:o?.id})}function successToast(t,s,e){raise("success",t,s,e)}function errorToast(t,s,e){raise("destructive",t,s,e)}function warningToast(t,s,e){raise("warning",t,s,e)}

package/dist/toast/index.js

@@ -1,10 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.warningToast = exports.errorToast = exports.successToast = void 0;
-// Owned by lane theme-toasts-charts — see docs/plans/2026-08-26-sindarian-x-retirement/
-// NOTE: the bare `toast` is NOT re-exported here — sindarian-ui's main barrel
-// already exports it from `@/hooks/use-toast`.
-var helpers_1 = require("./helpers");
-Object.defineProperty(exports, "successToast", { enumerable: true, get: function () { return helpers_1.successToast; } });
-Object.defineProperty(exports, "errorToast", { enumerable: true, get: function () { return helpers_1.errorToast; } });
-Object.defineProperty(exports, "warningToast", { enumerable: true, get: function () { return helpers_1.warningToast; } });
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.warningToast=exports.errorToast=exports.successToast=void 0;var helpers_1=require("./helpers");Object.defineProperty(exports,"successToast",{enumerable:true,get:function(){return helpers_1.successToast}});Object.defineProperty(exports,"errorToast",{enumerable:true,get:function(){return helpers_1.errorToast}});Object.defineProperty(exports,"warningToast",{enumerable:true,get:function(){return helpers_1.warningToast}});

package/dist/tokens.css

@@ -92,6 +92,8 @@
     */
     --destructive: 0 72% 51%; /* red/600 = #DC2626 */
     --destructive-foreground: 0 0% 100%; /* white */
+    /* Hover fill: one step away from the label. */
+    --destructive-hover: 0 74% 42%; /* red/700 = #B91C1C, 6.41:1 under white */
     --border: 240 5% 90%; /* base/200 = #E4E4E7 */
     --input: 0 0% 100%; /* base/white */
     /* Lighter than --muted-foreground, which is also the label colour: a
@@ -264,10 +266,9 @@
     --popover-foreground: 240 5% 96%; /* base/100 = #F4F4F5 */
     --border: 240 5% 34%; /* base/600 = #52525B */
     --input: 240 4% 16%; /* base/800 = #27272A */
-    /* Held at base/400 rather than stepped down with the light theme: on the
-       dark field that is already only 5.8:1, and going lighter here means
-       darker, which would push the hint under the AA floor. */
-    --input-placeholder: 240 5% 80%; /* between base/400 and base/300: #C9C9CF, AA on card (6.3:1); base/400 read 4.07:1 there */
+    /* Stepped off --muted-foreground, as in light, so a hint never reads as a
+       chosen value: about 2:1 from --foreground, still AA on --card. */
+    --input-placeholder: 240 5% 70%; /* #AFAFB6: 4.79:1 on card, 6.83:1 on background, 1.98:1 from foreground */
     --input-border: 240 5% 65%; /* base/400 = #A1A1AA, 4.09:1 on card; light's base/500 reads 2.15:1 there */
     /* Held at base/400, which light had to leave: on this ground the two
        directions disagree. base/400 reads 5.81:1 on --background and 4.08:1 on
@@ -293,6 +294,8 @@
     */
     --destructive: 0 91% 71%; /* red/400 = #F87171 */
     --destructive-foreground: 0 75% 15%; /* red/950 = #450A0A */
+    /* Hover fill: one step away from the dark label, so lighter. */
+    --destructive-hover: 0 94% 82%; /* red/300 = #FCA5A5, 8.68:1 under red/950 */
 
     /* Shadcn — System Error */
     --system-error: 0 91% 71%; /* red/400 = #F87171 */

package/dist/types/metadata-type.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});

package/dist/utils/countries.cjs

@@ -1,17 +1 @@
-'use strict'
-
-/**
- * The country/state dataset, loaded through CommonJS on purpose.
- *
- * A plain `import ... from './countries.json'` compiles fine, but Node's ESM
- * loader rejects it without an `with { type: 'json' }` attribute — and that
- * attribute cannot be written once for a dual build: TypeScript refuses it in
- * any file that compiles to a `require` call (TS2856). Since a JSON `require`
- * needs no attribute in either output, the one-line load lives here, in a
- * `.cjs` file that is CommonJS inside `dist/` and inside `dist/esm/` alike.
- *
- * Without this, `import '@lerianstudio/sindarian-ui'` throws
- * ERR_IMPORT_ATTRIBUTE_MISSING under any native-ESM consumer — Vitest, which
- * externalises ESM dependencies, being the one the apps actually hit.
- */
-module.exports = require('../public/countries.json')
+"use strict";module.exports=require("../public/countries.json");

package/dist/utils/country-utils.js

@@ -1,25 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStateCountry = exports.getCountries = void 0;
-const countries_cjs_1 = __importDefault(require("./countries.cjs"));
-const getCountries = () => {
-    return countries_cjs_1.default.map((country) => ({
-        code: country.code2,
-        name: country.name,
-        states: country.states.map((state) => ({
-            name: state.name,
-            code: state.code
-        }))
-    }));
-};
-exports.getCountries = getCountries;
-const getStateCountry = (country) => {
-    const selectedCountry = getCountries().find((countryItem) => countryItem.code === country || countryItem.name === country);
-    if (!selectedCountry)
-        return [];
-    return selectedCountry.states || [];
-};
-exports.getStateCountry = getStateCountry;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{"default":e}};Object.defineProperty(exports,"__esModule",{value:true});exports.getStateCountry=exports.getCountries=void 0;const countries_cjs_1=__importDefault(require("./countries.cjs"));const getCountries=()=>{return countries_cjs_1.default.map(e=>({code:e.code2,name:e.name,states:e.states.map(t=>({name:t.name,code:t.code}))}))};exports.getCountries=getCountries;const getStateCountry=e=>{const t=getCountries().find(s=>s.code===e||s.name===e);if(!t)return[];return t.states||[]};exports.getStateCountry=getStateCountry;

package/dist/utils/currency-codes.js

@@ -1,184 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.currencyObjects = exports.currencyCodes = void 0;
-exports.currencyCodes = [
-    'AED',
-    'AFN',
-    'ALL',
-    'AMD',
-    'ANG',
-    'AOA',
-    'ARS',
-    'AUD',
-    'AWG',
-    'AZN',
-    'BAM',
-    'BBD',
-    'BDT',
-    'BGN',
-    'BHD',
-    'BIF',
-    'BMD',
-    'BND',
-    'BOB',
-    'BOV',
-    'BRL',
-    'BSD',
-    'BTN',
-    'BWP',
-    'BYR',
-    'BZD',
-    'CAD',
-    'CDF',
-    'CHE',
-    'CHF',
-    'CHW',
-    'CLF',
-    'CLP',
-    'CNY',
-    'COP',
-    'COU',
-    'CRC',
-    'CUC',
-    'CUP',
-    'CVE',
-    'CZK',
-    'DJF',
-    'DKK',
-    'DOP',
-    'DZD',
-    'EGP',
-    'ERN',
-    'ETB',
-    'EUR',
-    'FJD',
-    'FKP',
-    'GBP',
-    'GEL',
-    'GHS',
-    'GIP',
-    'GMD',
-    'GNF',
-    'GTQ',
-    'GYD',
-    'HKD',
-    'HNL',
-    'HRK',
-    'HTG',
-    'HUF',
-    'IDR',
-    'ILS',
-    'INR',
-    'IQD',
-    'IRR',
-    'ISK',
-    'JMD',
-    'JOD',
-    'JPY',
-    'KES',
-    'KGS',
-    'KHR',
-    'KMF',
-    'KPW',
-    'KRW',
-    'KWD',
-    'KYD',
-    'KZT',
-    'LAK',
-    'LBP',
-    'LKR',
-    'LRD',
-    'LSL',
-    'LTL',
-    'LVL',
-    'LYD',
-    'MAD',
-    'MDL',
-    'MGA',
-    'MKD',
-    'MMK',
-    'MNT',
-    'MOP',
-    'MRO',
-    'MUR',
-    'MVR',
-    'MWK',
-    'MXN',
-    'MXV',
-    'MYR',
-    'MZN',
-    'NAD',
-    'NGN',
-    'NIO',
-    'NOK',
-    'NPR',
-    'NZD',
-    'OMR',
-    'PAB',
-    'PEN',
-    'PGK',
-    'PHP',
-    'PKR',
-    'PLN',
-    'PYG',
-    'QAR',
-    'RON',
-    'RSD',
-    'RUB',
-    'RWF',
-    'SAR',
-    'SBD',
-    'SCR',
-    'SDG',
-    'SEK',
-    'SGD',
-    'SHP',
-    'SLL',
-    'SOS',
-    'SRD',
-    'SSP',
-    'STD',
-    'SYP',
-    'SZL',
-    'THB',
-    'TJS',
-    'TMT',
-    'TND',
-    'TOP',
-    'TRY',
-    'TTD',
-    'TWD',
-    'TZS',
-    'UAH',
-    'UGX',
-    'USD',
-    'USN',
-    'USS',
-    'UYI',
-    'UYU',
-    'UZS',
-    'VEF',
-    'VND',
-    'VUV',
-    'WST',
-    'XAF',
-    'XAG',
-    'XAU',
-    'XBA',
-    'XBB',
-    'XBC',
-    'XBD',
-    'XCD',
-    'XDR',
-    'XFU',
-    'XOF',
-    'XPD',
-    'XPF',
-    'XPT',
-    'XTS',
-    'XXX',
-    'YER',
-    'ZAR',
-    'ZMW'
-];
-exports.currencyObjects = exports.currencyCodes.map((code) => ({ code }));
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.currencyObjects=exports.currencyCodes=void 0;exports.currencyCodes=["AED","AFN","ALL","AMD","ANG","AOA","ARS","AUD","AWG","AZN","BAM","BBD","BDT","BGN","BHD","BIF","BMD","BND","BOB","BOV","BRL","BSD","BTN","BWP","BYR","BZD","CAD","CDF","CHE","CHF","CHW","CLF","CLP","CNY","COP","COU","CRC","CUC","CUP","CVE","CZK","DJF","DKK","DOP","DZD","EGP","ERN","ETB","EUR","FJD","FKP","GBP","GEL","GHS","GIP","GMD","GNF","GTQ","GYD","HKD","HNL","HRK","HTG","HUF","IDR","ILS","INR","IQD","IRR","ISK","JMD","JOD","JPY","KES","KGS","KHR","KMF","KPW","KRW","KWD","KYD","KZT","LAK","LBP","LKR","LRD","LSL","LTL","LVL","LYD","MAD","MDL","MGA","MKD","MMK","MNT","MOP","MRO","MUR","MVR","MWK","MXN","MXV","MYR","MZN","NAD","NGN","NIO","NOK","NPR","NZD","OMR","PAB","PEN","PGK","PHP","PKR","PLN","PYG","QAR","RON","RSD","RUB","RWF","SAR","SBD","SCR","SDG","SEK","SGD","SHP","SLL","SOS","SRD","SSP","STD","SYP","SZL","THB","TJS","TMT","TND","TOP","TRY","TTD","TWD","TZS","UAH","UGX","USD","USN","USS","UYI","UYU","UZS","VEF","VND","VUV","WST","XAF","XAG","XAU","XBA","XBB","XBC","XBD","XCD","XDR","XFU","XOF","XPD","XPF","XPT","XTS","XXX","YER","ZAR","ZMW"];exports.currencyObjects=exports.currencyCodes.map(D=>({code:D}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lerianstudio/sindarian-ui",
-  "version": "2.0.0-beta.24",
+  "version": "2.0.0-beta.26",
   "description": "Sindarian UI - A UI library for Midaz Console",
   "license": "Elastic-2.0",
   "author": {
@@ -38,9 +38,9 @@
   ],
   "scripts": {
     "check-types": "tsc --noEmit && tsc -p tsconfig.storybook.json",
-    "build": "npm run build:cjs && npm run build:esm && npm run copy:assets && npm run copy:styles",
+    "build": "npm run build:cjs && npm run build:esm && node scripts/minify-dist.mjs && node scripts/check-esm-output.mjs && npm run copy:assets && npm run copy:styles",
     "build:cjs": "tsc && tsc-alias -p tsconfig.json && copyfiles -u 1 \"src/**/*.cjs\" \"src/**/*.d.cts\" \"src/**/*.json\" dist",
-    "build:esm": "tsc -p tsconfig.esm.json && tsc-alias -p tsconfig.esm.json --resolve-full-paths && copyfiles -u 1 \"src/**/*.cjs\" \"src/**/*.d.cts\" \"src/**/*.json\" dist/esm && node -e \"require('fs').writeFileSync('dist/esm/package.json',JSON.stringify({type:'module'}))\" && node scripts/check-esm-output.mjs",
+    "build:esm": "tsc -p tsconfig.esm.json && tsc-alias -p tsconfig.esm.json --resolve-full-paths && copyfiles -u 1 \"src/**/*.cjs\" \"src/**/*.d.cts\" \"src/**/*.json\" dist/esm && node -e \"require('fs').writeFileSync('dist/esm/package.json',JSON.stringify({type:'module'}))\"",
     "copy:assets": "copyfiles -f \"src/public/**/*\" dist/public && copyfiles -u 1 \"src/fonts/*\" dist",
     "copy:styles": "copyfiles -u 1 \"src/**/*.css\" dist",
     "lint": "eslint .",
@@ -111,6 +111,7 @@
     "@storybook/nextjs": "^10.4.6",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.5",
+    "esbuild": "^0.27.7",
     "next": "^16.2.6",
     "storybook": "^10.4.6"
   },