amotify 0.3.32 → 0.3.34

package/dist/fn/Input/Switch.js

@@ -1 +1 @@
-import{b as o,c as s,d as T}from"../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as k}from"react/jsx-runtime";import{UUID as b}from"jmini";import{useState as E}from"react";import h from"../../atoms/Box";import{Row as L}from"../../mols";import{Label as U}from"../Trigger";import{OptionalInputWrapper as P,BoxWrapper as W,CoreEffects as B}from"./core";import{InputSwitchClasses as g}from"../../@styles/componentClasses";function A(e){let{value:n,states:l}=e,{required:S}=l,r=[];return S&&!n&&r.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!r.filter(({type:I})=>I=="invalid").length,notice:r}}const O=e=>{let V=e,{componentId:n,color:l="posi",required:S,form:r,id:I,enableFormSubmit:M,showInitValidation:_,onChange:R,onKeyDown:F,onValidate:H,onValidateDelay:q,onUpdateValue:K,onUpdateValidValue:$,onUserAction:j,size:C="regular",value:N="",icon:v="",isApply:p=!1}=V,t=T(V,["componentId","color","required","form","id","enableFormSubmit","showInitValidation","onChange","onKeyDown","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","size","value","icon","isApply"]),[c,u]=E({componentId:e.componentId||"",rawValue:N,eventType:"init",eventID:b(12)}),d=!!c.rawValue;B.CommonEffects({type:"switch",states:e,val_status:c,set_status:u,SystemValidation:A});let f="middle",x=5,y=3;return p&&(y=4),k(W,{val_status:c,set_status:u,states:e,children:[a(h,s(o({htmlTag:"input",type:"checkbox","data-component-id":c.componentId,checked:c.rawValue,className:g("Input"),id:I,onKeyDown:i=>{F&&F(i),M&&B.SubmitForm(i,r)},onChange:i=>{let{checked:m}=i.target;u(z=>s(o({},z),{rawValue:m,eventType:"update",eventID:b(12),isInspected:!1,isValidated:!1,notice:[]})),R&&R(i)}},t),{onFocus:i=>{t!=null&&t.onFocus&&(t==null||t.onFocus(i)),u(m=>s(o({},m),{eventID:b(12),isFocusing:!0}))},onBlur:i=>{t!=null&&t.onBlur&&(t==null||t.onBlur(i)),u(m=>s(o({},m),{eventID:b(12),isFocusing:!1}))}})),a(U.Plain,{tabIndex:-1,htmlFor:I,padding:"1/4",transition:f,borderRadius:"1.tone.primary",className:g("Label"),children:a(h,s(o({},p?{padding:"1/4",isRounded:!0,backgroundColor:d?l:"layer.3"}:{}),{children:k(L.Center,{unitHeight:C=="small"?2:C=="regular"?2.5:C=="large"?3:0,position:"relative",xcss:{aspectRatio:(x+y)/x},children:[!p&&a(h,{position:"absolute",backgroundColor:d?l:"layer.5",isRounded:!0,transition:f,width:1,opacity:"middle",className:g("Bar"),xcss:{height:"40%"}}),a(h,{position:"absolute",top:0,backgroundColor:!p&&d?l:"white",transition:f,isRounded:!0,flexCenter:!0,boxShadow:"1.remark",className:g("Dot"),xcss:{height:"100%",aspectRatio:"1",left:d?`calc(${y.toRate(x+y)}%)`:0},children:v&&a(h,{transition:f,flexCenter:!0,fontColor:d?p?l:"white":"6.clear",children:v})})]})}))})]})},w=e=>{let n=o({},e);return n.value=!!n.value,n.color=n.color||"theme",a(P,{componentId:n.componentId,children:O,states:n})},D=Object.assign(w,{S:e=>a(w,s(o({},e),{size:"small"})),R:e=>a(w,s(o({},e),{size:"regular"})),L:e=>a(w,s(o({},e),{size:"large"}))});export{D as Switch,D as default};
+import{b as o,c as s,d as T}from"../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as k}from"react/jsx-runtime";import{UUID as b}from"jmini";import{useState as E}from"react";import h from"../../atoms/Box";import{Row as L}from"../../mols";import{Label as U}from"../Trigger";import{OptionalInputWrapper as P,BoxWrapper as W,CoreEffects as B}from"./core";import{InputSwitchClasses as g}from"../../@styles/componentClasses";function A(e){let{value:n,states:l}=e,{required:S}=l,r=[];return S&&!n&&r.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!r.filter(({type:I})=>I=="invalid").length,notice:r}}const O=e=>{let V=e,{componentId:n,color:l="posi",required:S,form:r,id:I,enableFormSubmit:M,showInitValidation:_,onChange:R,onKeyDown:F,onValidate:H,onValidateDelay:$,onUpdateValue:q,onUpdateValidValue:K,onUserAction:j,size:C="regular",value:N="",icon:v="",isApply:p=!1}=V,t=T(V,["componentId","color","required","form","id","enableFormSubmit","showInitValidation","onChange","onKeyDown","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","size","value","icon","isApply"]),[c,u]=E({componentId:e.componentId||"",rawValue:N,eventType:"init",eventID:b(12)}),d=!!c.rawValue;B.CommonEffects({type:"switch",states:e,val_status:c,set_status:u,SystemValidation:A});let f="middle",x=5,y=3;return p&&(y=4),k(W,{val_status:c,set_status:u,states:e,children:[a(h,s(o({htmlTag:"input",type:"checkbox","data-component-id":c.componentId,checked:c.rawValue,className:g("Input"),id:I,onKeyDown:i=>{F&&F(i),M&&B.SubmitForm(i,r)},onChange:i=>{let{checked:m}=i.target;u(z=>s(o({},z),{rawValue:m,eventType:"update",eventID:b(12),isInspected:!1,isValidated:!1,notice:[]})),R&&R(i)}},t),{onFocus:i=>{t!=null&&t.onFocus&&(t==null||t.onFocus(i)),u(m=>s(o({},m),{eventID:b(12),isFocusing:!0}))},onBlur:i=>{t!=null&&t.onBlur&&(t==null||t.onBlur(i)),u(m=>s(o({},m),{eventID:b(12),isFocusing:!1}))}})),a(U.Plain,{tabIndex:-1,htmlFor:I,padding:"1/4",transition:f,borderRadius:"1.tone.primary",className:g("Label"),children:a(h,s(o({},p?{padding:"1/4",isRounded:!0,backgroundColor:d?l:"layer.3"}:{}),{children:k(L.Center,{unitHeight:C=="small"?2:C=="regular"?2.5:C=="large"?3:0,position:"relative",xcss:{aspectRatio:(x+y)/x},children:[!p&&a(h,{position:"absolute",backgroundColor:d?l:"layer.5",isRounded:!0,transition:f,width:1,opacity:"middle",className:g("Bar"),xcss:{height:"40%"}}),a(h,{position:"absolute",top:0,backgroundColor:!p&&d?l:"white",transition:f,isRounded:!0,flexCenter:!0,boxShadow:"1.remark",className:g("Dot"),xcss:{height:"100%",aspectRatio:"1",left:d?`calc(${y.toRate(x+y)}%)`:0},children:v&&a(h,{transition:f,flexCenter:!0,fontColor:d?p?l:"white":"6.clear",children:v})})]})}))})]})},w=e=>{let n=o({},e);return n.value=!!n.value,n.color=n.color||"theme",a(P,{componentId:n.componentId,children:O,states:n})},D=Object.assign(w,{S:e=>a(w,s(o({},e),{size:"small"})),R:e=>a(w,s(o({},e),{size:"regular"})),L:e=>a(w,s(o({},e),{size:"large"}))});export{D as Switch,D as default};

package/dist/index.d.ts

@@ -79,345 +79,7 @@ declare const amotify: {
     }) => void;
     useUpdateEffect: (effect: () => void | (() => void), deps: any[]) => void;
     pageRouter: utils.pageRouter.Methods;
-    ColorRecords: {
-        key: utils.Themecolor;
-        safeName?: string | undefined;
-        isBrand?: true | undefined;
-        hex: string;
-    }[];
-    SetThemeColorTag: () => void;
-    ThemeColors: {
-        comun: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        leaf: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        heart: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        droplet: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        brick: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        flower: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        lip: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        wine: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        theater: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        bat: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        poizon: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        eggplant: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        ufo: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        alien: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        tombstone: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        ninja: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        moon: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        rain: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        unicorn: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        axe: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        gem: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        soap: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        drizzle: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        building: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        fish: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        icicles: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        water: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        tree1: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        tree2: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        tree3: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        battery: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        seedle: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        greenTea: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        oak: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        salad: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        cloudy: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        lemon: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        angel: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        parasol: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        pizza: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        thunder: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        latte: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        island: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        shovel: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        coffee: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        carrot: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        cactus: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        volcano: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        choco: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        industry: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        gun: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        galaxy: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        line: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        twitter: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        amazon: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        facebook: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        android: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        slackBlue: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        slackGreen: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        slackRed: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        slackYellow: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        slackBase: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        googleBlue: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        googleGreen: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        googleYellow: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-        googleRed: {
-            alfa(alfa?: number | undefined): string;
-            hex: string;
-            isBrand?: true | undefined;
-        };
-    };
+    $themecolor: typeof utils.$themecolor;
     ReadStyleSet: utils.ReadStyleSet<any>;
     GenerateHTMLProps: utils.GenerateHTMLProps;
     ExtractStyles: <T_2 = utils.StyleProps.BasicElement>(props: T_2) => [utils.StyleProps.States, T_2];

package/dist/mols/Row.d.ts

@@ -10,6 +10,18 @@ declare namespace Row {
         Left: React.FC<Flex.Input>;
         Right: React.FC<Flex.Input>;
         Separate: React.FC<Flex.Input>;
+        /**
+         * left title component and right content component
+         * left ... 25% min default
+         */
+        Description: React.FC<Flex.Input & {
+            label?: ReactElement;
+            onLabelRender?: (label: ReactElement) => ReactElement;
+            children: ReactElement;
+            onChildrenRender?: (children: ReactElement) => ReactElement;
+            labelStyles?: StyleProps.States;
+            childrenStyles?: StyleProps.States;
+        }>;
     };
 }
 declare const Row: Row.Methods;

package/dist/mols/Row.js

@@ -1 +1 @@
-import{b as t}from"../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import{Flex as l}from"../atoms";const n={Center:e=>a(l,t({horizontalAlign:"center",verticalAlign:"center",flexWrap:!1,gap:1},e)),Left:e=>a(l,t({horizontalAlign:"left",verticalAlign:"center",flexWrap:!1,gap:1},e)),Right:e=>a(l,t({horizontalAlign:"right",verticalAlign:"center",flexWrap:!1,gap:1},e)),Separate:e=>a(l,t({horizontalAlign:"between",verticalAlign:"center",flexWrap:!1,gap:1},e))};export{n as Row,n as default};
+import{b as t,c as n,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as l,jsxs as S}from"react/jsx-runtime";import{Box as x,Flex as a}from"../atoms";import d from"./Literal";const o={Center:e=>l(a,t({horizontalAlign:"center",verticalAlign:"center",flexWrap:!1,gap:1},e)),Left:e=>l(a,t({horizontalAlign:"left",verticalAlign:"center",flexWrap:!1,gap:1},e)),Right:e=>l(a,t({horizontalAlign:"right",verticalAlign:"center",flexWrap:!1,gap:1},e)),Separate:e=>l(a,t({horizontalAlign:"between",verticalAlign:"center",flexWrap:!1,gap:1},e)),Description:e=>{let c=e,{label:s,labelStyles:r,onLabelRender:R=i=>l(d,n(t({flexSizing:"none",isSemiBoldFont:!0},r),{xcss:n(t({},r==null?void 0:r.xcss),{minWidth:"25%"}),children:i})),children:f,childrenStyles:m,onChildrenRender:g=i=>l(x,n(t({flexSizing:0},m),{children:i}))}=c,h=p(c,["label","labelStyles","onLabelRender","children","childrenStyles","onChildrenRender"]);return S(o.Left,n(t({UnderBreakPointStyles:{flexType:"col",gap:"1/2",horizontalAlign:"unset",verticalAlign:"unset"}},h),{children:[R(s),g(f)]}))}};export{o as Row,o as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.3.32",
+  "version": "0.3.34",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",
@@ -90,7 +90,7 @@
     "@fortawesome/free-solid-svg-icons": "^7.2.0",
     "@fortawesome/react-fontawesome": "^3.3.0",
     "dotenv": "^17.0.1",
-    "jmini": "^0.0.123",
+    "jmini": "^0.0.129",
     "react": "^19.2.3"
   },
   "devDependencies": {

package/dist/@utils/color.d.ts

@@ -1,16 +0,0 @@
-import { Themecolor } from '../@declares';
-export declare const ColorRecords: {
-    key: Themecolor;
-    safeName?: string;
-    isBrand?: true;
-    hex: string;
-}[];
-export declare const SetThemeColorTag: () => void;
-declare const ThemeColors: {
-    [key in Themecolor]: {
-        alfa(alfa?: number): string;
-        hex: string;
-        isBrand?: true;
-    };
-};
-export { ThemeColors };

package/dist/@utils/color.js

@@ -1 +0,0 @@
-import"../chunk-C5N2D3ZX.js";import x from"jmini";const y=[{key:"comun",hex:"#434BE5"},{key:"leaf",hex:"#15AC78"},{key:"heart",hex:"#ED5954"},{key:"droplet",hex:"#1C71E9"},{key:"brick",hex:"#B3142C"},{key:"flower",hex:"#F18E9E"},{key:"lip",hex:"#D32760"},{key:"wine",hex:"#6C2D5A"},{key:"theater",hex:"#EB0FE7"},{key:"bat",hex:"#380A61"},{key:"poizon",hex:"#7B36C9"},{key:"eggplant",hex:"#8B3DFF"},{key:"ufo",hex:"#633DEB"},{key:"alien",hex:"#542BF5"},{key:"tombstone",hex:"#ADA9BE"},{key:"ninja",hex:"#615CFF"},{key:"moon",hex:"#333347"},{key:"rain",hex:"#6464AF"},{key:"unicorn",hex:"#8E91EB"},{key:"axe",hex:"#464F6D"},{key:"gem",hex:"#104BCB"},{key:"soap",hex:"#0C4197"},{key:"drizzle",hex:"#92ABC8"},{key:"building",hex:"#B5B8BA"},{key:"fish",hex:"#0384AB"},{key:"icicles",hex:"#53BDD5"},{key:"water",hex:"#67A5AD"},{key:"tree1",hex:"#09636D"},{key:"tree2",hex:"#039DAB"},{key:"tree3",hex:"#07565A"},{key:"battery",hex:"#0ABD9F"},{key:"seedle",hex:"#06C656"},{key:"greenTea",hex:"#3C9660"},{key:"oak",hex:"#A1BD93"},{key:"salad",hex:"#B6D00B"},{key:"cloudy",hex:"#CCCCC7"},{key:"lemon",hex:"#EEE077"},{key:"angel",hex:"#FFC800"},{key:"parasol",hex:"#F4CD71"},{key:"pizza",hex:"#F5AA14"},{key:"thunder",hex:"#DEAB45"},{key:"latte",hex:"#DDBE97"},{key:"island",hex:"#F58224"},{key:"shovel",hex:"#7A5443"},{key:"coffee",hex:"#513529"},{key:"carrot",hex:"#EE683F"},{key:"cactus",hex:"#AF928E"},{key:"volcano",hex:"#E12814"},{key:"choco",hex:"#CE5955"},{key:"industry",hex:"#808080"},{key:"gun",hex:"#5E5E5E"},{key:"galaxy",hex:"#0D0D0D"},{key:"line",hex:"#00BD00",isBrand:!0},{key:"twitter",hex:"#189EF2",isBrand:!0},{key:"amazon",hex:"#FF9900",isBrand:!0},{key:"facebook",hex:"#4268B3",isBrand:!0},{key:"android",hex:"#79C256",isBrand:!0},{key:"slackBlue",hex:"#38C5F0",isBrand:!0},{key:"slackGreen",hex:"#2EB87E",isBrand:!0},{key:"slackRed",hex:"#E01F5C",isBrand:!0},{key:"slackYellow",hex:"#ECB22D",isBrand:!0},{key:"slackBase",hex:"#4B154C",isBrand:!0},{key:"googleBlue",hex:"#4387F4",isBrand:!0},{key:"googleGreen",hex:"#0F9F59",isBrand:!0},{key:"googleYellow",hex:"#F5B400",isBrand:!0},{key:"googleRed",hex:"#DB4639",isBrand:!0}],i=()=>{let h="#45515c",e=x("#ThemeColorMetaTag");e[0]&&e.setAttribute("content",h)},k={};y.forEach(h=>{let{key:e}=h;k[e]={alfa:r=>`hsla( var( --cH_${e} ),var( --cS_${e} ),var( --cL_${e} ),${r!=null?r:1} ) `,hex:h.hex,isBrand:h.isBrand}});export{y as ColorRecords,i as SetThemeColorTag,k as ThemeColors};