@televet/kibble-ui 4.0.0-beta.17 → 4.0.0-beta.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +30 -0
- package/dist/chunks/index-BlB7iuVg.js +2 -0
- package/dist/chunks/index-BlB7iuVg.js.map +1 -0
- package/dist/chunks/index-CloRZB5L.js +38 -0
- package/dist/chunks/index-CloRZB5L.js.map +1 -0
- package/dist/cjs/cli/configure-paths.cjs +3 -0
- package/dist/cjs/cli/configure-paths.cjs.map +1 -0
- package/dist/cjs/cli/generate-theme-types.cjs +1 -1
- package/dist/cjs/cli/generate-theme-types.cjs.map +1 -1
- package/dist/cjs/cli/postinstall.cjs +1 -1
- package/dist/cjs/cli/postinstall.cjs.map +1 -1
- package/dist/cjs/hocs.cjs +1 -1
- package/dist/cjs/hocs.cjs.map +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/cli/configure-paths.js +44 -0
- package/dist/esm/cli/configure-paths.js.map +1 -0
- package/dist/esm/cli/generate-theme-types.js +1 -1
- package/dist/esm/cli/generate-theme-types.js.map +1 -1
- package/dist/esm/cli/postinstall.js +6 -6
- package/dist/esm/cli/postinstall.js.map +1 -1
- package/dist/esm/hocs.js +3 -35
- package/dist/esm/hocs.js.map +1 -1
- package/dist/esm/index.js +67 -48
- package/dist/esm/index.js.map +1 -1
- package/dist/types/cli/configure-paths.d.ts +2 -0
- package/dist/types/index.d.ts +3 -0
- package/package.json +15 -4
package/README.md
CHANGED
|
@@ -75,3 +75,33 @@ Both options will enable autocompletion for all Kibble UI theme tokens in your c
|
|
|
75
75
|
<Swatch bgColor="background.primary" />
|
|
76
76
|
<Text fontSize="sm" />
|
|
77
77
|
```
|
|
78
|
+
|
|
79
|
+
## TypeScript Path Configuration
|
|
80
|
+
|
|
81
|
+
TypeScript paths for component imports are automatically configured during installation. This enables convenient imports like:
|
|
82
|
+
|
|
83
|
+
```tsx
|
|
84
|
+
// Import from main package
|
|
85
|
+
import { Button } from "@televet/kibble-ui";
|
|
86
|
+
|
|
87
|
+
// Import specific component
|
|
88
|
+
import { Button } from "@televet/kibble-ui/Button";
|
|
89
|
+
|
|
90
|
+
// Import from theme
|
|
91
|
+
import { system } from "@televet/kibble-ui/theme";
|
|
92
|
+
|
|
93
|
+
// Import hooks
|
|
94
|
+
import { useDebounce } from "@televet/kibble-ui/hooks/useDebounce";
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
If you need to manually configure the paths, you can run:
|
|
98
|
+
|
|
99
|
+
```bash
|
|
100
|
+
npx kibble-configure-paths
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
To skip the automatic configuration in CI environments, set the `SKIP_KIBBLE_POSTINSTALL` environment variable:
|
|
104
|
+
|
|
105
|
+
```bash
|
|
106
|
+
SKIP_KIBBLE_POSTINSTALL=1 npm install
|
|
107
|
+
```
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const e=require("./vendor-D-x6W6ez.js"),s=require("react"),i=require("./chakra-DmF8Cxqs.js"),a=s.forwardRef(function(r,o){return e.jsxRuntimeExports.jsx(i.Box,{color:"fg",display:"contents",className:"chakra-theme dark","data-testid":"kibble-dark-mode",colorScheme:"dark",ref:o,...r})}),n=t=>e.jsxRuntimeExports.jsx(a,{children:t}),c=s.forwardRef(function(r,o){return e.jsxRuntimeExports.jsx(i.Box,{display:"contents",className:"chakra-theme light","data-testid":"kibble-light-mode",colorScheme:"light",ref:o,...r})}),d=t=>e.jsxRuntimeExports.jsx(c,{children:t});exports.withDarkMode=n;exports.withLightMode=d;
|
|
2
|
+
//# sourceMappingURL=index-BlB7iuVg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-BlB7iuVg.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":"0GAGMA,EAAWC,EAAM,WACrB,SAAkBC,EAAOC,EAAK,CAE1B,OAAAC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,MAAM,KACN,QAAQ,WACR,UAAU,oBACV,cAAY,mBACZ,YAAY,OACZ,IAAAF,EACC,GAAGD,CAAA,CACN,CAAA,CAGN,EAEaI,EAAgBC,GACpBH,wBAACJ,GAAU,SAAAO,EAAS,ECjBvBC,EAAYP,EAAM,WACtB,SAAmBC,EAAOC,EAAK,CAE3B,OAAAC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,QAAQ,WACR,UAAU,qBACV,cAAY,oBACZ,YAAY,QACZ,IAAAF,EACC,GAAGD,CAAA,CACN,CAAA,CAGN,EAEaO,EAAiBF,GACrBH,wBAACI,GAAW,SAAAD,EAAS"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { x as e } from "./vendor-BBfll6i3.js";
|
|
2
|
+
import a from "react";
|
|
3
|
+
import { B as s } from "./chakra-BqBkjpvZ.js";
|
|
4
|
+
const d = a.forwardRef(
|
|
5
|
+
function(o, r) {
|
|
6
|
+
return /* @__PURE__ */ e.jsx(
|
|
7
|
+
s,
|
|
8
|
+
{
|
|
9
|
+
color: "fg",
|
|
10
|
+
display: "contents",
|
|
11
|
+
className: "chakra-theme dark",
|
|
12
|
+
"data-testid": "kibble-dark-mode",
|
|
13
|
+
colorScheme: "dark",
|
|
14
|
+
ref: r,
|
|
15
|
+
...o
|
|
16
|
+
}
|
|
17
|
+
);
|
|
18
|
+
}
|
|
19
|
+
), h = (t) => /* @__PURE__ */ e.jsx(d, { children: t }), i = a.forwardRef(
|
|
20
|
+
function(o, r) {
|
|
21
|
+
return /* @__PURE__ */ e.jsx(
|
|
22
|
+
s,
|
|
23
|
+
{
|
|
24
|
+
display: "contents",
|
|
25
|
+
className: "chakra-theme light",
|
|
26
|
+
"data-testid": "kibble-light-mode",
|
|
27
|
+
colorScheme: "light",
|
|
28
|
+
ref: r,
|
|
29
|
+
...o
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
), l = (t) => /* @__PURE__ */ e.jsx(i, { children: t });
|
|
34
|
+
export {
|
|
35
|
+
l as a,
|
|
36
|
+
h as w
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=index-CloRZB5L.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-CloRZB5L.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;"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
"use strict";const i=require("node:fs"),s=require("node:path"),o=()=>{try{const t=s.resolve(process.cwd(),"tsconfig.json");let e;try{e=JSON.parse(i.readFileSync(t,"utf8"))}catch{console.error("⚠️ No tsconfig.json found in the current directory."),process.exit(1)}e.compilerOptions=e.compilerOptions||{},e.compilerOptions.paths=e.compilerOptions.paths||{},e.compilerOptions.paths={...e.compilerOptions.paths,"@televet/kibble-ui":["./node_modules/@televet/kibble-ui/dist/types/index.d.ts"],"@televet/kibble-ui/*":["./node_modules/@televet/kibble-ui/dist/types/components/*/index.d.ts"],"@televet/kibble-ui/theme":["./node_modules/@televet/kibble-ui/dist/types/theme/index.d.ts"],"@televet/kibble-ui/theme/*":["./node_modules/@televet/kibble-ui/dist/types/theme/*.d.ts"],"@televet/kibble-ui/hocs/*":["./node_modules/@televet/kibble-ui/dist/types/hocs/*/index.d.ts"],"@televet/kibble-ui/hooks/*":["./node_modules/@televet/kibble-ui/dist/types/hooks/*/index.d.ts"],"@televet/kibble-ui/shared/*":["./node_modules/@televet/kibble-ui/dist/types/shared/*/index.d.ts"]},i.writeFileSync(t,JSON.stringify(e,null,2)),console.log("✨ Successfully configured TypeScript paths for @televet/kibble-ui")}catch(t){console.error("❌ Failed to configure TypeScript paths:",t),process.exit(1)}};o();
|
|
3
|
+
//# sourceMappingURL=configure-paths.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"configure-paths.cjs","sources":["../../../src/cli/configure-paths.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { readFileSync, writeFileSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\n\nconst configureTsConfig = (): void => {\n try {\n const tsconfigPath = resolve(process.cwd(), \"tsconfig.json\");\n let tsconfig;\n\n try {\n tsconfig = JSON.parse(readFileSync(tsconfigPath, \"utf8\"));\n } catch {\n console.error(\"⚠️ No tsconfig.json found in the current directory.\");\n process.exit(1);\n }\n\n // Ensure compilerOptions exists\n tsconfig.compilerOptions = tsconfig.compilerOptions || {};\n\n // Ensure paths exists\n tsconfig.compilerOptions.paths = tsconfig.compilerOptions.paths || {};\n\n // Add our path mappings\n tsconfig.compilerOptions.paths = {\n ...tsconfig.compilerOptions.paths,\n \"@televet/kibble-ui\": [\n \"./node_modules/@televet/kibble-ui/dist/types/index.d.ts\",\n ],\n \"@televet/kibble-ui/*\": [\n \"./node_modules/@televet/kibble-ui/dist/types/components/*/index.d.ts\",\n ],\n \"@televet/kibble-ui/theme\": [\n \"./node_modules/@televet/kibble-ui/dist/types/theme/index.d.ts\",\n ],\n \"@televet/kibble-ui/theme/*\": [\n \"./node_modules/@televet/kibble-ui/dist/types/theme/*.d.ts\",\n ],\n \"@televet/kibble-ui/hocs/*\": [\n \"./node_modules/@televet/kibble-ui/dist/types/hocs/*/index.d.ts\",\n ],\n \"@televet/kibble-ui/hooks/*\": [\n \"./node_modules/@televet/kibble-ui/dist/types/hooks/*/index.d.ts\",\n ],\n \"@televet/kibble-ui/shared/*\": [\n \"./node_modules/@televet/kibble-ui/dist/types/shared/*/index.d.ts\",\n ],\n };\n\n // Write back to tsconfig.json with proper formatting\n writeFileSync(tsconfigPath, JSON.stringify(tsconfig, null, 2));\n console.log(\n \"✨ Successfully configured TypeScript paths for @televet/kibble-ui\"\n );\n } catch (error) {\n console.error(\"❌ Failed to configure TypeScript paths:\", error);\n process.exit(1);\n }\n};\n\nconfigureTsConfig();\n"],"names":["configureTsConfig","tsconfigPath","resolve","tsconfig","readFileSync","writeFileSync","error"],"mappings":";+DAKMA,EAAoB,IAAY,CAChC,GAAA,CACF,MAAMC,EAAeC,EAAA,QAAQ,QAAQ,IAAA,EAAO,eAAe,EACvD,IAAAC,EAEA,GAAA,CACFA,EAAW,KAAK,MAAMC,EAAa,aAAAH,EAAc,MAAM,CAAC,CAAA,MAClD,CACN,QAAQ,MAAM,qDAAqD,EACnE,QAAQ,KAAK,CAAC,CAAA,CAIPE,EAAA,gBAAkBA,EAAS,iBAAmB,CAAC,EAGxDA,EAAS,gBAAgB,MAAQA,EAAS,gBAAgB,OAAS,CAAC,EAGpEA,EAAS,gBAAgB,MAAQ,CAC/B,GAAGA,EAAS,gBAAgB,MAC5B,qBAAsB,CACpB,yDACF,EACA,uBAAwB,CACtB,sEACF,EACA,2BAA4B,CAC1B,+DACF,EACA,6BAA8B,CAC5B,2DACF,EACA,4BAA6B,CAC3B,gEACF,EACA,6BAA8B,CAC5B,iEACF,EACA,8BAA+B,CAC7B,kEAAA,CAEJ,EAGAE,EAAA,cAAcJ,EAAc,KAAK,UAAUE,EAAU,KAAM,CAAC,CAAC,EACrD,QAAA,IACN,mEACF,QACOG,EAAO,CACN,QAAA,MAAM,0CAA2CA,CAAK,EAC9D,QAAQ,KAAK,CAAC,CAAA,CAElB,EAEAN,EAAkB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
2
|
"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,`
|
|
3
|
-
import { system } from "@televet/kibble-ui
|
|
3
|
+
import { system } from "@televet/kibble-ui";
|
|
4
4
|
export default system;
|
|
5
5
|
`),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)}
|
|
6
6
|
//# sourceMappingURL=generate-theme-types.cjs.map
|
|
@@ -1 +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
|
|
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\";\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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
"use strict";const n=require("node:child_process"),
|
|
2
|
+
"use strict";const n=require("node:child_process"),i=require("node:fs"),o=require("node:path"),s=()=>{try{const e=JSON.parse(i.readFileSync(o.resolve(process.cwd(),"package.json"),"utf8"));return(e.dependencies?.["@televet/kibble-ui"]||e.devDependencies?.["@televet/kibble-ui"])&&e.name!=="@televet/kibble-ui"}catch{return!1}};if(s()&&!process.env.SKIP_KIBBLE_POSTINSTALL)try{console.log("🐕 Kibble UI: Running automatic theme type generation..."),n.execSync("npx kibble-generate-theme",{stdio:"inherit"}),console.log("✨ Kibble UI: Theme types generated successfully!"),console.log("🐕 Kibble UI: Configuring TypeScript paths..."),n.execSync("npx kibble-configure-paths",{stdio:"inherit"})}catch(e){console.error("❌ Kibble UI: Setup failed."),console.error(e),process.exit(1)}
|
|
3
3
|
//# sourceMappingURL=postinstall.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"postinstall.cjs","sources":["../../../src/cli/postinstall.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { execSync } from \"node:child_process\";\nimport { readFileSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\n\nconst isConsumingApp = (): boolean => {\n try {\n const packageJson = JSON.parse(\n readFileSync(resolve(process.cwd(), \"package.json\"), \"utf8\")\n );\n\n // Check if @televet/kibble-ui is a dependency but we're not in the kibble-ui package itself\n return (\n (packageJson.dependencies?.[\"@televet/kibble-ui\"] ||\n packageJson.devDependencies?.[\"@televet/kibble-ui\"]) &&\n packageJson.name !== \"@televet/kibble-ui\"\n );\n } catch {\n return false;\n }\n};\n\n// Only run in consuming applications, not in the library itself or CI environments that set this\nif (isConsumingApp() && !process.env.SKIP_KIBBLE_POSTINSTALL) {\n try {\n console.log(\"🐕 Kibble UI: Running automatic theme type generation...\");\n execSync(\"npx kibble-generate-theme\", { stdio: \"inherit\" });\n console.log(\"✨ Kibble UI: Theme types generated successfully!\");\n } catch (error) {\n console.error(\"❌ Kibble UI:
|
|
1
|
+
{"version":3,"file":"postinstall.cjs","sources":["../../../src/cli/postinstall.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { execSync } from \"node:child_process\";\nimport { readFileSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\n\nconst isConsumingApp = (): boolean => {\n try {\n const packageJson = JSON.parse(\n readFileSync(resolve(process.cwd(), \"package.json\"), \"utf8\")\n );\n\n // Check if @televet/kibble-ui is a dependency but we're not in the kibble-ui package itself\n return (\n (packageJson.dependencies?.[\"@televet/kibble-ui\"] ||\n packageJson.devDependencies?.[\"@televet/kibble-ui\"]) &&\n packageJson.name !== \"@televet/kibble-ui\"\n );\n } catch {\n return false;\n }\n};\n\n// Only run in consuming applications, not in the library itself or CI environments that set this\nif (isConsumingApp() && !process.env.SKIP_KIBBLE_POSTINSTALL) {\n try {\n console.log(\"🐕 Kibble UI: Running automatic theme type generation...\");\n execSync(\"npx kibble-generate-theme\", { stdio: \"inherit\" });\n console.log(\"✨ Kibble UI: Theme types generated successfully!\");\n\n console.log(\"🐕 Kibble UI: Configuring TypeScript paths...\");\n execSync(\"npx kibble-configure-paths\", { stdio: \"inherit\" });\n } catch (error) {\n console.error(\"❌ Kibble UI: Setup failed.\");\n console.error(error);\n process.exit(1);\n }\n}\n"],"names":["isConsumingApp","packageJson","readFileSync","resolve","execSync","error"],"mappings":";+FAMMA,EAAiB,IAAe,CAChC,GAAA,CACF,MAAMC,EAAc,KAAK,MACvBC,eAAaC,EAAQ,QAAA,QAAQ,MAAO,cAAc,EAAG,MAAM,CAC7D,EAIG,OAAAF,EAAY,eAAe,oBAAoB,GAC9CA,EAAY,kBAAkB,oBAAoB,IACpDA,EAAY,OAAS,oBAAA,MAEjB,CACC,MAAA,EAAA,CAEX,EAGA,GAAID,KAAoB,CAAC,QAAQ,IAAI,wBAC/B,GAAA,CACF,QAAQ,IAAI,0DAA0D,EACtEI,EAAAA,SAAS,4BAA6B,CAAE,MAAO,SAAA,CAAW,EAC1D,QAAQ,IAAI,kDAAkD,EAE9D,QAAQ,IAAI,+CAA+C,EAC3DA,EAAAA,SAAS,6BAA8B,CAAE,MAAO,SAAA,CAAW,QACpDC,EAAO,CACd,QAAQ,MAAM,4BAA4B,EAC1C,QAAQ,MAAMA,CAAK,EACnB,QAAQ,KAAK,CAAC,CAAA"}
|
package/dist/cjs/hocs.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/index-BlB7iuVg.js");exports.withDarkMode=e.withDarkMode;exports.withLightMode=e.withLightMode;
|
|
2
2
|
//# sourceMappingURL=hocs.cjs.map
|
package/dist/cjs/hocs.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hocs.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"hocs.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../chunks/alert.types-CiHDB6qK.js"),S=require("../chunks/avatar.component-B14bRpeL.js"),i=require("../chunks/avatar.types-Bmt5Uhfb.js"),g=require("../chunks/avatarGroup.component-4kVezqP-.js"),v=require("../chunks/button.component-DDjwI0xh.js"),e=require("../chunks/button.types-DsLMGraz.js"),b=require("../chunks/buttonGroup.component-DKnPmFIM.js"),h=require("../chunks/card.component-ZIoJIWVV.js"),C=require("./components/Card.cjs"),T=require("../chunks/characterCounter.component-BXxyn_IB.js"),y=require("../chunks/checkbox.component-BnNl7j1h.js"),P=require("../chunks/checkboxGroup.component-CMSLo_U5.js"),k=require("../chunks/heading.component-CExbjSBi.js"),z=require("../chunks/icon.component-CzjzLiO_.js"),x=require("../chunks/icon.types-2obj_NKG.js"),M=require("../chunks/link.component-Cmdnhc-F.js"),D=require("../chunks/menu.component-BCRZgrRr.js"),t=require("../chunks/modal.types-CELCFObr.js"),V=require("../chunks/notificationCounter.component-BH6anjzq.js"),a=require("./components/NotificationCounter.cjs"),f=require("./components/Picture.cjs"),B=require("../chunks/popover.component-CzKeBedr.js"),n=require("../chunks/popover.types-BF2KRf_I.js"),w=require("../chunks/radioGroup.component-DP9JgY1J.js"),A=require("../chunks/ratingDots.component-D5-xY2db.js"),G=require("../chunks/select.component-CQQ4z--7.js"),W=require("../chunks/sortableList.component-DcjKdsDK.js"),I=require("../chunks/spinner.component-CUuidnSK.js"),L=require("../chunks/spinner.types-BCLN5-H2.js"),s=require("./components/Swatch.cjs"),R=require("../chunks/switch.component-diomUHZW.js"),N=require("../chunks/tabs.component-D6QT597P.js"),F=require("../chunks/tag.component-BjOfy3Bw.js"),c=require("../chunks/tag.types-BnDFgTvb.js"),H=require("../chunks/text.component-CBa_saMP.js"),K=require("../chunks/textInput.component-BalBo9uP.js"),j=require("../chunks/textarea.component-8tjcO0T7.js"),p=require("../chunks/timePicker.component-BwYdnFmw.js"),O=require("../chunks/timeRange.component-BhDFpXK-.js"),E=require("../chunks/tooltip.component-qWFa28S5.js"),u=require("../chunks/datePicker.component-ZmMJoE3c.js"),m=require("../chunks/index-BlB7iuVg.js"),l=require("./hooks.cjs"),J=require("../chunks/conversationCard.component-D56k22in.js"),d=require("../chunks/styledAvatar.types-CpU5SOAS.js"),q=require("../chunks/tagBlock.component-BKnmbWil.js"),Q=require("../chunks/timestamp.component-CuqY4euh.js"),o=require("./shared/types.cjs"),_=require("./theme.cjs");exports.Alert=r.Alert;exports.alertButtonPositions=r.alertButtonPositions;exports.Avatar=S.Avatar;exports.avatarSizes=i.avatarSizes;exports.avatarVariants=i.avatarVariants;exports.AvatarGroup=g.AvatarGroup;exports.Button=v.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=b.ButtonGroup;exports.Card=h.Card;exports.cardSizes=C.cardSizes;exports.CharacterCounter=T.CharacterCounter;exports.Checkbox=y.WrappedCheckbox;exports.CheckboxGroup=P.WrappedCheckboxGroup;exports.Heading=k.WrappedHeading;exports.Icon=z.Icon;exports.iconSizes=x.iconSizes;exports.Link=M.Link;exports.Menu=D.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=V.NotificationCounter;exports.notificationCounterSizes=a.notificationCounterSizes;exports.notificationCounterVariants=a.notificationCounterVariants;exports.Picture=f.Picture;exports.Popover=B.Popover;exports.popoverSizes=n.popoverSizes;exports.popoverTriggerTypes=n.popoverTriggerTypes;exports.popoverVariants=n.popoverVariants;exports.RadioGroup=w.WrappedRadioGroup;exports.RatingDots=A.RatingDots;exports.Select=G.WrappedSelect;exports.SortableList=W.SortableList;exports.Spinner=I.Spinner;exports.spinnerSizes=L.spinnerSizes;exports.Swatch=s.Swatch;exports.swatchSizes=s.swatchSizes;exports.Switch=R.WrappedSwitch;exports.Tabs=N.Tabs;exports.Tag=F.Tag;exports.closeButtonDisplays=c.closeButtonDisplays;exports.tagSizes=c.tagSizes;exports.Text=H.WrappedText;exports.TextInput=K.WrappedTextInput;exports.Textarea=j.WrappedTextArea;exports.Meridiem=p.Meridiem;exports.TimePicker=p.TimePicker;exports.TimeRange=O.TimeRange;exports.Tooltip=E.Tooltip;exports.DateFormats=u.DateFormats;exports.DatePicker=u.DatePicker;exports.withDarkMode=m.withDarkMode;exports.withLightMode=m.withLightMode;exports.useColorMode=l.useColorMode;exports.useColorModeValue=l.useColorModeValue;exports.ConversationCard=J.ConversationCard;exports.StyledAvatar=d.StyledAvatar;exports.styledAvatarTypes=d.styledAvatarTypes;exports.TagBlock=q.TagBlock;exports.TagDisabledState=q.TagDisabledState;exports.Timestamp=Q.Timestamp;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.KibbleThemeProvider=_.KibbleThemeProvider;exports.system=_.system;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
import { readFileSync as i, writeFileSync as s } from "node:fs";
|
|
3
|
+
import { resolve as o } from "node:path";
|
|
4
|
+
const l = () => {
|
|
5
|
+
try {
|
|
6
|
+
const t = o(process.cwd(), "tsconfig.json");
|
|
7
|
+
let e;
|
|
8
|
+
try {
|
|
9
|
+
e = JSON.parse(i(t, "utf8"));
|
|
10
|
+
} catch {
|
|
11
|
+
console.error("⚠️ No tsconfig.json found in the current directory."), process.exit(1);
|
|
12
|
+
}
|
|
13
|
+
e.compilerOptions = e.compilerOptions || {}, e.compilerOptions.paths = e.compilerOptions.paths || {}, e.compilerOptions.paths = {
|
|
14
|
+
...e.compilerOptions.paths,
|
|
15
|
+
"@televet/kibble-ui": [
|
|
16
|
+
"./node_modules/@televet/kibble-ui/dist/types/index.d.ts"
|
|
17
|
+
],
|
|
18
|
+
"@televet/kibble-ui/*": [
|
|
19
|
+
"./node_modules/@televet/kibble-ui/dist/types/components/*/index.d.ts"
|
|
20
|
+
],
|
|
21
|
+
"@televet/kibble-ui/theme": [
|
|
22
|
+
"./node_modules/@televet/kibble-ui/dist/types/theme/index.d.ts"
|
|
23
|
+
],
|
|
24
|
+
"@televet/kibble-ui/theme/*": [
|
|
25
|
+
"./node_modules/@televet/kibble-ui/dist/types/theme/*.d.ts"
|
|
26
|
+
],
|
|
27
|
+
"@televet/kibble-ui/hocs/*": [
|
|
28
|
+
"./node_modules/@televet/kibble-ui/dist/types/hocs/*/index.d.ts"
|
|
29
|
+
],
|
|
30
|
+
"@televet/kibble-ui/hooks/*": [
|
|
31
|
+
"./node_modules/@televet/kibble-ui/dist/types/hooks/*/index.d.ts"
|
|
32
|
+
],
|
|
33
|
+
"@televet/kibble-ui/shared/*": [
|
|
34
|
+
"./node_modules/@televet/kibble-ui/dist/types/shared/*/index.d.ts"
|
|
35
|
+
]
|
|
36
|
+
}, s(t, JSON.stringify(e, null, 2)), console.log(
|
|
37
|
+
"✨ Successfully configured TypeScript paths for @televet/kibble-ui"
|
|
38
|
+
);
|
|
39
|
+
} catch (t) {
|
|
40
|
+
console.error("❌ Failed to configure TypeScript paths:", t), process.exit(1);
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
l();
|
|
44
|
+
//# sourceMappingURL=configure-paths.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"configure-paths.js","sources":["../../../src/cli/configure-paths.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { readFileSync, writeFileSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\n\nconst configureTsConfig = (): void => {\n try {\n const tsconfigPath = resolve(process.cwd(), \"tsconfig.json\");\n let tsconfig;\n\n try {\n tsconfig = JSON.parse(readFileSync(tsconfigPath, \"utf8\"));\n } catch {\n console.error(\"⚠️ No tsconfig.json found in the current directory.\");\n process.exit(1);\n }\n\n // Ensure compilerOptions exists\n tsconfig.compilerOptions = tsconfig.compilerOptions || {};\n\n // Ensure paths exists\n tsconfig.compilerOptions.paths = tsconfig.compilerOptions.paths || {};\n\n // Add our path mappings\n tsconfig.compilerOptions.paths = {\n ...tsconfig.compilerOptions.paths,\n \"@televet/kibble-ui\": [\n \"./node_modules/@televet/kibble-ui/dist/types/index.d.ts\",\n ],\n \"@televet/kibble-ui/*\": [\n \"./node_modules/@televet/kibble-ui/dist/types/components/*/index.d.ts\",\n ],\n \"@televet/kibble-ui/theme\": [\n \"./node_modules/@televet/kibble-ui/dist/types/theme/index.d.ts\",\n ],\n \"@televet/kibble-ui/theme/*\": [\n \"./node_modules/@televet/kibble-ui/dist/types/theme/*.d.ts\",\n ],\n \"@televet/kibble-ui/hocs/*\": [\n \"./node_modules/@televet/kibble-ui/dist/types/hocs/*/index.d.ts\",\n ],\n \"@televet/kibble-ui/hooks/*\": [\n \"./node_modules/@televet/kibble-ui/dist/types/hooks/*/index.d.ts\",\n ],\n \"@televet/kibble-ui/shared/*\": [\n \"./node_modules/@televet/kibble-ui/dist/types/shared/*/index.d.ts\",\n ],\n };\n\n // Write back to tsconfig.json with proper formatting\n writeFileSync(tsconfigPath, JSON.stringify(tsconfig, null, 2));\n console.log(\n \"✨ Successfully configured TypeScript paths for @televet/kibble-ui\"\n );\n } catch (error) {\n console.error(\"❌ Failed to configure TypeScript paths:\", error);\n process.exit(1);\n }\n};\n\nconfigureTsConfig();\n"],"names":["configureTsConfig","tsconfigPath","resolve","tsconfig","readFileSync","writeFileSync","error"],"mappings":";;;AAKA,MAAMA,IAAoB,MAAY;AAChC,MAAA;AACF,UAAMC,IAAeC,EAAQ,QAAQ,IAAA,GAAO,eAAe;AACvD,QAAAC;AAEA,QAAA;AACF,MAAAA,IAAW,KAAK,MAAMC,EAAaH,GAAc,MAAM,CAAC;AAAA,IAAA,QAClD;AACN,cAAQ,MAAM,qDAAqD,GACnE,QAAQ,KAAK,CAAC;AAAA,IAAA;AAIP,IAAAE,EAAA,kBAAkBA,EAAS,mBAAmB,CAAC,GAGxDA,EAAS,gBAAgB,QAAQA,EAAS,gBAAgB,SAAS,CAAC,GAGpEA,EAAS,gBAAgB,QAAQ;AAAA,MAC/B,GAAGA,EAAS,gBAAgB;AAAA,MAC5B,sBAAsB;AAAA,QACpB;AAAA,MACF;AAAA,MACA,wBAAwB;AAAA,QACtB;AAAA,MACF;AAAA,MACA,4BAA4B;AAAA,QAC1B;AAAA,MACF;AAAA,MACA,8BAA8B;AAAA,QAC5B;AAAA,MACF;AAAA,MACA,6BAA6B;AAAA,QAC3B;AAAA,MACF;AAAA,MACA,8BAA8B;AAAA,QAC5B;AAAA,MACF;AAAA,MACA,+BAA+B;AAAA,QAC7B;AAAA,MAAA;AAAA,IAEJ,GAGAE,EAAcJ,GAAc,KAAK,UAAUE,GAAU,MAAM,CAAC,CAAC,GACrD,QAAA;AAAA,MACN;AAAA,IACF;AAAA,WACOG,GAAO;AACN,YAAA,MAAM,2CAA2CA,CAAK,GAC9D,QAAQ,KAAK,CAAC;AAAA,EAAA;AAElB;AAEAN,EAAkB;"}
|
|
@@ -5,7 +5,7 @@ import { resolve as o, dirname as l } from "node:path";
|
|
|
5
5
|
const m = () => {
|
|
6
6
|
const e = o(process.cwd(), ".kibble-temp"), t = o(e, "theme.config.ts");
|
|
7
7
|
return n(e) || i(e, { recursive: !0 }), c(t, `
|
|
8
|
-
import { system } from "@televet/kibble-ui
|
|
8
|
+
import { system } from "@televet/kibble-ui";
|
|
9
9
|
export default system;
|
|
10
10
|
`), t;
|
|
11
11
|
}, p = (e) => {
|
|
@@ -1 +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
|
|
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\";\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;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
import { execSync as
|
|
3
|
-
import { readFileSync as
|
|
4
|
-
import { resolve as
|
|
2
|
+
import { execSync as n } from "node:child_process";
|
|
3
|
+
import { readFileSync as o } from "node:fs";
|
|
4
|
+
import { resolve as i } from "node:path";
|
|
5
5
|
const r = () => {
|
|
6
6
|
try {
|
|
7
7
|
const e = JSON.parse(
|
|
8
|
-
|
|
8
|
+
o(i(process.cwd(), "package.json"), "utf8")
|
|
9
9
|
);
|
|
10
10
|
return (e.dependencies?.["@televet/kibble-ui"] || e.devDependencies?.["@televet/kibble-ui"]) && e.name !== "@televet/kibble-ui";
|
|
11
11
|
} catch {
|
|
@@ -14,8 +14,8 @@ const r = () => {
|
|
|
14
14
|
};
|
|
15
15
|
if (r() && !process.env.SKIP_KIBBLE_POSTINSTALL)
|
|
16
16
|
try {
|
|
17
|
-
console.log("🐕 Kibble UI: Running automatic theme type generation..."),
|
|
17
|
+
console.log("🐕 Kibble UI: Running automatic theme type generation..."), n("npx kibble-generate-theme", { stdio: "inherit" }), console.log("✨ Kibble UI: Theme types generated successfully!"), console.log("🐕 Kibble UI: Configuring TypeScript paths..."), n("npx kibble-configure-paths", { stdio: "inherit" });
|
|
18
18
|
} catch (e) {
|
|
19
|
-
console.error("❌ Kibble UI:
|
|
19
|
+
console.error("❌ Kibble UI: Setup failed."), console.error(e), process.exit(1);
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=postinstall.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"postinstall.js","sources":["../../../src/cli/postinstall.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { execSync } from \"node:child_process\";\nimport { readFileSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\n\nconst isConsumingApp = (): boolean => {\n try {\n const packageJson = JSON.parse(\n readFileSync(resolve(process.cwd(), \"package.json\"), \"utf8\")\n );\n\n // Check if @televet/kibble-ui is a dependency but we're not in the kibble-ui package itself\n return (\n (packageJson.dependencies?.[\"@televet/kibble-ui\"] ||\n packageJson.devDependencies?.[\"@televet/kibble-ui\"]) &&\n packageJson.name !== \"@televet/kibble-ui\"\n );\n } catch {\n return false;\n }\n};\n\n// Only run in consuming applications, not in the library itself or CI environments that set this\nif (isConsumingApp() && !process.env.SKIP_KIBBLE_POSTINSTALL) {\n try {\n console.log(\"🐕 Kibble UI: Running automatic theme type generation...\");\n execSync(\"npx kibble-generate-theme\", { stdio: \"inherit\" });\n console.log(\"✨ Kibble UI: Theme types generated successfully!\");\n } catch (error) {\n console.error(\"❌ Kibble UI:
|
|
1
|
+
{"version":3,"file":"postinstall.js","sources":["../../../src/cli/postinstall.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { execSync } from \"node:child_process\";\nimport { readFileSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\n\nconst isConsumingApp = (): boolean => {\n try {\n const packageJson = JSON.parse(\n readFileSync(resolve(process.cwd(), \"package.json\"), \"utf8\")\n );\n\n // Check if @televet/kibble-ui is a dependency but we're not in the kibble-ui package itself\n return (\n (packageJson.dependencies?.[\"@televet/kibble-ui\"] ||\n packageJson.devDependencies?.[\"@televet/kibble-ui\"]) &&\n packageJson.name !== \"@televet/kibble-ui\"\n );\n } catch {\n return false;\n }\n};\n\n// Only run in consuming applications, not in the library itself or CI environments that set this\nif (isConsumingApp() && !process.env.SKIP_KIBBLE_POSTINSTALL) {\n try {\n console.log(\"🐕 Kibble UI: Running automatic theme type generation...\");\n execSync(\"npx kibble-generate-theme\", { stdio: \"inherit\" });\n console.log(\"✨ Kibble UI: Theme types generated successfully!\");\n\n console.log(\"🐕 Kibble UI: Configuring TypeScript paths...\");\n execSync(\"npx kibble-configure-paths\", { stdio: \"inherit\" });\n } catch (error) {\n console.error(\"❌ Kibble UI: Setup failed.\");\n console.error(error);\n process.exit(1);\n }\n}\n"],"names":["isConsumingApp","packageJson","readFileSync","resolve","execSync","error"],"mappings":";;;;AAMA,MAAMA,IAAiB,MAAe;AAChC,MAAA;AACF,UAAMC,IAAc,KAAK;AAAA,MACvBC,EAAaC,EAAQ,QAAQ,OAAO,cAAc,GAAG,MAAM;AAAA,IAC7D;AAIG,YAAAF,EAAY,eAAe,oBAAoB,KAC9CA,EAAY,kBAAkB,oBAAoB,MACpDA,EAAY,SAAS;AAAA,EAAA,QAEjB;AACC,WAAA;AAAA,EAAA;AAEX;AAGA,IAAID,OAAoB,CAAC,QAAQ,IAAI;AAC/B,MAAA;AACF,YAAQ,IAAI,0DAA0D,GACtEI,EAAS,6BAA6B,EAAE,OAAO,UAAA,CAAW,GAC1D,QAAQ,IAAI,kDAAkD,GAE9D,QAAQ,IAAI,+CAA+C,GAC3DA,EAAS,8BAA8B,EAAE,OAAO,UAAA,CAAW;AAAA,WACpDC,GAAO;AACd,YAAQ,MAAM,4BAA4B,GAC1C,QAAQ,MAAMA,CAAK,GACnB,QAAQ,KAAK,CAAC;AAAA,EAAA;"}
|
package/dist/esm/hocs.js
CHANGED
|
@@ -1,38 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import a from "react";
|
|
3
|
-
import { B as s } from "../chunks/chakra-BqBkjpvZ.js";
|
|
4
|
-
const d = a.forwardRef(
|
|
5
|
-
function(o, r) {
|
|
6
|
-
return /* @__PURE__ */ e.jsx(
|
|
7
|
-
s,
|
|
8
|
-
{
|
|
9
|
-
color: "fg",
|
|
10
|
-
display: "contents",
|
|
11
|
-
className: "chakra-theme dark",
|
|
12
|
-
"data-testid": "kibble-dark-mode",
|
|
13
|
-
colorScheme: "dark",
|
|
14
|
-
ref: r,
|
|
15
|
-
...o
|
|
16
|
-
}
|
|
17
|
-
);
|
|
18
|
-
}
|
|
19
|
-
), h = (t) => /* @__PURE__ */ e.jsx(d, { children: t }), i = a.forwardRef(
|
|
20
|
-
function(o, r) {
|
|
21
|
-
return /* @__PURE__ */ e.jsx(
|
|
22
|
-
s,
|
|
23
|
-
{
|
|
24
|
-
display: "contents",
|
|
25
|
-
className: "chakra-theme light",
|
|
26
|
-
"data-testid": "kibble-light-mode",
|
|
27
|
-
colorScheme: "light",
|
|
28
|
-
ref: r,
|
|
29
|
-
...o
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
), l = (t) => /* @__PURE__ */ e.jsx(i, { children: t });
|
|
1
|
+
import { w as t, a as e } from "../chunks/index-CloRZB5L.js";
|
|
34
2
|
export {
|
|
35
|
-
|
|
36
|
-
|
|
3
|
+
t as withDarkMode,
|
|
4
|
+
e as withLightMode
|
|
37
5
|
};
|
|
38
6
|
//# sourceMappingURL=hocs.js.map
|
package/dist/esm/hocs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hocs.js","sources":[
|
|
1
|
+
{"version":3,"file":"hocs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { A as a, a as
|
|
1
|
+
import { A as a, a as t } from "../chunks/alert.types-CvARYqVc.js";
|
|
2
2
|
import { A as s } from "../chunks/avatar.component-DLqm7tQt.js";
|
|
3
3
|
import { a as m, b as i } from "../chunks/avatar.types-LQ1Bn8a3.js";
|
|
4
4
|
import { A as f } from "../chunks/avatarGroup.component-DIDIECGK.js";
|
|
5
5
|
import { B as c } from "../chunks/button.component-CA9bIFbq.js";
|
|
6
|
-
import { b as
|
|
7
|
-
import { B as
|
|
8
|
-
import { C as
|
|
9
|
-
import { cardSizes as
|
|
10
|
-
import { C as
|
|
6
|
+
import { b as u, d as S, c as T, e as d, a as b } from "../chunks/button.types-CujqF5RD.js";
|
|
7
|
+
import { B as g } from "../chunks/buttonGroup.component-BLRJnRJW.js";
|
|
8
|
+
import { C as h } from "../chunks/card.component-HX-4Y0j7.js";
|
|
9
|
+
import { cardSizes as P } from "./components/Card.js";
|
|
10
|
+
import { C as W } from "../chunks/characterCounter.component-DhiMcztY.js";
|
|
11
11
|
import { W as A } from "../chunks/checkbox.component-BN9GeeiB.js";
|
|
12
|
-
import { W as
|
|
13
|
-
import { W as
|
|
14
|
-
import { I as
|
|
15
|
-
import { i as
|
|
12
|
+
import { W as D } from "../chunks/checkboxGroup.component-DNwf69Ss.js";
|
|
13
|
+
import { W as V } from "../chunks/heading.component-B8niLTxz.js";
|
|
14
|
+
import { I as G } from "../chunks/icon.component-w5bWbfVU.js";
|
|
15
|
+
import { i as L } from "../chunks/icon.types-DLbVfMjG.js";
|
|
16
16
|
import { L as N } from "../chunks/link.component-DGC1Xu5B.js";
|
|
17
17
|
import { M as H } from "../chunks/menu.component-Bscyjw7R.js";
|
|
18
18
|
import { M as j, c as q, a as E, b as J, m as O } from "../chunks/modal.types-BfXHtZ4i.js";
|
|
@@ -20,42 +20,49 @@ import { N as U } from "../chunks/notificationCounter.component-CSuqzMTF.js";
|
|
|
20
20
|
import { notificationCounterSizes as Y, notificationCounterVariants as Z } from "./components/NotificationCounter.js";
|
|
21
21
|
import { Picture as $ } from "./components/Picture.js";
|
|
22
22
|
import { P as ro } from "../chunks/popover.component-CW5KsTYh.js";
|
|
23
|
-
import { p as
|
|
23
|
+
import { p as to, b as eo, a as so } from "../chunks/popover.types-C-V7Diw4.js";
|
|
24
24
|
import { W as mo } from "../chunks/radioGroup.component-kn8czn3N.js";
|
|
25
25
|
import { R as xo } from "../chunks/ratingDots.component-D0FX80wA.js";
|
|
26
26
|
import { W as no } from "../chunks/select.component-CqvAx7vP.js";
|
|
27
|
-
import { S as
|
|
27
|
+
import { S as lo } from "../chunks/sortableList.component-_DXfCTac.js";
|
|
28
28
|
import { S as So } from "../chunks/spinner.component-D5tkelNc.js";
|
|
29
29
|
import { s as bo } from "../chunks/spinner.types-g7cTFJkb.js";
|
|
30
|
-
import { Swatch as
|
|
30
|
+
import { Swatch as go, swatchSizes as vo } from "./components/Swatch.js";
|
|
31
31
|
import { W as Mo } from "../chunks/switch.component-C9WMHurt.js";
|
|
32
|
-
import { T as
|
|
33
|
-
import { T as
|
|
34
|
-
import { c as
|
|
35
|
-
import { W as
|
|
36
|
-
import { W as
|
|
37
|
-
import { W as
|
|
32
|
+
import { T as zo } from "../chunks/tabs.component-Bp1Lu8Xb.js";
|
|
33
|
+
import { T as yo } from "../chunks/tag.component-A__B03TA.js";
|
|
34
|
+
import { c as Bo, t as Do } from "../chunks/tag.types-B-pzEt1I.js";
|
|
35
|
+
import { W as Vo } from "../chunks/text.component-XYjOAc2s.js";
|
|
36
|
+
import { W as Go } from "../chunks/textInput.component-K4f7h4pP.js";
|
|
37
|
+
import { W as Lo } from "../chunks/textarea.component-Cmbax8lT.js";
|
|
38
38
|
import { M as No, T as Fo } from "../chunks/timePicker.component-DGKUi5P9.js";
|
|
39
39
|
import { T as Ko } from "../chunks/timeRange.component-uYrO4YEs.js";
|
|
40
40
|
import { T as qo } from "../chunks/tooltip.component-C3v2m2T2.js";
|
|
41
41
|
import { a as Jo, D as Oo } from "../chunks/datePicker.component-D1WtrZJd.js";
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
42
|
+
import { w as Uo, a as Xo } from "../chunks/index-CloRZB5L.js";
|
|
43
|
+
import { useColorMode as Zo, useColorModeValue as _o } from "./hooks.js";
|
|
44
|
+
import { C as or } from "../chunks/conversationCard.component-CAKvEh_2.js";
|
|
45
|
+
import { S as ar, s as tr } from "../chunks/styledAvatar.types-ByQoyukM.js";
|
|
46
|
+
import { T as sr, a as pr } from "../chunks/tagBlock.component-B99Qzj2K.js";
|
|
47
|
+
import { T as ir } from "../chunks/timestamp.component-D764INLm.js";
|
|
48
|
+
import { alignments as fr, flexDirections as nr, placements as cr, statuses as lr, typographyVariants as ur } from "./shared/types.js";
|
|
49
|
+
import { KibbleThemeProvider as Tr, system as dr } from "./theme.js";
|
|
44
50
|
export {
|
|
45
51
|
a as Alert,
|
|
46
52
|
s as Avatar,
|
|
47
53
|
f as AvatarGroup,
|
|
48
54
|
c as Button,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
55
|
+
g as ButtonGroup,
|
|
56
|
+
h as Card,
|
|
57
|
+
W as CharacterCounter,
|
|
52
58
|
A as Checkbox,
|
|
53
|
-
|
|
59
|
+
D as CheckboxGroup,
|
|
60
|
+
or as ConversationCard,
|
|
54
61
|
Jo as DateFormats,
|
|
55
62
|
Oo as DatePicker,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
63
|
+
V as Heading,
|
|
64
|
+
G as Icon,
|
|
65
|
+
Tr as KibbleThemeProvider,
|
|
59
66
|
N as Link,
|
|
60
67
|
H as Menu,
|
|
61
68
|
No as Meridiem,
|
|
@@ -66,43 +73,55 @@ export {
|
|
|
66
73
|
mo as RadioGroup,
|
|
67
74
|
xo as RatingDots,
|
|
68
75
|
no as Select,
|
|
69
|
-
|
|
76
|
+
lo as SortableList,
|
|
70
77
|
So as Spinner,
|
|
71
|
-
|
|
78
|
+
ar as StyledAvatar,
|
|
79
|
+
go as Swatch,
|
|
72
80
|
Mo as Switch,
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
81
|
+
zo as Tabs,
|
|
82
|
+
yo as Tag,
|
|
83
|
+
sr as TagBlock,
|
|
84
|
+
pr as TagDisabledState,
|
|
85
|
+
Vo as Text,
|
|
86
|
+
Go as TextInput,
|
|
87
|
+
Lo as Textarea,
|
|
78
88
|
Fo as TimePicker,
|
|
79
89
|
Ko as TimeRange,
|
|
90
|
+
ir as Timestamp,
|
|
80
91
|
qo as Tooltip,
|
|
81
|
-
|
|
92
|
+
t as alertButtonPositions,
|
|
93
|
+
fr as alignments,
|
|
82
94
|
m as avatarSizes,
|
|
83
95
|
i as avatarVariants,
|
|
84
|
-
|
|
96
|
+
u as buttonConfigVariants,
|
|
85
97
|
S as buttonIconPositions,
|
|
86
98
|
T as buttonSizes,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
99
|
+
d as buttonSpinnerPlacements,
|
|
100
|
+
b as buttonVariants,
|
|
101
|
+
P as cardSizes,
|
|
102
|
+
Bo as closeButtonDisplays,
|
|
103
|
+
nr as flexDirections,
|
|
104
|
+
L as iconSizes,
|
|
92
105
|
q as modalMotionPresets,
|
|
93
106
|
E as modalPlacements,
|
|
94
107
|
J as modalScrollBehaviors,
|
|
95
108
|
O as modalSizes,
|
|
96
109
|
Y as notificationCounterSizes,
|
|
97
110
|
Z as notificationCounterVariants,
|
|
98
|
-
|
|
99
|
-
to as
|
|
111
|
+
cr as placements,
|
|
112
|
+
to as popoverSizes,
|
|
113
|
+
eo as popoverTriggerTypes,
|
|
100
114
|
so as popoverVariants,
|
|
101
115
|
bo as spinnerSizes,
|
|
116
|
+
lr as statuses,
|
|
117
|
+
tr as styledAvatarTypes,
|
|
102
118
|
vo as swatchSizes,
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
119
|
+
dr as system,
|
|
120
|
+
Do as tagSizes,
|
|
121
|
+
ur as typographyVariants,
|
|
122
|
+
Zo as useColorMode,
|
|
123
|
+
_o as useColorModeValue,
|
|
124
|
+
Uo as withDarkMode,
|
|
125
|
+
Xo as withLightMode
|
|
107
126
|
};
|
|
108
127
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/types/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@televet/kibble-ui",
|
|
3
3
|
"description": "Kibble Design System by Otto",
|
|
4
|
-
"version": "4.0.0-beta.
|
|
4
|
+
"version": "4.0.0-beta.19",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/cjs/index.cjs",
|
|
7
7
|
"module": "dist/esm/index.js",
|
|
8
8
|
"types": "dist/types/index.d.ts",
|
|
9
9
|
"bin": {
|
|
10
10
|
"kibble-generate-theme": "./dist/esm/cli/generate-theme-types.js",
|
|
11
|
-
"kibble-postinstall": "./dist/esm/cli/postinstall.js"
|
|
11
|
+
"kibble-postinstall": "./dist/esm/cli/postinstall.js",
|
|
12
|
+
"kibble-configure-paths": "./dist/esm/cli/configure-paths.js"
|
|
12
13
|
},
|
|
13
14
|
"files": [
|
|
14
15
|
"dist",
|
|
@@ -28,14 +29,24 @@
|
|
|
28
29
|
},
|
|
29
30
|
"./theme": {
|
|
30
31
|
"import": {
|
|
31
|
-
"types": "./dist/types/theme/
|
|
32
|
+
"types": "./dist/types/theme/index.d.ts",
|
|
32
33
|
"default": "./dist/esm/theme/index.js"
|
|
33
34
|
},
|
|
34
35
|
"require": {
|
|
35
|
-
"types": "./dist/types/theme/
|
|
36
|
+
"types": "./dist/types/theme/index.d.ts",
|
|
36
37
|
"default": "./dist/cjs/theme/index.cjs"
|
|
37
38
|
}
|
|
38
39
|
},
|
|
40
|
+
"./theme/*": {
|
|
41
|
+
"import": {
|
|
42
|
+
"types": "./dist/types/theme/*.d.ts",
|
|
43
|
+
"default": "./dist/esm/theme/*.js"
|
|
44
|
+
},
|
|
45
|
+
"require": {
|
|
46
|
+
"types": "./dist/types/theme/*.d.ts",
|
|
47
|
+
"default": "./dist/cjs/theme/*.cjs"
|
|
48
|
+
}
|
|
49
|
+
},
|
|
39
50
|
"./*": {
|
|
40
51
|
"import": {
|
|
41
52
|
"types": "./dist/types/components/*/index.d.ts",
|