@televet/kibble-ui 4.0.0-beta.16 → 4.0.0-beta.18

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

@@ -5,7 +5,7 @@ import { resolve as o, dirname as l } from "node:path";
 const m = () => {
   const e = o(process.cwd(), ".kibble-temp"), t = o(e, "theme.config.ts");
   return n(e) || i(e, { recursive: !0 }), c(t, `
-import { system } from "@televet/kibble-ui/theme";
+import { system } from "@televet/kibble-ui";
 export default system;
 `), t;
 }, p = (e) => {

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 } 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\";\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;"}

package/dist/esm/hocs.js

@@ -1,38 +1,6 @@
-import { x as e } from "../chunks/vendor-BBfll6i3.js";
-import a from "react";
-import { B as s } from "../chunks/chakra-BqBkjpvZ.js";
-const d = a.forwardRef(
-  function(o, r) {
-    return /* @__PURE__ */ e.jsx(
-      s,
-      {
-        color: "fg",
-        display: "contents",
-        className: "chakra-theme dark",
-        "data-testid": "kibble-dark-mode",
-        colorScheme: "dark",
-        ref: r,
-        ...o
-      }
-    );
-  }
-), h = (t) => /* @__PURE__ */ e.jsx(d, { children: t }), i = a.forwardRef(
-  function(o, r) {
-    return /* @__PURE__ */ e.jsx(
-      s,
-      {
-        display: "contents",
-        className: "chakra-theme light",
-        "data-testid": "kibble-light-mode",
-        colorScheme: "light",
-        ref: r,
-        ...o
-      }
-    );
-  }
-), l = (t) => /* @__PURE__ */ e.jsx(i, { children: t });
+import { w as t, a as e } from "../chunks/index-CloRZB5L.js";
 export {
-  h as withDarkMode,
-  l as withLightMode
+  t as withDarkMode,
+  e as withLightMode
 };
 //# sourceMappingURL=hocs.js.map

package/dist/esm/hocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"hocs.js","sources":["../../src/hocs/withDarkMode/index.tsx","../../src/hocs/withLightMode/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst DarkMode = React.forwardRef<HTMLDivElement, BoxProps>(\n  function DarkMode(props, ref) {\n    return (\n      <Box\n        color=\"fg\"\n        display=\"contents\"\n        className=\"chakra-theme dark\"\n        data-testid=\"kibble-dark-mode\"\n        colorScheme=\"dark\"\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const withDarkMode = (children: React.ReactNode): React.JSX.Element => {\n  return <DarkMode>{children}</DarkMode>;\n};\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst LightMode = React.forwardRef<HTMLDivElement, BoxProps>(\n  function LightMode(props, ref) {\n    return (\n      <Box\n        display=\"contents\"\n        className=\"chakra-theme light\"\n        data-testid=\"kibble-light-mode\"\n        colorScheme=\"light\"\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const withLightMode = (children: React.ReactNode): React.JSX.Element => {\n  return <LightMode>{children}</LightMode>;\n};\n"],"names":["DarkMode","React","props","ref","jsx","Box","withDarkMode","children","LightMode","withLightMode"],"mappings":";;;AAGA,MAAMA,IAAWC,EAAM;AAAA,EACrB,SAAkBC,GAAOC,GAAK;AAE1B,WAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,aAAY;AAAA,QACZ,KAAAF;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,GAEaI,IAAe,CAACC,MACpBH,gBAAAA,MAACJ,KAAU,UAAAO,GAAS,GCjBvBC,IAAYP,EAAM;AAAA,EACtB,SAAmBC,GAAOC,GAAK;AAE3B,WAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,aAAY;AAAA,QACZ,KAAAF;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,GAEaO,IAAgB,CAACF,MACrBH,gBAAAA,MAACI,KAAW,UAAAD,GAAS;"}
+{"version":3,"file":"hocs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/index.js

@@ -1,17 +1,17 @@
-import { A as a, a as e } from "../chunks/alert.types-CvARYqVc.js";
+import { A as a, a as t } from "../chunks/alert.types-CvARYqVc.js";
 import { A as s } from "../chunks/avatar.component-DLqm7tQt.js";
 import { a as m, b as i } from "../chunks/avatar.types-LQ1Bn8a3.js";
 import { A as f } from "../chunks/avatarGroup.component-DIDIECGK.js";
 import { B as c } from "../chunks/button.component-CA9bIFbq.js";
-import { b as l, d as S, c as T, e as b, a as d } from "../chunks/button.types-CujqF5RD.js";
-import { B as P } from "../chunks/buttonGroup.component-BLRJnRJW.js";
-import { C as z } from "../chunks/card.component-HX-4Y0j7.js";
-import { cardSizes as W } from "./components/Card.js";
-import { C as h } from "../chunks/characterCounter.component-DhiMcztY.js";
+import { b as u, d as S, c as T, e as d, a as b } from "../chunks/button.types-CujqF5RD.js";
+import { B as g } from "../chunks/buttonGroup.component-BLRJnRJW.js";
+import { C as h } from "../chunks/card.component-HX-4Y0j7.js";
+import { cardSizes as P } from "./components/Card.js";
+import { C as W } from "../chunks/characterCounter.component-DhiMcztY.js";
 import { W as A } from "../chunks/checkbox.component-BN9GeeiB.js";
-import { W as k } from "../chunks/checkboxGroup.component-DNwf69Ss.js";
-import { W as G } from "../chunks/heading.component-B8niLTxz.js";
-import { I as R } from "../chunks/icon.component-w5bWbfVU.js";
+import { W as D } from "../chunks/checkboxGroup.component-DNwf69Ss.js";
+import { W as V } from "../chunks/heading.component-B8niLTxz.js";
+import { I as G } from "../chunks/icon.component-w5bWbfVU.js";
 import { i as L } from "../chunks/icon.types-DLbVfMjG.js";
 import { L as N } from "../chunks/link.component-DGC1Xu5B.js";
 import { M as H } from "../chunks/menu.component-Bscyjw7R.js";
@@ -20,42 +20,49 @@ import { N as U } from "../chunks/notificationCounter.component-CSuqzMTF.js";
 import { notificationCounterSizes as Y, notificationCounterVariants as Z } from "./components/NotificationCounter.js";
 import { Picture as $ } from "./components/Picture.js";
 import { P as ro } from "../chunks/popover.component-CW5KsTYh.js";
-import { p as eo, b as to, a as so } from "../chunks/popover.types-C-V7Diw4.js";
+import { p as to, b as eo, a as so } from "../chunks/popover.types-C-V7Diw4.js";
 import { W as mo } from "../chunks/radioGroup.component-kn8czn3N.js";
 import { R as xo } from "../chunks/ratingDots.component-D0FX80wA.js";
 import { W as no } from "../chunks/select.component-CqvAx7vP.js";
-import { S as uo } from "../chunks/sortableList.component-_DXfCTac.js";
+import { S as lo } from "../chunks/sortableList.component-_DXfCTac.js";
 import { S as So } from "../chunks/spinner.component-D5tkelNc.js";
 import { s as bo } from "../chunks/spinner.types-g7cTFJkb.js";
-import { Swatch as Po, swatchSizes as vo } from "./components/Swatch.js";
+import { Swatch as go, swatchSizes as vo } from "./components/Swatch.js";
 import { W as Mo } from "../chunks/switch.component-C9WMHurt.js";
-import { T as go } from "../chunks/tabs.component-Bp1Lu8Xb.js";
-import { T as Bo } from "../chunks/tag.component-A__B03TA.js";
-import { c as Vo, t as ko } from "../chunks/tag.types-B-pzEt1I.js";
-import { W as Go } from "../chunks/text.component-XYjOAc2s.js";
-import { W as Ro } from "../chunks/textInput.component-K4f7h4pP.js";
+import { T as zo } from "../chunks/tabs.component-Bp1Lu8Xb.js";
+import { T as yo } from "../chunks/tag.component-A__B03TA.js";
+import { c as Bo, t as Do } from "../chunks/tag.types-B-pzEt1I.js";
+import { W as Vo } from "../chunks/text.component-XYjOAc2s.js";
+import { W as Go } from "../chunks/textInput.component-K4f7h4pP.js";
 import { W as Lo } from "../chunks/textarea.component-Cmbax8lT.js";
 import { M as No, T as Fo } from "../chunks/timePicker.component-DGKUi5P9.js";
 import { T as Ko } from "../chunks/timeRange.component-uYrO4YEs.js";
 import { T as qo } from "../chunks/tooltip.component-C3v2m2T2.js";
 import { a as Jo, D as Oo } from "../chunks/datePicker.component-D1WtrZJd.js";
-import { useColorMode as Uo, useColorModeValue as Xo } from "./hooks.js";
-import { KibbleThemeProvider as Zo } from "./theme.js";
+import { w as Uo, a as Xo } from "../chunks/index-CloRZB5L.js";
+import { useColorMode as Zo, useColorModeValue as _o } from "./hooks.js";
+import { C as or } from "../chunks/conversationCard.component-CAKvEh_2.js";
+import { S as ar, s as tr } from "../chunks/styledAvatar.types-ByQoyukM.js";
+import { T as sr, a as pr } from "../chunks/tagBlock.component-B99Qzj2K.js";
+import { T as ir } from "../chunks/timestamp.component-D764INLm.js";
+import { alignments as fr, flexDirections as nr, placements as cr, statuses as lr, typographyVariants as ur } from "./shared/types.js";
+import { KibbleThemeProvider as Tr, system as dr } from "./theme.js";
 export {
   a as Alert,
   s as Avatar,
   f as AvatarGroup,
   c as Button,
-  P as ButtonGroup,
-  z as Card,
-  h as CharacterCounter,
+  g as ButtonGroup,
+  h as Card,
+  W as CharacterCounter,
   A as Checkbox,
-  k as CheckboxGroup,
+  D as CheckboxGroup,
+  or as ConversationCard,
   Jo as DateFormats,
   Oo as DatePicker,
-  G as Heading,
-  R as Icon,
-  Zo as KibbleThemeProvider,
+  V as Heading,
+  G as Icon,
+  Tr as KibbleThemeProvider,
   N as Link,
   H as Menu,
   No as Meridiem,
@@ -66,28 +73,34 @@ export {
   mo as RadioGroup,
   xo as RatingDots,
   no as Select,
-  uo as SortableList,
+  lo as SortableList,
   So as Spinner,
-  Po as Swatch,
+  ar as StyledAvatar,
+  go as Swatch,
   Mo as Switch,
-  go as Tabs,
-  Bo as Tag,
-  Go as Text,
-  Ro as TextInput,
+  zo as Tabs,
+  yo as Tag,
+  sr as TagBlock,
+  pr as TagDisabledState,
+  Vo as Text,
+  Go as TextInput,
   Lo as Textarea,
   Fo as TimePicker,
   Ko as TimeRange,
+  ir as Timestamp,
   qo as Tooltip,
-  e as alertButtonPositions,
+  t as alertButtonPositions,
+  fr as alignments,
   m as avatarSizes,
   i as avatarVariants,
-  l as buttonConfigVariants,
+  u as buttonConfigVariants,
   S as buttonIconPositions,
   T as buttonSizes,
-  b as buttonSpinnerPlacements,
-  d as buttonVariants,
-  W as cardSizes,
-  Vo as closeButtonDisplays,
+  d as buttonSpinnerPlacements,
+  b as buttonVariants,
+  P as cardSizes,
+  Bo as closeButtonDisplays,
+  nr as flexDirections,
   L as iconSizes,
   q as modalMotionPresets,
   E as modalPlacements,
@@ -95,13 +108,20 @@ export {
   O as modalSizes,
   Y as notificationCounterSizes,
   Z as notificationCounterVariants,
-  eo as popoverSizes,
-  to as popoverTriggerTypes,
+  cr as placements,
+  to as popoverSizes,
+  eo as popoverTriggerTypes,
   so as popoverVariants,
   bo as spinnerSizes,
+  lr as statuses,
+  tr as styledAvatarTypes,
   vo as swatchSizes,
-  ko as tagSizes,
-  Uo as useColorMode,
-  Xo as useColorModeValue
+  dr as system,
+  Do as tagSizes,
+  ur as typographyVariants,
+  Zo as useColorMode,
+  _o as useColorModeValue,
+  Uo as withDarkMode,
+  Xo as withLightMode
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/theme.js

@@ -2605,6 +2605,7 @@ const Y = (t) => /* @__PURE__ */ p.jsx(H, { attribute: "class", disableTransitio
   /* @__PURE__ */ p.jsx(Y, { ...g, children: b })
 ] });
 export {
-  fe as KibbleThemeProvider
+  fe as KibbleThemeProvider,
+  ge as system
 };
 //# sourceMappingURL=theme.js.map

package/dist/types/index.d.ts

@@ -1,3 +1,6 @@
 export * from './components';
+export * from './hocs';
 export * from './hooks';
+export * from './patterns';
+export * from './shared/types';
 export * from './theme';

package/dist/types/theme/index.d.ts

@@ -1 +1,2 @@
 export { KibbleThemeProvider } from './providers/theme.provider';
+export { system } from './theme.config';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@televet/kibble-ui",
   "description": "Kibble Design System by Otto",
-  "version": "4.0.0-beta.16",
+  "version": "4.0.0-beta.18",
   "type": "module",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.js",
@@ -28,14 +28,24 @@
     },
     "./theme": {
       "import": {
-        "types": "./dist/types/theme/theme.types.d.ts",
+        "types": "./dist/types/theme/index.d.ts",
         "default": "./dist/esm/theme/index.js"
       },
       "require": {
-        "types": "./dist/types/theme/theme.types.d.ts",
+        "types": "./dist/types/theme/index.d.ts",
         "default": "./dist/cjs/theme/index.cjs"
       }
     },
+    "./theme/*": {
+      "import": {
+        "types": "./dist/types/theme/*.d.ts",
+        "default": "./dist/esm/theme/*.js"
+      },
+      "require": {
+        "types": "./dist/types/theme/*.d.ts",
+        "default": "./dist/cjs/theme/*.cjs"
+      }
+    },
     "./*": {
       "import": {
         "types": "./dist/types/components/*/index.d.ts",