@optimum-intelligence/opti-ui 0.2.0 → 0.4.0

package/dist/components/typography/Typography.js

@@ -11,6 +11,7 @@ var defaultSizes = {
 	5: "xs",
 	6: "xs"
 };
+/** Heading element. `level` sets the tag (`h1`–`h6`) and the default size; `size` overrides only the look. */
 function Heading(t0) {
 	const $ = c(15);
 	let t1;
@@ -69,6 +70,7 @@ function Heading(t0) {
 	} else t7 = $[14];
 	return t6(t7);
 }
+/** Body text paragraph. Use `render={<span />}` for inline text. */
 function Text(t0) {
 	const $ = c(17);
 	let t1;

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","names":["useRender","mergeProps","HeadingLevel","HeadingSize","HeadingState","size","HeadingProps","ComponentProps","level","defaultSizes","Record","Heading","t0","$","_c","t1","t2","t3","t4","t5","t6","t7","render","ref","props","undefined","t8","t9","state","className","defaultTagName","TextTone","TextSize","TextWeight","TextState","tone","weight","TextProps","Text","EyebrowProps","Eyebrow","_c"],"sources":["../../../src/components/typography/Typography.tsx"],"sourcesContent":["import { useRender } from '@base-ui/react/use-render';\nimport { mergeProps } from '@base-ui/react/merge-props';\n\ntype HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\nexport type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nexport type HeadingState = { size: HeadingSize };\n\nexport interface HeadingProps extends useRender.ComponentProps<'h2', HeadingState> {\n  /** Semantic level; picks the element. */\n  level?: HeadingLevel;\n  /** Visual size, independent of the level. */\n  size?: HeadingSize;\n}\n\nconst defaultSizes: Record<HeadingLevel, HeadingSize> = { 1: 'xl', 2: 'lg', 3: 'md', 4: 'sm', 5: 'xs', 6: 'xs' };\n\nexport function Heading({ level = 2, size, render, ref, ...props }: HeadingProps) {\n  const state: HeadingState = { size: size ?? defaultSizes[level] };\n  return useRender({\n    defaultTagName: `h${level}`,\n    render,\n    ref,\n    state,\n    props: mergeProps<'h2'>({ className: 'oui-heading' }, props),\n  });\n}\n\nexport type TextTone = 'default' | 'strong' | 'muted' | 'subtle' | 'accent' | 'success' | 'warning' | 'danger';\nexport type TextSize = 'xs' | 'sm' | 'md' | 'lg';\nexport type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';\n\nexport type TextState = { size: TextSize; tone: TextTone; weight?: TextWeight };\n\nexport interface TextProps extends useRender.ComponentProps<'p', TextState> {\n  size?: TextSize;\n  tone?: TextTone;\n  weight?: TextWeight;\n}\n\nexport function Text({ size = 'md', tone = 'default', weight, render, ref, ...props }: TextProps) {\n  const state: TextState = { size, tone, weight };\n  return useRender({\n    defaultTagName: 'p',\n    render,\n    ref,\n    state,\n    props: mergeProps<'p'>({ className: 'oui-text' }, props),\n  });\n}\n\nexport interface EyebrowProps extends useRender.ComponentProps<'span'> {}\n\n/** Small uppercase label used above titles, in filter bars and table headers. */\nexport function Eyebrow({ render, ref, ...props }: EyebrowProps) {\n  return useRender({\n    defaultTagName: 'span',\n    render,\n    ref,\n    props: mergeProps<'span'>({ className: 'oui-eyebrow' }, props),\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"Typography.js","names":["useRender","mergeProps","HeadingLevel","HeadingSize","HeadingState","size","HeadingProps","ComponentProps","level","defaultSizes","Record","Heading","t0","$","_c","t1","t2","t3","t4","t5","t6","t7","render","ref","props","undefined","t8","t9","state","className","defaultTagName","TextTone","TextSize","TextWeight","TextState","tone","weight","TextProps","Text","EyebrowProps","Eyebrow","_c"],"sources":["../../../src/components/typography/Typography.tsx"],"sourcesContent":["import { useRender } from '@base-ui/react/use-render';\nimport { mergeProps } from '@base-ui/react/merge-props';\n\ntype HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\nexport type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nexport type HeadingState = { size: HeadingSize };\n\nexport interface HeadingProps extends useRender.ComponentProps<'h2', HeadingState> {\n  /** Semantic level; picks the element. */\n  level?: HeadingLevel;\n  /** Visual size, independent of the level. */\n  size?: HeadingSize;\n}\n\nconst defaultSizes: Record<HeadingLevel, HeadingSize> = { 1: 'xl', 2: 'lg', 3: 'md', 4: 'sm', 5: 'xs', 6: 'xs' };\n\n/** Heading element. `level` sets the tag (`h1`–`h6`) and the default size; `size` overrides only the look. */\nexport function Heading({ level = 2, size, render, ref, ...props }: HeadingProps) {\n  const state: HeadingState = { size: size ?? defaultSizes[level] };\n  return useRender({\n    defaultTagName: `h${level}`,\n    render,\n    ref,\n    state,\n    props: mergeProps<'h2'>({ className: 'oui-heading' }, props),\n  });\n}\n\nexport type TextTone = 'default' | 'strong' | 'muted' | 'subtle' | 'accent' | 'success' | 'warning' | 'danger';\nexport type TextSize = 'xs' | 'sm' | 'md' | 'lg';\nexport type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';\n\nexport type TextState = { size: TextSize; tone: TextTone; weight?: TextWeight };\n\nexport interface TextProps extends useRender.ComponentProps<'p', TextState> {\n  /** Font size. */\n  size?: TextSize;\n  /** Color role: from `strong` to `subtle`, or a status color. */\n  tone?: TextTone;\n  /** Font weight. Inherits when omitted. */\n  weight?: TextWeight;\n}\n\n/** Body text paragraph. Use `render={<span />}` for inline text. */\nexport function Text({ size = 'md', tone = 'default', weight, render, ref, ...props }: TextProps) {\n  const state: TextState = { size, tone, weight };\n  return useRender({\n    defaultTagName: 'p',\n    render,\n    ref,\n    state,\n    props: mergeProps<'p'>({ className: 'oui-text' }, props),\n  });\n}\n\nexport interface EyebrowProps extends useRender.ComponentProps<'span'> {}\n\n/** Small uppercase label used above titles, in filter bars and table headers. */\nexport function Eyebrow({ render, ref, ...props }: EyebrowProps) {\n  return useRender({\n    defaultTagName: 'span',\n    render,\n    ref,\n    props: mergeProps<'span'>({ className: 'oui-eyebrow' }, props),\n  });\n}\n"],"mappings":"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"}