@televet/kibble-ui 4.0.0-beta.125 → 4.0.0-beta.127

package/dist/chunks/invertToken-DkyAF_BY.js

@@ -0,0 +1,10 @@
+const e = (a) => ({
+  value: {
+    _light: a.value._dark,
+    _dark: a.value._light
+  }
+});
+export {
+  e as i
+};
+//# sourceMappingURL=invertToken-DkyAF_BY.js.map

package/dist/chunks/invertToken-DkyAF_BY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"invertToken-DkyAF_BY.js","sources":["../../src/theme/semanticTokens/utils/invertToken.ts"],"sourcesContent":["import { SemanticTokenDefinition } from '../semanticTokens.types';\n\n// Swaps the light and dark values of a token\nexport const invertToken = (token: SemanticTokenDefinition): SemanticTokenDefinition => {\n  return {\n    value: {\n      _light: token.value._dark,\n      _dark: token.value._light,\n    },\n  };\n};\n"],"names":["invertToken","token"],"mappings":"AAGa,MAAAA,IAAc,CAACC,OACnB;AAAA,EACL,OAAO;AAAA,IACL,QAAQA,EAAM,MAAM;AAAA,IACpB,OAAOA,EAAM,MAAM;AAAA,EAAA;AAEvB;"}

package/dist/chunks/invertToken-Em3s32gh.js

@@ -0,0 +1,2 @@
+"use strict";const r=e=>({value:{_light:e.value._dark,_dark:e.value._light}});exports.invertToken=r;
+//# sourceMappingURL=invertToken-Em3s32gh.js.map

package/dist/chunks/invertToken-Em3s32gh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"invertToken-Em3s32gh.js","sources":["../../src/theme/semanticTokens/utils/invertToken.ts"],"sourcesContent":["import { SemanticTokenDefinition } from '../semanticTokens.types';\n\n// Swaps the light and dark values of a token\nexport const invertToken = (token: SemanticTokenDefinition): SemanticTokenDefinition => {\n  return {\n    value: {\n      _light: token.value._dark,\n      _dark: token.value._light,\n    },\n  };\n};\n"],"names":["invertToken","token"],"mappings":"aAGa,MAAAA,EAAeC,IACnB,CACL,MAAO,CACL,OAAQA,EAAM,MAAM,MACpB,MAAOA,EAAM,MAAM,MAAA,CAEvB"}

package/dist/chunks/logo.types-CYh7XPT1.js

@@ -0,0 +1,42 @@
+import { j as e } from "./jsx-runtime-C5mzlN2N.js";
+import { F as l, a as p } from "./IconLogo-UpYiHEKq.js";
+import { t as n } from "./typography-Cqrokog3.js";
+import { b as c } from "./config-DlTdf-Yt.js";
+import { u as f } from "./use-recipe-d63ABaZ3.js";
+import { B as m } from "./box-Ck9I7FYv.js";
+const u = {
+  full: {
+    width: "200px"
+  },
+  icon: {
+    width: "60px"
+  }
+}, d = c({
+  base: {},
+  variants: {
+    type: u,
+    variant: n
+  },
+  defaultVariants: {
+    type: "full",
+    variant: "default"
+  }
+}), j = ({ onClick: o, type: t = "full", variant: r = "default", ...s }) => {
+  const a = t === "full" ? l : p, i = f({ recipe: d })({ variant: r, type: t });
+  return /* @__PURE__ */ e.jsx(
+    m,
+    {
+      className: "Logo",
+      "data-testid": "kibble-logo",
+      ...o && { cursor: "pointer", onClick: o },
+      css: i,
+      ...s,
+      children: /* @__PURE__ */ e.jsx(a, { color: "currentColor", width: "100%", height: "100%" })
+    }
+  );
+}, L = ["full", "icon"];
+export {
+  j as L,
+  L as l
+};
+//# sourceMappingURL=logo.types-CYh7XPT1.js.map

package/dist/chunks/logo.types-CYh7XPT1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.types-CYh7XPT1.js","sources":["../../src/components/Logo/logo.recipe.ts","../../src/components/Logo/logo.component.tsx","../../src/components/Logo/logo.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { LogoType } from './logo.types';\nimport { typographyVariantStyles } from 'shared/records/typography';\n\nconst logoTypeStyles: Record<LogoType, SystemStyleObject> = {\n  full: {\n    width: '200px',\n  },\n  icon: {\n    width: '60px',\n  },\n};\n\nexport const logoRecipe = defineRecipe({\n  base: {},\n  variants: {\n    type: logoTypeStyles,\n    variant: typographyVariantStyles,\n  },\n  defaultVariants: {\n    type: 'full',\n    variant: 'default',\n  },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { LogoType } from './logo.types';\nimport { FullLogo, IconLogo } from './generated';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { logoRecipe } from './logo.recipe';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface LogoProps extends Omit<BoxProps, 'color'> {\n  onClick?: () => void;\n  type?: LogoType;\n  variant?: TypographyVariant;\n}\n\nexport const Logo = ({ onClick, type = 'full', variant = 'default', ...rest }: LogoProps): React.JSX.Element => {\n  const LogoComponent = type === 'full' ? FullLogo : IconLogo;\n  const recipe = useRecipe({ recipe: logoRecipe });\n  const styles = recipe({ variant, type });\n\n  return (\n    <Box\n      className=\"Logo\"\n      data-testid=\"kibble-logo\"\n      {...(onClick && { cursor: 'pointer', onClick })}\n      css={styles}\n      {...rest}\n    >\n      <LogoComponent color=\"currentColor\" width=\"100%\" height=\"100%\" />\n    </Box>\n  );\n};\n","export const logoTypes = ['full', 'icon'] as const;\nexport type LogoType = (typeof logoTypes)[number];\n"],"names":["logoTypeStyles","logoRecipe","defineRecipe","typographyVariantStyles","Logo","onClick","type","variant","rest","LogoComponent","FullLogo","IconLogo","styles","useRecipe","jsx","Box","logoTypes"],"mappings":";;;;;;AAIA,MAAMA,IAAsD;AAAA,EAC1D,MAAM;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAaC,EAAa;AAAA,EACrC,MAAM,CAAC;AAAA,EACP,UAAU;AAAA,IACR,MAAMF;AAAA,IACN,SAASG;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC,GCTYC,IAAO,CAAC,EAAE,SAAAC,GAAS,MAAAC,IAAO,QAAQ,SAAAC,IAAU,WAAW,GAAGC,QAAyC;AACxG,QAAAC,IAAgBH,MAAS,SAASI,IAAWC,GAE7CC,IADSC,EAAU,EAAE,QAAQZ,GAAY,EACzB,EAAE,SAAAM,GAAS,MAAAD,GAAM;AAGrC,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACX,GAAIV,KAAW,EAAE,QAAQ,WAAW,SAAAA,EAAQ;AAAA,MAC7C,KAAKO;AAAA,MACJ,GAAGJ;AAAA,MAEJ,gCAACC,GAAc,EAAA,OAAM,gBAAe,OAAM,QAAO,QAAO,OAAO,CAAA;AAAA,IAAA;AAAA,EACjE;AAEJ,GC9BaO,IAAY,CAAC,QAAQ,MAAM;"}

package/dist/chunks/logo.types-DySDOgO1.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),r=require("./IconLogo-C4aZqkn1.js"),l=require("./typography-CtiaGoJG.js"),u=require("./config-BFcXpdZo.js"),a=require("./use-recipe-DaPWl_pL.js"),p=require("./box-Baq7UBls.js"),g={full:{width:"200px"},icon:{width:"60px"}},d=u.defineRecipe({base:{},variants:{type:g,variant:l.typographyVariantStyles},defaultVariants:{type:"full",variant:"default"}}),f=({onClick:e,type:o="full",variant:s="default",...i})=>{const n=o==="full"?r.ForwardRef:r.ForwardRef$1,c=a.useRecipe({recipe:d})({variant:s,type:o});return t.jsxRuntimeExports.jsx(p.Box,{className:"Logo","data-testid":"kibble-logo",...e&&{cursor:"pointer",onClick:e},css:c,...i,children:t.jsxRuntimeExports.jsx(n,{color:"currentColor",width:"100%",height:"100%"})})},x=["full","icon"];exports.Logo=f;exports.logoTypes=x;
+//# sourceMappingURL=logo.types-DySDOgO1.js.map

package/dist/chunks/logo.types-DySDOgO1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.types-DySDOgO1.js","sources":["../../src/components/Logo/logo.recipe.ts","../../src/components/Logo/logo.component.tsx","../../src/components/Logo/logo.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { LogoType } from './logo.types';\nimport { typographyVariantStyles } from 'shared/records/typography';\n\nconst logoTypeStyles: Record<LogoType, SystemStyleObject> = {\n  full: {\n    width: '200px',\n  },\n  icon: {\n    width: '60px',\n  },\n};\n\nexport const logoRecipe = defineRecipe({\n  base: {},\n  variants: {\n    type: logoTypeStyles,\n    variant: typographyVariantStyles,\n  },\n  defaultVariants: {\n    type: 'full',\n    variant: 'default',\n  },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { LogoType } from './logo.types';\nimport { FullLogo, IconLogo } from './generated';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { logoRecipe } from './logo.recipe';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface LogoProps extends Omit<BoxProps, 'color'> {\n  onClick?: () => void;\n  type?: LogoType;\n  variant?: TypographyVariant;\n}\n\nexport const Logo = ({ onClick, type = 'full', variant = 'default', ...rest }: LogoProps): React.JSX.Element => {\n  const LogoComponent = type === 'full' ? FullLogo : IconLogo;\n  const recipe = useRecipe({ recipe: logoRecipe });\n  const styles = recipe({ variant, type });\n\n  return (\n    <Box\n      className=\"Logo\"\n      data-testid=\"kibble-logo\"\n      {...(onClick && { cursor: 'pointer', onClick })}\n      css={styles}\n      {...rest}\n    >\n      <LogoComponent color=\"currentColor\" width=\"100%\" height=\"100%\" />\n    </Box>\n  );\n};\n","export const logoTypes = ['full', 'icon'] as const;\nexport type LogoType = (typeof logoTypes)[number];\n"],"names":["logoTypeStyles","logoRecipe","defineRecipe","typographyVariantStyles","Logo","onClick","type","variant","rest","LogoComponent","FullLogo","IconLogo","styles","useRecipe","jsx","Box","logoTypes"],"mappings":"2OAIMA,EAAsD,CAC1D,KAAM,CACJ,MAAO,OACT,EACA,KAAM,CACJ,MAAO,MAAA,CAEX,EAEaC,EAAaC,EAAAA,aAAa,CACrC,KAAM,CAAC,EACP,SAAU,CACR,KAAMF,EACN,QAASG,EAAAA,uBACX,EACA,gBAAiB,CACf,KAAM,OACN,QAAS,SAAA,CAEb,CAAC,ECTYC,EAAO,CAAC,CAAE,QAAAC,EAAS,KAAAC,EAAO,OAAQ,QAAAC,EAAU,UAAW,GAAGC,KAAyC,CACxG,MAAAC,EAAgBH,IAAS,OAASI,EAAW,WAAAC,EAAA,aAE7CC,EADSC,EAAA,UAAU,CAAE,OAAQZ,EAAY,EACzB,CAAE,QAAAM,EAAS,KAAAD,EAAM,EAGrC,OAAAQ,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,OACV,cAAY,cACX,GAAIV,GAAW,CAAE,OAAQ,UAAW,QAAAA,CAAQ,EAC7C,IAAKO,EACJ,GAAGJ,EAEJ,iCAACC,EAAc,CAAA,MAAM,eAAe,MAAM,OAAO,OAAO,MAAO,CAAA,CAAA,CACjE,CAEJ,EC9BaO,EAAY,CAAC,OAAQ,MAAM"}

package/dist/chunks/{theme.provider-C2SyH4Og.js → theme.provider-DJQeMr5K.js}

@@ -16,6 +16,7 @@ import { c as to } from "./checkbox.anatomy-DCCPwuXc.js";
 import { i as oo } from "./tooltip.component-B15VGEn1.js";
 import { a as ro } from "./index-O8mh7GXa.js";
 import { coreColors as o } from "../esm/theme/tokens/colors/index.js";
+import { i as l } from "./invertToken-DkyAF_BY.js";
 import { f as fe, t as ve } from "./typography-Cqrokog3.js";
 import { Global as ao } from "@emotion/react";
 import io, { forwardRef as j, useId as so } from "react";
@@ -9427,12 +9428,7 @@ const mi = (e) => /* @__PURE__ */ n.jsx(zt, { attribute: "class", disableTransit
   toast: 1700,
   tooltip: 1800,
   tooltipExtra: 1e4
-}, Hi = d.zIndex(w(Fi)), l = (e) => ({
-  value: {
-    _light: e.value._dark,
-    _dark: e.value._light
-  }
-}), t = {
+}, Hi = d.zIndex(w(Fi)), t = {
   primary: {
     default: {
       value: {
@@ -11707,7 +11703,7 @@ const mi = (e) => /* @__PURE__ */ n.jsx(zt, { attribute: "class", disableTransit
     triggerItem: de
   }
 }), Ge = "8px 12px 8px 20px !important", Is = i({
-  slots: ["trigger", "clearTrigger", "item", "itemGroupLabel", "valueText", "content"],
+  slots: ["trigger", "clearTrigger", "item", "itemGroupLabel", "valueText", "content", "positioner"],
   base: {
     content: {
       borderRadius: "base",
@@ -11732,6 +11728,9 @@ const mi = (e) => /* @__PURE__ */ n.jsx(zt, { attribute: "class", disableTransit
       alignItems: "center",
       display: "flex",
       gap: 2
+    },
+    positioner: {
+      zIndex: "1401 !important"
     }
   },
   variants: {
@@ -12214,7 +12213,7 @@ const mi = (e) => /* @__PURE__ */ n.jsx(zt, { attribute: "class", disableTransit
 }, O = ({ toaster: e }) => /* @__PURE__ */ n.jsx(Gt, { children: /* @__PURE__ */ n.jsx(di, { className: "Toaster", "data-testid": "kibble-toaster", toaster: e, children: ({ title: r, description: a, meta: s }) => {
   const m = typeof r == "string" ? r : void 0, y = typeof a == "string" ? a : void 0;
   return /* @__PURE__ */ n.jsx(Hs, { title: m, description: y, ...s });
-} }) }), Sn = ({
+} }) }), zn = ({
   customTheme: e,
   children: r,
   enableSystem: a = !1,
@@ -12261,8 +12260,8 @@ const mi = (e) => /* @__PURE__ */ n.jsx(zt, { attribute: "class", disableTransit
   /* @__PURE__ */ n.jsx(mi, { storageKey: So, enableSystem: a, ...s, children: r })
 ] });
 export {
-  Sn as K,
+  zn as K,
   Ls as k,
   Fs as s
 };
-//# sourceMappingURL=theme.provider-C2SyH4Og.js.map
+//# sourceMappingURL=theme.provider-DJQeMr5K.js.map