jaci-ui 0.6.3 → 0.8.0

package/dist/components/typography/heading.d.ts

@@ -2,11 +2,18 @@ import { ComponentPropsWithoutRef } from "react";
 //#region src/components/typography/heading.d.ts
 type HeadingSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
 type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+type TypographyWeight = "normal" | "medium" | "semibold" | "bold";
+type TypographyWidth = "auto" | "fit" | "full";
+type TypographyLineClamp = 1 | 2 | 3 | 4;
 interface HeadingProps extends Omit<ComponentPropsWithoutRef<"h2">, "color"> {
   as?: HeadingElement;
   size?: HeadingSize;
+  weight?: TypographyWeight;
+  truncate?: boolean;
+  lineClamp?: TypographyLineClamp;
+  width?: TypographyWidth;
 }
 declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
 //#endregion
-export { Heading, HeadingElement, HeadingProps, HeadingSize };
+export { Heading, HeadingElement, HeadingProps, HeadingSize, TypographyLineClamp, TypographyWeight, TypographyWidth };
 //# sourceMappingURL=heading.d.ts.map

package/dist/components/typography/heading.js

@@ -11,13 +11,19 @@ const defaultSizeByElement = {
 	h5: "sm",
 	h6: "xs"
 };
-const Heading = forwardRef(function Heading({ as = "h2", className, size, ...props }, ref) {
+const Heading = forwardRef(function Heading({ as = "h2", className, lineClamp, size, truncate = false, weight, width = "auto", ...props }, ref) {
 	const Component = as;
 	const resolvedSize = size ?? defaultSizeByElement[as];
 	return /* @__PURE__ */ jsx(Component, {
 		...props,
 		ref,
-		className: cx(heading({ size: resolvedSize }), className),
+		className: cx(heading({
+			lineClamp: lineClamp ? String(lineClamp) : void 0,
+			size: resolvedSize,
+			truncate,
+			weight,
+			width
+		}), className),
 		"data-jaci-component": "heading",
 		"data-slot": "heading"
 	});

package/dist/components/typography/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","names":[],"sources":["../../../src/components/typography/heading.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementType, ReactElement, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { heading } from \"../../styled-system/recipes\";\n\nexport type HeadingSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nconst defaultSizeByElement: Record<HeadingElement, HeadingSize> = {\n  h1: \"2xl\",\n  h2: \"xl\",\n  h3: \"lg\",\n  h4: \"md\",\n  h5: \"sm\",\n  h6: \"xs\",\n};\n\nexport interface HeadingProps extends Omit<ComponentPropsWithoutRef<\"h2\">, \"color\"> {\n  as?: HeadingElement;\n  size?: HeadingSize;\n}\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(\n  { as = \"h2\", className, size, ...props },\n  ref,\n) {\n  const Component = as as ElementType;\n  const resolvedSize = size ?? defaultSizeByElement[as];\n\n  return (\n    <Component\n      {...props}\n      ref={ref as Ref<HTMLElement>}\n      className={cx(heading({ size: resolvedSize }), className)}\n      data-jaci-component=\"heading\"\n      data-slot=\"heading\"\n    />\n  ) as ReactElement;\n});\n"],"mappings":";;;;;AASA,MAAM,uBAA4D;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAOA,MAAa,UAAU,WAA6C,SAAS,QAC3E,EAAE,KAAK,MAAM,WAAW,MAAM,GAAG,SACjC,KACA;CACA,MAAM,YAAY;CAClB,MAAM,eAAe,QAAQ,qBAAqB;CAElD,OACE,oBAAC,WAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,QAAQ,EAAE,MAAM,aAAa,CAAC,GAAG,SAAS;EACxD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../../src/components/typography/heading.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementType, ReactElement, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { heading } from \"../../styled-system/recipes\";\n\nexport type HeadingSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\nexport type TypographyWeight = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\nexport type TypographyWidth = \"auto\" | \"fit\" | \"full\";\nexport type TypographyLineClamp = 1 | 2 | 3 | 4;\n\nconst defaultSizeByElement: Record<HeadingElement, HeadingSize> = {\n  h1: \"2xl\",\n  h2: \"xl\",\n  h3: \"lg\",\n  h4: \"md\",\n  h5: \"sm\",\n  h6: \"xs\",\n};\n\nexport interface HeadingProps extends Omit<ComponentPropsWithoutRef<\"h2\">, \"color\"> {\n  as?: HeadingElement;\n  size?: HeadingSize;\n  weight?: TypographyWeight;\n  truncate?: boolean;\n  lineClamp?: TypographyLineClamp;\n  width?: TypographyWidth;\n}\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(\n  { as = \"h2\", className, lineClamp, size, truncate = false, weight, width = \"auto\", ...props },\n  ref,\n) {\n  const Component = as as ElementType;\n  const resolvedSize = size ?? defaultSizeByElement[as];\n\n  return (\n    <Component\n      {...props}\n      ref={ref as Ref<HTMLElement>}\n      className={cx(\n        heading({\n          lineClamp: lineClamp ? (String(lineClamp) as \"1\" | \"2\" | \"3\" | \"4\") : undefined,\n          size: resolvedSize,\n          truncate,\n          weight,\n          width,\n        }),\n        className,\n      )}\n      data-jaci-component=\"heading\"\n      data-slot=\"heading\"\n    />\n  ) as ReactElement;\n});\n"],"mappings":";;;;;AAYA,MAAM,uBAA4D;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAWA,MAAa,UAAU,WAA6C,SAAS,QAC3E,EAAE,KAAK,MAAM,WAAW,WAAW,MAAM,WAAW,OAAO,QAAQ,QAAQ,QAAQ,GAAG,SACtF,KACA;CACA,MAAM,YAAY;CAClB,MAAM,eAAe,QAAQ,qBAAqB;CAElD,OACE,oBAAC,WAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,QAAQ;GACN,WAAW,YAAa,OAAO,SAAS,IAA8B,KAAA;GACtE,MAAM;GACN;GACA;GACA;EACF,CAAC,GACD,SACF;EACA,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}

package/dist/components/typography/index.d.cts

@@ -1,5 +1,5 @@
-import { Heading, HeadingElement, HeadingProps, HeadingSize } from "./heading.cjs";
+import { Heading, HeadingElement, HeadingProps, HeadingSize, TypographyLineClamp, TypographyWeight, TypographyWidth } from "./heading.cjs";
 import { Link, LinkProps } from "./link.cjs";
 import { Paragraph, ParagraphProps } from "./paragraph.cjs";
 import { Text, TextElement, TextProps, TextSize, TextTone } from "./text.cjs";
-export { Heading, type HeadingElement, type HeadingProps, type HeadingSize, Link, type LinkProps, Paragraph, type ParagraphProps, Text, type TextElement, type TextProps, type TextSize, type TextTone };
+export { Heading, type HeadingElement, type HeadingProps, type HeadingSize, Link, type LinkProps, Paragraph, type ParagraphProps, Text, type TextElement, type TextProps, type TextSize, type TextTone, type TypographyLineClamp, type TypographyWeight, type TypographyWidth };

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

@@ -1,5 +1,5 @@
-import { Heading, HeadingElement, HeadingProps, HeadingSize } from "./heading.js";
+import { Heading, HeadingElement, HeadingProps, HeadingSize, TypographyLineClamp, TypographyWeight, TypographyWidth } from "./heading.js";
 import { Link, LinkProps } from "./link.js";
 import { Paragraph, ParagraphProps } from "./paragraph.js";
 import { Text, TextElement, TextProps, TextSize, TextTone } from "./text.js";
-export { Heading, type HeadingElement, type HeadingProps, type HeadingSize, Link, type LinkProps, Paragraph, type ParagraphProps, Text, type TextElement, type TextProps, type TextSize, type TextTone };
+export { Heading, type HeadingElement, type HeadingProps, type HeadingSize, Link, type LinkProps, Paragraph, type ParagraphProps, Text, type TextElement, type TextProps, type TextSize, type TextTone, type TypographyLineClamp, type TypographyWeight, type TypographyWidth };

package/dist/components/typography/paragraph.cjs

@@ -3,11 +3,16 @@ const require_paragraph = require("../../styled-system/recipes/paragraph.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/typography/paragraph.tsx
-const Paragraph = (0, react.forwardRef)(function Paragraph({ className, ...props }, ref) {
+const Paragraph = (0, react.forwardRef)(function Paragraph({ className, lineClamp, truncate = false, weight, width = "auto", ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 		...props,
 		ref,
-		className: require_cx.cx(require_paragraph.paragraph(), className),
+		className: require_cx.cx(require_paragraph.paragraph({
+			lineClamp: lineClamp ? String(lineClamp) : void 0,
+			truncate,
+			weight,
+			width
+		}), className),
 		"data-jaci-component": "paragraph",
 		"data-slot": "paragraph"
 	});

package/dist/components/typography/paragraph.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.cjs","names":["cx","paragraph"],"sources":["../../../src/components/typography/paragraph.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { paragraph } from \"../../styled-system/recipes\";\n\nexport type ParagraphProps = ComponentPropsWithoutRef<\"p\">;\n\nexport const Paragraph = forwardRef<HTMLParagraphElement, ParagraphProps>(function Paragraph(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <p\n      {...props}\n      ref={ref}\n      className={cx(paragraph(), className)}\n      data-jaci-component=\"paragraph\"\n      data-slot=\"paragraph\"\n    />\n  );\n});\n"],"mappings":";;;;;AAQA,MAAa,aAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,UACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGC,kBAAAA,UAAU,GAAG,SAAS;EACpC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}
+{"version":3,"file":"paragraph.cjs","names":["cx","paragraph"],"sources":["../../../src/components/typography/paragraph.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { paragraph } from \"../../styled-system/recipes\";\nimport type { TypographyLineClamp, TypographyWeight, TypographyWidth } from \"./heading\";\n\nexport interface ParagraphProps extends ComponentPropsWithoutRef<\"p\"> {\n  weight?: TypographyWeight;\n  truncate?: boolean;\n  lineClamp?: TypographyLineClamp;\n  width?: TypographyWidth;\n}\n\nexport const Paragraph = forwardRef<HTMLParagraphElement, ParagraphProps>(function Paragraph(\n  { className, lineClamp, truncate = false, weight, width = \"auto\", ...props },\n  ref,\n) {\n  return (\n    <p\n      {...props}\n      ref={ref}\n      className={cx(\n        paragraph({\n          lineClamp: lineClamp ? (String(lineClamp) as \"1\" | \"2\" | \"3\" | \"4\") : undefined,\n          truncate,\n          weight,\n          width,\n        }),\n        className,\n      )}\n      data-jaci-component=\"paragraph\"\n      data-slot=\"paragraph\"\n    />\n  );\n});\n"],"mappings":";;;;;AAcA,MAAa,aAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,UACjF,EAAE,WAAW,WAAW,WAAW,OAAO,QAAQ,QAAQ,QAAQ,GAAG,SACrE,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GACTC,kBAAAA,UAAU;GACR,WAAW,YAAa,OAAO,SAAS,IAA8B,KAAA;GACtE;GACA;GACA;EACF,CAAC,GACD,SACF;EACA,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}

package/dist/components/typography/paragraph.d.cts

@@ -1,7 +1,13 @@
+import { TypographyLineClamp, TypographyWeight, TypographyWidth } from "./heading.cjs";
 import { ComponentPropsWithoutRef } from "react";
 //#region src/components/typography/paragraph.d.ts
-type ParagraphProps = ComponentPropsWithoutRef<"p">;
-declare const Paragraph: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+interface ParagraphProps extends ComponentPropsWithoutRef<"p"> {
+  weight?: TypographyWeight;
+  truncate?: boolean;
+  lineClamp?: TypographyLineClamp;
+  width?: TypographyWidth;
+}
+declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps & import("react").RefAttributes<HTMLParagraphElement>>;
 //#endregion
 export { Paragraph, ParagraphProps };
 //# sourceMappingURL=paragraph.d.cts.map

package/dist/components/typography/paragraph.d.ts

@@ -1,7 +1,13 @@
+import { TypographyLineClamp, TypographyWeight, TypographyWidth } from "./heading.js";
 import { ComponentPropsWithoutRef } from "react";
 //#region src/components/typography/paragraph.d.ts
-type ParagraphProps = ComponentPropsWithoutRef<"p">;
-declare const Paragraph: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+interface ParagraphProps extends ComponentPropsWithoutRef<"p"> {
+  weight?: TypographyWeight;
+  truncate?: boolean;
+  lineClamp?: TypographyLineClamp;
+  width?: TypographyWidth;
+}
+declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps & import("react").RefAttributes<HTMLParagraphElement>>;
 //#endregion
 export { Paragraph, ParagraphProps };
 //# sourceMappingURL=paragraph.d.ts.map

package/dist/components/typography/paragraph.js

@@ -3,11 +3,16 @@ import { paragraph } from "../../styled-system/recipes/paragraph.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/typography/paragraph.tsx
-const Paragraph = forwardRef(function Paragraph({ className, ...props }, ref) {
+const Paragraph = forwardRef(function Paragraph({ className, lineClamp, truncate = false, weight, width = "auto", ...props }, ref) {
 	return /* @__PURE__ */ jsx("p", {
 		...props,
 		ref,
-		className: cx(paragraph(), className),
+		className: cx(paragraph({
+			lineClamp: lineClamp ? String(lineClamp) : void 0,
+			truncate,
+			weight,
+			width
+		}), className),
 		"data-jaci-component": "paragraph",
 		"data-slot": "paragraph"
 	});

package/dist/components/typography/paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.js","names":[],"sources":["../../../src/components/typography/paragraph.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { paragraph } from \"../../styled-system/recipes\";\n\nexport type ParagraphProps = ComponentPropsWithoutRef<\"p\">;\n\nexport const Paragraph = forwardRef<HTMLParagraphElement, ParagraphProps>(function Paragraph(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <p\n      {...props}\n      ref={ref}\n      className={cx(paragraph(), className)}\n      data-jaci-component=\"paragraph\"\n      data-slot=\"paragraph\"\n    />\n  );\n});\n"],"mappings":";;;;;AAQA,MAAa,YAAY,WAAiD,SAAS,UACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,KAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,UAAU,GAAG,SAAS;EACpC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}
+{"version":3,"file":"paragraph.js","names":[],"sources":["../../../src/components/typography/paragraph.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { paragraph } from \"../../styled-system/recipes\";\nimport type { TypographyLineClamp, TypographyWeight, TypographyWidth } from \"./heading\";\n\nexport interface ParagraphProps extends ComponentPropsWithoutRef<\"p\"> {\n  weight?: TypographyWeight;\n  truncate?: boolean;\n  lineClamp?: TypographyLineClamp;\n  width?: TypographyWidth;\n}\n\nexport const Paragraph = forwardRef<HTMLParagraphElement, ParagraphProps>(function Paragraph(\n  { className, lineClamp, truncate = false, weight, width = \"auto\", ...props },\n  ref,\n) {\n  return (\n    <p\n      {...props}\n      ref={ref}\n      className={cx(\n        paragraph({\n          lineClamp: lineClamp ? (String(lineClamp) as \"1\" | \"2\" | \"3\" | \"4\") : undefined,\n          truncate,\n          weight,\n          width,\n        }),\n        className,\n      )}\n      data-jaci-component=\"paragraph\"\n      data-slot=\"paragraph\"\n    />\n  );\n});\n"],"mappings":";;;;;AAcA,MAAa,YAAY,WAAiD,SAAS,UACjF,EAAE,WAAW,WAAW,WAAW,OAAO,QAAQ,QAAQ,QAAQ,GAAG,SACrE,KACA;CACA,OACE,oBAAC,KAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,UAAU;GACR,WAAW,YAAa,OAAO,SAAS,IAA8B,KAAA;GACtE;GACA;GACA;EACF,CAAC,GACD,SACF;EACA,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}

package/dist/components/typography/text.cjs

@@ -3,13 +3,17 @@ const require_text = require("../../styled-system/recipes/text.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/typography/text.tsx
-const Text = (0, react.forwardRef)(function Text({ as = "p", className, size = "md", tone = "default", ...props }, ref) {
+const Text = (0, react.forwardRef)(function Text({ as = "p", className, lineClamp, size = "md", tone = "default", truncate = false, weight, width = "auto", ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as, {
 		...props,
 		ref,
 		className: require_cx.cx(require_text.text({
+			lineClamp: lineClamp ? String(lineClamp) : void 0,
 			size,
-			tone
+			tone,
+			truncate,
+			weight,
+			width
 		}), className),
 		"data-jaci-component": "text",
 		"data-slot": "text"

package/dist/components/typography/text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text.cjs","names":["Component","cx","text"],"sources":["../../../src/components/typography/text.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementType, ReactElement, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { text } from \"../../styled-system/recipes\";\n\nexport type TextSize = \"sm\" | \"md\" | \"lg\";\nexport type TextTone = \"default\" | \"muted\";\nexport type TextElement = \"p\" | \"span\" | \"div\";\n\nexport interface TextProps extends Omit<ComponentPropsWithoutRef<\"p\">, \"color\"> {\n  as?: TextElement;\n  size?: TextSize;\n  tone?: TextTone;\n}\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text(\n  { as = \"p\", className, size = \"md\", tone = \"default\", ...props },\n  ref,\n) {\n  const Component = as as ElementType;\n\n  return (\n    <Component\n      {...props}\n      ref={ref as Ref<HTMLElement>}\n      className={cx(text({ size, tone }), className)}\n      data-jaci-component=\"text\"\n      data-slot=\"text\"\n    />\n  ) as ReactElement;\n});\n"],"mappings":";;;;;AAgBA,MAAa,QAAA,GAAA,MAAA,WAAA,CAA0C,SAAS,KAC9D,EAAE,KAAK,KAAK,WAAW,OAAO,MAAM,OAAO,WAAW,GAAG,SACzD,KACA;CAGA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,IAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGC,aAAAA,KAAK;GAAE;GAAM;EAAK,CAAC,GAAG,SAAS;EAC7C,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}
+{"version":3,"file":"text.cjs","names":["Component","cx","text"],"sources":["../../../src/components/typography/text.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementType, ReactElement, Ref } from \"react\";\nimport type { TypographyLineClamp, TypographyWeight, TypographyWidth } from \"./heading\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { text } from \"../../styled-system/recipes\";\n\nexport type TextSize = \"sm\" | \"md\" | \"lg\";\nexport type TextTone = \"default\" | \"muted\";\nexport type TextElement = \"p\" | \"span\" | \"div\";\n\nexport interface TextProps extends Omit<ComponentPropsWithoutRef<\"p\">, \"color\"> {\n  as?: TextElement;\n  size?: TextSize;\n  tone?: TextTone;\n  weight?: TypographyWeight;\n  truncate?: boolean;\n  lineClamp?: TypographyLineClamp;\n  width?: TypographyWidth;\n}\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text(\n  {\n    as = \"p\",\n    className,\n    lineClamp,\n    size = \"md\",\n    tone = \"default\",\n    truncate = false,\n    weight,\n    width = \"auto\",\n    ...props\n  },\n  ref,\n) {\n  const Component = as as ElementType;\n\n  return (\n    <Component\n      {...props}\n      ref={ref as Ref<HTMLElement>}\n      className={cx(\n        text({\n          lineClamp: lineClamp ? (String(lineClamp) as \"1\" | \"2\" | \"3\" | \"4\") : undefined,\n          size,\n          tone,\n          truncate,\n          weight,\n          width,\n        }),\n        className,\n      )}\n      data-jaci-component=\"text\"\n      data-slot=\"text\"\n    />\n  ) as ReactElement;\n});\n"],"mappings":";;;;;AAqBA,MAAa,QAAA,GAAA,MAAA,WAAA,CAA0C,SAAS,KAC9D,EACE,KAAK,KACL,WACA,WACA,OAAO,MACP,OAAO,WACP,WAAW,OACX,QACA,QAAQ,QACR,GAAG,SAEL,KACA;CAGA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,IAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GACTC,aAAAA,KAAK;GACH,WAAW,YAAa,OAAO,SAAS,IAA8B,KAAA;GACtE;GACA;GACA;GACA;GACA;EACF,CAAC,GACD,SACF;EACA,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}

package/dist/components/typography/text.d.cts

@@ -1,3 +1,4 @@
+import { TypographyLineClamp, TypographyWeight, TypographyWidth } from "./heading.cjs";
 import { ComponentPropsWithoutRef } from "react";
 //#region src/components/typography/text.d.ts
 type TextSize = "sm" | "md" | "lg";
@@ -7,6 +8,10 @@ interface TextProps extends Omit<ComponentPropsWithoutRef<"p">, "color"> {
   as?: TextElement;
   size?: TextSize;
   tone?: TextTone;
+  weight?: TypographyWeight;
+  truncate?: boolean;
+  lineClamp?: TypographyLineClamp;
+  width?: TypographyWidth;
 }
 declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLElement>>;
 //#endregion

package/dist/components/typography/text.d.ts

@@ -1,3 +1,4 @@
+import { TypographyLineClamp, TypographyWeight, TypographyWidth } from "./heading.js";
 import { ComponentPropsWithoutRef } from "react";
 //#region src/components/typography/text.d.ts
 type TextSize = "sm" | "md" | "lg";
@@ -7,6 +8,10 @@ interface TextProps extends Omit<ComponentPropsWithoutRef<"p">, "color"> {
   as?: TextElement;
   size?: TextSize;
   tone?: TextTone;
+  weight?: TypographyWeight;
+  truncate?: boolean;
+  lineClamp?: TypographyLineClamp;
+  width?: TypographyWidth;
 }
 declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLElement>>;
 //#endregion

package/dist/components/typography/text.js

@@ -3,13 +3,17 @@ import { text } from "../../styled-system/recipes/text.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/typography/text.tsx
-const Text = forwardRef(function Text({ as = "p", className, size = "md", tone = "default", ...props }, ref) {
+const Text = forwardRef(function Text({ as = "p", className, lineClamp, size = "md", tone = "default", truncate = false, weight, width = "auto", ...props }, ref) {
 	return /* @__PURE__ */ jsx(as, {
 		...props,
 		ref,
 		className: cx(text({
+			lineClamp: lineClamp ? String(lineClamp) : void 0,
 			size,
-			tone
+			tone,
+			truncate,
+			weight,
+			width
 		}), className),
 		"data-jaci-component": "text",
 		"data-slot": "text"

package/dist/components/typography/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":["Component"],"sources":["../../../src/components/typography/text.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementType, ReactElement, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { text } from \"../../styled-system/recipes\";\n\nexport type TextSize = \"sm\" | \"md\" | \"lg\";\nexport type TextTone = \"default\" | \"muted\";\nexport type TextElement = \"p\" | \"span\" | \"div\";\n\nexport interface TextProps extends Omit<ComponentPropsWithoutRef<\"p\">, \"color\"> {\n  as?: TextElement;\n  size?: TextSize;\n  tone?: TextTone;\n}\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text(\n  { as = \"p\", className, size = \"md\", tone = \"default\", ...props },\n  ref,\n) {\n  const Component = as as ElementType;\n\n  return (\n    <Component\n      {...props}\n      ref={ref as Ref<HTMLElement>}\n      className={cx(text({ size, tone }), className)}\n      data-jaci-component=\"text\"\n      data-slot=\"text\"\n    />\n  ) as ReactElement;\n});\n"],"mappings":";;;;;AAgBA,MAAa,OAAO,WAAmC,SAAS,KAC9D,EAAE,KAAK,KAAK,WAAW,OAAO,MAAM,OAAO,WAAW,GAAG,SACzD,KACA;CAGA,OACE,oBAACA,IAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK;GAAE;GAAM;EAAK,CAAC,GAAG,SAAS;EAC7C,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}
+{"version":3,"file":"text.js","names":["Component"],"sources":["../../../src/components/typography/text.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementType, ReactElement, Ref } from \"react\";\nimport type { TypographyLineClamp, TypographyWeight, TypographyWidth } from \"./heading\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { text } from \"../../styled-system/recipes\";\n\nexport type TextSize = \"sm\" | \"md\" | \"lg\";\nexport type TextTone = \"default\" | \"muted\";\nexport type TextElement = \"p\" | \"span\" | \"div\";\n\nexport interface TextProps extends Omit<ComponentPropsWithoutRef<\"p\">, \"color\"> {\n  as?: TextElement;\n  size?: TextSize;\n  tone?: TextTone;\n  weight?: TypographyWeight;\n  truncate?: boolean;\n  lineClamp?: TypographyLineClamp;\n  width?: TypographyWidth;\n}\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text(\n  {\n    as = \"p\",\n    className,\n    lineClamp,\n    size = \"md\",\n    tone = \"default\",\n    truncate = false,\n    weight,\n    width = \"auto\",\n    ...props\n  },\n  ref,\n) {\n  const Component = as as ElementType;\n\n  return (\n    <Component\n      {...props}\n      ref={ref as Ref<HTMLElement>}\n      className={cx(\n        text({\n          lineClamp: lineClamp ? (String(lineClamp) as \"1\" | \"2\" | \"3\" | \"4\") : undefined,\n          size,\n          tone,\n          truncate,\n          weight,\n          width,\n        }),\n        className,\n      )}\n      data-jaci-component=\"text\"\n      data-slot=\"text\"\n    />\n  ) as ReactElement;\n});\n"],"mappings":";;;;;AAqBA,MAAa,OAAO,WAAmC,SAAS,KAC9D,EACE,KAAK,KACL,WACA,WACA,OAAO,MACP,OAAO,WACP,WAAW,OACX,QACA,QAAQ,QACR,GAAG,SAEL,KACA;CAGA,OACE,oBAACA,IAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,KAAK;GACH,WAAW,YAAa,OAAO,SAAS,IAA8B,KAAA;GACtE;GACA;GACA;GACA;GACA;EACF,CAAC,GACD,SACF;EACA,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}

package/dist/index.cjs

@@ -2,11 +2,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_accordion = require("./components/accordion/accordion.cjs");
 const require_alert = require("./components/alert/alert.cjs");
 const require_alert_dialog = require("./components/alert-dialog/alert-dialog.cjs");
+const require_aspect_ratio = require("./components/aspect-ratio/aspect-ratio.cjs");
 const require_avatar = require("./components/avatar/avatar.cjs");
 const require_breadcrumbs = require("./components/breadcrumbs/breadcrumbs.cjs");
 const require_index = require("./components/layout/index.cjs");
 const require_button = require("./components/button/button.cjs");
 const require_button_group = require("./components/button-group/button-group.cjs");
+const require_code = require("./components/code/code.cjs");
 const require_calendar = require("./components/calendar/calendar.cjs");
 const require_card = require("./components/card/card.cjs");
 const require_form = require("./components/form/form.cjs");
@@ -26,6 +28,8 @@ const require_date_range_picker = require("./components/date-range-picker/date-r
 const require_drawer = require("./components/drawer/drawer.cjs");
 const require_badge = require("./components/feedback/badge.cjs");
 const require_fieldset = require("./components/fieldset/fieldset.cjs");
+const require_image = require("./components/image/image.cjs");
+const require_figure = require("./components/figure/figure.cjs");
 const require_menu = require("./components/menu/menu.cjs");
 const require_context_menu = require("./components/context-menu/context-menu.cjs");
 const require_color_utils = require("./components/color-picker/color-utils.cjs");
@@ -36,6 +40,7 @@ const require_data_view = require("./components/data-view/data-view.cjs");
 const require_data_toolbar = require("./components/data-toolbar/data-toolbar.cjs");
 const require_empty_state = require("./components/empty-state/empty-state.cjs");
 const require_icon_button = require("./components/icon-button/icon-button.cjs");
+const require_kbd = require("./components/kbd/kbd.cjs");
 const require_list = require("./components/list/list.cjs");
 const require_menubar = require("./components/menubar/menubar.cjs");
 const require_meter = require("./components/meter/meter.cjs");
@@ -47,6 +52,7 @@ const require_option_selector = require("./components/option-selector/option-sel
 const require_pagination = require("./components/pagination/pagination.cjs");
 const require_pin_input = require("./components/pin-input/pin-input.cjs");
 const require_popover = require("./components/popover/popover.cjs");
+const require_quote = require("./components/quote/quote.cjs");
 const require_progress = require("./components/progress/progress.cjs");
 const require_radio_group = require("./components/radio-group/radio-group.cjs");
 const require_range_slider = require("./components/range-slider/range-slider.cjs");
@@ -55,6 +61,7 @@ const require_slider = require("./components/slider/slider.cjs");
 const require_sidebar = require("./components/sidebar/sidebar.cjs");
 const require_scroll_area = require("./components/scroll-area/scroll-area.cjs");
 const require_skeleton = require("./components/skeleton/skeleton.cjs");
+const require_stat = require("./components/stat/stat.cjs");
 const require_stepper = require("./components/stepper/stepper.cjs");
 const require_tabs = require("./components/tabs/tabs.cjs");
 const require_table = require("./components/table/table.cjs");
@@ -80,6 +87,7 @@ exports.AccordionPanel = require_accordion.AccordionPanel;
 exports.AccordionRoot = require_accordion.AccordionRoot;
 exports.AccordionTrigger = require_accordion.AccordionTrigger;
 exports.Alert = require_alert.Alert;
+exports.AlertActions = require_alert.AlertActions;
 exports.AlertDescription = require_alert.AlertDescription;
 exports.AlertDialog = require_alert_dialog.AlertDialog;
 exports.AlertDialogAction = require_alert_dialog.AlertDialogAction;
@@ -99,6 +107,7 @@ exports.AlertDialogViewport = require_alert_dialog.AlertDialogViewport;
 exports.AlertIcon = require_alert.AlertIcon;
 exports.AlertRoot = require_alert.AlertRoot;
 exports.AlertTitle = require_alert.AlertTitle;
+exports.AspectRatio = require_aspect_ratio.AspectRatio;
 exports.Avatar = require_avatar.Avatar;
 exports.AvatarFallback = require_avatar.AvatarFallback;
 exports.AvatarImage = require_avatar.AvatarImage;
@@ -131,6 +140,7 @@ exports.Card = require_card.Card;
 exports.CardContent = require_card.CardContent;
 exports.CardFooter = require_card.CardFooter;
 exports.CardHeader = require_card.CardHeader;
+exports.CardNamespace = require_card.CardNamespace;
 exports.CardTitle = require_card.CardTitle;
 exports.Checkbox = require_checkbox.Checkbox;
 exports.CheckboxGroup = require_checkbox_group.CheckboxGroup;
@@ -140,6 +150,7 @@ exports.CheckboxGroupLabel = require_checkbox_group.CheckboxGroupLabel;
 exports.CheckboxGroupOption = require_checkbox_group.CheckboxGroupOption;
 exports.CheckboxGroupOptions = require_checkbox_group.CheckboxGroupOptions;
 exports.CheckboxGroupRoot = require_checkbox_group.CheckboxGroupRoot;
+exports.Code = require_code.Code;
 exports.Collapsible = require_collapsible.Collapsible;
 exports.CollapsibleIndicator = require_collapsible.CollapsibleIndicator;
 exports.CollapsiblePanel = require_collapsible.CollapsiblePanel;
@@ -319,16 +330,22 @@ exports.Fieldset = require_fieldset.Fieldset;
 exports.FieldsetDescription = require_fieldset.FieldsetDescription;
 exports.FieldsetLegend = require_fieldset.FieldsetLegend;
 exports.FieldsetRoot = require_fieldset.FieldsetRoot;
+exports.Figure = require_figure.Figure;
+exports.FigureCaption = require_figure.FigureCaption;
+exports.FigureImage = require_figure.FigureImage;
+exports.FigureRoot = require_figure.FigureRoot;
 exports.Flex = require_index.Flex;
 exports.Form = require_form.Form;
 exports.Grid = require_index.Grid;
 exports.Heading = require_heading.Heading;
 exports.IconButton = require_icon_button.IconButton;
+exports.Image = require_image.Image;
 exports.Input = require_input.Input;
 exports.InputGroup = require_input_group.InputGroup;
 exports.InputGroupAddon = require_input_group.InputGroupAddon;
 exports.InputGroupRoot = require_input_group.InputGroupRoot;
 exports.JaciFormContext = require_form.JaciFormContext;
+exports.Kbd = require_kbd.Kbd;
 exports.Link = require_link.Link;
 exports.List = require_list.List;
 exports.ListItem = require_list.ListItem;
@@ -439,6 +456,7 @@ exports.PopoverRoot = require_popover.PopoverRoot;
 exports.PopoverTitle = require_popover.PopoverTitle;
 exports.PopoverTrigger = require_popover.PopoverTrigger;
 exports.Progress = require_progress.Progress;
+exports.Quote = require_quote.Quote;
 exports.Radio = require_radio.Radio;
 exports.RadioGroup = require_radio_group.RadioGroup;
 exports.RadioGroupIndicator = require_radio_group.RadioGroupIndicator;
@@ -502,6 +520,15 @@ exports.SliderTrack = require_slider.SliderTrack;
 exports.SliderValue = require_slider.SliderValue;
 exports.Spinner = require_index.Spinner;
 exports.Stack = require_index.Stack;
+exports.Stat = require_stat.Stat;
+exports.StatDescription = require_stat.StatDescription;
+exports.StatGroup = require_stat.StatGroup;
+exports.StatGroupRoot = require_stat.StatGroupRoot;
+exports.StatIcon = require_stat.StatIcon;
+exports.StatLabel = require_stat.StatLabel;
+exports.StatRoot = require_stat.StatRoot;
+exports.StatTrend = require_stat.StatTrend;
+exports.StatValue = require_stat.StatValue;
 exports.Stepper = require_stepper.Stepper;
 exports.StepperContent = require_stepper.StepperContent;
 exports.StepperDescription = require_stepper.StepperDescription;
@@ -601,3 +628,4 @@ exports.parseColor = require_color_utils.parseColor;
 exports.useFieldState = require_field.useFieldState;
 exports.useSidebar = require_sidebar.useSidebar;
 exports.useTheme = require_theme_provider.useTheme;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["export * from \"./components/accordion\";\nexport * from \"./components/alert\";\nexport * from \"./components/alert-dialog\";\nexport * from \"./components/aspect-ratio\";\nexport * from \"./components/avatar\";\nexport * from \"./components/breadcrumbs\";\nexport * from \"./components/button\";\nexport * from \"./components/button-group\";\nexport * from \"./components/code\";\nexport * from \"./components/calendar\";\nexport * from \"./components/card\";\nexport * from \"./components/checkbox-group\";\nexport * from \"./components/collapsible\";\nexport * from \"./components/combobox\";\nexport * from \"./components/controls\";\nexport * from \"./components/dialog\";\nexport * from \"./components/date-picker\";\nexport * from \"./components/date-range-picker\";\nexport * from \"./components/drawer\";\nexport * from \"./components/feedback\";\nexport * from \"./components/field\";\nexport * from \"./components/fieldset\";\nexport * from \"./components/figure\";\nexport * from \"./components/form\";\nexport * from \"./components/layout\";\nexport * from \"./components/menu\";\nexport * from \"./components/context-menu\";\nexport * from \"./components/color-picker\";\nexport * from \"./components/command\";\nexport * from \"./components/copyable\";\nexport * from \"./components/data-view\";\nexport * from \"./components/data-toolbar\";\nexport * from \"./components/empty-state\";\nexport * from \"./components/icon-button\";\nexport * from \"./components/input-group\";\nexport * from \"./components/image\";\nexport * from \"./components/kbd\";\nexport * from \"./components/list\";\nexport * from \"./components/menubar\";\nexport * from \"./components/meter\";\nexport * from \"./components/number-field\";\nexport * from \"./components/navigation\";\nexport * from \"./components/navigation-menu\";\nexport * from \"./components/option-selector\";\nexport * from \"./components/pagination\";\nexport * from \"./components/pin-input\";\nexport * from \"./components/popover\";\nexport * from \"./components/quote\";\nexport * from \"./components/progress\";\nexport * from \"./components/radio-group\";\nexport * from \"./components/range-slider\";\nexport * from \"./components/select\";\nexport * from \"./components/slider\";\nexport * from \"./components/sidebar\";\nexport * from \"./components/scroll-area\";\nexport * from \"./components/skeleton\";\nexport * from \"./components/stat\";\nexport * from \"./components/stat-group\";\nexport * from \"./components/stepper\";\nexport * from \"./components/tabs\";\nexport * from \"./components/table\";\nexport * from \"./components/tags-input\";\nexport * from \"./components/toast\";\nexport * from \"./components/tooltip\";\nexport * from \"./components/toggle\";\nexport * from \"./components/toggle-group\";\nexport * from \"./components/toolbar\";\nexport * from \"./components/tree-view\";\nexport * from \"./components/upload\";\nexport * from \"./components/typography\";\nexport * from \"./components/visually-hidden\";\nexport * from \"./theme\";\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}