@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.
- package/components.css +1 -0
- package/dist/cjs/components/hero/Hero.d.ts +11 -0
- package/dist/cjs/components/hero/Hero.d.ts.map +1 -0
- package/dist/cjs/components/hero/Hero.js +2 -0
- package/dist/cjs/components/hero/Hero.js.map +7 -0
- package/dist/cjs/components/hero/index.d.ts +2 -0
- package/dist/cjs/components/hero/index.d.ts.map +1 -0
- package/dist/cjs/components/hero/index.js +2 -0
- package/dist/cjs/components/hero/index.js.map +7 -0
- package/dist/cjs/components/index.d.ts +2 -0
- package/dist/cjs/components/index.d.ts.map +1 -0
- package/dist/cjs/components/index.js +2 -0
- package/dist/cjs/components/index.js.map +7 -0
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.d.ts.map +1 -0
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/esm/components/hero/Hero.d.ts +11 -0
- package/dist/esm/components/hero/Hero.d.ts.map +1 -0
- package/dist/esm/components/hero/Hero.js +2 -0
- package/dist/esm/components/hero/Hero.js.map +7 -0
- package/dist/esm/components/hero/index.d.ts +2 -0
- package/dist/esm/components/hero/index.d.ts.map +1 -0
- package/dist/esm/components/hero/index.js +2 -0
- package/dist/esm/components/hero/index.js.map +7 -0
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.d.ts.map +1 -0
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +7 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.d.ts.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/package.json +6 -0
- package/package.json +120 -0
- package/src/components/hero/Hero.tsx +27 -0
- package/src/components/hero/index.ts +1 -0
- package/src/components/index.css +1 -0
- package/src/components/index.ts +1 -0
- package/src/index.ts +1 -0
- package/src/styles/index.css +2 -0
- 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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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,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 @@
|
|
|
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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
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';
|
package/styles.css
ADDED