@kuzenbo/core 0.0.1 → 0.0.3

package/dist/ui/typography.js

@@ -0,0 +1,290 @@
+import { createElement } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/typography/typography-blockquote.tsx
+const TypographyBlockquote = ({ className, render, ...props }) => useRender({
+	defaultTagName: "blockquote",
+	props: mergeProps({ className: cn("border-l-2 border-border pl-4 text-foreground italic", className) }, props),
+	render,
+	state: { slot: "typography-blockquote" }
+});
+
+//#endregion
+//#region src/ui/typography/typography-variants.ts
+const typographyHeadingVariants = tv({
+	base: "tracking-tight text-foreground",
+	variants: { variant: {
+		display: "text-5xl leading-tight font-semibold text-balance",
+		h1: "text-4xl leading-tight font-semibold text-balance",
+		h2: "text-3xl leading-tight font-semibold text-balance",
+		h3: "text-2xl leading-snug font-semibold",
+		h4: "text-xl leading-snug font-semibold",
+		h5: "text-lg leading-7 font-semibold",
+		h6: "text-base leading-6 font-semibold",
+		subheading: "text-lg leading-7 font-medium text-muted-foreground"
+	} },
+	defaultVariants: { variant: "h2" }
+});
+const typographyTextVariants = tv({
+	base: "text-foreground",
+	variants: { variant: {
+		body: "text-base leading-7",
+		lead: "text-xl leading-8 text-muted-foreground",
+		muted: "text-sm leading-6 text-muted-foreground",
+		small: "text-sm leading-5 font-medium",
+		caption: "text-xs leading-5 text-muted-foreground",
+		overline: "text-xs leading-5 font-semibold tracking-wide text-muted-foreground uppercase",
+		eyebrow: "text-xs leading-5 font-semibold tracking-widest text-foreground uppercase"
+	} },
+	defaultVariants: { variant: "body" }
+});
+
+//#endregion
+//#region src/ui/typography/typography-text.tsx
+const TypographyText = ({ className, variant = "body", render, ...props }) => useRender({
+	defaultTagName: "p",
+	props: mergeProps({ className: cn(typographyTextVariants({ variant }), className) }, props),
+	render,
+	state: {
+		slot: "typography-text",
+		variant
+	}
+});
+
+//#endregion
+//#region src/ui/typography/typography-body.tsx
+const defaultRender$15 = (props) => createElement("p", props);
+const TypographyBody = ({ render = defaultRender$15, ...props }) => /* @__PURE__ */ jsx(TypographyText, {
+	render,
+	variant: "body",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-caption.tsx
+const defaultRender$14 = (props) => createElement("p", props);
+const TypographyCaption = ({ render = defaultRender$14, ...props }) => /* @__PURE__ */ jsx(TypographyText, {
+	render,
+	variant: "caption",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-heading.tsx
+const TypographyHeading = ({ className, variant = "h2", render, ...props }) => useRender({
+	defaultTagName: "h2",
+	props: mergeProps({ className: cn(typographyHeadingVariants({ variant }), className) }, props),
+	render,
+	state: {
+		slot: "typography-heading",
+		variant
+	}
+});
+
+//#endregion
+//#region src/ui/typography/typography-display.tsx
+const defaultRender$13 = (props) => createElement("h1", props);
+const TypographyDisplay = ({ render = defaultRender$13, ...props }) => /* @__PURE__ */ jsx(TypographyHeading, {
+	render,
+	variant: "display",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-eyebrow.tsx
+const defaultRender$12 = (props) => createElement("p", props);
+const TypographyEyebrow = ({ render = defaultRender$12, ...props }) => /* @__PURE__ */ jsx(TypographyText, {
+	render,
+	variant: "eyebrow",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-h1.tsx
+const defaultRender$11 = (props) => createElement("h1", props);
+const TypographyH1 = ({ render = defaultRender$11, ...props }) => /* @__PURE__ */ jsx(TypographyHeading, {
+	render,
+	variant: "h1",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-h2.tsx
+const defaultRender$10 = (props) => createElement("h2", props);
+const TypographyH2 = ({ render = defaultRender$10, ...props }) => /* @__PURE__ */ jsx(TypographyHeading, {
+	render,
+	variant: "h2",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-h3.tsx
+const defaultRender$9 = (props) => createElement("h3", props);
+const TypographyH3 = ({ render = defaultRender$9, ...props }) => /* @__PURE__ */ jsx(TypographyHeading, {
+	render,
+	variant: "h3",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-h4.tsx
+const defaultRender$8 = (props) => createElement("h4", props);
+const TypographyH4 = ({ render = defaultRender$8, ...props }) => /* @__PURE__ */ jsx(TypographyHeading, {
+	render,
+	variant: "h4",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-h5.tsx
+const defaultRender$7 = (props) => createElement("h5", props);
+const TypographyH5 = ({ render = defaultRender$7, ...props }) => /* @__PURE__ */ jsx(TypographyHeading, {
+	render,
+	variant: "h5",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-h6.tsx
+const defaultRender$6 = (props) => createElement("h6", props);
+const TypographyH6 = ({ render = defaultRender$6, ...props }) => /* @__PURE__ */ jsx(TypographyHeading, {
+	render,
+	variant: "h6",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-lead.tsx
+const defaultRender$5 = (props) => createElement("p", props);
+const TypographyLead = ({ render = defaultRender$5, ...props }) => /* @__PURE__ */ jsx(TypographyText, {
+	render,
+	variant: "lead",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-li.tsx
+const TypographyLi = ({ className, render, ...props }) => useRender({
+	defaultTagName: "li",
+	props: mergeProps({ className: cn("leading-6", className) }, props),
+	render,
+	state: { slot: "typography-li" }
+});
+
+//#endregion
+//#region src/ui/typography/typography-link.tsx
+const typographyLinkVariants = tv({
+	extend: typographyTextVariants,
+	base: "cursor-pointer text-muted-foreground underline-offset-4 transition-colors duration-200 ease-out hover:text-foreground hover:underline",
+	variants: { variant: {
+		...typographyTextVariants.variants.variant,
+		body: "text-sm leading-6"
+	} }
+});
+const TypographyLink = ({ className, variant = "body", render, ...props }) => useRender({
+	defaultTagName: "a",
+	props: mergeProps({ className: cn(typographyLinkVariants({ variant }), className) }, props),
+	render,
+	state: {
+		slot: "typography-link",
+		variant
+	}
+});
+
+//#endregion
+//#region src/ui/typography/typography-muted.tsx
+const defaultRender$4 = (props) => createElement("p", props);
+const TypographyMuted = ({ render = defaultRender$4, ...props }) => /* @__PURE__ */ jsx(TypographyText, {
+	render,
+	variant: "muted",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-ol.tsx
+const TypographyOl = ({ className, render, ...props }) => useRender({
+	defaultTagName: "ol",
+	props: mergeProps({ className: cn("list-decimal pl-5 text-foreground [&>li]:mt-1", className) }, props),
+	render,
+	state: { slot: "typography-ol" }
+});
+
+//#endregion
+//#region src/ui/typography/typography-overline.tsx
+const defaultRender$3 = (props) => createElement("p", props);
+const TypographyOverline = ({ render = defaultRender$3, ...props }) => /* @__PURE__ */ jsx(TypographyText, {
+	render,
+	variant: "overline",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-p.tsx
+const defaultRender$2 = (props) => createElement("p", props);
+const TypographyP = ({ render = defaultRender$2, ...props }) => /* @__PURE__ */ jsx(TypographyText, {
+	render,
+	variant: "body",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-small.tsx
+const defaultRender$1 = (props) => createElement("p", props);
+const TypographySmall = ({ render = defaultRender$1, ...props }) => /* @__PURE__ */ jsx(TypographyText, {
+	render,
+	variant: "small",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-subheading.tsx
+const defaultRender = (props) => createElement("h2", props);
+const TypographySubheading = ({ render = defaultRender, ...props }) => /* @__PURE__ */ jsx(TypographyHeading, {
+	render,
+	variant: "subheading",
+	...props
+});
+
+//#endregion
+//#region src/ui/typography/typography-ul.tsx
+const TypographyUl = ({ className, render, ...props }) => useRender({
+	defaultTagName: "ul",
+	props: mergeProps({ className: cn("list-disc pl-5 text-foreground [&>li]:mt-1", className) }, props),
+	render,
+	state: { slot: "typography-ul" }
+});
+
+//#endregion
+//#region src/ui/typography/typography.tsx
+const Typography = Object.assign(TypographyText, {
+	Blockquote: TypographyBlockquote,
+	Body: TypographyBody,
+	Caption: TypographyCaption,
+	Display: TypographyDisplay,
+	Eyebrow: TypographyEyebrow,
+	H1: TypographyH1,
+	H2: TypographyH2,
+	H3: TypographyH3,
+	H4: TypographyH4,
+	H5: TypographyH5,
+	H6: TypographyH6,
+	Heading: TypographyHeading,
+	Lead: TypographyLead,
+	Li: TypographyLi,
+	Link: TypographyLink,
+	Muted: TypographyMuted,
+	Ol: TypographyOl,
+	Overline: TypographyOverline,
+	P: TypographyP,
+	Small: TypographySmall,
+	Subheading: TypographySubheading,
+	Text: TypographyText,
+	Ul: TypographyUl
+});
+
+//#endregion
+export { Typography, TypographyBlockquote, TypographyBody, TypographyCaption, TypographyDisplay, TypographyEyebrow, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyH5, TypographyH6, TypographyHeading, TypographyLead, TypographyLi, TypographyLink, TypographyMuted, TypographyOl, TypographyOverline, TypographyP, TypographySmall, TypographySubheading, TypographyText, TypographyUl, typographyHeadingVariants, typographyTextVariants };
+//# sourceMappingURL=typography.js.map

package/dist/ui/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","names":["defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender"],"sources":["../../src/ui/typography/typography-blockquote.tsx","../../src/ui/typography/typography-variants.ts","../../src/ui/typography/typography-text.tsx","../../src/ui/typography/typography-body.tsx","../../src/ui/typography/typography-caption.tsx","../../src/ui/typography/typography-heading.tsx","../../src/ui/typography/typography-display.tsx","../../src/ui/typography/typography-eyebrow.tsx","../../src/ui/typography/typography-h1.tsx","../../src/ui/typography/typography-h2.tsx","../../src/ui/typography/typography-h3.tsx","../../src/ui/typography/typography-h4.tsx","../../src/ui/typography/typography-h5.tsx","../../src/ui/typography/typography-h6.tsx","../../src/ui/typography/typography-lead.tsx","../../src/ui/typography/typography-li.tsx","../../src/ui/typography/typography-link.tsx","../../src/ui/typography/typography-muted.tsx","../../src/ui/typography/typography-ol.tsx","../../src/ui/typography/typography-overline.tsx","../../src/ui/typography/typography-p.tsx","../../src/ui/typography/typography-small.tsx","../../src/ui/typography/typography-subheading.tsx","../../src/ui/typography/typography-ul.tsx","../../src/ui/typography/typography.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyBlockquoteProps = useRender.ComponentProps<\"blockquote\">;\n\nconst TypographyBlockquote = ({\n  className,\n  render,\n  ...props\n}: TypographyBlockquoteProps) =>\n  useRender({\n    defaultTagName: \"blockquote\",\n    props: mergeProps<\"blockquote\">(\n      {\n        className: cn(\n          \"border-l-2 border-border pl-4 text-foreground italic\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"typography-blockquote\",\n    },\n  });\n\nexport { TypographyBlockquote };\n","import { tv } from \"tailwind-variants\";\n\nconst typographyHeadingVariants = tv({\n  base: \"tracking-tight text-foreground\",\n  variants: {\n    variant: {\n      display: \"text-5xl leading-tight font-semibold text-balance\",\n      h1: \"text-4xl leading-tight font-semibold text-balance\",\n      h2: \"text-3xl leading-tight font-semibold text-balance\",\n      h3: \"text-2xl leading-snug font-semibold\",\n      h4: \"text-xl leading-snug font-semibold\",\n      h5: \"text-lg leading-7 font-semibold\",\n      h6: \"text-base leading-6 font-semibold\",\n      subheading: \"text-lg leading-7 font-medium text-muted-foreground\",\n    },\n  },\n  defaultVariants: {\n    variant: \"h2\",\n  },\n});\n\nconst typographyTextVariants = tv({\n  base: \"text-foreground\",\n  variants: {\n    variant: {\n      body: \"text-base leading-7\",\n      lead: \"text-xl leading-8 text-muted-foreground\",\n      muted: \"text-sm leading-6 text-muted-foreground\",\n      small: \"text-sm leading-5 font-medium\",\n      caption: \"text-xs leading-5 text-muted-foreground\",\n      overline:\n        \"text-xs leading-5 font-semibold tracking-wide text-muted-foreground uppercase\",\n      eyebrow:\n        \"text-xs leading-5 font-semibold tracking-widest text-foreground uppercase\",\n    },\n  },\n  defaultVariants: {\n    variant: \"body\",\n  },\n});\n\nexport { typographyHeadingVariants, typographyTextVariants };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, type VariantProps } from \"tailwind-variants\";\n\nimport { typographyTextVariants } from \"./typography-variants\";\n\nexport type TypographyTextProps = useRender.ComponentProps<\"p\"> &\n  VariantProps<typeof typographyTextVariants>;\n\nexport type TypographyTextAliasProps = Omit<TypographyTextProps, \"variant\">;\n\nconst TypographyText = ({\n  className,\n  variant = \"body\",\n  render,\n  ...props\n}: TypographyTextProps) =>\n  useRender({\n    defaultTagName: \"p\",\n    props: mergeProps<\"p\">(\n      {\n        className: cn(typographyTextVariants({ variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"typography-text\",\n      variant,\n    },\n  });\n\nexport { TypographyText };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyText,\n  type TypographyTextAliasProps,\n} from \"./typography-text\";\nexport type TypographyBodyProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n  props\n) => createElement(\"p\", props);\n\nconst TypographyBody = ({\n  render = defaultRender,\n  ...props\n}: TypographyBodyProps) => (\n  <TypographyText render={render} variant=\"body\" {...props} />\n);\n\nexport { TypographyBody };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyText,\n  type TypographyTextAliasProps,\n} from \"./typography-text\";\nexport type TypographyCaptionProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n  props\n) => createElement(\"p\", props);\n\nconst TypographyCaption = ({\n  render = defaultRender,\n  ...props\n}: TypographyCaptionProps) => (\n  <TypographyText render={render} variant=\"caption\" {...props} />\n);\n\nexport { TypographyCaption };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, type VariantProps } from \"tailwind-variants\";\n\nimport { typographyHeadingVariants } from \"./typography-variants\";\n\nexport type TypographyHeadingProps = useRender.ComponentProps<\"h2\"> &\n  VariantProps<typeof typographyHeadingVariants>;\n\nexport type TypographyHeadingAliasProps = Omit<\n  TypographyHeadingProps,\n  \"variant\"\n>;\n\nconst TypographyHeading = ({\n  className,\n  variant = \"h2\",\n  render,\n  ...props\n}: TypographyHeadingProps) =>\n  useRender({\n    defaultTagName: \"h2\",\n    props: mergeProps<\"h2\">(\n      {\n        className: cn(typographyHeadingVariants({ variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"typography-heading\",\n      variant,\n    },\n  });\n\nexport { TypographyHeading };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyHeading,\n  type TypographyHeadingAliasProps,\n} from \"./typography-heading\";\nexport type TypographyDisplayProps = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n  props\n) => createElement(\"h1\", props);\n\nconst TypographyDisplay = ({\n  render = defaultRender,\n  ...props\n}: TypographyDisplayProps) => (\n  <TypographyHeading render={render} variant=\"display\" {...props} />\n);\n\nexport { TypographyDisplay };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyText,\n  type TypographyTextAliasProps,\n} from \"./typography-text\";\nexport type TypographyEyebrowProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n  props\n) => createElement(\"p\", props);\n\nconst TypographyEyebrow = ({\n  render = defaultRender,\n  ...props\n}: TypographyEyebrowProps) => (\n  <TypographyText render={render} variant=\"eyebrow\" {...props} />\n);\n\nexport { TypographyEyebrow };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyHeading,\n  type TypographyHeadingAliasProps,\n} from \"./typography-heading\";\nexport type TypographyH1Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n  props\n) => createElement(\"h1\", props);\n\nconst TypographyH1 = ({\n  render = defaultRender,\n  ...props\n}: TypographyH1Props) => (\n  <TypographyHeading render={render} variant=\"h1\" {...props} />\n);\n\nexport { TypographyH1 };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyHeading,\n  type TypographyHeadingAliasProps,\n} from \"./typography-heading\";\nexport type TypographyH2Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n  props\n) => createElement(\"h2\", props);\n\nconst TypographyH2 = ({\n  render = defaultRender,\n  ...props\n}: TypographyH2Props) => (\n  <TypographyHeading render={render} variant=\"h2\" {...props} />\n);\n\nexport { TypographyH2 };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyHeading,\n  type TypographyHeadingAliasProps,\n} from \"./typography-heading\";\nexport type TypographyH3Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n  props\n) => createElement(\"h3\", props);\n\nconst TypographyH3 = ({\n  render = defaultRender,\n  ...props\n}: TypographyH3Props) => (\n  <TypographyHeading render={render} variant=\"h3\" {...props} />\n);\n\nexport { TypographyH3 };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyHeading,\n  type TypographyHeadingAliasProps,\n} from \"./typography-heading\";\nexport type TypographyH4Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n  props\n) => createElement(\"h4\", props);\n\nconst TypographyH4 = ({\n  render = defaultRender,\n  ...props\n}: TypographyH4Props) => (\n  <TypographyHeading render={render} variant=\"h4\" {...props} />\n);\n\nexport { TypographyH4 };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyHeading,\n  type TypographyHeadingAliasProps,\n} from \"./typography-heading\";\nexport type TypographyH5Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n  props\n) => createElement(\"h5\", props);\n\nconst TypographyH5 = ({\n  render = defaultRender,\n  ...props\n}: TypographyH5Props) => (\n  <TypographyHeading render={render} variant=\"h5\" {...props} />\n);\n\nexport { TypographyH5 };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyHeading,\n  type TypographyHeadingAliasProps,\n} from \"./typography-heading\";\nexport type TypographyH6Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n  props\n) => createElement(\"h6\", props);\n\nconst TypographyH6 = ({\n  render = defaultRender,\n  ...props\n}: TypographyH6Props) => (\n  <TypographyHeading render={render} variant=\"h6\" {...props} />\n);\n\nexport { TypographyH6 };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyText,\n  type TypographyTextAliasProps,\n} from \"./typography-text\";\nexport type TypographyLeadProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n  props\n) => createElement(\"p\", props);\n\nconst TypographyLead = ({\n  render = defaultRender,\n  ...props\n}: TypographyLeadProps) => (\n  <TypographyText render={render} variant=\"lead\" {...props} />\n);\n\nexport { TypographyLead };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyLiProps = useRender.ComponentProps<\"li\">;\n\nconst TypographyLi = ({ className, render, ...props }: TypographyLiProps) =>\n  useRender({\n    defaultTagName: \"li\",\n    props: mergeProps<\"li\">(\n      {\n        className: cn(\"leading-6\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"typography-li\",\n    },\n  });\n\nexport { TypographyLi };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { typographyTextVariants } from \"./typography-variants\";\n\nconst typographyLinkVariants = tv({\n  extend: typographyTextVariants,\n  base: \"cursor-pointer text-muted-foreground underline-offset-4 transition-colors duration-200 ease-out hover:text-foreground hover:underline\",\n  variants: {\n    variant: {\n      ...typographyTextVariants.variants.variant,\n      body: \"text-sm leading-6\",\n    },\n  },\n});\n\nexport type TypographyLinkProps = useRender.ComponentProps<\"a\"> &\n  VariantProps<typeof typographyLinkVariants>;\n\nconst TypographyLink = ({\n  className,\n  variant = \"body\",\n  render,\n  ...props\n}: TypographyLinkProps) =>\n  useRender({\n    defaultTagName: \"a\",\n    props: mergeProps<\"a\">(\n      {\n        className: cn(typographyLinkVariants({ variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"typography-link\",\n      variant,\n    },\n  });\n\nexport { TypographyLink };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyText,\n  type TypographyTextAliasProps,\n} from \"./typography-text\";\nexport type TypographyMutedProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n  props\n) => createElement(\"p\", props);\n\nconst TypographyMuted = ({\n  render = defaultRender,\n  ...props\n}: TypographyMutedProps) => (\n  <TypographyText render={render} variant=\"muted\" {...props} />\n);\n\nexport { TypographyMuted };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyOlProps = useRender.ComponentProps<\"ol\">;\n\nconst TypographyOl = ({ className, render, ...props }: TypographyOlProps) =>\n  useRender({\n    defaultTagName: \"ol\",\n    props: mergeProps<\"ol\">(\n      {\n        className: cn(\n          \"list-decimal pl-5 text-foreground [&>li]:mt-1\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"typography-ol\",\n    },\n  });\n\nexport { TypographyOl };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyText,\n  type TypographyTextAliasProps,\n} from \"./typography-text\";\nexport type TypographyOverlineProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n  props\n) => createElement(\"p\", props);\n\nconst TypographyOverline = ({\n  render = defaultRender,\n  ...props\n}: TypographyOverlineProps) => (\n  <TypographyText render={render} variant=\"overline\" {...props} />\n);\n\nexport { TypographyOverline };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyText,\n  type TypographyTextAliasProps,\n} from \"./typography-text\";\nexport type TypographyPProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n  props\n) => createElement(\"p\", props);\n\nconst TypographyP = ({\n  render = defaultRender,\n  ...props\n}: TypographyPProps) => (\n  <TypographyText render={render} variant=\"body\" {...props} />\n);\n\nexport { TypographyP };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyText,\n  type TypographyTextAliasProps,\n} from \"./typography-text\";\nexport type TypographySmallProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n  props\n) => createElement(\"p\", props);\n\nconst TypographySmall = ({\n  render = defaultRender,\n  ...props\n}: TypographySmallProps) => (\n  <TypographyText render={render} variant=\"small\" {...props} />\n);\n\nexport { TypographySmall };\n","import { createElement } from \"react\";\n\nimport {\n  TypographyHeading,\n  type TypographyHeadingAliasProps,\n} from \"./typography-heading\";\nexport type TypographySubheadingProps = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n  props\n) => createElement(\"h2\", props);\n\nconst TypographySubheading = ({\n  render = defaultRender,\n  ...props\n}: TypographySubheadingProps) => (\n  <TypographyHeading render={render} variant=\"subheading\" {...props} />\n);\n\nexport { TypographySubheading };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyUlProps = useRender.ComponentProps<\"ul\">;\n\nconst TypographyUl = ({ className, render, ...props }: TypographyUlProps) =>\n  useRender({\n    defaultTagName: \"ul\",\n    props: mergeProps<\"ul\">(\n      {\n        className: cn(\"list-disc pl-5 text-foreground [&>li]:mt-1\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"typography-ul\",\n    },\n  });\n\nexport { TypographyUl };\n","import type { TypographyBlockquoteProps } from \"./typography-blockquote\";\nimport type { TypographyLinkProps } from \"./typography-link\";\n\nimport { TypographyBlockquote } from \"./typography-blockquote\";\nimport { TypographyBody } from \"./typography-body\";\nimport { TypographyCaption } from \"./typography-caption\";\nimport { TypographyDisplay } from \"./typography-display\";\nimport { TypographyEyebrow } from \"./typography-eyebrow\";\nimport { TypographyH1 } from \"./typography-h1\";\nimport { TypographyH2 } from \"./typography-h2\";\nimport { TypographyH3 } from \"./typography-h3\";\nimport { TypographyH4 } from \"./typography-h4\";\nimport { TypographyH5 } from \"./typography-h5\";\nimport { TypographyH6 } from \"./typography-h6\";\nimport {\n  TypographyHeading,\n  type TypographyHeadingAliasProps,\n  type TypographyHeadingProps,\n} from \"./typography-heading\";\nimport { TypographyLead } from \"./typography-lead\";\nimport { TypographyLi, type TypographyLiProps } from \"./typography-li\";\nimport { TypographyLink } from \"./typography-link\";\nimport { TypographyMuted } from \"./typography-muted\";\nimport { TypographyOl, type TypographyOlProps } from \"./typography-ol\";\nimport { TypographyOverline } from \"./typography-overline\";\nimport { TypographyP } from \"./typography-p\";\nimport { TypographySmall } from \"./typography-small\";\nimport { TypographySubheading } from \"./typography-subheading\";\nimport {\n  TypographyText,\n  type TypographyTextAliasProps,\n  type TypographyTextProps,\n} from \"./typography-text\";\nimport { TypographyUl, type TypographyUlProps } from \"./typography-ul\";\nimport {\n  typographyHeadingVariants,\n  typographyTextVariants,\n} from \"./typography-variants\";\nexport type TypographyProps = TypographyTextProps;\n\nconst Typography = Object.assign(TypographyText, {\n  Blockquote: TypographyBlockquote,\n  Body: TypographyBody,\n  Caption: TypographyCaption,\n  Display: TypographyDisplay,\n  Eyebrow: TypographyEyebrow,\n  H1: TypographyH1,\n  H2: TypographyH2,\n  H3: TypographyH3,\n  H4: TypographyH4,\n  H5: TypographyH5,\n  H6: TypographyH6,\n  Heading: TypographyHeading,\n  Lead: TypographyLead,\n  Li: TypographyLi,\n  Link: TypographyLink,\n  Muted: TypographyMuted,\n  Ol: TypographyOl,\n  Overline: TypographyOverline,\n  P: TypographyP,\n  Small: TypographySmall,\n  Subheading: TypographySubheading,\n  Text: TypographyText,\n  Ul: TypographyUl,\n});\n\nexport {\n  Typography,\n  TypographyBlockquote,\n  TypographyBody,\n  TypographyCaption,\n  TypographyDisplay,\n  TypographyEyebrow,\n  TypographyH1,\n  TypographyH2,\n  TypographyH3,\n  TypographyH4,\n  TypographyH5,\n  TypographyH6,\n  TypographyHeading,\n  TypographyLead,\n  TypographyLink,\n  TypographyLi,\n  TypographyMuted,\n  TypographyOl,\n  TypographyOverline,\n  TypographyP,\n  TypographySmall,\n  TypographySubheading,\n  TypographyText,\n  TypographyUl,\n  typographyHeadingVariants,\n  typographyTextVariants,\n};\n\nexport type {\n  TypographyBlockquoteProps,\n  TypographyLinkProps,\n  TypographyHeadingAliasProps,\n  TypographyHeadingProps,\n  TypographyLiProps,\n  TypographyOlProps,\n  TypographyTextAliasProps,\n  TypographyTextProps,\n  TypographyUlProps,\n};\n\nexport type { TypographyBodyProps } from \"./typography-body\";\nexport type { TypographyCaptionProps } from \"./typography-caption\";\nexport type { TypographyDisplayProps } from \"./typography-display\";\nexport type { TypographyEyebrowProps } from \"./typography-eyebrow\";\nexport type { TypographyH1Props } from \"./typography-h1\";\nexport type { TypographyH2Props } from \"./typography-h2\";\nexport type { TypographyH3Props } from \"./typography-h3\";\nexport type { TypographyH4Props } from \"./typography-h4\";\nexport type { TypographyH5Props } from \"./typography-h5\";\nexport type { TypographyH6Props } from \"./typography-h6\";\nexport type { TypographyLeadProps } from \"./typography-lead\";\nexport type { TypographyMutedProps } from \"./typography-muted\";\nexport type { TypographyOverlineProps } from \"./typography-overline\";\nexport type { TypographyPProps } from \"./typography-p\";\nexport type { TypographySmallProps } from \"./typography-small\";\nexport type { TypographySubheadingProps } from \"./typography-subheading\";\n"],"mappings":"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"}

package/dist/use-badge-default-props-8d9wPL0k.js

@@ -0,0 +1,8 @@
+import { i as useComponentDefaultProps } from "./size-provider-18EvJgDT.js";
+
+//#region src/ui/badge/use-badge-default-props.ts
+const useBadgeDefaultProps = (incomingProps) => useComponentDefaultProps("Badge", {}, incomingProps);
+
+//#endregion
+export { useBadgeDefaultProps as t };
+//# sourceMappingURL=use-badge-default-props-8d9wPL0k.js.map

package/dist/use-badge-default-props-8d9wPL0k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-badge-default-props-8d9wPL0k.js","names":[],"sources":["../src/ui/badge/use-badge-default-props.ts"],"sourcesContent":["import type { BadgeProps } from \"./badge\";\n\nimport { useComponentDefaultProps } from \"../shared/size/size-provider\";\n\nexport const useBadgeDefaultProps = (incomingProps: BadgeProps): BadgeProps =>\n  useComponentDefaultProps<BadgeProps>(\"Badge\", {}, incomingProps);\n"],"mappings":";;;AAIA,MAAa,wBAAwB,kBACnC,yBAAqC,SAAS,EAAE,EAAE,cAAc"}

package/dist/use-input-default-props-B6VgKXGM.js

@@ -0,0 +1,8 @@
+import { i as useComponentDefaultProps } from "./size-provider-18EvJgDT.js";
+
+//#region src/ui/input/use-input-default-props.ts
+const useInputDefaultProps = (incomingProps) => useComponentDefaultProps("Input", {}, incomingProps);
+
+//#endregion
+export { useInputDefaultProps as t };
+//# sourceMappingURL=use-input-default-props-B6VgKXGM.js.map

package/dist/use-input-default-props-B6VgKXGM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-default-props-B6VgKXGM.js","names":[],"sources":["../src/ui/input/use-input-default-props.ts"],"sourcesContent":["import type { InputProps } from \"./input\";\n\nimport { useComponentDefaultProps } from \"../shared/size/size-provider\";\n\nexport const useInputDefaultProps = (incomingProps: InputProps): InputProps =>\n  useComponentDefaultProps<InputProps>(\"Input\", {}, incomingProps);\n"],"mappings":";;;AAIA,MAAa,wBAAwB,kBACnC,yBAAqC,SAAS,EAAE,EAAE,cAAc"}

package/dist/use-textarea-default-props-7MlOxkDO.js

@@ -0,0 +1,8 @@
+import { i as useComponentDefaultProps } from "./size-provider-18EvJgDT.js";
+
+//#region src/ui/textarea/use-textarea-default-props.ts
+const useTextareaDefaultProps = (incomingProps) => useComponentDefaultProps("Textarea", {}, incomingProps);
+
+//#endregion
+export { useTextareaDefaultProps as t };
+//# sourceMappingURL=use-textarea-default-props-7MlOxkDO.js.map

package/dist/use-textarea-default-props-7MlOxkDO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-textarea-default-props-7MlOxkDO.js","names":[],"sources":["../src/ui/textarea/use-textarea-default-props.ts"],"sourcesContent":["import type { TextareaProps } from \"./textarea\";\n\nimport { useComponentDefaultProps } from \"../shared/size/size-provider\";\n\nexport const useTextareaDefaultProps = (\n  incomingProps: TextareaProps\n): TextareaProps =>\n  useComponentDefaultProps<TextareaProps>(\"Textarea\", {}, incomingProps);\n"],"mappings":";;;AAIA,MAAa,2BACX,kBAEA,yBAAwC,YAAY,EAAE,EAAE,cAAc"}