react-restyle-components 0.4.46 → 0.4.47

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

@@ -1,12 +1 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconWrapper } from './elements';
-import { Icon } from '../../components/Icon/Icon';
-export const addIconToChildren = ({ children, size, icons, iconSide, }) => {
-    const icon = icons && (_jsx(IconWrapper, { iconSide: iconSide, size: size, hasChildren: !!children, children: _jsx(Icon, { nameIcon: icons?.nameIcon, propsIcon: icons?.propsIcon, className: icons?.className }) }));
-    return addToSide({
-        children,
-        element: icon,
-        side: iconSide,
-    });
-};
-export const addToSide = ({ children, element, side, }) => (_jsxs(_Fragment, { children: [side === 'left' && element, children, side === 'right' && element] }));
+"use strict";import{jsx as n,Fragment as t,jsxs as m}from"react/jsx-runtime";import{IconWrapper as c}from"./elements";import{Icon as p}from"../../components/Icon/Icon";export const addIconToChildren=({children:r,size:s,icons:o,iconSide:e})=>{const a=o&&n(c,{iconSide:e,size:s,hasChildren:!!r,children:n(p,{nameIcon:o?.nameIcon,propsIcon:o?.propsIcon,className:o?.className})});return addToSide({children:r,element:a,side:e})},addToSide=({children:r,element:s,side:o})=>m(t,{children:[o==="left"&&s,r,o==="right"&&s]});

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

@@ -1,23 +1,8 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext } from 'react';
-import { styled } from 'styled-components';
-import { colors } from '../../utils';
-// import {CardContext} from '../../components/Card/CardContext';
-import { dontForwardProps } from '../../utils';
-const CardContext = React.createContext({
-    isInsideCard: false,
-});
-export const StyledDivider = styled.hr.withConfig(dontForwardProps()) `
+"use strict";"use client";import{jsx as o}from"react/jsx-runtime";import e,{useContext as i}from"react";import{styled as s}from"styled-components";import{colors as n}from"../../utils";import{dontForwardProps as d}from"../../utils";const m=e.createContext({isInsideCard:!1});export const StyledDivider=s.hr.withConfig(d())`
   margin: 0;
   border: 0;
-  border-top: 1px solid ${colors.neutralBrightest};
+  border-top: 1px solid ${n.neutralBrightest};
 
-  ${({ isInsideCard }) => isInsideCard &&
-    `margin-left: -1rem; 
+  ${({isInsideCard:r})=>r&&`margin-left: -1rem; 
     margin-right: -1rem;`}
-`;
-export const Divider = (props) => {
-    const { isInsideCard } = useContext(CardContext);
-    return _jsx(StyledDivider, { isInsideCard: isInsideCard, ...props });
-};
+`,Divider=r=>{const{isInsideCard:t}=i(m);return o(StyledDivider,{isInsideCard:t,...r})};

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

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

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

@@ -1 +1 @@
-export { SelectionCardStrip } from './selectionCardStrip';
+"use strict";export{SelectionCardStrip}from"./selectionCardStrip";

package/lib/src/core-components/src/core-components/SelectionCardStrip/selectionCardStrip.js

@@ -1,15 +1,4 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { styled } from 'styled-components';
-// import {Card, CardProps} from '../../components/Card';
-import { createTransition, dontForwardProps } from '../../utils';
-import { colors } from '../../utils';
-import { toggleParentStyles } from '../ToggleCore';
-const Card = (props) => {
-    return _jsx("div", { ...props });
-};
-const StyledCard = styled(Card).withConfig(dontForwardProps()) `
+"use strict";"use client";import{jsx as t}from"react/jsx-runtime";import s from"react";import{styled as r}from"styled-components";import{createTransition as i,dontForwardProps as n}from"../../utils";import{colors as l}from"../../utils";import{toggleParentStyles as a}from"../ToggleCore";const d=e=>t("div",{...e}),c=r(d).withConfig(n())`
   display: inline-flex;
   align-items: flex-start;
   box-sizing: border-box;
@@ -17,37 +6,25 @@ const StyledCard = styled(Card).withConfig(dontForwardProps()) `
   line-height: 1.3;
   -moz-osx-font-smoothing: grayscale;
 
-  ${() => createTransition({
-    properties: ['box-shadow', 'background-color'],
-})}
+  ${()=>i({properties:["box-shadow","background-color"]})}
 
-  ${toggleParentStyles};
-`;
-const Wrapper = React.forwardRef((props, fRef) => (_jsx(StyledCard, { ref: fRef, element: "label", type: "selection", selected: props.checked || props.focused, ...props })));
-const InternalWrapper = styled.div.withConfig(dontForwardProps()) `
+  ${a};
+`,f=s.forwardRef((e,o)=>t(c,{ref:o,element:"label",type:"selection",selected:e.checked||e.focused,...e})),p=r.div.withConfig(n())`
   display: flex;
   z-index: 1;
   width: 100%;
   justify-content: center;
   padding: 0.1rem 0 0 0;
-  ${createTransition({
-    properties: ['color'],
-})};
+  ${i({properties:["color"]})};
 
-  ${({ isDisabled }) => isDisabled &&
-    `
+  ${({isDisabled:e})=>e&&`
       cursor: not-allowed;
-      color: ${colors.disabledText};
+      color: ${l.disabledText};
 `}
-  ${({ disableSvgColorOverride, isDisabled }) => !disableSvgColorOverride &&
-    `
+  ${({disableSvgColorOverride:e,isDisabled:o})=>!e&&`
     svg path {
       fill: none;
-      stroke: ${isDisabled && colors.disabledText};
+      stroke: ${o&&l.disabledText};
     }
 `}
-`;
-export const SelectionCardStrip = {
-    Wrapper,
-    InternalWrapper,
-};
+`;export const SelectionCardStrip={Wrapper:f,InternalWrapper:p};

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

@@ -1,6 +1,4 @@
-import { styled } from 'styled-components';
-import { tokens } from '../utils/designTokens';
-export const StateLayer = styled.div `
+"use strict";import{styled as o}from"styled-components";import{tokens as t}from"../utils/designTokens";export const StateLayer=o.div`
   position: absolute;
   top: 0;
   right: 0;
@@ -8,6 +6,6 @@ export const StateLayer = styled.div `
   left: 0;
   pointer-events: none;
   z-index: 0;
-  background: ${tokens.darkGray || '#4a4a4a'} !important;
-  opacity: ${tokens.stateLayerNone};
+  background: ${t.darkGray||"#4a4a4a"} !important;
+  opacity: ${t.stateLayerNone};
 `;

package/lib/src/core-components/src/core-components/ToggleCore/elements.js

@@ -1,12 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled, css } from 'styled-components';
-import { createTransition } from '../../utils';
-import { StateLayer } from '../StateLayer';
-// import {Text} from '../../components/Text';
-const Text = (props) => {
-    return _jsx("span", { ...props });
-};
-const baseToggleStyles = css `
+"use strict";import{jsx as r,jsxs as c}from"react/jsx-runtime";import{styled as i,css as o}from"styled-components";import{createTransition as n}from"../../utils";import{StateLayer as a}from"../StateLayer";const p=e=>r("span",{...e}),u=o`
   position: relative;
   display: block;
   box-sizing: border-box;
@@ -17,18 +9,15 @@ const baseToggleStyles = css `
   flex-shrink: 0;
   margin-right: var(--aui-spacing-100);
 
-  ${({ $showInteraction }) => $showInteraction &&
-    css `
+  ${({$showInteraction:e})=>e&&o`
       // Transitions
       &:before,
       [data-aui='icon'],
-      ${StateLayer} {
-        ${createTransition({ properties: ['opacity'] })}
+      ${a} {
+        ${n({properties:["opacity"]})}
       }
 
-      ${createTransition({
-        properties: ['box-shadow', 'background-color', 'color'],
-    })}
+      ${n({properties:["box-shadow","background-color","color"]})}
 
       // Support keyboard focus
       &:has(~ input:focus-visible) {
@@ -40,8 +29,7 @@ const baseToggleStyles = css `
         opacity: var(--aui-state-layer-on-disabled);
       }
     `}
-`;
-const StyledCheckbox = styled.span `
+`,s=i.span`
   [data-aui='icon-check'],
   [data-aui='icon-minus'] {
     position: absolute;
@@ -50,33 +38,28 @@ const StyledCheckbox = styled.span `
     transition: opacity 0.15s;
     pointer-events: none;
   }
-  ${baseToggleStyles};
+  ${u};
 
   border-radius: var(--aui-border-radius-050);
 
-  ${({ $checked, $indeterminate }) => $checked || $indeterminate
-    ? css `
+  ${({$checked:e,$indeterminate:d})=>e||d?o`
           box-shadow: 0 0 0 1px var(--aui-inverse-surface) inset;
           background: var(--aui-inverse-surface);
           color: var(--aui-inverse-on-surface);
-        `
-    : css `
+        `:o`
           box-shadow: 0 0 0 1px var(--aui-outline) inset;
           background: var(--aui-surface);
           color: var(--aui-on-surface);
         `}
-`;
-const StyledRadio = styled.span `
-  ${baseToggleStyles};
+`,t=i.span`
+  ${u};
 
   border-radius: var(--aui-border-radius-round);
   background: var(--aui-surface);
 
-  ${({ $checked }) => $checked
-    ? css `
+  ${({$checked:e})=>e?o`
           box-shadow: 0 0 0 2px var(--aui-inverse-surface) inset;
-        `
-    : css `
+        `:o`
           box-shadow: 0 0 0 1px var(--aui-outline) inset;
         `}
 
@@ -89,14 +72,9 @@ const StyledRadio = styled.span `
     top: 0.3125rem;
     left: 0.3125rem;
     background: var(--aui-inverse-surface);
-    opacity: ${({ $checked }) => ($checked ? '1' : '0')};
+    opacity: ${({$checked:e})=>e?"1":"0"};
   }
-`;
-export const CheckboxToggle = ({ ...props }) => (_jsxs(StyledCheckbox, { ...props, children: [_jsx(StateLayer, {}), _jsx("span", { children: "Icons" })] }));
-export const RadioToggle = (props) => (_jsx(StyledRadio, { ...props, children: _jsx(StateLayer, {}) }));
-export const StyledDescription = styled(Text).attrs({
-    size: 2,
-}) `
+`;export const CheckboxToggle=({...e})=>c(s,{...e,children:[r(a,{}),r("span",{children:"Icons"})]}),RadioToggle=e=>r(t,{...e,children:r(a,{})}),StyledDescription=i(p).attrs({size:2})`
   color: var(--aui-on-surface);
   line-height: 1.3;
 
@@ -104,30 +82,27 @@ export const StyledDescription = styled(Text).attrs({
     opacity: var(--aui-state-layer-on-disabled);
     cursor: not-allowed;
   }
-`;
-export const HiddenInput = styled.input `
+`,HiddenInput=i.input`
   position: fixed;
   opacity: 0;
   pointer-events: none;
-`;
-/** Add this style snippet to the label containing this ToggleCore component */
-export const toggleParentStyles = css `
+`,toggleParentStyles=o`
   &:not(:has(input:disabled)) {
     &:hover
-      ${StyledCheckbox}
-      ${StateLayer},
+      ${s}
+      ${a},
       &:hover
-      ${StyledRadio}
-      ${StateLayer} {
+      ${t}
+      ${a} {
       opacity: var(--aui-state-layer-hover);
     }
 
     &:active
-      ${StyledCheckbox}
-      ${StateLayer},
+      ${s}
+      ${a},
       &:hover
-      ${StyledRadio}
-      ${StateLayer} {
+      ${t}
+      ${a} {
       opacity: var(--aui-state-layer-press);
     }
   }

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

@@ -1,2 +1 @@
-export { ToggleCore } from './toggleCore';
-export { toggleParentStyles } from './elements';
+"use strict";export{ToggleCore}from"./toggleCore";export{toggleParentStyles}from"./elements";

package/lib/src/core-components/src/core-components/ToggleCore/toggleCore.js

@@ -1,14 +1 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { useId } from '../../utils';
-import { CheckboxToggle, RadioToggle, StyledDescription, HiddenInput, } from './elements';
-/** To apply hover states, apply `toggleParentStyles` to the label containing this component */
-export const ToggleCore = React.forwardRef(({ id, children, checked, isToggleShowing = true, showInteraction = true, onFocusChange, toggleType, indeterminate = false, ...rest }, ref) => {
-    const inputId = useId(toggleType, id);
-    if (typeof children === 'string') {
-        children = _jsx(StyledDescription, { children: children });
-    }
-    const ToggleComponent = toggleType === 'checkbox' ? CheckboxToggle : RadioToggle;
-    return (_jsxs(_Fragment, { children: [isToggleShowing && (_jsx(ToggleComponent, { "$checked": checked ?? false, "$showInteraction": showInteraction, "$indeterminate": indeterminate })), children, _jsx(HiddenInput, { readOnly: true, id: inputId, ref: ref, ...rest, checked: checked, type: toggleType, onFocus: () => onFocusChange?.(true), onBlur: () => onFocusChange?.(false), "aria-checked": indeterminate ? 'mixed' : undefined })] }));
-});
+"use strict";"use client";import{jsx as r,Fragment as u,jsxs as p}from"react/jsx-runtime";import l from"react";import{useId as g}from"../../utils";import{CheckboxToggle as x,RadioToggle as j,StyledDescription as k,HiddenInput as I}from"./elements";export const ToggleCore=l.forwardRef(({id:i,children:e,checked:t,isToggleShowing:a=!0,showInteraction:c=!0,onFocusChange:n,toggleType:o,indeterminate:s=!1,...d},f)=>{const m=g(o,i);return typeof e=="string"&&(e=r(k,{children:e})),p(u,{children:[a&&r(o==="checkbox"?x:j,{$checked:t??!1,$showInteraction:c,$indeterminate:s}),e,r(I,{readOnly:!0,id:m,ref:f,...d,checked:t,type:o,onFocus:()=>n?.(!0),onBlur:()=>n?.(!1),"aria-checked":s?"mixed":void 0})]})});

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

@@ -1,22 +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 Input = React.forwardRef(({ className, error, label, id, onChange, onBlur, onValueChange, onValueBlur, ...props }, ref) => {
-    const inputId = id || `input-${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("input", { ref: ref, id: inputId, className: cn(s['w-full'], s['px-4'], s['py-2'], s['border'], s['rounded-lg'], s['transition-colors'], 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), style: {
-                    ...props.style,
-                    '--tw-ring-offset-color': '#ffffff',
-                }, onChange: handleChange, onBlur: handleBlur, ...props }), error && (_jsx("p", { className: cn(s['mt-1'], s['text-sm'], s['text-red-600'], s['dark:text-red-400']), children: error }))] }));
-});
-Input.displayName = 'Input';
+"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 a}from"../../../utils";export const Input=h.forwardRef(({className:d,error:e,label:s,id:l,onChange:f,onBlur:i,onValueChange:c,onValueBlur:g,...n},m)=>{const u=l||`input-${Math.random().toString(36).substr(2,9)}`,p=t=>{f?.(t),c?.(t.target.value)},x=t=>{i?.(t),g?.(t.target.value)};return y("div",{className:a(r["w-full"]),children:[s&&o("label",{className:a(r.block,r["text-sm"],r["font-medium"],r["text-gray-700"],r["dark:text-gray-300"],r["mb-1"]),children:s}),o("input",{ref:m,id:u,className:a(r["w-full"],r["px-4"],r["py-2"],r.border,r["rounded-lg"],r["transition-colors"],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"],e&&r["border-red-500"],e&&r["focus:ring-red-500"],d),style:{...n.style,"--tw-ring-offset-color":"#ffffff"},onChange:p,onBlur:x,...n}),e&&o("p",{className:a(r["mt-1"],r["text-sm"],r["text-red-600"],r["dark:text-red-400"]),children:e})]})});Input.displayName="Input";

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

@@ -261,5 +261,6 @@
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,.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*/.\!filter,.backdrop-blur-sm,.blur,.ring,.ring-2,.shadow,.shadow-inner,body{font-family:Arima Regular;font-size:14px}.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))}.\!visible{visibility:visible!important}.top-1\/2{top:50%}.-translate-x-1\/2,.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.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}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.\!filter,.blur,.ring,.ring-2,.shadow,.shadow-inner,.backdrop-blur-sm,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))}.\!visible{visibility:visible!important}.top-1\/2{top:50%}.flex-grow,.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}@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}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow,.shadow-inner,.shadow-md,.ring,.ring-2,.blur,.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.backdrop-blur-sm,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]};