panelui-native 0.2.0 → 0.5.1

package/lib/module/components/typography/index.js

@@ -0,0 +1,126 @@
+"use strict";
+
+/**
+ * Typography — semantic text presets.
+ *
+ * Adapted from: heroui-inc/heroui-native (Typography `type` scale and the
+ * Heading / Paragraph / Code compound parts), built on PanelUI's Text
+ * primitive so every preset keeps `className` passthrough and theme colours.
+ */
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { Text } from "../../primitives/text.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const typographyVariants = tv({
+  base: 'text-foreground',
+  variants: {
+    type: {
+      h1: 'text-4xl font-bold tracking-tight',
+      h2: 'text-3xl font-semibold tracking-tight',
+      h3: 'text-2xl font-semibold tracking-tight',
+      h4: 'text-xl font-semibold',
+      h5: 'text-lg font-semibold',
+      h6: 'text-base font-semibold',
+      body: 'text-base font-normal',
+      'body-sm': 'text-sm font-normal',
+      'body-xs': 'text-xs font-normal',
+      code: 'font-mono text-sm text-foreground'
+    },
+    muted: {
+      true: 'text-muted-foreground'
+    }
+  },
+  defaultVariants: {
+    type: 'body'
+  }
+});
+
+/** Heading levels, for `Typography.Heading`. */
+
+/** Body sizes, for `Typography.Paragraph`. */
+
+/** Maps a heading preset to its accessibility heading level. */
+const HEADING_LEVEL = {
+  h1: 1,
+  h2: 2,
+  h3: 3,
+  h4: 4,
+  h5: 5,
+  h6: 6
+};
+const TypographyRoot = /*#__PURE__*/forwardRef(({
+  className,
+  type,
+  muted,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Text, {
+  ref: ref,
+  className: typographyVariants({
+    type,
+    muted,
+    className
+  }),
+  ...props
+}));
+TypographyRoot.displayName = 'Typography';
+/** Heading text, wired up with the matching accessibility heading level. */
+const TypographyHeading = /*#__PURE__*/forwardRef(({
+  className,
+  type = 'h2',
+  muted,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Text, {
+  ref: ref,
+  accessibilityRole: "header",
+  "aria-level": HEADING_LEVEL[type],
+  className: typographyVariants({
+    type,
+    muted,
+    className
+  }),
+  ...props
+}));
+TypographyHeading.displayName = 'Typography.Heading';
+const TypographyParagraph = /*#__PURE__*/forwardRef(({
+  className,
+  type = 'body',
+  muted,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Text, {
+  ref: ref,
+  className: typographyVariants({
+    type,
+    muted,
+    className
+  }),
+  ...props
+}));
+TypographyParagraph.displayName = 'Typography.Paragraph';
+/** Inline code on a muted surface. */
+const TypographyCode = /*#__PURE__*/forwardRef(({
+  className,
+  containerClassName,
+  muted,
+  testID,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  testID: testID,
+  className: `self-start rounded-md bg-muted px-1.5 py-1 ${containerClassName ?? ''}`,
+  children: /*#__PURE__*/_jsx(Text, {
+    className: typographyVariants({
+      type: 'code',
+      muted,
+      className
+    }),
+    ...props
+  })
+}));
+TypographyCode.displayName = 'Typography.Code';
+export const Typography = Object.assign(TypographyRoot, {
+  Heading: TypographyHeading,
+  Paragraph: TypographyParagraph,
+  Code: TypographyCode
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","tv","Text","jsx","_jsx","typographyVariants","base","variants","type","h1","h2","h3","h4","h5","h6","body","code","muted","true","defaultVariants","HEADING_LEVEL","TypographyRoot","className","props","ref","displayName","TypographyHeading","accessibilityRole","TypographyParagraph","TypographyCode","containerClassName","testID","children","Typography","Object","assign","Heading","Paragraph","Code"],"sourceRoot":"../../../../src","sources":["components/typography/index.tsx"],"mappings":"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","ignoreList":[]}