@kushagradhawan/kookie-blocks 0.1.0

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.
Files changed (42) hide show
  1. package/components.css +1 -0
  2. package/dist/cjs/components/hero/Hero.d.ts +11 -0
  3. package/dist/cjs/components/hero/Hero.d.ts.map +1 -0
  4. package/dist/cjs/components/hero/Hero.js +2 -0
  5. package/dist/cjs/components/hero/Hero.js.map +7 -0
  6. package/dist/cjs/components/hero/index.d.ts +2 -0
  7. package/dist/cjs/components/hero/index.d.ts.map +1 -0
  8. package/dist/cjs/components/hero/index.js +2 -0
  9. package/dist/cjs/components/hero/index.js.map +7 -0
  10. package/dist/cjs/components/index.d.ts +2 -0
  11. package/dist/cjs/components/index.d.ts.map +1 -0
  12. package/dist/cjs/components/index.js +2 -0
  13. package/dist/cjs/components/index.js.map +7 -0
  14. package/dist/cjs/index.d.ts +2 -0
  15. package/dist/cjs/index.d.ts.map +1 -0
  16. package/dist/cjs/index.js +2 -0
  17. package/dist/cjs/index.js.map +7 -0
  18. package/dist/esm/components/hero/Hero.d.ts +11 -0
  19. package/dist/esm/components/hero/Hero.d.ts.map +1 -0
  20. package/dist/esm/components/hero/Hero.js +2 -0
  21. package/dist/esm/components/hero/Hero.js.map +7 -0
  22. package/dist/esm/components/hero/index.d.ts +2 -0
  23. package/dist/esm/components/hero/index.d.ts.map +1 -0
  24. package/dist/esm/components/hero/index.js +2 -0
  25. package/dist/esm/components/hero/index.js.map +7 -0
  26. package/dist/esm/components/index.d.ts +2 -0
  27. package/dist/esm/components/index.d.ts.map +1 -0
  28. package/dist/esm/components/index.js +2 -0
  29. package/dist/esm/components/index.js.map +7 -0
  30. package/dist/esm/index.d.ts +2 -0
  31. package/dist/esm/index.d.ts.map +1 -0
  32. package/dist/esm/index.js +2 -0
  33. package/dist/esm/index.js.map +7 -0
  34. package/dist/esm/package.json +6 -0
  35. package/package.json +120 -0
  36. package/src/components/hero/Hero.tsx +27 -0
  37. package/src/components/hero/index.ts +1 -0
  38. package/src/components/index.css +1 -0
  39. package/src/components/index.ts +1 -0
  40. package/src/index.ts +1 -0
  41. package/src/styles/index.css +2 -0
  42. package/styles.css +2 -0
package/components.css ADDED
@@ -0,0 +1 @@
1
+ /* Components CSS aggregator for Kookie Blocks (e.g., hero variants if styled). */
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ import type { FlexProps } from "@kushagradhawan/kookie-ui/components/flex";
3
+ import type { HeadingProps } from "@kushagradhawan/kookie-ui/components/heading";
4
+ declare const Hero: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>> & {
5
+ Root: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
6
+ Variant1: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
7
+ One: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
8
+ Title: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
9
+ };
10
+ export { Hero };
11
+ //# sourceMappingURL=Hero.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/components/hero/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAcjF,QAAA,MAAM,IAAI;;;;;CAOR,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -0,0 +1,2 @@
1
+ "use strict";var d=Object.create;var i=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var u=(o,e)=>{for(var r in e)i(o,r,{get:e[r],enumerable:!0})},m=(o,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of g(e))!c.call(o,t)&&t!==r&&i(o,t,{get:()=>e[t],enumerable:!(s=f(e,t))||s.enumerable});return o};var T=(o,e,r)=>(r=o!=null?d(P(o)):{},m(e||!o||!o.__esModule?i(r,"default",{value:o,enumerable:!0}):r,o)),k=o=>m(i({},"__esModule",{value:!0}),o);var y={};u(y,{Hero:()=>l});module.exports=k(y);var n=T(require("react")),p=require("@kushagradhawan/kookie-ui");const a=n.forwardRef((o,e)=>n.createElement(p.Flex,{ref:e,direction:"column",gap:"6",p:"6",...o}));a.displayName="Hero.Variant1";const H=n.forwardRef((o,e)=>n.createElement(p.Heading,{ref:e,...o}));H.displayName="Hero.Title";const l=Object.assign(a,{Root:a,Variant1:a,One:a,Title:H});
2
+ //# sourceMappingURL=Hero.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/components/hero/Hero.tsx"],
4
+ "sourcesContent": ["import * as React from \"react\";\nimport { Flex, Heading } from \"@kushagradhawan/kookie-ui\";\nimport type { FlexProps } from \"@kushagradhawan/kookie-ui/components/flex\";\nimport type { HeadingProps } from \"@kushagradhawan/kookie-ui/components/heading\";\n\ntype HeroRootProps = FlexProps;\nconst HeroVariant1 = React.forwardRef<HTMLDivElement, HeroRootProps>((props, ref) => {\n return <Flex ref={ref} direction=\"column\" gap=\"6\" p=\"6\" {...props} />;\n});\nHeroVariant1.displayName = \"Hero.Variant1\";\n\ntype HeroTitleProps = HeadingProps;\nconst HeroTitle = React.forwardRef<HTMLHeadingElement, HeroTitleProps>((props, ref) => {\n return <Heading ref={ref} {...props} />;\n});\nHeroTitle.displayName = \"Hero.Title\";\n\nconst Hero = Object.assign(HeroVariant1, {\n // Base/root maps to the primary variant\n Root: HeroVariant1,\n Variant1: HeroVariant1,\n One: HeroVariant1,\n // Shared slots\n Title: HeroTitle,\n});\n\nexport { Hero };\n"],
5
+ "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAA8B,qCAK9B,MAAMC,EAAeF,EAAM,WAA0C,CAACG,EAAOC,IACpEJ,EAAA,cAAC,QAAK,IAAKI,EAAK,UAAU,SAAS,IAAI,IAAI,EAAE,IAAK,GAAGD,EAAO,CACpE,EACDD,EAAa,YAAc,gBAG3B,MAAMG,EAAYL,EAAM,WAA+C,CAACG,EAAOC,IACtEJ,EAAA,cAAC,WAAQ,IAAKI,EAAM,GAAGD,EAAO,CACtC,EACDE,EAAU,YAAc,aAExB,MAAMP,EAAO,OAAO,OAAOI,EAAc,CAEvC,KAAMA,EACN,SAAUA,EACV,IAAKA,EAEL,MAAOG,CACT,CAAC",
6
+ "names": ["Hero_exports", "__export", "Hero", "__toCommonJS", "React", "import_kookie_ui", "HeroVariant1", "props", "ref", "HeroTitle"]
7
+ }
@@ -0,0 +1,2 @@
1
+ export { Hero } from './Hero';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hero/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ "use strict";var m=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var b=(r,o)=>{for(var f in o)m(r,f,{get:o[f],enumerable:!0})},c=(r,o,f,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of H(o))!a.call(r,e)&&e!==f&&m(r,e,{get:()=>o[e],enumerable:!(p=x(o,e))||p.enumerable});return r};var d=r=>c(m({},"__esModule",{value:!0}),r);var g={};b(g,{Hero:()=>t.Hero});module.exports=d(g);var t=require("./Hero");
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/components/hero/index.ts"],
4
+ "sourcesContent": ["export { Hero } from './Hero';\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAAF,GAAA,IAAAG,EAAqB",
6
+ "names": ["hero_exports", "__export", "__toCommonJS", "import_Hero"]
7
+ }
@@ -0,0 +1,2 @@
1
+ export * from './hero';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ "use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./hero"),module.exports);
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/components/index.ts"],
4
+ "sourcesContent": ["export * from './hero';\n"],
5
+ "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,kBAAd",
6
+ "names": ["components_exports", "__toCommonJS", "__reExport"]
7
+ }
@@ -0,0 +1,2 @@
1
+ export * from './components';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -0,0 +1,2 @@
1
+ "use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./components"),module.exports);
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.ts"],
4
+ "sourcesContent": ["export * from './components';\n"],
5
+ "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,wBAAd",
6
+ "names": ["src_exports", "__toCommonJS", "__reExport"]
7
+ }
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ import type { FlexProps } from "@kushagradhawan/kookie-ui/components/flex";
3
+ import type { HeadingProps } from "@kushagradhawan/kookie-ui/components/heading";
4
+ declare const Hero: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>> & {
5
+ Root: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
6
+ Variant1: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
7
+ One: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
8
+ Title: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
9
+ };
10
+ export { Hero };
11
+ //# sourceMappingURL=Hero.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/components/hero/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAcjF,QAAA,MAAM,IAAI;;;;;CAOR,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -0,0 +1,2 @@
1
+ import*as e from"react";import{Flex as i,Heading as n}from"@kushagradhawan/kookie-ui";const o=e.forwardRef((r,t)=>e.createElement(i,{ref:t,direction:"column",gap:"6",p:"6",...r}));o.displayName="Hero.Variant1";const a=e.forwardRef((r,t)=>e.createElement(n,{ref:t,...r}));a.displayName="Hero.Title";const p=Object.assign(o,{Root:o,Variant1:o,One:o,Title:a});export{p as Hero};
2
+ //# sourceMappingURL=Hero.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/components/hero/Hero.tsx"],
4
+ "sourcesContent": ["import * as React from \"react\";\nimport { Flex, Heading } from \"@kushagradhawan/kookie-ui\";\nimport type { FlexProps } from \"@kushagradhawan/kookie-ui/components/flex\";\nimport type { HeadingProps } from \"@kushagradhawan/kookie-ui/components/heading\";\n\ntype HeroRootProps = FlexProps;\nconst HeroVariant1 = React.forwardRef<HTMLDivElement, HeroRootProps>((props, ref) => {\n return <Flex ref={ref} direction=\"column\" gap=\"6\" p=\"6\" {...props} />;\n});\nHeroVariant1.displayName = \"Hero.Variant1\";\n\ntype HeroTitleProps = HeadingProps;\nconst HeroTitle = React.forwardRef<HTMLHeadingElement, HeroTitleProps>((props, ref) => {\n return <Heading ref={ref} {...props} />;\n});\nHeroTitle.displayName = \"Hero.Title\";\n\nconst Hero = Object.assign(HeroVariant1, {\n // Base/root maps to the primary variant\n Root: HeroVariant1,\n Variant1: HeroVariant1,\n One: HeroVariant1,\n // Shared slots\n Title: HeroTitle,\n});\n\nexport { Hero };\n"],
5
+ "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,EAAM,WAAAC,MAAe,4BAK9B,MAAMC,EAAeH,EAAM,WAA0C,CAACI,EAAOC,IACpEL,EAAA,cAACC,EAAA,CAAK,IAAKI,EAAK,UAAU,SAAS,IAAI,IAAI,EAAE,IAAK,GAAGD,EAAO,CACpE,EACDD,EAAa,YAAc,gBAG3B,MAAMG,EAAYN,EAAM,WAA+C,CAACI,EAAOC,IACtEL,EAAA,cAACE,EAAA,CAAQ,IAAKG,EAAM,GAAGD,EAAO,CACtC,EACDE,EAAU,YAAc,aAExB,MAAMC,EAAO,OAAO,OAAOJ,EAAc,CAEvC,KAAMA,EACN,SAAUA,EACV,IAAKA,EAEL,MAAOG,CACT,CAAC",
6
+ "names": ["React", "Flex", "Heading", "HeroVariant1", "props", "ref", "HeroTitle", "Hero"]
7
+ }
@@ -0,0 +1,2 @@
1
+ export { Hero } from './Hero';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hero/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ import{Hero as e}from"./Hero";export{e as Hero};
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/components/hero/index.ts"],
4
+ "sourcesContent": ["export { Hero } from './Hero';\n"],
5
+ "mappings": "AAAA,OAAS,QAAAA,MAAY",
6
+ "names": ["Hero"]
7
+ }
@@ -0,0 +1,2 @@
1
+ export * from './hero';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export*from"./hero";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/components/index.ts"],
4
+ "sourcesContent": ["export * from './hero';\n"],
5
+ "mappings": "AAAA,WAAc",
6
+ "names": []
7
+ }
@@ -0,0 +1,2 @@
1
+ export * from './components';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -0,0 +1,2 @@
1
+ export*from"./components";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.ts"],
4
+ "sourcesContent": ["export * from './components';\n"],
5
+ "mappings": "AAAA,WAAc",
6
+ "names": []
7
+ }
@@ -0,0 +1,6 @@
1
+ {
2
+ "type": "module",
3
+ "sideEffects": [
4
+ "*.css"
5
+ ]
6
+ }
package/package.json ADDED
@@ -0,0 +1,120 @@
1
+ {
2
+ "name": "@kushagradhawan/kookie-blocks",
3
+ "version": "0.1.0",
4
+ "repository": {
5
+ "type": "git",
6
+ "url": "https://github.com/KushagraDhawan1997/kookie-blocks.git"
7
+ },
8
+ "description": "Pre-built composable blocks built on top of Kookie UI",
9
+ "keywords": [
10
+ "react",
11
+ "ui",
12
+ "blocks",
13
+ "design-system",
14
+ "kookie"
15
+ ],
16
+ "author": "Kushagra Dhawan",
17
+ "license": "MIT",
18
+ "engines": {
19
+ "node": ">=16"
20
+ },
21
+ "type": "commonjs",
22
+ "main": "./dist/cjs/index.js",
23
+ "types": "./dist/cjs/index.d.ts",
24
+ "module": "./dist/esm/index.js",
25
+ "style": "./styles.css",
26
+ "exports": {
27
+ ".": {
28
+ "require": {
29
+ "types": "./dist/cjs/index.d.ts",
30
+ "default": "./dist/cjs/index.js"
31
+ },
32
+ "import": {
33
+ "types": "./dist/esm/index.d.ts",
34
+ "default": "./dist/esm/index.js"
35
+ }
36
+ },
37
+ "./components/*": {
38
+ "require": {
39
+ "types": "./dist/cjs/components/*.d.ts",
40
+ "default": "./dist/cjs/components/*.js"
41
+ },
42
+ "import": {
43
+ "types": "./dist/esm/components/*.d.ts",
44
+ "default": "./dist/esm/components/*.js"
45
+ }
46
+ },
47
+ "./*": "./*"
48
+ },
49
+ "typesVersions": {
50
+ "*": {
51
+ "components/*": [
52
+ "dist/*"
53
+ ]
54
+ }
55
+ },
56
+ "publishConfig": {
57
+ "access": "public"
58
+ },
59
+ "sideEffects": [
60
+ "*.css"
61
+ ],
62
+ "files": [
63
+ "src/**",
64
+ "dist/**",
65
+ "*.css"
66
+ ],
67
+ "scripts": {
68
+ "build": "pnpm clean:dist && pnpm build:js && pnpm build:css",
69
+ "clean:dist": "rm -rf dist && mkdir -p dist/cjs dist/esm",
70
+ "build:js": "pnpm build:js:cjs && pnpm build:js:esm && pnpm build:js:cjs:types && pnpm build:js:esm:types",
71
+ "build:js:cjs": "node scripts/esbuild-cjs.mjs",
72
+ "build:js:cjs:types": "tsc --outdir dist/cjs",
73
+ "build:js:esm": "node scripts/esbuild-esm.mjs",
74
+ "build:js:esm:types": "tsc --outdir dist/esm",
75
+ "build:css": "pnpm build:css:index && pnpm build:css:components",
76
+ "build:css:index": "postcss src/styles/index.css -o styles.css",
77
+ "build:css:components": "postcss src/components/index.css -o components.css",
78
+ "dev": "pnpm dev:js & pnpm dev:css",
79
+ "dev:js": "pnpm dev:js:cjs & pnpm dev:js:esm & pnpm dev:js:cjs:types & pnpm dev:js:esm:types",
80
+ "dev:js:cjs": "node scripts/esbuild-cjs.mjs watch=true",
81
+ "dev:js:cjs:types": "tsc --watch --incremental --outdir dist/cjs",
82
+ "dev:js:esm": "node scripts/esbuild-esm.mjs watch=true",
83
+ "dev:js:esm:types": "tsc --watch --incremental --outdir dist/esm >/dev/null",
84
+ "dev:css": "postcss src/styles/index.css -o styles.css --watch",
85
+ "lint": "pnpm lint:js && pnpm lint:css && pnpm lint:ts",
86
+ "lint:js": "eslint \"src/**/*.ts*\"",
87
+ "lint:ts": "tsc --noEmit",
88
+ "lint:css": "stylelint \"src/**/*.css\"",
89
+ "clean": "rm -rf .turbo node_modules dist *.css",
90
+ "prepublishOnly": "pnpm lint"
91
+ },
92
+ "dependencies": {
93
+ "@kushagradhawan/kookie-ui": "latest",
94
+ "react": "^19.0.0",
95
+ "react-dom": "^19.0.0"
96
+ },
97
+ "peerDependencies": {
98
+ "react": ">=18.0.0",
99
+ "react-dom": ">=18.0.0"
100
+ },
101
+ "devDependencies": {
102
+ "@eslint/js": "^9.18.0",
103
+ "@types/react": "^19.0.2",
104
+ "@types/react-dom": "^19.0.2",
105
+ "autoprefixer": "10.4.19",
106
+ "esbuild": "0.20.0",
107
+ "eslint": "^9.18.0",
108
+ "globals": "^15.14.0",
109
+ "postcss": "8.4.33",
110
+ "postcss-cli": "11.0.0",
111
+ "postcss-combine-duplicated-selectors": "10.0.3",
112
+ "postcss-custom-media": "10.0.2",
113
+ "postcss-discard-empty": "6.0.1",
114
+ "postcss-import": "16.0.0",
115
+ "postcss-nesting": "12.0.2",
116
+ "stylelint": "16.6.1",
117
+ "typescript": "^5.7.2",
118
+ "typescript-eslint": "^8.18.1"
119
+ }
120
+ }
@@ -0,0 +1,27 @@
1
+ import * as React from "react";
2
+ import { Flex, Heading } from "@kushagradhawan/kookie-ui";
3
+ import type { FlexProps } from "@kushagradhawan/kookie-ui/components/flex";
4
+ import type { HeadingProps } from "@kushagradhawan/kookie-ui/components/heading";
5
+
6
+ type HeroRootProps = FlexProps;
7
+ const HeroVariant1 = React.forwardRef<HTMLDivElement, HeroRootProps>((props, ref) => {
8
+ return <Flex ref={ref} direction="column" gap="6" p="6" {...props} />;
9
+ });
10
+ HeroVariant1.displayName = "Hero.Variant1";
11
+
12
+ type HeroTitleProps = HeadingProps;
13
+ const HeroTitle = React.forwardRef<HTMLHeadingElement, HeroTitleProps>((props, ref) => {
14
+ return <Heading ref={ref} {...props} />;
15
+ });
16
+ HeroTitle.displayName = "Hero.Title";
17
+
18
+ const Hero = Object.assign(HeroVariant1, {
19
+ // Base/root maps to the primary variant
20
+ Root: HeroVariant1,
21
+ Variant1: HeroVariant1,
22
+ One: HeroVariant1,
23
+ // Shared slots
24
+ Title: HeroTitle,
25
+ });
26
+
27
+ export { Hero };
@@ -0,0 +1 @@
1
+ export { Hero } from './Hero';
@@ -0,0 +1 @@
1
+ /* Components CSS aggregator for Kookie Blocks (e.g., hero variants if styled). */
@@ -0,0 +1 @@
1
+ export * from './hero';
package/src/index.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './components';
@@ -0,0 +1,2 @@
1
+ /* Kookie Blocks base styles. Keep minimal; rely on Kookie UI tokens/utilities. */
2
+ @import "../components/index.css";
package/styles.css ADDED
@@ -0,0 +1,2 @@
1
+ /* Kookie Blocks base styles. Keep minimal; rely on Kookie UI tokens/utilities. */
2
+ /* Components CSS aggregator for Kookie Blocks (e.g., hero variants if styled). */