@televet/kibble-ui 5.0.29-sc.1 → 5.0.30-sc.1

package/dist/cjs/cli/generate-theme-types.cjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-"use strict";const n=require("node:child_process"),o=require("node:fs"),r=require("node:path"),s=()=>{const e=r.resolve(process.cwd(),".kibble-temp"),t=r.resolve(e,"theme.config.ts");return o.existsSync(e)||o.mkdirSync(e,{recursive:!0}),o.writeFileSync(t,`
+"use strict";const s=require("node:child_process"),n=require("node:fs"),c=require("node:path"),a=require("node:url");var o=typeof document<"u"?document.currentScript:null;const l=()=>{const e=c.resolve(c.dirname(a.fileURLToPath(typeof document>"u"?require("url").pathToFileURL(__filename).href:o&&o.tagName.toUpperCase()==="SCRIPT"&&o.src||new URL("cjs/cli/generate-theme-types.cjs",document.baseURI).href)),"../../../package.json"),t=JSON.parse(n.readFileSync(e,"utf8"));return{cli:t.devDependencies["@chakra-ui/cli"],react:t.dependencies["@chakra-ui/react"]}},u=()=>{const e=c.resolve(process.cwd(),".kibble-temp"),t=c.resolve(e,"theme.config.ts");return n.existsSync(e)||n.mkdirSync(e,{recursive:!0}),n.writeFileSync(t,`
 import { system } from "@televet/kibble-ui/theme";
 export default system;
-`),t},c=e=>{const t=r.dirname(e);o.rmSync(t,{recursive:!0,force:!0})};try{console.log("🐕 Kibble UI: Creating temporary theme configuration...");const e=s();console.log("🐕 Kibble UI: Generating theme types..."),n.execSync(`npx @chakra-ui/cli typegen ${e}`,{stdio:"inherit"}),console.log("🐕 Kibble UI: Cleaning up..."),c(e),console.log("✨ Kibble UI: Theme types generated successfully!")}catch(e){console.error("❌ Kibble UI: Failed to generate theme types."),console.error(e),process.exit(1)}
+`),t},i=e=>{const t=c.dirname(e);n.rmSync(t,{recursive:!0,force:!0})};let r;try{console.log("🐕 Kibble UI: Creating temporary theme configuration..."),r=u(),console.log("🐕 Kibble UI: Generating theme types...");const{cli:e,react:t}=l();s.execSync(`npx --yes -p @chakra-ui/cli@${e} -p @chakra-ui/react@${t} chakra typegen ${r}`,{stdio:"inherit"}),console.log("🐕 Kibble UI: Cleaning up..."),i(r),console.log("✨ Kibble UI: Theme types generated successfully!")}catch(e){if(console.error("❌ Kibble UI: Failed to generate theme types."),console.error(e),r)try{i(r)}catch{}process.exit(1)}
 //# sourceMappingURL=generate-theme-types.cjs.map

package/dist/cjs/cli/generate-theme-types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"generate-theme-types.cjs","sources":["../../../src/cli/generate-theme-types.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { execSync } from 'node:child_process';\nimport { existsSync, mkdirSync, writeFileSync, rmSync } from 'node:fs';\nimport { dirname, resolve } from 'node:path';\n\n// Create a temporary theme config file that imports from kibble-ui\nconst createTempThemeConfig = (): string => {\n  const tempDir = resolve(process.cwd(), '.kibble-temp');\n  const tempFile = resolve(tempDir, 'theme.config.ts');\n\n  if (!existsSync(tempDir)) {\n    mkdirSync(tempDir, { recursive: true });\n  }\n\n  const configContent = `\nimport { system } from \"@televet/kibble-ui/theme\";\nexport default system;\n`;\n\n  writeFileSync(tempFile, configContent);\n  return tempFile;\n};\n\n// Clean up temporary files\nconst cleanup = (tempFile: string): void => {\n  const tempDir = dirname(tempFile);\n  rmSync(tempDir, { recursive: true, force: true });\n};\n\ntry {\n  console.log('🐕 Kibble UI: Creating temporary theme configuration...');\n  const tempFile = createTempThemeConfig();\n\n  console.log('🐕 Kibble UI: Generating theme types...');\n  execSync(`npx @chakra-ui/cli typegen ${tempFile}`, { stdio: 'inherit' });\n\n  console.log('🐕 Kibble UI: Cleaning up...');\n  cleanup(tempFile);\n\n  console.log('✨ Kibble UI: Theme types generated successfully!');\n} catch (error) {\n  console.error('❌ Kibble UI: Failed to generate theme types.');\n  console.error(error);\n  process.exit(1);\n}\n"],"names":["createTempThemeConfig","tempDir","resolve","tempFile","existsSync","mkdirSync","writeFileSync","cleanup","dirname","rmSync","execSync","error"],"mappings":";+FAOMA,EAAwB,IAAc,CAC1C,MAAMC,EAAUC,EAAA,QAAQ,QAAQ,IAAA,EAAO,cAAc,EAC/CC,EAAWD,EAAAA,QAAQD,EAAS,iBAAiB,EAE/C,OAACG,EAAAA,WAAWH,CAAO,GACrBI,EAAAA,UAAUJ,EAAS,CAAE,UAAW,EAAA,CAAM,EAQxCK,EAAA,cAAcH,EALQ;AAAA;AAAA;AAAA,CAKe,EAC9BA,CACT,EAGMI,EAAWJ,GAA2B,CACpC,MAAAF,EAAUO,UAAQL,CAAQ,EAChCM,EAAA,OAAOR,EAAS,CAAE,UAAW,GAAM,MAAO,GAAM,CAClD,EAEA,GAAI,CACF,QAAQ,IAAI,yDAAyD,EACrE,MAAME,EAAWH,EAAsB,EAEvC,QAAQ,IAAI,yCAAyC,EACrDU,EAAA,SAAS,8BAA8BP,CAAQ,GAAI,CAAE,MAAO,UAAW,EAEvE,QAAQ,IAAI,8BAA8B,EAC1CI,EAAQJ,CAAQ,EAEhB,QAAQ,IAAI,kDAAkD,CAChE,OAASQ,EAAO,CACd,QAAQ,MAAM,8CAA8C,EAC5D,QAAQ,MAAMA,CAAK,EACnB,QAAQ,KAAK,CAAC,CAChB"}
+{"version":3,"file":"generate-theme-types.cjs","sources":["../../../src/cli/generate-theme-types.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { execSync } from 'node:child_process';\nimport { existsSync, mkdirSync, writeFileSync, rmSync, readFileSync } from 'node:fs';\nimport { dirname, resolve } from 'node:path';\nimport { fileURLToPath } from 'node:url';\n\n// Read kibble-ui's own pinned @chakra-ui/cli and @chakra-ui/react versions so the\n// npx-installed CLI always matches what this package was built and tested against,\n// instead of drifting out of sync with a second hardcoded copy of the versions.\nconst getChakraVersions = (): { cli: string; react: string } => {\n  const packageJsonPath = resolve(dirname(fileURLToPath(import.meta.url)), '../../../package.json');\n  const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8'));\n  return {\n    cli: packageJson.devDependencies['@chakra-ui/cli'],\n    react: packageJson.dependencies['@chakra-ui/react'],\n  };\n};\n\n// Create a temporary theme config file that imports from kibble-ui\nconst createTempThemeConfig = (): string => {\n  const tempDir = resolve(process.cwd(), '.kibble-temp');\n  const tempFile = resolve(tempDir, 'theme.config.ts');\n\n  if (!existsSync(tempDir)) {\n    mkdirSync(tempDir, { recursive: true });\n  }\n\n  const configContent = `\nimport { system } from \"@televet/kibble-ui/theme\";\nexport default system;\n`;\n\n  writeFileSync(tempFile, configContent);\n  return tempFile;\n};\n\n// Clean up temporary files\nconst cleanup = (tempFile: string): void => {\n  const tempDir = dirname(tempFile);\n  rmSync(tempDir, { recursive: true, force: true });\n};\n\nlet tempFile: string | undefined;\n\ntry {\n  console.log('🐕 Kibble UI: Creating temporary theme configuration...');\n  tempFile = createTempThemeConfig();\n\n  console.log('🐕 Kibble UI: Generating theme types...');\n  // @chakra-ui/cli only lists @chakra-ui/react as a peerDependency, and npx's isolated\n  // install of a bare `npx @chakra-ui/cli` doesn't reliably pull it in (varies by npm\n  // version). Installing both explicitly into the same npx-isolated tree fixes resolution.\n  const { cli: chakraCliVersion, react: chakraReactVersion } = getChakraVersions();\n  execSync(\n    `npx --yes -p @chakra-ui/cli@${chakraCliVersion} -p @chakra-ui/react@${chakraReactVersion} chakra typegen ${tempFile}`,\n    { stdio: 'inherit' },\n  );\n\n  console.log('🐕 Kibble UI: Cleaning up...');\n  cleanup(tempFile);\n\n  console.log('✨ Kibble UI: Theme types generated successfully!');\n} catch (error) {\n  console.error('❌ Kibble UI: Failed to generate theme types.');\n  console.error(error);\n\n  if (tempFile) {\n    try {\n      cleanup(tempFile);\n    } catch {\n      // Best-effort cleanup — the error above is the one that matters.\n    }\n  }\n\n  process.exit(1);\n}\n"],"names":["getChakraVersions","packageJsonPath","resolve","dirname","fileURLToPath","_documentCurrentScript","packageJson","readFileSync","createTempThemeConfig","tempDir","tempFile","existsSync","mkdirSync","writeFileSync","cleanup","rmSync","chakraCliVersion","chakraReactVersion","execSync","error"],"mappings":";2KAUA,MAAMA,EAAoB,IAAsC,CACxD,MAAAC,EAAkBC,EAAAA,QAAQC,EAAQ,QAAAC,EAAA,cAA6B,OAAA,SAAA,IAAA,QAAA,KAAA,EAAA,cAAA,UAAA,EAAA,KAAAC,GAAAA,EAAA,QAAA,YAAA,IAAA,UAAAA,EAAA,KAAA,IAAA,IAAA,mCAAA,SAAA,OAAA,EAAA,IAAA,CAAC,EAAG,uBAAuB,EAC1FC,EAAc,KAAK,MAAMC,EAAAA,aAAaN,EAAiB,MAAM,CAAC,EAC7D,MAAA,CACL,IAAKK,EAAY,gBAAgB,gBAAgB,EACjD,MAAOA,EAAY,aAAa,kBAAkB,CACpD,CACF,EAGME,EAAwB,IAAc,CAC1C,MAAMC,EAAUP,EAAA,QAAQ,QAAQ,IAAA,EAAO,cAAc,EAC/CQ,EAAWR,EAAAA,QAAQO,EAAS,iBAAiB,EAE/C,OAACE,EAAAA,WAAWF,CAAO,GACrBG,EAAAA,UAAUH,EAAS,CAAE,UAAW,EAAA,CAAM,EAQxCI,EAAA,cAAcH,EALQ;AAAA;AAAA;AAAA,CAKe,EAC9BA,CACT,EAGMI,EAAWJ,GAA2B,CACpC,MAAAD,EAAUN,UAAQO,CAAQ,EAChCK,EAAA,OAAON,EAAS,CAAE,UAAW,GAAM,MAAO,GAAM,CAClD,EAEA,IAAIC,EAEJ,GAAI,CACF,QAAQ,IAAI,yDAAyD,EACrEA,EAAWF,EAAsB,EAEjC,QAAQ,IAAI,yCAAyC,EAIrD,KAAM,CAAE,IAAKQ,EAAkB,MAAOC,CAAA,EAAuBjB,EAAkB,EAC/EkB,EAAA,SACE,+BAA+BF,CAAgB,wBAAwBC,CAAkB,mBAAmBP,CAAQ,GACpH,CAAE,MAAO,SAAU,CACrB,EAEA,QAAQ,IAAI,8BAA8B,EAC1CI,EAAQJ,CAAQ,EAEhB,QAAQ,IAAI,kDAAkD,CAChE,OAASS,EAAO,CAId,GAHA,QAAQ,MAAM,8CAA8C,EAC5D,QAAQ,MAAMA,CAAK,EAEfT,EACE,GAAA,CACFI,EAAQJ,CAAQ,CAAA,MACV,CAAA,CAKV,QAAQ,KAAK,CAAC,CAChB"}

package/dist/esm/cli/generate-theme-types.js

@@ -1,22 +1,38 @@
 #!/usr/bin/env node
-import { execSync as r } from "node:child_process";
-import { existsSync as n, mkdirSync as i, writeFileSync as c, rmSync as s } from "node:fs";
-import { resolve as o, dirname as l } from "node:path";
-const m = () => {
+import { execSync as i } from "node:child_process";
+import { existsSync as s, mkdirSync as a, writeFileSync as l, readFileSync as m, rmSync as p } from "node:fs";
+import { resolve as o, dirname as n } from "node:path";
+import { fileURLToPath as u } from "node:url";
+const h = () => {
+  const e = o(n(u(import.meta.url)), "../../../package.json"), t = JSON.parse(m(e, "utf8"));
+  return {
+    cli: t.devDependencies["@chakra-ui/cli"],
+    react: t.dependencies["@chakra-ui/react"]
+  };
+}, g = () => {
   const e = o(process.cwd(), ".kibble-temp"), t = o(e, "theme.config.ts");
-  return n(e) || i(e, { recursive: !0 }), c(t, `
+  return s(e) || a(e, { recursive: !0 }), l(t, `
 import { system } from "@televet/kibble-ui/theme";
 export default system;
 `), t;
-}, p = (e) => {
-  const t = l(e);
-  s(t, { recursive: !0, force: !0 });
+}, c = (e) => {
+  const t = n(e);
+  p(t, { recursive: !0, force: !0 });
 };
+let r;
 try {
-  console.log("🐕 Kibble UI: Creating temporary theme configuration...");
-  const e = m();
-  console.log("🐕 Kibble UI: Generating theme types..."), r(`npx @chakra-ui/cli typegen ${e}`, { stdio: "inherit" }), console.log("🐕 Kibble UI: Cleaning up..."), p(e), console.log("✨ Kibble UI: Theme types generated successfully!");
+  console.log("🐕 Kibble UI: Creating temporary theme configuration..."), r = g(), console.log("🐕 Kibble UI: Generating theme types...");
+  const { cli: e, react: t } = h();
+  i(
+    `npx --yes -p @chakra-ui/cli@${e} -p @chakra-ui/react@${t} chakra typegen ${r}`,
+    { stdio: "inherit" }
+  ), console.log("🐕 Kibble UI: Cleaning up..."), c(r), console.log("✨ Kibble UI: Theme types generated successfully!");
 } catch (e) {
-  console.error("❌ Kibble UI: Failed to generate theme types."), console.error(e), process.exit(1);
+  if (console.error("❌ Kibble UI: Failed to generate theme types."), console.error(e), r)
+    try {
+      c(r);
+    } catch {
+    }
+  process.exit(1);
 }
 //# sourceMappingURL=generate-theme-types.js.map

package/dist/esm/cli/generate-theme-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"generate-theme-types.js","sources":["../../../src/cli/generate-theme-types.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { execSync } from 'node:child_process';\nimport { existsSync, mkdirSync, writeFileSync, rmSync } from 'node:fs';\nimport { dirname, resolve } from 'node:path';\n\n// Create a temporary theme config file that imports from kibble-ui\nconst createTempThemeConfig = (): string => {\n  const tempDir = resolve(process.cwd(), '.kibble-temp');\n  const tempFile = resolve(tempDir, 'theme.config.ts');\n\n  if (!existsSync(tempDir)) {\n    mkdirSync(tempDir, { recursive: true });\n  }\n\n  const configContent = `\nimport { system } from \"@televet/kibble-ui/theme\";\nexport default system;\n`;\n\n  writeFileSync(tempFile, configContent);\n  return tempFile;\n};\n\n// Clean up temporary files\nconst cleanup = (tempFile: string): void => {\n  const tempDir = dirname(tempFile);\n  rmSync(tempDir, { recursive: true, force: true });\n};\n\ntry {\n  console.log('🐕 Kibble UI: Creating temporary theme configuration...');\n  const tempFile = createTempThemeConfig();\n\n  console.log('🐕 Kibble UI: Generating theme types...');\n  execSync(`npx @chakra-ui/cli typegen ${tempFile}`, { stdio: 'inherit' });\n\n  console.log('🐕 Kibble UI: Cleaning up...');\n  cleanup(tempFile);\n\n  console.log('✨ Kibble UI: Theme types generated successfully!');\n} catch (error) {\n  console.error('❌ Kibble UI: Failed to generate theme types.');\n  console.error(error);\n  process.exit(1);\n}\n"],"names":["createTempThemeConfig","tempDir","resolve","tempFile","existsSync","mkdirSync","writeFileSync","cleanup","dirname","rmSync","execSync","error"],"mappings":";;;;AAOA,MAAMA,IAAwB,MAAc;AAC1C,QAAMC,IAAUC,EAAQ,QAAQ,IAAA,GAAO,cAAc,GAC/CC,IAAWD,EAAQD,GAAS,iBAAiB;AAE/C,SAACG,EAAWH,CAAO,KACrBI,EAAUJ,GAAS,EAAE,WAAW,GAAA,CAAM,GAQxCK,EAAcH,GALQ;AAAA;AAAA;AAAA,CAKe,GAC9BA;AACT,GAGMI,IAAU,CAACJ,MAA2B;AACpC,QAAAF,IAAUO,EAAQL,CAAQ;AAChC,EAAAM,EAAOR,GAAS,EAAE,WAAW,IAAM,OAAO,IAAM;AAClD;AAEA,IAAI;AACF,UAAQ,IAAI,yDAAyD;AACrE,QAAME,IAAWH,EAAsB;AAEvC,UAAQ,IAAI,yCAAyC,GACrDU,EAAS,8BAA8BP,CAAQ,IAAI,EAAE,OAAO,WAAW,GAEvE,QAAQ,IAAI,8BAA8B,GAC1CI,EAAQJ,CAAQ,GAEhB,QAAQ,IAAI,kDAAkD;AAChE,SAASQ,GAAO;AACd,UAAQ,MAAM,8CAA8C,GAC5D,QAAQ,MAAMA,CAAK,GACnB,QAAQ,KAAK,CAAC;AAChB;"}
+{"version":3,"file":"generate-theme-types.js","sources":["../../../src/cli/generate-theme-types.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { execSync } from 'node:child_process';\nimport { existsSync, mkdirSync, writeFileSync, rmSync, readFileSync } from 'node:fs';\nimport { dirname, resolve } from 'node:path';\nimport { fileURLToPath } from 'node:url';\n\n// Read kibble-ui's own pinned @chakra-ui/cli and @chakra-ui/react versions so the\n// npx-installed CLI always matches what this package was built and tested against,\n// instead of drifting out of sync with a second hardcoded copy of the versions.\nconst getChakraVersions = (): { cli: string; react: string } => {\n  const packageJsonPath = resolve(dirname(fileURLToPath(import.meta.url)), '../../../package.json');\n  const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8'));\n  return {\n    cli: packageJson.devDependencies['@chakra-ui/cli'],\n    react: packageJson.dependencies['@chakra-ui/react'],\n  };\n};\n\n// Create a temporary theme config file that imports from kibble-ui\nconst createTempThemeConfig = (): string => {\n  const tempDir = resolve(process.cwd(), '.kibble-temp');\n  const tempFile = resolve(tempDir, 'theme.config.ts');\n\n  if (!existsSync(tempDir)) {\n    mkdirSync(tempDir, { recursive: true });\n  }\n\n  const configContent = `\nimport { system } from \"@televet/kibble-ui/theme\";\nexport default system;\n`;\n\n  writeFileSync(tempFile, configContent);\n  return tempFile;\n};\n\n// Clean up temporary files\nconst cleanup = (tempFile: string): void => {\n  const tempDir = dirname(tempFile);\n  rmSync(tempDir, { recursive: true, force: true });\n};\n\nlet tempFile: string | undefined;\n\ntry {\n  console.log('🐕 Kibble UI: Creating temporary theme configuration...');\n  tempFile = createTempThemeConfig();\n\n  console.log('🐕 Kibble UI: Generating theme types...');\n  // @chakra-ui/cli only lists @chakra-ui/react as a peerDependency, and npx's isolated\n  // install of a bare `npx @chakra-ui/cli` doesn't reliably pull it in (varies by npm\n  // version). Installing both explicitly into the same npx-isolated tree fixes resolution.\n  const { cli: chakraCliVersion, react: chakraReactVersion } = getChakraVersions();\n  execSync(\n    `npx --yes -p @chakra-ui/cli@${chakraCliVersion} -p @chakra-ui/react@${chakraReactVersion} chakra typegen ${tempFile}`,\n    { stdio: 'inherit' },\n  );\n\n  console.log('🐕 Kibble UI: Cleaning up...');\n  cleanup(tempFile);\n\n  console.log('✨ Kibble UI: Theme types generated successfully!');\n} catch (error) {\n  console.error('❌ Kibble UI: Failed to generate theme types.');\n  console.error(error);\n\n  if (tempFile) {\n    try {\n      cleanup(tempFile);\n    } catch {\n      // Best-effort cleanup — the error above is the one that matters.\n    }\n  }\n\n  process.exit(1);\n}\n"],"names":["getChakraVersions","packageJsonPath","resolve","dirname","fileURLToPath","packageJson","readFileSync","createTempThemeConfig","tempDir","tempFile","existsSync","mkdirSync","writeFileSync","cleanup","rmSync","chakraCliVersion","chakraReactVersion","execSync","error"],"mappings":";;;;;AAUA,MAAMA,IAAoB,MAAsC;AACxD,QAAAC,IAAkBC,EAAQC,EAAQC,EAAc,YAAY,GAAG,CAAC,GAAG,uBAAuB,GAC1FC,IAAc,KAAK,MAAMC,EAAaL,GAAiB,MAAM,CAAC;AAC7D,SAAA;AAAA,IACL,KAAKI,EAAY,gBAAgB,gBAAgB;AAAA,IACjD,OAAOA,EAAY,aAAa,kBAAkB;AAAA,EACpD;AACF,GAGME,IAAwB,MAAc;AAC1C,QAAMC,IAAUN,EAAQ,QAAQ,IAAA,GAAO,cAAc,GAC/CO,IAAWP,EAAQM,GAAS,iBAAiB;AAE/C,SAACE,EAAWF,CAAO,KACrBG,EAAUH,GAAS,EAAE,WAAW,GAAA,CAAM,GAQxCI,EAAcH,GALQ;AAAA;AAAA;AAAA,CAKe,GAC9BA;AACT,GAGMI,IAAU,CAACJ,MAA2B;AACpC,QAAAD,IAAUL,EAAQM,CAAQ;AAChC,EAAAK,EAAON,GAAS,EAAE,WAAW,IAAM,OAAO,IAAM;AAClD;AAEA,IAAIC;AAEJ,IAAI;AACF,UAAQ,IAAI,yDAAyD,GACrEA,IAAWF,EAAsB,GAEjC,QAAQ,IAAI,yCAAyC;AAIrD,QAAM,EAAE,KAAKQ,GAAkB,OAAOC,EAAA,IAAuBhB,EAAkB;AAC/E,EAAAiB;AAAA,IACE,+BAA+BF,CAAgB,wBAAwBC,CAAkB,mBAAmBP,CAAQ;AAAA,IACpH,EAAE,OAAO,UAAU;AAAA,EACrB,GAEA,QAAQ,IAAI,8BAA8B,GAC1CI,EAAQJ,CAAQ,GAEhB,QAAQ,IAAI,kDAAkD;AAChE,SAASS,GAAO;AAId,MAHA,QAAQ,MAAM,8CAA8C,GAC5D,QAAQ,MAAMA,CAAK,GAEfT;AACE,QAAA;AACF,MAAAI,EAAQJ,CAAQ;AAAA,IAAA,QACV;AAAA,IAAA;AAKV,UAAQ,KAAK,CAAC;AAChB;"}

package/dist/types/components/Alert/alert.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { Alert as CAlert } from '@chakra-ui/react/alert';
 import { HeadingProps } from '../Heading/heading.component';
 import { IconProps } from '../Icon/icon.component';

package/dist/types/components/Alert/components/AlertButton/alertButton.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { AlertButtonPosition } from '../../alert.types';
 import { ButtonProps } from '../../../Button/button.component';
 import { Status } from '../../../../shared/types/status';

package/dist/types/components/Avatar/avatar.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { Avatar as CAvatar } from '@chakra-ui/react/avatar';
 import { TooltipProps } from '../Tooltip/tooltip.component';
 import { IconName } from '../Icon';

package/dist/types/components/Avatar/components/AvatarBadge/avatarBadge.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { IconName } from '../../../Icon';
 import { AvatarSize } from '../../avatar.types';
 import { ConditionalValue } from '@chakra-ui/react/styled-system';

package/dist/types/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { AvatarSize } from '../../avatar.types';
 interface AvatarRemoveButtonProps {
     /** Callback function to be called when the remove button is clicked. */

package/dist/types/components/Avatar/components/AvatarTooltipTriggerWrapper/avatarTooltipTriggerWrapper.component.d.ts

@@ -1,2 +1,2 @@
 import { CenterProps } from '@chakra-ui/react/center';
-export declare const AvatarTooltipTriggerWrapper: import('react').ForwardRefExoticComponent<CenterProps & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const AvatarTooltipTriggerWrapper: import('../../../../../node_modules/react').ForwardRefExoticComponent<CenterProps & import('../../../../../node_modules/react').HTMLAttributes<HTMLDivElement> & import('../../../../../node_modules/react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/AvatarGroup/avatarGroup.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { AvatarGroupProps as CAvatarGroupProps } from '@chakra-ui/react/avatar';
 import { AvatarProps } from '../Avatar/avatar.component';
 import { AvatarSize, AvatarVariant } from '../Avatar/avatar.types';

package/dist/types/components/Button/button.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { ButtonProps as CButtonProps } from '@chakra-ui/react/button';
 import { IconName } from '../Icon/icon.types';
 import { ButtonIconPosition, ButtonSize, ButtonSpinnerPlacement, ButtonVariant } from './button.types';

package/dist/types/components/ButtonGroup/buttonGroup.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { ButtonGroupProps as CButtonGroupProps } from '@chakra-ui/react/button';
 import { GroupedButton } from './buttonGroup.types';
 import { ButtonSize, ButtonVariant } from '../Button/button.types';

package/dist/types/components/Calendar/calendar.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { DateProps } from '../DatePicker/datePicker.types';
 import { CalendarFooterConfig } from './calendarFooterButton.component';
 export interface CalendarProps extends DateProps {

package/dist/types/components/Calendar/calendarFooterButton.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 /**
  * The built-in preset values for CalendarFooterButton.
  *

package/dist/types/components/Card/card.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { BoxProps } from '@chakra-ui/react/box';
 import { CardSize } from './card.types';
 export interface BaseCardProps {

package/dist/types/components/CharacterCounter/characterCounter.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 export interface BaseCharacterCounterProps {
     /** Current character count. */
     currentCount: number;

package/dist/types/components/Checkbox/checkbox.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { Checkbox as CCheckbox } from '@chakra-ui/react/checkbox';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';

package/dist/types/components/CheckboxGroup/checkboxGroup.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/react/checkbox';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { FlexDirection } from '../../shared/types/alignment';

package/dist/types/components/ConversationCard/components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 export interface ConversationCardAvatarGroupProps {
     /** Avatars to display in the group. */
     avatars: React.ReactNode[];

package/dist/types/components/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { MenuProps } from '../../../Menu';
 export interface ConversationCardOverlayProps {
     /** Determines if the conversation is open in an overlay. */

package/dist/types/components/ConversationCard/components/ConversationCardContent/conversationCardContent.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { TextProps } from '../../../Text/text.component';
 export interface ConversationCardContentProps {
     /** Content of the card. */

package/dist/types/components/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { IconProps } from '../../../Icon/icon.component';
 import { TextProps } from '../../../Text/text.component';
 export interface ConversationCardFooterProps {

package/dist/types/components/ConversationCard/components/ConversationCardHeader/conversationCardHeader.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { TimestampProps } from '../../../Timestamp/timestamp.component';
 import { ConversationCardAvatarGroupProps } from '../ConversationCardAvatarGroup/conversationCardAvatarGroup.component';
 export interface ConversationCardHeaderProps {

package/dist/types/components/ConversationCard/components/ConversationCardTags/conversationCardTags.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { TagProps } from '../../../Tag/tag.component';
 export type ConversationCardTag = TagProps & {
     /** Content to display in the tooltip. */

package/dist/types/components/ConversationCard/conversationCard.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { MenuProps } from '../Menu/menu.component';
 import { ConversationCardHeaderProps } from './components/ConversationCardHeader/conversationCardHeader.component';
 import { ConversationCardOverlayProps, ConversationCardPinProps } from './components/ConversationCardButtons/conversationCardButtons.component';

package/dist/types/components/DatePicker/components/DatePickerCalendar/datePickerCalendar.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 interface DatePickerCalendarProps {
     /** If true, the month labels will be displayed. */
     showMonthLabels?: boolean;

package/dist/types/components/DatePicker/components/DatePickerDay/datePickerCalendarDay.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { CornerRoundingFlags } from '../../datePicker.types';
 interface DayProps {
     /** Label of the day. */

package/dist/types/components/DatePicker/components/DatePickerFooter/datePickerFooter.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { DateRange } from '../../datePicker.types';
 export interface DatePickerFooterProps {
     /** Text to display in the submit button.

package/dist/types/components/DatePicker/components/DatePickerHeader/datePickerHeader.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { MenuButtonProps } from '../../../Menu/components/MenuButton/menuButton.component';
 interface DatePickerHeaderProps {
     /** Props to be passed to the menu buttons. */

package/dist/types/components/DatePicker/components/DatePickerInput/datePickerInput.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { TextInputProps } from '../../../TextInput/textInput.component';
 interface DatePickerInputProps {
     /** Props to customize the input field. See `TextInput` for more information. */

package/dist/types/components/DatePicker/components/DatePickerMonth/datePickerCalendarMonth.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { MonthType } from '@datepicker-react/hooks';
 export interface MonthProps {
     /** Callback function to be called when a day is selected. */

package/dist/types/components/DatePicker/context/datePicker.context.d.ts

@@ -46,5 +46,5 @@ export declare const defaultFocusedDate: Date;
 export declare const defaultMinYear: number;
 export declare const defaultMaxYear: number;
 export declare const defaultDateFormat = DateFormats['ShortDate'];
-export declare const DatePickerContext: import('react').Context<IDatePickerContext>;
+export declare const DatePickerContext: import('../../../../node_modules/react').Context<IDatePickerContext>;
 export declare const useDatePickerContext: () => IDatePickerContext;

package/dist/types/components/DatePicker/context/datePicker.provider.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../node_modules/react';
 import { DatePickerProps } from '../datePicker.component';
 import { FocusedInput } from './datePicker.context';
 type DatePickerProviderProps = DatePickerProps & {

package/dist/types/components/DatePicker/datePicker.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { DateProps } from './datePicker.types';
 import { TextInputProps } from '../TextInput/textInput.component';
 import { Placement } from '../../shared/types/placement';

package/dist/types/components/DateTimePicker/components/DateTimePickerCustomView/dateTimePickerCustomView.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 interface DateTimePickerCustomViewProps {
     /** Determines if the calendar view is single. */
     isSingleView: boolean;

package/dist/types/components/DateTimePicker/components/DateTimePickerQuickOptions/dateTimePickerQuickOptions.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { DateTimePickerDefaultOptionValue } from '../../dateTimePicker.types';
 interface DateTimePickerQuickOptionsProps {
     /** The currently selected quick option. */

package/dist/types/components/DateTimePicker/components/DateTimePickerRangeSelector/dateTimePickerRangeSelector.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { FocusedInput } from '../../../DatePicker/context/datePicker.context';
 interface DateTimePickerRangeSelectorProps {
     /** Label for the range selector. */

package/dist/types/components/DateTimePicker/dateTimePicker.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { CalendarView } from './dateTimePicker.types';
 import { DateProps } from '../DatePicker/datePicker.types';
 import { Placement } from '../../shared/types/placement';

package/dist/types/components/Divider/divider.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { SeparatorProps } from '@chakra-ui/react/separator';
 export interface DividerProps extends SeparatorProps {
     /** Data test id for the divider.

package/dist/types/components/Heading/heading.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { ConditionalValue } from '@chakra-ui/react/styled-system';
 import { HeadingProps as CHeadingProps } from '@chakra-ui/react/heading';
 import { HeadingSize } from './heading.types';

package/dist/types/components/Icon/icon.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { IconName, IconSize } from './icon.types';
 import { BoxProps } from '@chakra-ui/react/box';
 import { TypographyVariant } from '../../shared/types/typography';

package/dist/types/components/Link/components/LinkIcon/linkIcon.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { IconProps } from '../../../Icon';
 export interface LinkIconProps extends Pick<IconProps, 'name'> {
     /** Position of the icon.

package/dist/types/components/Link/link.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { LinkProps as CLinkProps } from '@chakra-ui/react/link';
 import { TypographyVariant } from '../../shared/types';
 import { TextSize } from '../Text/text.types';

package/dist/types/components/Logo/logo.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { BoxProps } from '@chakra-ui/react/box';
 import { LogoType, LogoVariant } from './logo.types';
 export interface LogoProps extends BoxProps {

package/dist/types/components/MaintenanceBanner/maintenanceBanner.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { AlertProps } from '../Alert/alert.component';
 export interface MaintenanceBannerProps extends Omit<AlertProps, 'title' | 'description' | 'status' | 'hideCloseButton' | 'children'> {
     /**

package/dist/types/components/Menu/components/MenuButton/menuButton.component.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from '../../../Button/button.component';
 import { TextProps } from '../../../Text/text.component';
 import { TooltipProps } from '../../../Tooltip/tooltip.component';
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 export interface MenuButtonProps extends Omit<ButtonProps, 'children'> {
     /** If true, the caret will be hidden.
      * @default false

package/dist/types/components/Menu/components/MenuItem/menuItem.component.d.ts

@@ -1,5 +1,5 @@
 import { Menu as CMenu } from '@chakra-ui/react/menu';
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { MenuItemType } from './menuItem.types';
 import { MenuProps } from '../..';
 import { TypographyVariant } from '../../../../shared/types/typography';

package/dist/types/components/Menu/menu.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { Menu as CMenu } from '@chakra-ui/react/menu';
 import { MenuButtonProps } from './components/MenuButton/menuButton.component';
 import { MenuListOnOpenChangeProps } from './menu.types';

package/dist/types/components/Modal/components/ModalFooter/modalFooter.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { Dialog } from '@chakra-ui/react/dialog';
 export interface ModalFooterProps extends Dialog.FooterProps {
     /** Content to be rendered in the footer. */

package/dist/types/components/Modal/modal.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { Dialog } from '@chakra-ui/react/dialog';
 import { ConditionalValue } from '@chakra-ui/react/styled-system';
 import { ModalFooterProps } from './components/ModalFooter/modalFooter.component';

package/dist/types/components/NotificationCounter/notificationCounter.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { FlexProps } from '@chakra-ui/react/flex';
 import { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';
 export interface NotificationCounterProps extends FlexProps {

package/dist/types/components/NumberInput/numberInput.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { NumberInputRootProps as CNumberInputRootProps, NumberInputValueChangeDetails } from '@chakra-ui/react/number-input';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';

package/dist/types/components/Picture/picture.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { ImageProps } from '@chakra-ui/react/image';
 export interface PictureProps extends ImageProps {
     /** A webp file source. If no webp source is provided, the src file will be used. */

package/dist/types/components/PinInput/pinInput.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { PinInput as CPinInput } from '@chakra-ui/react/pin-input';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { FormControlSize } from '../../shared/types';

package/dist/types/components/Popover/components/PopoverFooter/popoverFooter.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { default as React, ReactNode } from '../../../../../node_modules/react';
 import { FlexProps } from '@chakra-ui/react/flex';
 import { PopoverTriggerType } from '../../popover.types';
 export interface PopoverFooterProps extends FlexProps {

package/dist/types/components/Popover/components/PopoverHeader/popoverHeader.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { default as React, ReactNode } from '../../../../../node_modules/react';
 import { HeadingSize } from '../../../Heading';
 import { FlexProps } from '@chakra-ui/react/flex';
 import { PopoverTriggerType } from '../../popover.types';

package/dist/types/components/Popover/popover.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { Popover as CPopover } from '@chakra-ui/react/popover';
 import { HoverCard } from '@chakra-ui/react/hover-card';
 import { Placement } from '../../shared/types/placement';

package/dist/types/components/Progress/progress.component.d.ts

@@ -1,5 +1,5 @@
 import { Progress as CProgress, ProgressRangeProps } from '@chakra-ui/react/progress';
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { ProgressVariant } from './progress.types';
 export interface ProgressProps extends Omit<CProgress.RootProps, 'variant'> {
     /**

package/dist/types/components/RadioGroup/components/Radio/radio.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { RadioGroup } from '@chakra-ui/react/radio-group';
 import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
 import { WithFormControlProps } from '../../../../hocs/withFormControl/withFormControl';

package/dist/types/components/RadioGroup/radioGroup.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { RadioProps } from './components/Radio/radio.component';
 import { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';

package/dist/types/components/Rating/rating.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { RatingGroup } from '@chakra-ui/react/rating-group';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { IconName } from '../Icon';

package/dist/types/components/RatingDots/components/RatingDot/ratingDot.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 export interface RatingDotProps {
     /** If true, the dot will be active. */
     active?: boolean;

package/dist/types/components/RatingDots/ratingDots.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 export interface RatingDotsProps extends WithFormControlProps {
     /** Label to be displayed centered below the dots. */

package/dist/types/components/Select/components/SelectItemContent/selectItemContent.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { SelectOption } from '../../select.types';
 import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
 interface SelectItemContentProps {

package/dist/types/components/Select/components/SelectTrigger/selectTrigger.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
 interface SelectTriggerProps {
     /** Placeholder text to display in the trigger. */

package/dist/types/components/Select/select.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { Select as CSelect } from '@chakra-ui/react/select';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';

package/dist/types/components/SortableList/components/SortableListDragHandle/sortableListDragHandle.component.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { ButtonProps } from '../../../Button/button.component';
 export declare const SortableListDragHandle: ({ ["data-testid"]: dataTestId, ...rest }: ButtonProps) => React.JSX.Element;

package/dist/types/components/SortableList/components/SortableListItem/sortableListItem.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { List } from '@chakra-ui/react/list';
 import { UniqueIdentifier } from '@dnd-kit/core';
 export interface SortableListItemProps {

package/dist/types/components/SortableList/components/SortableListItem/sortableListItem.context.d.ts

@@ -4,5 +4,5 @@ interface Context {
     listeners: DraggableSyntheticListeners;
     ref(node: HTMLElement | null): void;
 }
-export declare const SortableItemContext: import('react').Context<Context>;
+export declare const SortableItemContext: import('../../../../../node_modules/react').Context<Context>;
 export {};

package/dist/types/components/SortableList/sortableList.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { List } from '@chakra-ui/react/list';
 import { SortableListItemProps } from './components/SortableListItem/sortableListItem.component';
 export interface SortableListProps extends Omit<List.RootProps, 'onChange'> {

package/dist/types/components/Spinner/spinner.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { SpinnerSize } from './spinner.types';
 import { TextProps } from '../Text/text.component';
 import { TypographyVariant } from '../../shared/types';

package/dist/types/components/StyledAvatar/styledAvatar.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { AvatarProps } from '../Avatar/avatar.component';
 import { StyledAvatarType } from './styledAvatar.types';
 export interface StyledAvatarProps extends AvatarProps {

package/dist/types/components/Swatch/swatch.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { BoxProps } from '@chakra-ui/react/box';
 import { SwatchSize } from './swatch.types';
 export interface BaseSwatchProps {

package/dist/types/components/Switch/switch.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { Switch as CSwitch } from '@chakra-ui/react/switch';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';

package/dist/types/components/Tabs/components/Tab/tab.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { Tabs } from '@chakra-ui/react/tabs';
 import { IconName } from '../../../Icon';
 import { NotificationCounterProps } from '../../../NotificationCounter/notificationCounter.component';

package/dist/types/components/Tabs/tabs.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { Tabs as CTabs } from '@chakra-ui/react/tabs';
 import { TabSize } from './components/Tab/tab.types';
 import { TabProps } from './components/Tab/tab.component';

package/dist/types/components/Tag/tag.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { Tag as CTag } from '@chakra-ui/react/tag';
 import { CloseButtonDisplay, TagSize } from './tag.types';
 import { Status } from '../../shared/types/status';

package/dist/types/components/TagBlock/tagBlock.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { MenuProps } from '../Menu/menu.component';
 import { TagBlockTag } from './tagBlock.types';
 interface BaseTagBlockProps {

package/dist/types/components/Text/text.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { TextProps as CTextProps } from '@chakra-ui/react/text';
 import { WithTruncationProps } from '../../hocs/withTruncation';
 import { TextSize } from './text.types';

package/dist/types/components/TextInput/textInput.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { InputProps as CInputProps } from '@chakra-ui/react/input';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';

package/dist/types/components/Textarea/textarea.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { TextareaProps as CTextareaProps } from '@chakra-ui/react/textarea';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';

package/dist/types/components/TimePicker/components/TimeList/timeList.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 interface ScrollContainerProps {
     /** Options to display in the list. */
     options: string[];

package/dist/types/components/TimePicker/components/TimeOption/timeOption.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 interface TimeOptionProps {
     /** Ref to the option component. */
     innerRef?: React.Ref<HTMLDivElement | null> | null;

package/dist/types/components/TimePicker/timePicker.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { TextInputProps } from '../TextInput/textInput.component';
 import { Placement } from '../../shared/types/placement';
 export interface TimePickerProps {

package/dist/types/components/TimeRange/timeRange.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { FlexProps } from '@chakra-ui/react/flex';
 import { TimePickerProps } from '../TimePicker/timePicker.component';
 export interface TimeRangeProps extends FlexProps {

package/dist/types/components/Timestamp/timestamp.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { TextProps } from '../Text/text.component';
 export interface TimestampProps {
     /** The date to be shown. If it's today, it'll only show the time not the full date */

package/dist/types/components/Toast/components/ToastAction/toastAction.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { ButtonProps } from '../../../Button/button.component';
 import { Status } from '../../../../shared/types/status';
 export interface ToastActionProps extends Omit<ButtonProps, 'children'> {

package/dist/types/components/Toast/components/Toaster/toaster.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../../node_modules/react';
 import { CreateToasterReturn } from '@chakra-ui/react/toast';
 interface ToasterProps {
     /** Toaster to be used. */

package/dist/types/components/Toast/toast.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { IconProps } from '../Icon/icon.component';
 import { Status } from '../../shared/types/status';
 import { ToastActionProps } from './components/ToastAction/toastAction.component';

package/dist/types/components/Tooltip/tooltip.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { HoverCard } from '@chakra-ui/react/hover-card';
 import { Placement } from '../../shared/types/placement';
 export interface TooltipProps extends Omit<HoverCard.RootProps, 'children'> {

package/dist/types/hocs/withDarkMode/withDarkMode.d.ts

@@ -1,2 +1,2 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 export declare const withDarkMode: (children: React.ReactNode) => React.JSX.Element;

package/dist/types/hocs/withFormControl/withFormControl.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { FormControlLabelPosition, FormControlSize } from './withFormControl.types';
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 import { TypographyVariant } from '../../shared/types/typography';

package/dist/types/hocs/withLightMode/withLightMode.d.ts

@@ -1,2 +1,2 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 export declare const withLightMode: (children: React.ReactNode) => React.JSX.Element;

package/dist/types/hocs/withTruncation.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { default as React, ReactNode } from '../../node_modules/react';
 import { TooltipProps } from '../components/Tooltip';
 export interface WithTruncationProps {
     /** If true, the text will be truncated. */

package/dist/types/hooks/usePortalContentRef.d.ts

@@ -1,6 +1,6 @@
 interface PortalContextType {
     contentRef: React.RefObject<HTMLDivElement> | null;
 }
-export declare const PortalContext: import('react').Context<PortalContextType | undefined>;
+export declare const PortalContext: import('../../node_modules/react').Context<PortalContextType | undefined>;
 export declare const usePortalContentRef: () => PortalContextType;
 export {};

package/dist/types/shared/components/withVariantStory.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { ColorMode } from '../types/theme';
 export declare const VariantContainer: ({ children, onContrast, theme, }: {
     children: React.ReactNode;

package/dist/types/theme/providers/colorMode.provider.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { ThemeProviderProps } from 'next-themes';
 export type ColorModeProviderProps = ThemeProviderProps;
 export declare const ColorModeProvider: (props: ColorModeProviderProps) => React.JSX.Element;

package/dist/types/theme/providers/theme.provider.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/react';
 import { ChakraProviderProps } from '@chakra-ui/react';
 import { SystemContext } from '@chakra-ui/react/styled-system';
 import { ColorModeProviderProps } from './colorMode.provider';

package/package.json

@@ -4,7 +4,7 @@
     "packages/*"
   ],
   "description": "Kibble Design System by Otto",
-  "version": "5.0.29-sc.1",
+  "version": "5.0.30-sc.1",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
@@ -19,7 +19,7 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "npm run build:preparation && npm run build:documentation && tsc -b && tsc -p tsconfig.cli.json && vite build && chmod +x ./dist/esm/cli/*.js",
+    "build": "npm run build:preparation && tsc -b && tsc -p tsconfig.cli.json && vite build && chmod +x ./dist/esm/cli/*.js && npm run build:documentation",
     "build:documentation": "storybook build -o docs --quiet",
     "build:preparation": "npm run generate:theme && npm run generate:icons && npm run generate:logos",
     "build-storybook": "npm run build:preparation && storybook build",
@@ -163,6 +163,7 @@
     "prettier": "^3.5.3",
     "rollup-plugin-visualizer": "^5.14.0",
     "storybook": "^10.3.5",
+    "storybook-addon-code-editor": "^6.1.4",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0",
@@ -179,12 +180,12 @@
     "react": "^19.0.0"
   },
   "dependencies": {
-    "@televet/kibble-primitives": "*",
     "@chakra-ui/react": "^3.24.0",
     "@datepicker-react/hooks": "^2.8.4",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
+    "@televet/kibble-primitives": "*",
     "next-themes": "^0.4.6"
   }
 }