react-restyle-components 0.4.37 → 0.4.39

package/lib/src/core-components/src/core-components/atoms/Label/Label.js

@@ -1,21 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import s from '../../../tc.module.css';
-import { cn } from '../../../utils';
-export const Label = React.forwardRef(({ className, required, children, label, ...props }, ref) => {
-    // Don't render if neither label nor children are provided
-    if (!label && !children) {
-        return null;
-    }
-    // If only label is provided, show just the label
-    if (label && !children) {
-        return (_jsxs("label", { ref: ref, className: cn(s['block'], s['text-sm'], s['font-medium'], s['text-gray-700'], s['dark:text-gray-300'], className), ...props, children: [label, required && (_jsx("span", { className: cn(s['text-red-500'], s['ml-1']), children: "*" }))] }));
-    }
-    // If only children are provided (no label), just render children
-    if (!label && children) {
-        return _jsx(_Fragment, { children: children });
-    }
-    // If both label and children are provided, show label first, then children
-    return (_jsxs("div", { className: cn(s['w-full']), children: [_jsxs("label", { ref: ref, className: cn(s['block'], s['text-sm'], s['font-medium'], s['text-gray-700'], s['dark:text-gray-300'], s['mb-1'], className), ...props, children: [label, required && (_jsx("span", { className: cn(s['text-red-500'], s['ml-1']), children: "*" }))] }), children] }));
-});
-Label.displayName = 'Label';
+"use strict";import{jsx as m,jsxs as s,Fragment as x}from"react/jsx-runtime";import i from"react";import t from"../../../tc.module.css";import{cn as a}from"../../../utils";export const Label=i.forwardRef(({className:n,required:o,children:r,label:e,...f},l)=>!e&&!r?null:e&&!r?s("label",{ref:l,className:a(t.block,t["text-sm"],t["font-medium"],t["text-gray-700"],t["dark:text-gray-300"],n),...f,children:[e,o&&m("span",{className:a(t["text-red-500"],t["ml-1"]),children:"*"})]}):!e&&r?m(x,{children:r}):s("div",{className:a(t["w-full"]),children:[s("label",{ref:l,className:a(t.block,t["text-sm"],t["font-medium"],t["text-gray-700"],t["dark:text-gray-300"],t["mb-1"],n),...f,children:[e,o&&m("span",{className:a(t["text-red-500"],t["ml-1"]),children:"*"})]}),r]}));Label.displayName="Label";

package/lib/src/core-components/src/core-components/atoms/Textarea/Textarea.js

@@ -1,19 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import s from '../../../tc.module.css';
-import { cn } from '../../../utils';
-export const Textarea = React.forwardRef(({ className, error, label, id, onChange, onBlur, onValueChange, onValueBlur, ...props }, ref) => {
-    const textareaId = id || `textarea-${Math.random().toString(36).substr(2, 9)}`;
-    // Handle onChange - always pass event to onChange, value to onValueChange
-    const handleChange = (e) => {
-        onChange?.(e);
-        onValueChange?.(e.target.value);
-    };
-    // Handle onBlur - always pass event to onBlur, value to onValueBlur
-    const handleBlur = (e) => {
-        onBlur?.(e);
-        onValueBlur?.(e.target.value);
-    };
-    return (_jsxs("div", { className: cn(s['w-full']), children: [label && (_jsx("label", { className: cn(s['block'], s['text-sm'], s['font-medium'], s['text-gray-700'], s['dark:text-gray-300'], s['mb-1']), children: label })), _jsx("textarea", { ref: ref, id: textareaId, className: cn(s['w-full'], s['px-4'], s['py-2'], s['border'], s['rounded-lg'], s['transition-colors'], s['resize-vertical'], s['bg-white'], s['dark:bg-gray-800'], s['border-gray-300'], s['dark:border-gray-600'], s['text-gray-900'], s['dark:text-gray-100'], s['placeholder-gray-500'], s['dark:placeholder-gray-400'], s['focus:outline-none'], s['focus:ring-2'], s['focus:ring-primary'], s['focus:ring-offset-1'], error && s['border-red-500'], error && s['focus:ring-red-500'], className), ...props, onChange: handleChange, onBlur: handleBlur }), error && (_jsx("p", { className: cn(s['mt-1'], s['text-sm'], s['text-red-600'], s['dark:text-red-400']), children: error }))] }));
-});
-Textarea.displayName = 'Textarea';
+"use strict";import{jsx as o,jsxs as y}from"react/jsx-runtime";import h from"react";import r from"../../../tc.module.css";import{cn as t}from"../../../utils";export const Textarea=h.forwardRef(({className:d,error:a,label:s,id:n,onChange:l,onBlur:c,onValueChange:i,onValueBlur:g,...m},x)=>{const f=n||`textarea-${Math.random().toString(36).substr(2,9)}`,u=e=>{l?.(e),i?.(e.target.value)},p=e=>{c?.(e),g?.(e.target.value)};return y("div",{className:t(r["w-full"]),children:[s&&o("label",{className:t(r.block,r["text-sm"],r["font-medium"],r["text-gray-700"],r["dark:text-gray-300"],r["mb-1"]),children:s}),o("textarea",{ref:x,id:f,className:t(r["w-full"],r["px-4"],r["py-2"],r.border,r["rounded-lg"],r["transition-colors"],r["resize-vertical"],r["bg-white"],r["dark:bg-gray-800"],r["border-gray-300"],r["dark:border-gray-600"],r["text-gray-900"],r["dark:text-gray-100"],r["placeholder-gray-500"],r["dark:placeholder-gray-400"],r["focus:outline-none"],r["focus:ring-2"],r["focus:ring-primary"],r["focus:ring-offset-1"],a&&r["border-red-500"],a&&r["focus:ring-red-500"],d),...m,onChange:u,onBlur:p}),a&&o("p",{className:t(r["mt-1"],r["text-sm"],r["text-red-600"],r["dark:text-red-400"]),children:a})]})});Textarea.displayName="Textarea";

package/lib/src/core-components/src/core-components/index.js

@@ -1,3 +1 @@
-export * from './SelectionCardStrip/index';
-export * from './StateLayer';
-export * from './ToggleCore/index';
+"use strict";export*from"./SelectionCardStrip/index";export*from"./StateLayer";export*from"./ToggleCore/index";

package/lib/src/core-components/src/helpers/constants.js

@@ -1,11 +1 @@
-export const STANDARD_COLORS = [
-    '#000000',
-    '#0000ff',
-    '#808080',
-    '#008000',
-    '#800080',
-    '#ff0000',
-    '#ffffff',
-];
-export const DEFAULT_BG_COLOR = '';
-export const DEFAULT_TEXT_COLOR = '';
+"use strict";export const STANDARD_COLORS=["#000000","#0000ff","#808080","#008000","#800080","#ff0000","#ffffff"],DEFAULT_BG_COLOR="",DEFAULT_TEXT_COLOR="";

package/lib/src/core-components/src/hooks/index.js

@@ -1 +1 @@
-export * from './outside.hook';
+"use strict";export*from"./outside.hook";

package/lib/src/core-components/src/hooks/outside.hook.js

@@ -1,28 +1 @@
-import { useEffect } from 'react';
-export const useClickOutside = (ref, handler) => {
-    useEffect(() => {
-        let startedInside = false;
-        let startedWhenMounted = false;
-        const listener = (event) => {
-            // Do nothing if `mousedown` or `touchstart` started inside ref element
-            if (startedInside || !startedWhenMounted)
-                return;
-            // Do nothing if clicking ref's element or descendent elements
-            if (!ref.current || ref.current.contains(event.target))
-                return;
-            handler(event);
-        };
-        const validateEventStart = (event) => {
-            startedWhenMounted = ref.current;
-            startedInside = ref.current && ref.current.contains(event.target);
-        };
-        document.addEventListener('mousedown', validateEventStart);
-        document.addEventListener('touchstart', validateEventStart);
-        document.addEventListener('click', listener);
-        return () => {
-            document.removeEventListener('mousedown', validateEventStart);
-            document.removeEventListener('touchstart', validateEventStart);
-            document.removeEventListener('click', listener);
-        };
-    }, [ref, handler]);
-};
+"use strict";import{useEffect as u}from"react";export const useClickOutside=(t,r)=>{u(()=>{let c=!1,o=!1;const s=n=>{c||!o||!t.current||t.current.contains(n.target)||r(n)},e=n=>{o=t.current,c=t.current&&t.current.contains(n.target)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("click",s),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("click",s)}},[t,r])};

package/lib/src/core-components/src/index.js

@@ -1,12 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(_jsx(React.StrictMode, { children: _jsx(App, {}) }));
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+"use strict";import{jsx as o}from"react/jsx-runtime";import r from"react";import t from"react-dom/client";import"./index.css";import e from"./App";import m from"./reportWebVitals";const i=t.createRoot(document.getElementById("root"));i.render(o(r.StrictMode,{children:o(e,{})})),m();

package/lib/src/core-components/src/tc.global.css

@@ -215,6 +215,7 @@
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}*,.dark\:bg-black:is(.dark *),.dark\:border-gray-600:is(.dark *),:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}.dark\:bg-black:is(.dark *),.dark\:border-gray-600:is(.dark *),*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/fieldset,legend{padding:0}.container{width:100%}@media (min-width:0px){.container{max-width:0}}@media (min-width:20rem){.container{max-width:20rem}}@media (min-width:23.4375rem){.container{max-width:23.4375rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.form-input,.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::placeholder,.form-input:focus,.form-multiselect,.form-multiselect:focus,.form-select,.form-select:focus,table{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}table:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}table tr:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}select:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.divide-teal-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(240 253 250/var(--tw-divide-opacity,1))}.bg-purple-900\/50{background-color:#581c8780}.p-0\.5{padding:.125rem}.blur,.filter,.ring,.ring-2,.shadow,.shadow-inner,.shadow-md,body{font-family:Arima Regular;font-size:14px}.hover\:bg-white\/20:hover{background-color:#fff3}.dark\:border-gray-600:is(.dark *),.focus\:ring-0:focus,.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-boxdark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(36 48 63/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:text-black:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color:#1f2937}.dark\:hover\:bg-blue-900:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:focus\:ring-blue-600:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}@font-face{font-family:ArimaRegular;src:url(library/assets/fonts/arima/arima-regular.ttf)}.container{width:100%}@media (min-width:0px){.container{max-width:0}}@media (min-width:20rem){.container{max-width:20rem}}@media (min-width:23.4375rem){.container{max-width:23.4375rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.form-input,.form-multiselect,.form-select,.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-input::placeholder,.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,table{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}table:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}table tr:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}select:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.divide-teal-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(240 253 250/var(--tw-divide-opacity,1))}.bg-purple-900\/50{background-color:#581c8780}.p-0\.5{padding:.125rem}.shadow,.shadow-inner,.shadow-md,.ring,.ring-2,.blur,.filter,body{font-family:Arima Regular;font-size:14px}.menu ul{list-style:none;margin:0;padding:0}.menu li{border-bottom:1px solid #ddd;padding:10px}.menu li:last-child{border-bottom:none}.hover\:bg-white\/20:hover{background-color:#fff3}.focus\:ring-0:focus,.focus\:ring-1:focus,.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-boxdark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(36 48 63/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:text-black:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color:#1f2937}.dark\:hover\:bg-blue-900:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:focus\:ring-blue-600:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}@media (min-width:0px) and (max-width:767px){}

package/lib/src/core-components/src/utils/abstracts/breakpoints/index.js

@@ -1,28 +1 @@
-export var Size;
-(function (Size) {
-    Size[Size["SM"] = 375] = "SM";
-    Size[Size["MD"] = 768] = "MD";
-    Size[Size["MD2"] = 1024] = "MD2";
-    Size[Size["LG"] = 1280] = "LG";
-    Size[Size["XL"] = 1440] = "XL";
-    Size[Size["XXL"] = 1920] = "XXL";
-})(Size || (Size = {}));
-export const breakpoints = {
-    // For backward compatibility
-    smMax: `max-width: 425px`,
-    mdMin: `min-width: 426px`,
-    lgMin: `min-width: 769px`,
-    // Media queries for breakpoints
-    xs: `@media (max-width: ${Size.SM - 1}px)`,
-    sm: `@media (min-width: ${Size.SM}px)`,
-    smOnly: `@media (min-width: ${Size.SM}px) and (max-width: ${Size.MD - 1}px)`,
-    md: `@media (min-width: ${Size.MD}px)`,
-    mdOnly: `@media (min-width: ${Size.MD}px) and (max-width: ${Size.LG - 1}px)`,
-    md2: `@media (min-width: ${Size.MD2}px)`,
-    md2Only: `@media (min-width: ${Size.MD2}px) and (max-width: ${Size.LG - 1}px)`,
-    lg: `@media (min-width: ${Size.LG}px)`,
-    lgOnly: `@media (min-width: ${Size.LG}px) and (max-width: ${Size.XL - 1}px)`,
-    xl: `@media (min-width: ${Size.XL}px)`,
-    xlOnly: `@media (min-width: ${Size.XL}px) and (max-width: ${Size.XXL - 1}px)`,
-    xxl: `@media (min-width: ${Size.XXL}px)`,
-};
+"use strict";export var Size;(function(d){d[d.SM=375]="SM",d[d.MD=768]="MD",d[d.MD2=1024]="MD2",d[d.LG=1280]="LG",d[d.XL=1440]="XL",d[d.XXL=1920]="XXL"})(Size||(Size={}));export const breakpoints={smMax:"max-width: 425px",mdMin:"min-width: 426px",lgMin:"min-width: 769px",xs:`@media (max-width: ${Size.SM-1}px)`,sm:`@media (min-width: ${Size.SM}px)`,smOnly:`@media (min-width: ${Size.SM}px) and (max-width: ${Size.MD-1}px)`,md:`@media (min-width: ${Size.MD}px)`,mdOnly:`@media (min-width: ${Size.MD}px) and (max-width: ${Size.LG-1}px)`,md2:`@media (min-width: ${Size.MD2}px)`,md2Only:`@media (min-width: ${Size.MD2}px) and (max-width: ${Size.LG-1}px)`,lg:`@media (min-width: ${Size.LG}px)`,lgOnly:`@media (min-width: ${Size.LG}px) and (max-width: ${Size.XL-1}px)`,xl:`@media (min-width: ${Size.XL}px)`,xlOnly:`@media (min-width: ${Size.XL}px) and (max-width: ${Size.XXL-1}px)`,xxl:`@media (min-width: ${Size.XXL}px)`};

package/lib/src/core-components/src/utils/abstracts/colors/index.js

@@ -1,49 +1 @@
-/** @deprecated use tokens instead @soluto-private/aui-tokens */
-export const colors = {
-    primaryBrighter: '#cb5aff',
-    primaryBright: '#a839f3',
-    primaryDeep: '#8223d2',
-    primaryDeeper: '#6700b8',
-    secondaryBrighter: '#6b8bff',
-    secondaryBright: '#4a68f9',
-    secondaryDeep: '#2743cc',
-    secondaryDeeper: '#253baa',
-    brandGreenBrighter: '#6efac3',
-    brandGreenBright: '#00e7a1',
-    brandGreenDeep: '#00b574',
-    brandGreenDeeper: '#0b8350',
-    brandTennis: '#d2fa46',
-    white: '#ffffff',
-    black: '#000000',
-    neutralBrightest: '#f0f0f5',
-    neutralBrighter: '#e6e6eb',
-    neutralBright: '#d5d6da',
-    neutralDeep: '#a5aaaf',
-    neutralDeeper: '#6e767d',
-    neutralDeepest: '#333f48',
-    disabledBackground: '#e6e6eb',
-    disabledText: '#a5aaaf',
-    errorBright: '#ff5070',
-    //error-lighter-1
-    errorDeep: '#db1b1b',
-    //error
-    warningBright: '#f9d51c',
-    //warning-lighter-1
-    warningDeep: '#edb800',
-    //warning
-    successBright: '#37e7a7',
-    //success-lighter-1
-    successDeep: '#00bf63',
-    successDeeper: '#008662',
-    focus: '#0047e1',
-};
-export const gradients = {
-    darkAngle1: `linear-gradient(136deg, ${colors.primaryDeeper} 0%, #A90AD3 100%)`,
-    darkAngle2: `linear-gradient(315deg, ${colors.primaryDeeper} 0%, #A90AD3 100%)`,
-    darkAngle3: `linear-gradient(0deg, ${colors.primaryDeeper} 0%, #A90AD3 100%)`,
-    darkAngle4: `linear-gradient(0deg, #A90AD3 0%, ${colors.primaryDeeper} 100%)`,
-    lightAngle1: 'linear-gradient(136deg, #FBF2FF 0%, #EBF9FF 100%)',
-    lightAngle2: 'linear-gradient(315deg, #FBF2FF 0%, #EBF9FF 100%)',
-    lightAngle3: 'linear-gradient(0deg, #FBF2FF 0%, #EBF9FF 100%)',
-    lightAngle4: 'linear-gradient(0deg, #EBF9FF 0%, #FBF2FF 100%)',
-};
+"use strict";export const colors={primaryBrighter:"#cb5aff",primaryBright:"#a839f3",primaryDeep:"#8223d2",primaryDeeper:"#6700b8",secondaryBrighter:"#6b8bff",secondaryBright:"#4a68f9",secondaryDeep:"#2743cc",secondaryDeeper:"#253baa",brandGreenBrighter:"#6efac3",brandGreenBright:"#00e7a1",brandGreenDeep:"#00b574",brandGreenDeeper:"#0b8350",brandTennis:"#d2fa46",white:"#ffffff",black:"#000000",neutralBrightest:"#f0f0f5",neutralBrighter:"#e6e6eb",neutralBright:"#d5d6da",neutralDeep:"#a5aaaf",neutralDeeper:"#6e767d",neutralDeepest:"#333f48",disabledBackground:"#e6e6eb",disabledText:"#a5aaaf",errorBright:"#ff5070",errorDeep:"#db1b1b",warningBright:"#f9d51c",warningDeep:"#edb800",successBright:"#37e7a7",successDeep:"#00bf63",successDeeper:"#008662",focus:"#0047e1"},gradients={darkAngle1:`linear-gradient(136deg, ${colors.primaryDeeper} 0%, #A90AD3 100%)`,darkAngle2:`linear-gradient(315deg, ${colors.primaryDeeper} 0%, #A90AD3 100%)`,darkAngle3:`linear-gradient(0deg, ${colors.primaryDeeper} 0%, #A90AD3 100%)`,darkAngle4:`linear-gradient(0deg, #A90AD3 0%, ${colors.primaryDeeper} 100%)`,lightAngle1:"linear-gradient(136deg, #FBF2FF 0%, #EBF9FF 100%)",lightAngle2:"linear-gradient(315deg, #FBF2FF 0%, #EBF9FF 100%)",lightAngle3:"linear-gradient(0deg, #FBF2FF 0%, #EBF9FF 100%)",lightAngle4:"linear-gradient(0deg, #EBF9FF 0%, #FBF2FF 100%)"};

package/lib/src/core-components/src/utils/abstracts/index.js

@@ -1,5 +1 @@
-export * from './breakpoints';
-export * from './colors';
-export * from './space';
-export * from './theme';
-export * from './typography';
+"use strict";export*from"./breakpoints";export*from"./colors";export*from"./space";export*from"./theme";export*from"./typography";

package/lib/src/core-components/src/utils/abstracts/space/index.js

@@ -1,26 +1 @@
-/** @deprecated use tokens instead @soluto-private/aui-tokens */
-export const space = {
-    25: '.125rem',
-    50: '.25rem',
-    75: '.375rem',
-    100: '.5rem',
-    150: '.75rem',
-    200: '1rem',
-    300: '1.5rem',
-    400: '2rem',
-    500: '2.5rem',
-    600: '3rem',
-    800: '4rem',
-    1000: '5rem',
-    1200: '6rem',
-};
-export const TagSize = {
-    sm: space[100],
-    md: space[150],
-    lg: space[200],
-};
-export const ActionSize = {
-    sm: space[100],
-    md: space[150],
-    lg: space[200],
-};
+"use strict";export const space={25:".125rem",50:".25rem",75:".375rem",100:".5rem",150:".75rem",200:"1rem",300:"1.5rem",400:"2rem",500:"2.5rem",600:"3rem",800:"4rem",1e3:"5rem",1200:"6rem"},TagSize={sm:space[100],md:space[150],lg:space[200]},ActionSize={sm:space[100],md:space[150],lg:space[200]};

package/lib/src/core-components/src/utils/abstracts/theme/ThemeBoundary.js

@@ -1,8 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-export const ThemeBoundaryContext = React.createContext({
-    theme: null,
-});
-/** @experimental */
-export const ThemeBoundary = ({ theme, children }) => (_jsx(ThemeBoundaryContext.Provider, { value: { theme }, children: children }));
+"use strict";"use client";import{jsx as o}from"react/jsx-runtime";import r from"react";export const ThemeBoundaryContext=r.createContext({theme:null}),ThemeBoundary=({theme:e,children:t})=>o(ThemeBoundaryContext.Provider,{value:{theme:e},children:t});

package/lib/src/core-components/src/utils/abstracts/theme/default-themes.js

@@ -1,30 +1 @@
-import { colors } from '../colors';
-const DEFAULT_THEME = {
-    primary: colors.primaryDeep,
-    primaryHover: colors.primaryBright,
-    primaryPressed: colors.primaryDeeper,
-    textOnPrimary: colors.white,
-    secondary: colors.black,
-    secondaryHover: colors.neutralDeepest,
-    secondaryPressed: colors.black,
-    textOnSecondary: colors.white,
-    inverted: colors.white,
-    invertedHover: colors.neutralBrightest,
-    invertedPressed: colors.white,
-    textOnInverted: colors.black,
-};
-const PARTNER_THEME = {
-    primary: colors.black,
-    primaryHover: colors.neutralDeepest,
-    primaryPressed: colors.black,
-    textOnPrimary: colors.white,
-    secondary: colors.black,
-    secondaryHover: colors.neutralDeepest,
-    secondaryPressed: colors.black,
-    textOnSecondary: colors.white,
-    inverted: colors.white,
-    invertedHover: colors.neutralBrightest,
-    invertedPressed: colors.white,
-    textOnInverted: colors.black,
-};
-export { DEFAULT_THEME, PARTNER_THEME };
+"use strict";import{colors as e}from"../colors";const r={primary:e.primaryDeep,primaryHover:e.primaryBright,primaryPressed:e.primaryDeeper,textOnPrimary:e.white,secondary:e.black,secondaryHover:e.neutralDeepest,secondaryPressed:e.black,textOnSecondary:e.white,inverted:e.white,invertedHover:e.neutralBrightest,invertedPressed:e.white,textOnInverted:e.black},t={primary:e.black,primaryHover:e.neutralDeepest,primaryPressed:e.black,textOnPrimary:e.white,secondary:e.black,secondaryHover:e.neutralDeepest,secondaryPressed:e.black,textOnSecondary:e.white,inverted:e.white,invertedHover:e.neutralBrightest,invertedPressed:e.white,textOnInverted:e.black};export{r as DEFAULT_THEME,t as PARTNER_THEME};

package/lib/src/core-components/src/utils/abstracts/theme/index.js

@@ -1,3 +1 @@
-export { updateTheme } from './theme';
-export { default as useTheme } from './useTheme';
-export { ThemeBoundary } from './ThemeBoundary';
+"use strict";export{updateTheme}from"./theme";export{default as useTheme}from"./useTheme";export{ThemeBoundary}from"./ThemeBoundary";

package/lib/src/core-components/src/utils/abstracts/theme/theme.js

@@ -1,30 +1 @@
-import { DEFAULT_THEME, PARTNER_THEME } from './default-themes';
-const isObject = (value) => typeof value === 'object' && !Array.isArray(value);
-const hasThemeProps = (value) => Object.keys(DEFAULT_THEME).every((key) => key in value);
-const isValidTheme = (value) => isObject(value) && hasThemeProps(value);
-let themeSubscriptions = [];
-export let selectedTheme = DEFAULT_THEME;
-export const subscribeTheme = (listener) => themeSubscriptions.push(listener);
-export const unsubscribeTheme = (subToRemove) => {
-    themeSubscriptions = themeSubscriptions.filter((sub) => sub !== subToRemove);
-};
-export const getTheme = (theme) => {
-    if (isValidTheme(theme))
-        return theme;
-    else if (typeof theme === 'string') {
-        if (theme === 'techabl')
-            return DEFAULT_THEME;
-        else if (theme === 'partner')
-            return PARTNER_THEME;
-    }
-    console.warn('theme param is not valid, should be type of Theme or ThemeKey - provided: ', { theme });
-    return PARTNER_THEME;
-};
-export const updateTheme = (theme, 
-/**
-@deprecated overrides is deprecated and will be deleted in v3, please remove overrides param.
-*/
-overrides) => {
-    selectedTheme = { ...getTheme(theme), ...overrides };
-    themeSubscriptions.forEach((f) => f(selectedTheme));
-};
+"use strict";import{DEFAULT_THEME as o,PARTNER_THEME as s}from"./default-themes";const n=e=>typeof e=="object"&&!Array.isArray(e),c=e=>Object.keys(o).every(r=>r in e),p=e=>n(e)&&c(e);let t=[];export let selectedTheme=o;export const subscribeTheme=e=>t.push(e),unsubscribeTheme=e=>{t=t.filter(r=>r!==e)},getTheme=e=>{if(p(e))return e;if(typeof e=="string"){if(e==="techabl")return o;if(e==="partner")return s}return console.warn("theme param is not valid, should be type of Theme or ThemeKey - provided: ",{theme:e}),s},updateTheme=(e,r)=>{selectedTheme={...getTheme(e),...r},t.forEach(i=>i(selectedTheme))};

package/lib/src/core-components/src/utils/abstracts/theme/types.js

@@ -1 +1 @@
-export {};
+"use strict";export{};

package/lib/src/core-components/src/utils/abstracts/theme/useTheme.js

@@ -1,17 +1 @@
-'use client';
-import { useContext, useEffect, useState } from 'react';
-import { getTheme, selectedTheme, subscribeTheme, unsubscribeTheme, } from './theme';
-import { ThemeBoundaryContext } from './ThemeBoundary';
-const useTheme = () => {
-    const [theme, setTheme] = useState(selectedTheme);
-    useEffect(() => {
-        subscribeTheme(setTheme);
-        return () => unsubscribeTheme(setTheme);
-    }, []);
-    const { theme: themeFromBoundary } = useContext(ThemeBoundaryContext);
-    if (themeFromBoundary !== null) {
-        return getTheme(themeFromBoundary);
-    }
-    return theme;
-};
-export default useTheme;
+"use strict";"use client";import{useContext as m,useEffect as o,useState as u}from"react";import{getTheme as s,selectedTheme as n,subscribeTheme as h,unsubscribeTheme as c}from"./theme";import{ThemeBoundaryContext as f}from"./ThemeBoundary";const i=()=>{const[r,e]=u(n);o(()=>(h(e),()=>c(e)),[]);const{theme:t}=m(f);return t!==null?s(t):r};export default i;

package/lib/src/core-components/src/utils/abstracts/typography/index.js

@@ -1,25 +1 @@
-export const fontFamilies = {
-    default: 'Apercu, Arial, sans-serif',
-    mono: 'Apercu Mono, monospace',
-};
-export const getFontFamily = (family) => fontFamilies[family];
-export const fontFamily = fontFamilies.default;
-export const fontWeights = {
-    feather: 300,
-    base: 400,
-    heavy: 700,
-    black: 900,
-};
-export const fontSizes = {
-    0: '0.75rem',
-    1: '0.875rem',
-    2: '1rem',
-    3: '1.25rem',
-    4: '1.5rem',
-    5: '2rem',
-    6: '2.5rem',
-    7: '3rem',
-    8: '3.75rem', // 60px
-};
-export const getFontWeight = (weight) => fontWeights[weight];
-export const getFontSize = (size) => fontSizes[size];
+"use strict";export const fontFamilies={default:"Apercu, Arial, sans-serif",mono:"Apercu Mono, monospace"},getFontFamily=e=>fontFamilies[e],fontFamily=fontFamilies.default,fontWeights={feather:300,base:400,heavy:700,black:900},fontSizes={0:"0.75rem",1:"0.875rem",2:"1rem",3:"1.25rem",4:"1.5rem",5:"2rem",6:"2.5rem",7:"3rem",8:"3.75rem"},getFontWeight=e=>fontWeights[e],getFontSize=e=>fontSizes[e];

package/lib/src/core-components/src/utils/context/DefaultsProvider.js

@@ -1,8 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from 'react';
-export const DefaultsContext = createContext({});
-export const DefaultsProvider = ({ value, children, }) => {
-    const currentDefaults = useContext(DefaultsContext);
-    return (_jsx(DefaultsContext.Provider, { value: { ...currentDefaults, ...value }, children: children }));
-};
+"use strict";"use client";import{jsx as o}from"react/jsx-runtime";import{createContext as s,useContext as n}from"react";export const DefaultsContext=s({}),DefaultsProvider=({value:t,children:e})=>{const r=n(DefaultsContext);return o(DefaultsContext.Provider,{value:{...r,...t},children:e})};

package/lib/src/core-components/src/utils/context/InternalProvider.js

@@ -1,24 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTheme } from '../abstracts/theme';
-import { ThemeProvider } from 'styled-components';
-const isJSDOM = () => navigator?.userAgent?.includes?.('jsdom');
-/**
- * Provides internal stuff we need for our components.
- * Injects Styled Components theme prop via context.
- */
-export const InternalProvider = ({ children, }) => {
-    const theme = useTheme();
-    // useEffect(() => {
-    //   const style = getComputedStyle(document.body);
-    //   const globalStylesExists = !!style.getPropertyValue(
-    //     '--aui-global-styles-exists'
-    //   );
-    //   if (!globalStylesExists && isReactDevelopment() && !isJSDOM()) {
-    //     console.error(
-    //       'ERROR: Your techabl UI components WILL BREAK in a future V4 minor version update. You must include GlobalStyles in your DOM.'
-    //     );
-    //   }
-    // }, []);
-    return _jsx(ThemeProvider, { theme: theme, children: children });
-};
+"use strict";"use client";import{jsx as o}from"react/jsx-runtime";import{useTheme as t}from"../abstracts/theme";import{ThemeProvider as s}from"styled-components";const c=()=>navigator?.userAgent?.includes?.("jsdom");export const InternalProvider=({children:e})=>{const r=t();return o(s,{theme:r,children:e})};

package/lib/src/core-components/src/utils/context/index.js

@@ -1,2 +1 @@
-export * from './DefaultsProvider';
-export * from './InternalProvider';
+"use strict";export*from"./DefaultsProvider";export*from"./InternalProvider";

package/lib/src/core-components/src/utils/designTokens.js

@@ -1,125 +1 @@
-const tailwindConfig = require('../../tailwind.config.js');
-// const tailwindConfig = {
-//   theme: {
-//     extend: {
-//       colors: {
-//         current: 'currentColor',
-//         transparent: 'transparent',
-//         'text-base': '#ffffff',
-//         primary: '#454cbf',
-//         secondary: '#c57c85',
-//         accent: '#422a68',
-//         black: '#000000',
-//         grey: '#6A727F',
-//         grey_0: '#4a4a4a',
-//         grey_1: '#707070',
-//         light_1: '#ebebeb',
-//         white: '#ffffff',
-//         background: '#ffffff',
-//         light_white: '#f4f6f6',
-//         red: {
-//           DEFAULT: '#ff0000',
-//         },
-//         orange: '#ffae1a',
-//         mono: '#754c00',
-//         'border-red': '#ff0000',
-//         bgGrey: '#808080',
-//         stroke: '#E2E8F0',
-//         boxdark: '#24303F',
-//         'boxdark-2': '#1A222C',
-//         strokedark: '#2E3A47',
-//         content: '#000000',
-//         'form-strokedark': '#3d4d60',
-//         'form-input': '#1d2a39',
-//         'meta-1': '#DC3545',
-//         'meta-2': '#EFF2F7',
-//         'meta-3': '#10B981',
-//         'meta-4': '#313D4A',
-//         'meta-5': '#259AE6',
-//         'meta-6': '#FFBA00',
-//         'meta-7': '#FF6766',
-//         'meta-8': '#F0950C',
-//         'meta-9': '#E5E7EB',
-//         success: '#219653',
-//         danger: '#D34053',
-//         warning: '#FFA70B',
-//         // Design token colors - extending existing colors
-//         'token-surface': 'var(--surface)',
-//         'token-on-surface': 'var(--on-surface)',
-//         'token-primary': 'var(--primary)',
-//         'token-on-primary': 'var(--on-primary)',
-//         'token-outline': 'var(--outline)',
-//         'token-outline-soft': 'var(--outline-soft)',
-//         'token-success': 'var(--status-success)',
-//         'token-error': 'var(--status-error)',
-//         'token-warning': 'var(--status-warning)',
-//       },
-//       spacing: {
-//         'token-025': '0.125rem',
-//         'token-050': '0.25rem',
-//         'token-075': '0.375rem',
-//         'token-100': '0.5rem',
-//         'token-150': '0.75rem',
-//         'token-200': '1rem',
-//       },
-//       borderRadius: {
-//         'token-025': '0.125rem',
-//         'token-050': '0.25rem',
-//         'token-100': '0.5rem',
-//         'token-200': '1rem',
-//         'token-300': '1.5rem',
-//       },
-//       height: {
-//         'screen/2': '50vh',
-//         screen98: '98vh',
-//         screen96: '96vh',
-//         screen94: '94vh',
-//         screen92: '92vh',
-//       },
-//     },
-//   },
-// };
-const theme = tailwindConfig.theme.extend;
-// Extract all design tokens from tailwind.config.js
-export const tokens = {
-    // Colors
-    surface: theme.colors['token-surface'],
-    onSurface: theme.colors['token-on-surface'],
-    primary: theme.colors['token-primary'],
-    onPrimary: theme.colors['token-on-primary'],
-    outline: theme.colors['token-outline'],
-    outlineSoft: theme.colors['token-outline-soft'],
-    success: theme.colors['token-success'],
-    error: theme.colors['token-error'],
-    warning: theme.colors['token-warning'],
-    red: theme.colors.red?.DEFAULT || '#ff0000',
-    darkGray: theme.colors.grey_0 || '#4a4a4a',
-    white: theme.colors.white || '#ffffff',
-    // Spacing
-    spacing025: theme.spacing['token-025'],
-    spacing050: theme.spacing['token-050'],
-    spacing075: theme.spacing['token-075'],
-    spacing100: theme.spacing['token-100'],
-    spacing150: theme.spacing['token-150'],
-    spacing200: theme.spacing['token-200'],
-    spacing300: theme.spacing['token-300'],
-    spacing400: theme.spacing['token-400'],
-    spacing500: theme.spacing['token-500'],
-    spacing600: theme.spacing['token-600'],
-    spacing800: theme.spacing['token-800'],
-    spacing1000: theme.spacing['token-1000'],
-    spacing1200: theme.spacing['token-1200'],
-    // Border Radius
-    borderRadius025: theme.borderRadius['token-025'],
-    borderRadius050: theme.borderRadius['token-050'],
-    borderRadius100: theme.borderRadius['token-100'],
-    borderRadius200: theme.borderRadius['token-200'],
-    borderRadius300: theme.borderRadius['token-300'],
-    borderRadius400: theme.borderRadius['token-400'],
-    borderRadiusNone: theme.borderRadius['token-none'],
-    borderRadiusRound: theme.borderRadius['token-round'],
-    // State Layer (from CSS variables, not in tailwind config)
-    stateLayerNone: 'var(--state-layer-none)',
-    stateLayerHover: 'var(--state-layer-hover)',
-    stateLayerPress: 'var(--state-layer-press)',
-};
+"use strict";const e=require("../../tailwind.config.js"),o=e.theme.extend;export const tokens={surface:o.colors["token-surface"],onSurface:o.colors["token-on-surface"],primary:o.colors["token-primary"],onPrimary:o.colors["token-on-primary"],outline:o.colors["token-outline"],outlineSoft:o.colors["token-outline-soft"],success:o.colors["token-success"],error:o.colors["token-error"],warning:o.colors["token-warning"],red:o.colors.red?.DEFAULT||"#ff0000",darkGray:o.colors.grey_0||"#4a4a4a",white:o.colors.white||"#ffffff",spacing025:o.spacing["token-025"],spacing050:o.spacing["token-050"],spacing075:o.spacing["token-075"],spacing100:o.spacing["token-100"],spacing150:o.spacing["token-150"],spacing200:o.spacing["token-200"],spacing300:o.spacing["token-300"],spacing400:o.spacing["token-400"],spacing500:o.spacing["token-500"],spacing600:o.spacing["token-600"],spacing800:o.spacing["token-800"],spacing1000:o.spacing["token-1000"],spacing1200:o.spacing["token-1200"],borderRadius025:o.borderRadius["token-025"],borderRadius050:o.borderRadius["token-050"],borderRadius100:o.borderRadius["token-100"],borderRadius200:o.borderRadius["token-200"],borderRadius300:o.borderRadius["token-300"],borderRadius400:o.borderRadius["token-400"],borderRadiusNone:o.borderRadius["token-none"],borderRadiusRound:o.borderRadius["token-round"],stateLayerNone:"var(--state-layer-none)",stateLayerHover:"var(--state-layer-hover)",stateLayerPress:"var(--state-layer-press)"};

package/lib/src/core-components/src/utils/helpers/attachSubComponents.js

@@ -1,23 +1 @@
-/**
- * Attaches subcomponents to a parent component for use in
- * composed components. Example:
- * ```tsx
- * <Parent>
- *    <Parent.Title>abc</Parent.Title>
- *    <Parent.Body prop1="foobar"/>
- * </Parent>
- * ```
- *
- * This function also sets displayname on the parent component
- * and all children component, and has the correct return type
- * for typescript.
- *
- * @param displayName topLevelComponent's displayName
- * @param topLevelComponent the parent element of the composed component
- * @param otherComponents an object of child components (keys are the names of the child components)
- * @returns the top level component with otherComponents as static properties
- */
-export function attachSubComponents(displayName, topLevelComponent, otherComponents) {
-    Object.values(otherComponents).forEach((component) => (component.displayName = `${displayName}.${component.displayName}`));
-    return Object.assign(topLevelComponent, { displayName }, otherComponents);
-}
+"use strict";export function attachSubComponents(a,e,t){return Object.values(t).forEach(c=>c.displayName=`${a}.${c.displayName}`),Object.assign(e,{displayName:a},t)}