@televet/kibble-ui 4.0.0-beta.7 → 4.0.0-beta.70

package/dist/chunks/index-CkYZf9Pm.js

@@ -0,0 +1,2 @@
+"use strict";const l=require("./index-DD49WSSW.js"),d=()=>{const{resolvedTheme:o,setTheme:e,forcedTheme:r}=l.z();return{colorMode:o,forcedTheme:r,setColorMode:e,toggleColorMode:()=>{e(o==="dark"?"light":"dark")}}},s=(o,e)=>{const{colorMode:r}=d();return r==="dark"?e:o};exports.useColorMode=d;exports.useColorModeValue=s;
+//# sourceMappingURL=index-CkYZf9Pm.js.map

package/dist/chunks/index-CkYZf9Pm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CkYZf9Pm.js","sources":["../../src/hooks/useColorMode/index.tsx","../../src/hooks/useColorModeValue/index.tsx"],"sourcesContent":["import { useTheme } from \"next-themes\";\nimport { ColorMode } from \"shared/types/theme\";\n\nexport interface UseColorModeReturn {\n  colorMode: ColorMode;\n  setColorMode: (colorMode: ColorMode) => void;\n  toggleColorMode: () => void;\n  forcedTheme?: ColorMode;\n}\n\nexport const useColorMode = (): UseColorModeReturn => {\n  const { resolvedTheme, setTheme, forcedTheme } = useTheme();\n  const toggleColorMode = (): void => {\n    setTheme(resolvedTheme === \"dark\" ? \"light\" : \"dark\");\n  };\n  return {\n    colorMode: resolvedTheme as ColorMode,\n    forcedTheme: forcedTheme as ColorMode,\n    setColorMode: setTheme,\n    toggleColorMode,\n  };\n};\n","import { useColorMode } from \"../useColorMode\";\n\nexport const useColorModeValue = <T,>(light: T, dark: T): T => {\n  const { colorMode } = useColorMode();\n  return colorMode === \"dark\" ? dark : light;\n};\n"],"names":["useColorMode","resolvedTheme","setTheme","forcedTheme","useTheme","useColorModeValue","light","dark","colorMode"],"mappings":"oDAUaA,EAAe,IAA0B,CACpD,KAAM,CAAE,cAAAC,EAAe,SAAAC,EAAU,YAAAC,CAAA,EAAgBC,EAAAA,EAAS,EAInD,MAAA,CACL,UAAWH,EACX,YAAAE,EACA,aAAcD,EACd,gBAPsB,IAAY,CACzBA,EAAAD,IAAkB,OAAS,QAAU,MAAM,CACtD,CAMA,CACF,ECnBaI,EAAoB,CAAKC,EAAUC,IAAe,CACvD,KAAA,CAAE,UAAAC,CAAU,EAAIR,EAAa,EAC5B,OAAAQ,IAAc,OAASD,EAAOD,CACvC"}

package/dist/chunks/index-Co91SHhW.js

@@ -0,0 +1,141 @@
+import { c as l, o as v, a as u, b as p } from "./index-CYk-7wwG.js";
+import { b as h } from "./use-locale-context-D-agiW5E.js";
+var k = p("avatar").parts("root", "image", "fallback"), n = k.build(), c = (e) => e.ids?.root ?? `avatar:${e.id}`, g = (e) => e.ids?.image ?? `avatar:${e.id}:image`, b = (e) => e.ids?.fallback ?? `avatar:${e.id}:fallback`, f = (e) => e.getById(c(e)), i = (e) => e.getById(g(e));
+function L(e, a) {
+  const { state: t, send: r, prop: d, scope: s } = e, o = t.matches("loaded");
+  return {
+    loaded: o,
+    setSrc(m) {
+      i(s)?.setAttribute("src", m);
+    },
+    setLoaded() {
+      r({ type: "img.loaded", src: "api" });
+    },
+    setError() {
+      r({ type: "img.error", src: "api" });
+    },
+    getRootProps() {
+      return a.element({
+        ...n.root.attrs,
+        dir: d("dir"),
+        id: c(s)
+      });
+    },
+    getImageProps() {
+      return a.img({
+        ...n.image.attrs,
+        hidden: !o,
+        dir: d("dir"),
+        id: g(s),
+        "data-state": o ? "visible" : "hidden",
+        onLoad() {
+          r({ type: "img.loaded", src: "element" });
+        },
+        onError() {
+          r({ type: "img.error", src: "element" });
+        }
+      });
+    },
+    getFallbackProps() {
+      return a.element({
+        ...n.fallback.attrs,
+        dir: d("dir"),
+        id: b(s),
+        hidden: o,
+        "data-state": o ? "hidden" : "visible"
+      });
+    }
+  };
+}
+var N = l({
+  initialState() {
+    return "loading";
+  },
+  effects: ["trackImageRemoval", "trackSrcChange"],
+  on: {
+    "src.change": {
+      target: "loading"
+    },
+    "img.unmount": {
+      target: "error"
+    }
+  },
+  states: {
+    loading: {
+      entry: ["checkImageStatus"],
+      on: {
+        "img.loaded": {
+          target: "loaded",
+          actions: ["invokeOnLoad"]
+        },
+        "img.error": {
+          target: "error",
+          actions: ["invokeOnError"]
+        }
+      }
+    },
+    error: {
+      on: {
+        "img.loaded": {
+          target: "loaded",
+          actions: ["invokeOnLoad"]
+        }
+      }
+    },
+    loaded: {
+      on: {
+        "img.error": {
+          target: "error",
+          actions: ["invokeOnError"]
+        }
+      }
+    }
+  },
+  implementations: {
+    actions: {
+      invokeOnLoad({ prop: e }) {
+        e("onStatusChange")?.({ status: "loaded" });
+      },
+      invokeOnError({ prop: e }) {
+        e("onStatusChange")?.({ status: "error" });
+      },
+      checkImageStatus({ send: e, scope: a }) {
+        const t = i(a);
+        if (!t?.complete) return;
+        const r = y(t) ? "img.loaded" : "img.error";
+        e({ type: r, src: "ssr" });
+      }
+    },
+    effects: {
+      trackImageRemoval({ send: e, scope: a }) {
+        const t = f(a);
+        return u(t, {
+          callback(r) {
+            Array.from(r[0].removedNodes).find(
+              (o) => o.nodeType === Node.ELEMENT_NODE && o.matches("[data-scope=avatar][data-part=image]")
+            ) && e({ type: "img.unmount" });
+          }
+        });
+      },
+      trackSrcChange({ send: e, scope: a }) {
+        const t = i(a);
+        return v(t, {
+          attributes: ["src", "srcset"],
+          callback() {
+            e({ type: "src.change" });
+          }
+        });
+      }
+    }
+  }
+});
+function y(e) {
+  return e.complete && e.naturalWidth !== 0 && e.naturalHeight !== 0;
+}
+h()(["dir", "id", "ids", "onStatusChange", "getRootNode"]);
+export {
+  k as a,
+  L as c,
+  N as m
+};
+//# sourceMappingURL=index-Co91SHhW.js.map

package/dist/chunks/index-Co91SHhW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Co91SHhW.js","sources":["../../node_modules/@zag-js/avatar/dist/index.mjs"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { observeAttributes, observeChildren } from '@zag-js/dom-query';\nimport { createMachine } from '@zag-js/core';\nimport { createProps } from '@zag-js/types';\nimport { createSplitProps } from '@zag-js/utils';\n\n// src/avatar.anatomy.ts\nvar anatomy = createAnatomy(\"avatar\").parts(\"root\", \"image\", \"fallback\");\nvar parts = anatomy.build();\n\n// src/avatar.dom.ts\nvar getRootId = (ctx) => ctx.ids?.root ?? `avatar:${ctx.id}`;\nvar getImageId = (ctx) => ctx.ids?.image ?? `avatar:${ctx.id}:image`;\nvar getFallbackId = (ctx) => ctx.ids?.fallback ?? `avatar:${ctx.id}:fallback`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getImageEl = (ctx) => ctx.getById(getImageId(ctx));\n\n// src/avatar.connect.ts\nfunction connect(service, normalize) {\n  const { state, send, prop, scope } = service;\n  const loaded = state.matches(\"loaded\");\n  return {\n    loaded,\n    setSrc(src) {\n      const img = getImageEl(scope);\n      img?.setAttribute(\"src\", src);\n    },\n    setLoaded() {\n      send({ type: \"img.loaded\", src: \"api\" });\n    },\n    setError() {\n      send({ type: \"img.error\", src: \"api\" });\n    },\n    getRootProps() {\n      return normalize.element({\n        ...parts.root.attrs,\n        dir: prop(\"dir\"),\n        id: getRootId(scope)\n      });\n    },\n    getImageProps() {\n      return normalize.img({\n        ...parts.image.attrs,\n        hidden: !loaded,\n        dir: prop(\"dir\"),\n        id: getImageId(scope),\n        \"data-state\": loaded ? \"visible\" : \"hidden\",\n        onLoad() {\n          send({ type: \"img.loaded\", src: \"element\" });\n        },\n        onError() {\n          send({ type: \"img.error\", src: \"element\" });\n        }\n      });\n    },\n    getFallbackProps() {\n      return normalize.element({\n        ...parts.fallback.attrs,\n        dir: prop(\"dir\"),\n        id: getFallbackId(scope),\n        hidden: loaded,\n        \"data-state\": loaded ? \"hidden\" : \"visible\"\n      });\n    }\n  };\n}\nvar machine = createMachine({\n  initialState() {\n    return \"loading\";\n  },\n  effects: [\"trackImageRemoval\", \"trackSrcChange\"],\n  on: {\n    \"src.change\": {\n      target: \"loading\"\n    },\n    \"img.unmount\": {\n      target: \"error\"\n    }\n  },\n  states: {\n    loading: {\n      entry: [\"checkImageStatus\"],\n      on: {\n        \"img.loaded\": {\n          target: \"loaded\",\n          actions: [\"invokeOnLoad\"]\n        },\n        \"img.error\": {\n          target: \"error\",\n          actions: [\"invokeOnError\"]\n        }\n      }\n    },\n    error: {\n      on: {\n        \"img.loaded\": {\n          target: \"loaded\",\n          actions: [\"invokeOnLoad\"]\n        }\n      }\n    },\n    loaded: {\n      on: {\n        \"img.error\": {\n          target: \"error\",\n          actions: [\"invokeOnError\"]\n        }\n      }\n    }\n  },\n  implementations: {\n    actions: {\n      invokeOnLoad({ prop }) {\n        prop(\"onStatusChange\")?.({ status: \"loaded\" });\n      },\n      invokeOnError({ prop }) {\n        prop(\"onStatusChange\")?.({ status: \"error\" });\n      },\n      checkImageStatus({ send, scope }) {\n        const imageEl = getImageEl(scope);\n        if (!imageEl?.complete) return;\n        const type = hasLoaded(imageEl) ? \"img.loaded\" : \"img.error\";\n        send({ type, src: \"ssr\" });\n      }\n    },\n    effects: {\n      trackImageRemoval({ send, scope }) {\n        const rootEl = getRootEl(scope);\n        return observeChildren(rootEl, {\n          callback(records) {\n            const removedNodes = Array.from(records[0].removedNodes);\n            const removed = removedNodes.find(\n              (node) => node.nodeType === Node.ELEMENT_NODE && node.matches(\"[data-scope=avatar][data-part=image]\")\n            );\n            if (removed) {\n              send({ type: \"img.unmount\" });\n            }\n          }\n        });\n      },\n      trackSrcChange({ send, scope }) {\n        const imageEl = getImageEl(scope);\n        return observeAttributes(imageEl, {\n          attributes: [\"src\", \"srcset\"],\n          callback() {\n            send({ type: \"src.change\" });\n          }\n        });\n      }\n    }\n  }\n});\nfunction hasLoaded(image) {\n  return image.complete && image.naturalWidth !== 0 && image.naturalHeight !== 0;\n}\nvar props = createProps()([\"dir\", \"id\", \"ids\", \"onStatusChange\", \"getRootNode\"]);\nvar splitProps = createSplitProps(props);\n\nexport { anatomy, connect, machine, props, splitProps };\n"],"names":["anatomy","createAnatomy","parts","getRootId","ctx","getImageId","getFallbackId","getRootEl","getImageEl","connect","service","normalize","state","send","prop","scope","loaded","src","machine","createMachine","imageEl","type","hasLoaded","rootEl","observeChildren","records","node","observeAttributes","image","createProps"],"mappings":"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","x_google_ignoreList":[0]}