@san-siva/blogkit 1.1.23 → 1.1.24

package/dist/esm/index.js

@@ -6,5 +6,6 @@ export { default as Callout } from './components/Callout.js';
 export { default as Mermaid } from './components/Mermaid.js';
 export { default as BlogLink } from './components/BlogLink.js';
 export { default as Table } from './components/Table.js';
+export { default as CheckList } from './components/CheckList.js';
 export { generateIdForBlogTitle, generateUrlForBlogTitle } from './utils/index.js';
 //# 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/staticComponents/CheckListStatic.js

@@ -0,0 +1,9 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import styles from '../styles/CheckList.module.scss.js';
+
+const CheckListStatic = ({ items, hasMarginUp = false, hasMarginDown = false, }) => {
+    return (jsx("div", { className: `${styles['check-list']} ${hasMarginUp ? styles['margin-top--1'] : ''} ${hasMarginDown ? styles['margin-bottom--2'] : ''}`, children: items.map((item) => (jsxs("div", { className: styles['check-list__item'], "data-id": item.id, children: [jsx("div", { className: `${styles['check-list__item__input']} ${item.isChecked ? styles['check-list__item__input--checked'] : ''}` }), jsx("div", { children: item.children })] }, item.id))) }));
+};
+
+export { CheckListStatic as default };
+//# sourceMappingURL=CheckListStatic.js.map

package/dist/esm/staticComponents/CheckListStatic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckListStatic.js","sources":["../../../src/staticComponents/CheckListStatic.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport styles from '../styles/CheckList.module.scss';\n\nexport interface CheckListItem {\n\tid: string;\n\tchildren: ReactNode;\n\tisChecked?: boolean;\n}\n\ninterface CheckListProperties {\n\titems: CheckListItem[];\n\thasMarginUp?: boolean;\n\thasMarginDown?: boolean;\n}\n\nconst CheckListStatic = ({\n\titems,\n\thasMarginUp = false,\n\thasMarginDown = false,\n}: CheckListProperties) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={`${styles['check-list']} ${hasMarginUp ? styles['margin-top--1'] : ''} ${\n\t\t\t\thasMarginDown ? styles['margin-bottom--2'] : ''\n\t\t\t}`}\n\t\t>\n\t\t\t{items.map((item) => (\n\t\t\t\t<div key={item.id} className={styles['check-list__item']} data-id={item.id}>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`${styles['check-list__item__input']} ${\n\t\t\t\t\t\t\titem.isChecked ? styles['check-list__item__input--checked'] : ''\n\t\t\t\t\t\t}`}\n\t\t\t\t\t/>\n\t\t\t\t\t<div>{item.children}</div>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n};\n\nexport default CheckListStatic;\n"],"names":["_jsx","_jsxs"],"mappings":";;;AAgBA,MAAM,eAAe,GAAG,CAAC,EACxB,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,aAAa,GAAG,KAAK,GACA,KAAI;IACzB,QACCA,aACC,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA,CAAA,EAAI,WAAW,GAAG,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE,CAAA,CAAA,EAC/E,aAAa,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,EAC9C,CAAA,CAAE,YAED,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACfC,IAAA,CAAA,KAAA,EAAA,EAAmB,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAA,SAAA,EAAW,IAAI,CAAC,EAAE,EAAA,QAAA,EAAA,CACzED,GAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,GAAG,MAAM,CAAC,yBAAyB,CAAC,CAAA,CAAA,EAC9C,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,kCAAkC,CAAC,GAAG,EAC/D,CAAA,CAAE,EAAA,CACD,EACFA,GAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,IAAI,CAAC,QAAQ,EAAA,CAAO,CAAA,EAAA,EANjB,IAAI,CAAC,EAAE,CAOX,CACN,CAAC,EAAA,CACG;AAER;;;;"}

package/dist/esm/styles/CheckList.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"margin-top--1":"CheckList-module_margin-top--1__EovV7","margin-bottom--2":"CheckList-module_margin-bottom--2__UTvnt","check-list":"CheckList-module_check-list__LXpaq","check-list__item":"CheckList-module_check-list__item__K1y6i","check-list__item__input":"CheckList-module_check-list__item__input__ovx1m","check-list__item__input--checked":"CheckList-module_check-list__item__input--checked__nQvtq"};
+
+export { styles as default };
+//# sourceMappingURL=CheckList.module.scss.js.map

package/dist/esm/styles/CheckList.module.scss.js.map

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

package/dist/types/components/CheckList.d.ts

@@ -0,0 +1,10 @@
+import { type CheckListItem } from '../staticComponents/CheckListStatic';
+interface CheckListProperties {
+    items: CheckListItem[];
+    hasMarginUp?: boolean;
+    hasMarginDown?: boolean;
+}
+declare const CheckList: ({ items, hasMarginUp, hasMarginDown, }: CheckListProperties) => import("react/jsx-runtime").JSX.Element;
+export { type CheckListItem };
+export default CheckList;
+//# sourceMappingURL=CheckList.d.ts.map

package/dist/types/components/CheckList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckList.d.ts","sourceRoot":"","sources":["../../../src/components/CheckList.tsx"],"names":[],"mappings":"AAAA,OAAwB,EAAE,KAAK,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAE1F,UAAU,mBAAmB;IAC5B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,SAAS,GAAI,wCAIhB,mBAAmB,4CAIrB,CAAC;AAEF,OAAO,EAAE,KAAK,aAAa,EAAE,CAAC;AAC9B,eAAe,SAAS,CAAC"}

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

@@ -6,4 +6,5 @@ export { default as Callout } from './Callout';
 export { default as Mermaid } from './Mermaid';
 export { default as BlogLink } from './BlogLink';
 export { default as Table } from './Table';
+export { default as CheckList, type CheckListItem } from './CheckList';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC"}

package/dist/types/index.d.ts

@@ -6,5 +6,6 @@ export { default as Callout } from './components/Callout';
 export { default as Mermaid } from './components/Mermaid';
 export { default as BlogLink } from './components/BlogLink';
 export { default as Table } from './components/Table';
+export { default as CheckList, type CheckListItem } from './components/CheckList';
 export { generateIdForBlogTitle, generateUrlForBlogTitle } from './utils';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGlF,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/staticComponents/CheckListStatic.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export interface CheckListItem {
+    id: string;
+    children: ReactNode;
+    isChecked?: boolean;
+}
+interface CheckListProperties {
+    items: CheckListItem[];
+    hasMarginUp?: boolean;
+    hasMarginDown?: boolean;
+}
+declare const CheckListStatic: ({ items, hasMarginUp, hasMarginDown, }: CheckListProperties) => import("react/jsx-runtime").JSX.Element;
+export default CheckListStatic;
+//# sourceMappingURL=CheckListStatic.d.ts.map

package/dist/types/staticComponents/CheckListStatic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckListStatic.d.ts","sourceRoot":"","sources":["../../../src/staticComponents/CheckListStatic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,aAAa;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,mBAAmB;IAC5B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,eAAe,GAAI,wCAItB,mBAAmB,4CAmBrB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@san-siva/blogkit",
-	"version": "1.1.23",
+	"version": "1.1.24",
 	"description": "A reusable blog component library for React/Next.js applications with code highlighting, diagrams, and rich content features",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",

package/src/assets/tick.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.3333 35.7707L8.78133 23.2187L12.552 19.448L21.3333 28.2293L48 1.56267V0H0V48H48V26.6667V9.104L21.3333 35.7707Z" fill="#4242FA"/>
+</svg>

package/src/components/CheckList.tsx

@@ -0,0 +1,20 @@
+import CheckListStatic, { type CheckListItem } from '../staticComponents/CheckListStatic';
+
+interface CheckListProperties {
+	items: CheckListItem[];
+	hasMarginUp?: boolean;
+	hasMarginDown?: boolean;
+}
+
+const CheckList = ({
+	items,
+	hasMarginUp = false,
+	hasMarginDown = false,
+}: CheckListProperties) => {
+	return (
+		<CheckListStatic items={items} hasMarginUp={hasMarginUp} hasMarginDown={hasMarginDown} />
+	);
+};
+
+export { type CheckListItem };
+export default CheckList;

package/src/components/index.ts

@@ -6,3 +6,4 @@ export { default as Callout } from './Callout';
 export { default as Mermaid } from './Mermaid';
 export { default as BlogLink } from './BlogLink';
 export { default as Table } from './Table';
+export { default as CheckList, type CheckListItem } from './CheckList';

package/src/index.ts

@@ -7,6 +7,7 @@ export { default as Callout } from './components/Callout';
 export { default as Mermaid } from './components/Mermaid';
 export { default as BlogLink } from './components/BlogLink';
 export { default as Table } from './components/Table';
+export { default as CheckList, type CheckListItem } from './components/CheckList';
 
 // Utilities
 export { generateIdForBlogTitle, generateUrlForBlogTitle } from './utils';

package/src/staticComponents/CheckListStatic.tsx

@@ -0,0 +1,42 @@
+import type { ReactNode } from 'react';
+
+import styles from '../styles/CheckList.module.scss';
+
+export interface CheckListItem {
+	id: string;
+	children: ReactNode;
+	isChecked?: boolean;
+}
+
+interface CheckListProperties {
+	items: CheckListItem[];
+	hasMarginUp?: boolean;
+	hasMarginDown?: boolean;
+}
+
+const CheckListStatic = ({
+	items,
+	hasMarginUp = false,
+	hasMarginDown = false,
+}: CheckListProperties) => {
+	return (
+		<div
+			className={`${styles['check-list']} ${hasMarginUp ? styles['margin-top--1'] : ''} ${
+				hasMarginDown ? styles['margin-bottom--2'] : ''
+			}`}
+		>
+			{items.map((item) => (
+				<div key={item.id} className={styles['check-list__item']} data-id={item.id}>
+					<div
+						className={`${styles['check-list__item__input']} ${
+							item.isChecked ? styles['check-list__item__input--checked'] : ''
+						}`}
+					/>
+					<div>{item.children}</div>
+				</div>
+			))}
+		</div>
+	);
+};
+
+export default CheckListStatic;

package/src/styles/CheckList.module.scss

@@ -0,0 +1,45 @@
+@use '@san-siva/stylekit/styles/index.module.scss' as stylekit;
+
+.check-list {
+  display: flex;
+  flex-direction: column;
+  gap: stylekit.space(1);
+
+  &__item {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+
+    &__input {
+      height: stylekit.rem(12);
+      width: stylekit.rem(12);
+      border: 1px solid stylekit.$color--grey-medium;
+      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
+      margin-right: stylekit.space(1);
+      flex-shrink: 0;
+
+      &--checked {
+        height: stylekit.rem(14);
+        width: stylekit.rem(14);
+        background-color: stylekit.$color--base;
+        border: 0px solid stylekit.$color--primary;
+        background-image: url('../assets/tick.svg');
+        background-size: cover;
+      }
+    }
+
+    > p {
+      font-size: stylekit.$font-size--small;
+      margin: 0;
+    }
+  }
+}
+
+.margin-top--1 {
+  margin-top: stylekit.space(1);
+}
+
+.margin-bottom--2 {
+  margin-bottom: stylekit.space(2);
+}

package/src/styles/CheckList.module.scss.d.ts

@@ -0,0 +1,10 @@
+declare const styles: {
+  readonly 'check-list': string;
+  readonly 'check-list__item': string;
+  readonly 'check-list__item__input': string;
+  readonly 'check-list__item__input--checked': string;
+  readonly 'margin-top--1': string;
+  readonly 'margin-bottom--2': string;
+};
+
+export default styles;