lynote-ui 0.0.8 → 0.0.9

package/dist/switch/index.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CoQrYLCe.js");
-const require_utils = require("../utils-BGuEr0aP.js");
+require("../chunk-8l464Juk.js");
+const require_utils = require("../utils-DrngEK1K.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_switch = require("@base-ui/react/switch");
 //#region src/switch/index.tsx

package/dist/switch/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "../utils-TtTqRIUX.mjs";
+import { t as cn } from "../utils-Bg4z4cXr.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 //#region src/switch/index.tsx

package/dist/table/index.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chunk = require("../chunk-CoQrYLCe.js");
-const require_utils = require("../utils-BGuEr0aP.js");
+const require_chunk = require("../chunk-8l464Juk.js");
+const require_utils = require("../utils-DrngEK1K.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_chunk.__toESM(react);

package/dist/table/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "../utils-TtTqRIUX.mjs";
+import { t as cn } from "../utils-Bg4z4cXr.mjs";
 import { jsx } from "react/jsx-runtime";
 import "react";
 //#region src/table/index.tsx

package/dist/tabs/index.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CoQrYLCe.js");
-const require_utils = require("../utils-BGuEr0aP.js");
+require("../chunk-8l464Juk.js");
+const require_utils = require("../utils-DrngEK1K.js");
 let class_variance_authority = require("class-variance-authority");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_tabs = require("@base-ui/react/tabs");

package/dist/tabs/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "../utils-TtTqRIUX.mjs";
+import { t as cn } from "../utils-Bg4z4cXr.mjs";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";

package/dist/textarea/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chunk = require("../chunk-CoQrYLCe.js");
-const require_utils = require("../utils-BGuEr0aP.js");
+const require_chunk = require("../chunk-8l464Juk.js");
+const require_utils = require("../utils-DrngEK1K.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_chunk.__toESM(react);

package/dist/textarea/index.mjs

@@ -1,4 +1,4 @@
-import { t as cn } from "../utils-TtTqRIUX.mjs";
+import { t as cn } from "../utils-Bg4z4cXr.mjs";
 import { jsx } from "react/jsx-runtime";
 import "react";
 //#region src/textarea/index.tsx

package/dist/toggle/index.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CoQrYLCe.js");
-const require_utils = require("../utils-BGuEr0aP.js");
+require("../chunk-8l464Juk.js");
+const require_utils = require("../utils-DrngEK1K.js");
 let class_variance_authority = require("class-variance-authority");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_toggle = require("@base-ui/react/toggle");

package/dist/toggle/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "../utils-TtTqRIUX.mjs";
+import { t as cn } from "../utils-Bg4z4cXr.mjs";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Toggle as Toggle$1 } from "@base-ui/react/toggle";

package/dist/toggle-group/index.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chunk = require("../chunk-CoQrYLCe.js");
-const require_utils = require("../utils-BGuEr0aP.js");
+const require_chunk = require("../chunk-8l464Juk.js");
+const require_utils = require("../utils-DrngEK1K.js");
 const require_toggle = require("../toggle/index.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");

package/dist/toggle-group/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "../utils-TtTqRIUX.mjs";
+import { t as cn } from "../utils-Bg4z4cXr.mjs";
 import { toggleVariants } from "../toggle/index.mjs";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";

package/dist/tooltip/index.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CoQrYLCe.js");
-const require_utils = require("../utils-BGuEr0aP.js");
+require("../chunk-8l464Juk.js");
+const require_utils = require("../utils-DrngEK1K.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_tooltip = require("@base-ui/react/tooltip");
 //#region src/tooltip/index.tsx

package/dist/tooltip/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "../utils-TtTqRIUX.mjs";
+import { t as cn } from "../utils-Bg4z4cXr.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 //#region src/tooltip/index.tsx

package/dist/typography/index.d.ts

@@ -0,0 +1,14 @@
+export declare function TypographyH1({ className, ...props }: React.ComponentProps<"h1">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographyH2({ className, ...props }: React.ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographyH3({ className, ...props }: React.ComponentProps<"h3">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographyH4({ className, ...props }: React.ComponentProps<"h4">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographyH5({ className, ...props }: React.ComponentProps<"h5">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographyH6({ className, ...props }: React.ComponentProps<"h6">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographyP({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographyBlockquote({ className, ...props }: React.ComponentProps<"blockquote">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographyUl({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographyInlineCode({ className, ...props }: React.ComponentProps<"code">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographyLead({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographyLarge({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographySmall({ className, ...props }: React.ComponentProps<"small">): import("react/jsx-runtime").JSX.Element;
+export declare function TypographyMuted({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;

package/dist/typography/index.js

@@ -0,0 +1,120 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../chunk-8l464Juk.js");
+const require_utils = require("../utils-DrngEK1K.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/typography/index.tsx
+function TypographyH1({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+		"data-slot": "typography-h1",
+		className: require_utils.cn("scroll-m-20 text-balance text-center text-4xl font-extrabold tracking-tight", className),
+		...props
+	});
+}
+function TypographyH2({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+		"data-slot": "typography-h2",
+		className: require_utils.cn("mt-10 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0", className),
+		...props
+	});
+}
+function TypographyH3({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+		"data-slot": "typography-h3",
+		className: require_utils.cn("mt-8 scroll-m-20 text-2xl font-semibold tracking-tight", className),
+		...props
+	});
+}
+function TypographyH4({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+		"data-slot": "typography-h4",
+		className: require_utils.cn("scroll-m-20 text-xl font-semibold tracking-tight", className),
+		...props
+	});
+}
+function TypographyH5({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h5", {
+		"data-slot": "typography-h5",
+		className: require_utils.cn("scroll-m-20 text-lg font-semibold tracking-tight", className),
+		...props
+	});
+}
+function TypographyH6({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h6", {
+		"data-slot": "typography-h6",
+		className: require_utils.cn("scroll-m-20 text-base font-semibold tracking-tight", className),
+		...props
+	});
+}
+function TypographyP({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		"data-slot": "typography-p",
+		className: require_utils.cn("not-first:mt-6 leading-7", className),
+		...props
+	});
+}
+function TypographyBlockquote({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("blockquote", {
+		"data-slot": "typography-blockquote",
+		className: require_utils.cn("mt-6 border-l-2 pl-6 italic", className),
+		...props
+	});
+}
+function TypographyUl({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		"data-slot": "typography-ul",
+		className: require_utils.cn("my-6 ml-6 list-disc [&>li]:mt-2", className),
+		...props
+	});
+}
+function TypographyInlineCode({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+		"data-slot": "typography-inline-code",
+		className: require_utils.cn("bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold", className),
+		...props
+	});
+}
+function TypographyLead({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		"data-slot": "typography-lead",
+		className: require_utils.cn("text-muted-foreground text-xl", className),
+		...props
+	});
+}
+function TypographyLarge({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "typography-large",
+		className: require_utils.cn("text-lg font-semibold", className),
+		...props
+	});
+}
+function TypographySmall({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", {
+		"data-slot": "typography-small",
+		className: require_utils.cn("text-sm font-medium leading-none", className),
+		...props
+	});
+}
+function TypographyMuted({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		"data-slot": "typography-muted",
+		className: require_utils.cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+//#endregion
+exports.TypographyBlockquote = TypographyBlockquote;
+exports.TypographyH1 = TypographyH1;
+exports.TypographyH2 = TypographyH2;
+exports.TypographyH3 = TypographyH3;
+exports.TypographyH4 = TypographyH4;
+exports.TypographyH5 = TypographyH5;
+exports.TypographyH6 = TypographyH6;
+exports.TypographyInlineCode = TypographyInlineCode;
+exports.TypographyLarge = TypographyLarge;
+exports.TypographyLead = TypographyLead;
+exports.TypographyMuted = TypographyMuted;
+exports.TypographyP = TypographyP;
+exports.TypographySmall = TypographySmall;
+exports.TypographyUl = TypographyUl;
+
+//# sourceMappingURL=index.js.map

package/dist/typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/typography/index.tsx"],"sourcesContent":["import { cn } from \"../../lib\";\n\nexport function TypographyH1({\n  className,\n  ...props\n}: React.ComponentProps<\"h1\">) {\n  return (\n    <h1\n      data-slot=\"typography-h1\"\n      className={cn(\n        \"scroll-m-20 text-balance text-center text-4xl font-extrabold tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyH2({\n  className,\n  ...props\n}: React.ComponentProps<\"h2\">) {\n  return (\n    <h2\n      data-slot=\"typography-h2\"\n      className={cn(\n        \"mt-10 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyH3({\n  className,\n  ...props\n}: React.ComponentProps<\"h3\">) {\n  return (\n    <h3\n      data-slot=\"typography-h3\"\n      className={cn(\n        \"mt-8 scroll-m-20 text-2xl font-semibold tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyH4({\n  className,\n  ...props\n}: React.ComponentProps<\"h4\">) {\n  return (\n    <h4\n      data-slot=\"typography-h4\"\n      className={cn(\n        \"scroll-m-20 text-xl font-semibold tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyH5({\n  className,\n  ...props\n}: React.ComponentProps<\"h5\">) {\n  return (\n    <h5\n      data-slot=\"typography-h5\"\n      className={cn(\n        \"scroll-m-20 text-lg font-semibold tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyH6({\n  className,\n  ...props\n}: React.ComponentProps<\"h6\">) {\n  return (\n    <h6\n      data-slot=\"typography-h6\"\n      className={cn(\n        \"scroll-m-20 text-base font-semibold tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyP({\n  className,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"typography-p\"\n      className={cn(\"not-first:mt-6 leading-7\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyBlockquote({\n  className,\n  ...props\n}: React.ComponentProps<\"blockquote\">) {\n  return (\n    <blockquote\n      data-slot=\"typography-blockquote\"\n      className={cn(\"mt-6 border-l-2 pl-6 italic\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyUl({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"typography-ul\"\n      className={cn(\"my-6 ml-6 list-disc [&>li]:mt-2\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyInlineCode({\n  className,\n  ...props\n}: React.ComponentProps<\"code\">) {\n  return (\n    <code\n      data-slot=\"typography-inline-code\"\n      className={cn(\n        \"bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyLead({\n  className,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"typography-lead\"\n      className={cn(\"text-muted-foreground text-xl\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyLarge({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"typography-large\"\n      className={cn(\"text-lg font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TypographySmall({\n  className,\n  ...props\n}: React.ComponentProps<\"small\">) {\n  return (\n    <small\n      data-slot=\"typography-small\"\n      className={cn(\"text-sm font-medium leading-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyMuted({\n  className,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"typography-muted\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AAEA,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,cAAA,GACT,+EACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,cAAA,GACT,oFACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,cAAA,GACT,0DACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,cAAA,GACT,oDACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,cAAA,GACT,oDACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,cAAA,GACT,sDACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,YAAY,EAC1B,WACA,GAAG,SACyB;AAC5B,QACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,4BAA4B,UAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAgB,qBAAqB,EACnC,WACA,GAAG,SACkC;AACrC,QACE,iBAAA,GAAA,kBAAA,KAAC,cAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,+BAA+B,UAAU;EACvD,GAAI;EACJ,CAAA;;AAIN,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,mCAAmC,UAAU;EAC3D,GAAI;EACJ,CAAA;;AAIN,SAAgB,qBAAqB,EACnC,WACA,GAAG,SAC4B;AAC/B,QACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;EACE,aAAU;EACV,WAAW,cAAA,GACT,qFACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,eAAe,EAC7B,WACA,GAAG,SACyB;AAC5B,QACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAgB,gBAAgB,EAC9B,WACA,GAAG,SAC2B;AAC9B,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,yBAAyB,UAAU;EACjD,GAAI;EACJ,CAAA;;AAIN,SAAgB,gBAAgB,EAC9B,WACA,GAAG,SAC6B;AAChC,QACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,oCAAoC,UAAU;EAC5D,GAAI;EACJ,CAAA;;AAIN,SAAgB,gBAAgB,EAC9B,WACA,GAAG,SACyB;AAC5B,QACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA"}

package/dist/typography/index.mjs

@@ -0,0 +1,105 @@
+import { t as cn } from "../utils-Bg4z4cXr.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/typography/index.tsx
+function TypographyH1({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h1", {
+		"data-slot": "typography-h1",
+		className: cn("scroll-m-20 text-balance text-center text-4xl font-extrabold tracking-tight", className),
+		...props
+	});
+}
+function TypographyH2({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h2", {
+		"data-slot": "typography-h2",
+		className: cn("mt-10 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0", className),
+		...props
+	});
+}
+function TypographyH3({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h3", {
+		"data-slot": "typography-h3",
+		className: cn("mt-8 scroll-m-20 text-2xl font-semibold tracking-tight", className),
+		...props
+	});
+}
+function TypographyH4({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h4", {
+		"data-slot": "typography-h4",
+		className: cn("scroll-m-20 text-xl font-semibold tracking-tight", className),
+		...props
+	});
+}
+function TypographyH5({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h5", {
+		"data-slot": "typography-h5",
+		className: cn("scroll-m-20 text-lg font-semibold tracking-tight", className),
+		...props
+	});
+}
+function TypographyH6({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h6", {
+		"data-slot": "typography-h6",
+		className: cn("scroll-m-20 text-base font-semibold tracking-tight", className),
+		...props
+	});
+}
+function TypographyP({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "typography-p",
+		className: cn("not-first:mt-6 leading-7", className),
+		...props
+	});
+}
+function TypographyBlockquote({ className, ...props }) {
+	return /* @__PURE__ */ jsx("blockquote", {
+		"data-slot": "typography-blockquote",
+		className: cn("mt-6 border-l-2 pl-6 italic", className),
+		...props
+	});
+}
+function TypographyUl({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "typography-ul",
+		className: cn("my-6 ml-6 list-disc [&>li]:mt-2", className),
+		...props
+	});
+}
+function TypographyInlineCode({ className, ...props }) {
+	return /* @__PURE__ */ jsx("code", {
+		"data-slot": "typography-inline-code",
+		className: cn("bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold", className),
+		...props
+	});
+}
+function TypographyLead({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "typography-lead",
+		className: cn("text-muted-foreground text-xl", className),
+		...props
+	});
+}
+function TypographyLarge({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "typography-large",
+		className: cn("text-lg font-semibold", className),
+		...props
+	});
+}
+function TypographySmall({ className, ...props }) {
+	return /* @__PURE__ */ jsx("small", {
+		"data-slot": "typography-small",
+		className: cn("text-sm font-medium leading-none", className),
+		...props
+	});
+}
+function TypographyMuted({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "typography-muted",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+//#endregion
+export { TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyH5, TypographyH6, TypographyInlineCode, TypographyLarge, TypographyLead, TypographyMuted, TypographyP, TypographySmall, TypographyUl };
+
+//# sourceMappingURL=index.mjs.map

package/dist/typography/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/typography/index.tsx"],"sourcesContent":["import { cn } from \"../../lib\";\n\nexport function TypographyH1({\n  className,\n  ...props\n}: React.ComponentProps<\"h1\">) {\n  return (\n    <h1\n      data-slot=\"typography-h1\"\n      className={cn(\n        \"scroll-m-20 text-balance text-center text-4xl font-extrabold tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyH2({\n  className,\n  ...props\n}: React.ComponentProps<\"h2\">) {\n  return (\n    <h2\n      data-slot=\"typography-h2\"\n      className={cn(\n        \"mt-10 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyH3({\n  className,\n  ...props\n}: React.ComponentProps<\"h3\">) {\n  return (\n    <h3\n      data-slot=\"typography-h3\"\n      className={cn(\n        \"mt-8 scroll-m-20 text-2xl font-semibold tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyH4({\n  className,\n  ...props\n}: React.ComponentProps<\"h4\">) {\n  return (\n    <h4\n      data-slot=\"typography-h4\"\n      className={cn(\n        \"scroll-m-20 text-xl font-semibold tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyH5({\n  className,\n  ...props\n}: React.ComponentProps<\"h5\">) {\n  return (\n    <h5\n      data-slot=\"typography-h5\"\n      className={cn(\n        \"scroll-m-20 text-lg font-semibold tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyH6({\n  className,\n  ...props\n}: React.ComponentProps<\"h6\">) {\n  return (\n    <h6\n      data-slot=\"typography-h6\"\n      className={cn(\n        \"scroll-m-20 text-base font-semibold tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyP({\n  className,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"typography-p\"\n      className={cn(\"not-first:mt-6 leading-7\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyBlockquote({\n  className,\n  ...props\n}: React.ComponentProps<\"blockquote\">) {\n  return (\n    <blockquote\n      data-slot=\"typography-blockquote\"\n      className={cn(\"mt-6 border-l-2 pl-6 italic\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyUl({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"typography-ul\"\n      className={cn(\"my-6 ml-6 list-disc [&>li]:mt-2\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyInlineCode({\n  className,\n  ...props\n}: React.ComponentProps<\"code\">) {\n  return (\n    <code\n      data-slot=\"typography-inline-code\"\n      className={cn(\n        \"bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyLead({\n  className,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"typography-lead\"\n      className={cn(\"text-muted-foreground text-xl\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyLarge({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"typography-large\"\n      className={cn(\"text-lg font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TypographySmall({\n  className,\n  ...props\n}: React.ComponentProps<\"small\">) {\n  return (\n    <small\n      data-slot=\"typography-small\"\n      className={cn(\"text-sm font-medium leading-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TypographyMuted({\n  className,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"typography-muted\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;AAEA,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,+EACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,oFACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,0DACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,oDACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,oDACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,sDACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,YAAY,EAC1B,WACA,GAAG,SACyB;AAC5B,QACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,UAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAgB,qBAAqB,EACnC,WACA,GAAG,SACkC;AACrC,QACE,oBAAC,cAAD;EACE,aAAU;EACV,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;EACJ,CAAA;;AAIN,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;EACJ,CAAA;;AAIN,SAAgB,qBAAqB,EACnC,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GACT,qFACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAgB,eAAe,EAC7B,WACA,GAAG,SACyB;AAC5B,QACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAgB,gBAAgB,EAC9B,WACA,GAAG,SAC2B;AAC9B,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,UAAU;EACjD,GAAI;EACJ,CAAA;;AAIN,SAAgB,gBAAgB,EAC9B,WACA,GAAG,SAC6B;AAChC,QACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;EACJ,CAAA;;AAIN,SAAgB,gBAAgB,EAC9B,WACA,GAAG,SACyB;AAC5B,QACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA"}

package/dist/{utils-TtTqRIUX.mjs → utils-Bg4z4cXr.mjs}

@@ -7,4 +7,4 @@ function cn(...inputs) {
 //#endregion
 export { cn as t };
 
-//# sourceMappingURL=utils-TtTqRIUX.mjs.map
+//# sourceMappingURL=utils-Bg4z4cXr.mjs.map

package/dist/{utils-TtTqRIUX.mjs.map → utils-Bg4z4cXr.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-TtTqRIUX.mjs","names":[],"sources":["../lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}
+{"version":3,"file":"utils-Bg4z4cXr.mjs","names":[],"sources":["../lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/{utils-BGuEr0aP.js → utils-DrngEK1K.js}

@@ -1,4 +1,4 @@
-require("./chunk-CoQrYLCe.js");
+require("./chunk-8l464Juk.js");
 let clsx = require("clsx");
 let tailwind_merge = require("tailwind-merge");
 //#region lib/utils.ts
@@ -13,4 +13,4 @@ Object.defineProperty(exports, "cn", {
 	}
 });
 
-//# sourceMappingURL=utils-BGuEr0aP.js.map
+//# sourceMappingURL=utils-DrngEK1K.js.map

package/dist/{utils-BGuEr0aP.js.map → utils-DrngEK1K.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-BGuEr0aP.js","names":[],"sources":["../lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,SAAA,GAAA,eAAA,UAAA,GAAA,KAAA,MAAoB,OAAO,CAAC"}
+{"version":3,"file":"utils-DrngEK1K.js","names":[],"sources":["../lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,SAAA,GAAA,eAAA,UAAA,GAAA,KAAA,MAAoB,OAAO,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lynote-ui",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Reusable React UI component library.",
   "source": "./src/index.ts",
   "main": "./dist/index.js",
@@ -146,11 +146,6 @@
       "require": "./dist/field/index.js",
       "import": "./dist/field/index.mjs"
     },
-    "./form": {
-      "types": "./dist/form/index.d.ts",
-      "require": "./dist/form/index.js",
-      "import": "./dist/form/index.mjs"
-    },
     "./hover-card": {
       "types": "./dist/hover-card/index.d.ts",
       "require": "./dist/hover-card/index.js",
@@ -306,6 +301,11 @@
       "require": "./dist/tooltip/index.js",
       "import": "./dist/tooltip/index.mjs"
     },
+    "./typography": {
+      "types": "./dist/typography/index.d.ts",
+      "require": "./dist/typography/index.js",
+      "import": "./dist/typography/index.mjs"
+    },
     "./package.json": "./package.json"
   },
   "scripts": {
@@ -338,7 +338,9 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.4.1",
+    "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-slot": "^1.2.4",
+    "@tanstack/react-table": "^8.21.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -354,7 +356,8 @@
     "shadcn": "^4.1.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
-    "vaul": "^1.1.2"
+    "vaul": "^1.1.2",
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "4.2.2",

package/dist/form/components/Form.d.ts

@@ -1,4 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { FormPropsType } from '../type';
-declare const FormRoot: <TFormValues extends FieldValues>({ onSubmit, className, ...props }: FormPropsType<TFormValues>) => import("react/jsx-runtime").JSX.Element;
-export default FormRoot;

package/dist/form/components/FormControl.d.ts

@@ -1,3 +0,0 @@
-import { Slot } from '@radix-ui/react-slot';
-declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
-export default FormControl;

package/dist/form/components/FormDescription.d.ts

@@ -1,3 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-declare const FormDescription: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & RefAttributes<HTMLParagraphElement>>;
-export default FormDescription;

package/dist/form/components/FormField.d.ts

@@ -1,3 +0,0 @@
-import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
-export default FormField;

package/dist/form/components/FormItem.d.ts

@@ -1,7 +0,0 @@
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { FormItemPropsType } from '../type';
-import * as React from "react";
-declare const FormItemWithRef: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormItemPropsType<TFieldValues, TName> & {
-    ref?: React.Ref<HTMLDivElement>;
-}) => React.ReactElement;
-export default FormItemWithRef;

package/dist/form/components/FormLabel.d.ts

@@ -1,3 +0,0 @@
-import { ForwardRefExoticComponent, ClassAttributes, LabelHTMLAttributes, RefAttributes } from 'react';
-declare const FormLabel: ForwardRefExoticComponent<Omit< ClassAttributes<HTMLLabelElement> & LabelHTMLAttributes<HTMLLabelElement>, "ref"> & RefAttributes<HTMLLabelElement>>;
-export default FormLabel;

package/dist/form/components/FormMessage.d.ts

@@ -1,4 +0,0 @@
-import { FormMessageProps } from '../type';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-declare const FormMessage: ForwardRefExoticComponent<Omit<FormMessageProps, "ref"> & RefAttributes<HTMLParagraphElement>>;
-export default FormMessage;

package/dist/form/components/variants.d.ts

@@ -1,6 +0,0 @@
-import { ClassProp } from 'class-variance-authority/types';
-export declare const formDescriptionVariants: (props?: ClassProp | undefined) => string;
-export declare const formItemVariants: (props?: ClassProp | undefined) => string;
-export declare const formItemMesVariants: (props?: ClassProp | undefined) => string;
-export declare const formMessageVariants: (props?: ClassProp | undefined) => string;
-export declare const formRootVariants: (props?: ClassProp | undefined) => string;

package/dist/form/context/index.d.ts

@@ -1,4 +0,0 @@
-import { FormFieldContextValue, FormItemContextValue } from '../type';
-import { Context } from 'react';
-export declare const FormFieldContext: Context<FormFieldContextValue>;
-export declare const FormItemContext: Context<FormItemContextValue>;

package/dist/form/hooks/useFormField.d.ts

@@ -1,14 +0,0 @@
-import { FieldError } from 'react-hook-form';
-declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-export default useFormField;

package/dist/form/index.d.ts

@@ -1,11 +0,0 @@
-import { default as FormRoot } from './components/Form';
-import { default as FormControl } from './components/FormControl';
-import { default as FormDescription } from './components/FormDescription';
-import { default as FormField } from './components/FormField';
-import { default as FormItem } from './components/FormItem';
-import { default as FormLabel } from './components/FormLabel';
-import { default as FormMessage } from './components/FormMessage';
-import { default as useFormField } from './hooks/useFormField';
-export * from 'react-hook-form';
-export * from './type';
-export { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormRoot, useFormField, };

package/dist/form/index.js

@@ -1,19 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_form = require("../form-h_cJBAwg.js");
-exports.FormControl = require_form.FormControl;
-exports.FormDescription = require_form.FormDescription;
-exports.FormField = require_form.FormField;
-exports.FormItem = require_form.FormItemWithRef;
-exports.FormLabel = require_form.FormLabel;
-exports.FormMessage = require_form.FormMessage;
-exports.FormRoot = require_form.FormRoot;
-exports.useFormField = require_form.useFormField;
-var react_hook_form = require("react-hook-form");
-Object.keys(react_hook_form).forEach(function(k) {
-	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function() {
-			return react_hook_form[k];
-		}
-	});
-});

package/dist/form/index.mjs

@@ -1,3 +0,0 @@
-import { a as FormDescription, c as FormRoot, i as FormField, n as FormMessage, o as FormControl, r as FormLabel, s as useFormField, t as FormItemWithRef } from "../form-DLd4sOko.mjs";
-export * from "react-hook-form";
-export { FormControl, FormDescription, FormField, FormItemWithRef as FormItem, FormLabel, FormMessage, FormRoot, useFormField };