@d4gger/design-system 3.0.0 → 4.0.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/heading/Heading.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { isResponsiveObject } from '../../_internal/helpers/getResponsiveStyles'\nimport { headingPropDefs } from './heading.props'\n\nimport type { GetPropDefTypes, Responsive } from '../../_internal/props/propDef'\n\ntype HeadingElement = React.ComponentRef<'h1'>\ntype HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>\n\ntype HeadingVariant = NonNullable<HeadingOwnProps['variant']>\n\nfunction getDefaultHeadingTag(variant: HeadingVariant): 'h1' | 'h2' | 'h3' | 'h4' {\n  if (variant === 'display-large') return 'h1'\n  if (variant === 'display-medium') return 'h2'\n  if (variant === 'headline-large') return 'h3'\n  return 'h4'\n}\n\nfunction getHeadingTagFromSize(size: string): 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' {\n  if (size === '9') return 'h1'\n  if (size === '8') return 'h2'\n  if (size === '7') return 'h3'\n  if (size === '6' || size === '5') return 'h4'\n  if (size === '4' || size === '3') return 'h5'\n  return 'h6'\n}\n\nfunction resolveBaseSize(size: Responsive<'1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9'> | undefined): string | undefined {\n  if (size === undefined) return undefined\n  if (typeof size === 'string') return size\n  if (isResponsiveObject(size)) return size.initial as string | undefined\n  return undefined\n}\n\ninterface HeadingProps extends Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'>, HeadingOwnProps {}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const sizeProp = props.size\n  const colorProp = props.color\n  const {\n    asChild,\n    children,\n    className,\n    highContrast = false,\n    tone = 'default',\n    variant = 'headline-medium',\n    ...headingProps\n  } = extractProps(props, headingPropDefs)\n\n  const baseSize = resolveBaseSize(sizeProp)\n  const Tag = baseSize ? getHeadingTagFromSize(baseSize) : getDefaultHeadingTag(variant)\n  const Comp = asChild ? Slot : Tag\n\n  return (\n    <Comp\n      {...headingProps}\n      ref={forwardedRef}\n      className={classNames(\n        'dsx-heading',\n        `dsx-heading--${variant}`,\n        tone !== 'default' && `dsx-heading--${tone}`,\n        className,\n      )}\n      data-accent-color={typeof colorProp === 'string' ? colorProp : undefined}\n      data-high-contrast={highContrast || undefined}\n      data-size={baseSize}\n    >\n      {children}\n    </Comp>\n  )\n})\nHeading.displayName = 'Heading'\n\nexport { Heading }\nexport type { HeadingOwnProps, HeadingProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAoD5B;AA3CJ,SAAS,qBAAqB,SAAoD;AAChF,MAAI,YAAY,gBAAiB,QAAO;AACxC,MAAI,YAAY,iBAAkB,QAAO;AACzC,MAAI,YAAY,iBAAkB,QAAO;AACzC,SAAO;AACT;AAEA,SAAS,sBAAsB,MAAuD;AACpF,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,OAAO,SAAS,IAAK,QAAO;AACzC,MAAI,SAAS,OAAO,SAAS,IAAK,QAAO;AACzC,SAAO;AACT;AAEA,SAAS,gBAAgB,MAAuG;AAC9H,MAAI,SAAS,OAAW,QAAO;AAC/B,MAAI,OAAO,SAAS,SAAU,QAAO;AACrC,MAAI,mBAAmB,IAAI,EAAG,QAAO,KAAK;AAC1C,SAAO;AACT;AAIA,MAAM,UAAU,MAAM,WAAyC,CAAC,OAAO,iBAAiB;AACtF,QAAM,WAAW,MAAM;AACvB,QAAM,YAAY,MAAM;AACxB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,eAAe;AAEvC,QAAM,WAAW,gBAAgB,QAAQ;AACzC,QAAM,MAAM,WAAW,sBAAsB,QAAQ,IAAI,qBAAqB,OAAO;AACrF,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,SAAS,aAAa,gBAAgB,IAAI;AAAA,QAC1C;AAAA,MACF;AAAA,MACA,qBAAmB,OAAO,cAAc,WAAW,YAAY;AAAA,MAC/D,sBAAoB,gBAAgB;AAAA,MACpC,aAAW;AAAA,MAEV;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,QAAQ,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { headingPropDefs } from './heading.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype HeadingElement = React.ComponentRef<'h1'>\ntype HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>\n\ntype HeadingVariant = NonNullable<HeadingOwnProps['variant']>\n\nfunction getDefaultHeadingTag(variant: HeadingVariant): 'h1' | 'h2' | 'h3' | 'h4' {\n  if (variant === 'display-large') return 'h1'\n  if (variant === 'display-medium') return 'h2'\n  if (variant === 'headline-large') return 'h3'\n  return 'h4'\n}\n\nfunction getHeadingTagFromSize(size: string): 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' {\n  if (size === '9') return 'h1'\n  if (size === '8') return 'h2'\n  if (size === '7') return 'h3'\n  if (size === '6' || size === '5') return 'h4'\n  if (size === '4' || size === '3') return 'h5'\n  return 'h6'\n}\n\ninterface HeadingProps extends Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'>, HeadingOwnProps {}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const sizeProp = props.size\n  const colorProp = props.color\n  const {\n    asChild,\n    children,\n    className,\n    highContrast = false,\n    tone = 'default',\n    variant = 'headline-medium',\n    ...headingProps\n  } = extractProps(props, headingPropDefs)\n\n  const baseSize = sizeProp\n  const Tag = baseSize ? getHeadingTagFromSize(baseSize) : getDefaultHeadingTag(variant)\n  const Comp = asChild ? Slot : Tag\n\n  return (\n    <Comp\n      {...headingProps}\n      ref={forwardedRef}\n      className={classNames(\n        'dsx-heading',\n        `dsx-heading--${variant}`,\n        tone !== 'default' && `dsx-heading--${tone}`,\n        className,\n      )}\n      data-accent-color={typeof colorProp === 'string' ? colorProp : undefined}\n      data-high-contrast={highContrast || undefined}\n      data-size={baseSize}\n    >\n      {children}\n    </Comp>\n  )\n})\nHeading.displayName = 'Heading'\n\nexport { Heading }\nexport type { HeadingOwnProps, HeadingProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AA6C5B;AApCJ,SAAS,qBAAqB,SAAoD;AAChF,MAAI,YAAY,gBAAiB,QAAO;AACxC,MAAI,YAAY,iBAAkB,QAAO;AACzC,MAAI,YAAY,iBAAkB,QAAO;AACzC,SAAO;AACT;AAEA,SAAS,sBAAsB,MAAuD;AACpF,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,IAAK,QAAO;AACzB,MAAI,SAAS,OAAO,SAAS,IAAK,QAAO;AACzC,MAAI,SAAS,OAAO,SAAS,IAAK,QAAO;AACzC,SAAO;AACT;AAIA,MAAM,UAAU,MAAM,WAAyC,CAAC,OAAO,iBAAiB;AACtF,QAAM,WAAW,MAAM;AACvB,QAAM,YAAY,MAAM;AACxB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,eAAe;AAEvC,QAAM,WAAW;AACjB,QAAM,MAAM,WAAW,sBAAsB,QAAQ,IAAI,qBAAqB,OAAO;AACrF,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,SAAS,aAAa,gBAAgB,IAAI;AAAA,QAC1C;AAAA,MACF;AAAA,MACA,qBAAmB,OAAO,cAAc,WAAW,YAAY;AAAA,MAC/D,sBAAoB,gBAAgB;AAAA,MACpC,aAAW;AAAA,MAEV;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,QAAQ,cAAc;",
   "names": []
 }

package/dist/components/heading/heading.props.cjs

@@ -31,20 +31,21 @@ var import_textAlign = require("../../_internal/props/textAlign.prop");
 var import_textWrap = require("../../_internal/props/textWrap.prop");
 var import_truncate = require("../../_internal/props/truncate.prop");
 var import_weight = require("../../_internal/props/weight.prop");
+var import_typography = require("../text/typography.props");
 const headingVariants = ["display-large", "display-medium", "headline-large", "headline-medium"];
 const headingTones = ["default", "muted", "inverse"];
 const headingSizes = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const headingPropDefs = {
   ...import_asChild.asChildPropDef,
-  ...import_color.colorPropDef,
+  ...(0, import_typography.scalarTypographyProps)(import_color.colorPropDef),
   ...import_highContrast.highContrastPropDef,
-  ...import_leadingTrim.leadingTrimPropDef,
-  ...import_margin.marginPropDef,
-  ...import_padding.paddingPropDef,
-  ...import_textAlign.textAlignPropDef,
-  ...import_textWrap.textWrapPropDef,
+  ...(0, import_typography.scalarTypographyProps)(import_leadingTrim.leadingTrimPropDef),
+  ...(0, import_typography.scalarTypographyProps)(import_margin.marginPropDef),
+  ...(0, import_typography.scalarTypographyProps)(import_padding.paddingPropDef),
+  ...(0, import_typography.scalarTypographyProps)(import_textAlign.textAlignPropDef),
+  ...(0, import_typography.scalarTypographyProps)(import_textWrap.textWrapPropDef),
   ...import_truncate.truncatePropDef,
-  ...import_weight.weightPropDef,
+  ...(0, import_typography.scalarTypographyProps)(import_weight.weightPropDef),
   variant: {
     type: "enum",
     values: headingVariants,
@@ -53,8 +54,7 @@ const headingPropDefs = {
   size: {
     type: "enum",
     className: "dsx-r-heading-size",
-    values: headingSizes,
-    responsive: true
+    values: headingSizes
   },
   tone: {
     type: "enum",

package/dist/components/heading/heading.props.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/heading/heading.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { colorPropDef } from '../../_internal/props/color.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\nimport { leadingTrimPropDef } from '../../_internal/props/leadingTrim.prop'\nimport { marginPropDef } from '../../_internal/props/margin.prop'\nimport { paddingPropDef } from '../../_internal/props/padding.prop'\nimport { textAlignPropDef } from '../../_internal/props/textAlign.prop'\nimport { textWrapPropDef } from '../../_internal/props/textWrap.prop'\nimport { truncatePropDef } from '../../_internal/props/truncate.prop'\nimport { weightPropDef } from '../../_internal/props/weight.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst headingVariants = ['display-large', 'display-medium', 'headline-large', 'headline-medium'] as const\nconst headingTones = ['default', 'muted', 'inverse'] as const\nconst headingSizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const\n\nconst headingPropDefs = {\n  ...asChildPropDef,\n  ...colorPropDef,\n  ...highContrastPropDef,\n  ...leadingTrimPropDef,\n  ...marginPropDef,\n  ...paddingPropDef,\n  ...textAlignPropDef,\n  ...textWrapPropDef,\n  ...truncatePropDef,\n  ...weightPropDef,\n  variant: {\n    type: 'enum',\n    values: headingVariants,\n    default: 'headline-medium',\n  },\n  size: {\n    type: 'enum',\n    className: 'dsx-r-heading-size',\n    values: headingSizes,\n    responsive: true,\n  },\n  tone: {\n    type: 'enum',\n    values: headingTones,\n    default: 'default',\n  },\n} satisfies {\n  asChild: PropDef\n  align: PropDef<(typeof textAlignPropDef.align.values)[number]>\n  color: PropDef<(typeof colorPropDef.color.values)[number]>\n  highContrast: PropDef\n  m: PropDef\n  mb: PropDef\n  ml: PropDef\n  mr: PropDef\n  mt: PropDef\n  mx: PropDef\n  my: PropDef\n  p: PropDef\n  pb: PropDef\n  pl: PropDef\n  pr: PropDef\n  pt: PropDef\n  px: PropDef\n  py: PropDef\n  size: PropDef<(typeof headingSizes)[number]>\n  tone: PropDef<(typeof headingTones)[number]>\n  trim: PropDef<(typeof leadingTrimPropDef.trim.values)[number]>\n  truncate: PropDef\n  variant: PropDef<(typeof headingVariants)[number]>\n  weight: PropDef<(typeof weightPropDef.weight.values)[number]>\n  wrap: PropDef<(typeof textWrapPropDef.wrap.values)[number]>\n}\n\nexport { headingPropDefs }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,mBAA6B;AAC7B,0BAAoC;AACpC,yBAAmC;AACnC,oBAA8B;AAC9B,qBAA+B;AAC/B,uBAAiC;AACjC,sBAAgC;AAChC,sBAAgC;AAChC,oBAA8B;AAI9B,MAAM,kBAAkB,CAAC,iBAAiB,kBAAkB,kBAAkB,iBAAiB;AAC/F,MAAM,eAAe,CAAC,WAAW,SAAS,SAAS;AACnD,MAAM,eAAe,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAEjE,MAAM,kBAAkB;AAAA,EACtB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { colorPropDef } from '../../_internal/props/color.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\nimport { leadingTrimPropDef } from '../../_internal/props/leadingTrim.prop'\nimport { marginPropDef } from '../../_internal/props/margin.prop'\nimport { paddingPropDef } from '../../_internal/props/padding.prop'\nimport { textAlignPropDef } from '../../_internal/props/textAlign.prop'\nimport { textWrapPropDef } from '../../_internal/props/textWrap.prop'\nimport { truncatePropDef } from '../../_internal/props/truncate.prop'\nimport { weightPropDef } from '../../_internal/props/weight.prop'\n\nimport { scalarTypographyProps } from '../text/typography.props'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst headingVariants = ['display-large', 'display-medium', 'headline-large', 'headline-medium'] as const\nconst headingTones = ['default', 'muted', 'inverse'] as const\nconst headingSizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const\n\nconst headingPropDefs = {\n  ...asChildPropDef,\n  ...scalarTypographyProps(colorPropDef),\n  ...highContrastPropDef,\n  ...scalarTypographyProps(leadingTrimPropDef),\n  ...scalarTypographyProps(marginPropDef),\n  ...scalarTypographyProps(paddingPropDef),\n  ...scalarTypographyProps(textAlignPropDef),\n  ...scalarTypographyProps(textWrapPropDef),\n  ...truncatePropDef,\n  ...scalarTypographyProps(weightPropDef),\n  variant: {\n    type: 'enum',\n    values: headingVariants,\n    default: 'headline-medium',\n  },\n  size: {\n    type: 'enum',\n    className: 'dsx-r-heading-size',\n    values: headingSizes,\n  },\n  tone: {\n    type: 'enum',\n    values: headingTones,\n    default: 'default',\n  },\n} satisfies {\n  asChild: PropDef\n  align: PropDef<(typeof textAlignPropDef.align.values)[number]>\n  color: PropDef<(typeof colorPropDef.color.values)[number]>\n  highContrast: PropDef\n  m: PropDef\n  mb: PropDef\n  ml: PropDef\n  mr: PropDef\n  mt: PropDef\n  mx: PropDef\n  my: PropDef\n  p: PropDef\n  pb: PropDef\n  pl: PropDef\n  pr: PropDef\n  pt: PropDef\n  px: PropDef\n  py: PropDef\n  size: PropDef<(typeof headingSizes)[number]>\n  tone: PropDef<(typeof headingTones)[number]>\n  trim: PropDef<(typeof leadingTrimPropDef.trim.values)[number]>\n  truncate: PropDef\n  variant: PropDef<(typeof headingVariants)[number]>\n  weight: PropDef<(typeof weightPropDef.weight.values)[number]>\n  wrap: PropDef<(typeof textWrapPropDef.wrap.values)[number]>\n}\n\nexport { headingPropDefs }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,mBAA6B;AAC7B,0BAAoC;AACpC,yBAAmC;AACnC,oBAA8B;AAC9B,qBAA+B;AAC/B,uBAAiC;AACjC,sBAAgC;AAChC,sBAAgC;AAChC,oBAA8B;AAE9B,wBAAsC;AAItC,MAAM,kBAAkB,CAAC,iBAAiB,kBAAkB,kBAAkB,iBAAiB;AAC/F,MAAM,eAAe,CAAC,WAAW,SAAS,SAAS;AACnD,MAAM,eAAe,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAEjE,MAAM,kBAAkB;AAAA,EACtB,GAAG;AAAA,EACH,OAAG,yCAAsB,yBAAY;AAAA,EACrC,GAAG;AAAA,EACH,OAAG,yCAAsB,qCAAkB;AAAA,EAC3C,OAAG,yCAAsB,2BAAa;AAAA,EACtC,OAAG,yCAAsB,6BAAc;AAAA,EACvC,OAAG,yCAAsB,iCAAgB;AAAA,EACzC,OAAG,yCAAsB,+BAAe;AAAA,EACxC,GAAG;AAAA,EACH,OAAG,yCAAsB,2BAAa;AAAA,EACtC,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/components/heading/heading.props.d.cts

@@ -8,36 +8,35 @@ declare const headingPropDefs: {
         type: "enum";
         className: string;
         values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-        responsive: true;
     };
     tone: {
         type: "enum";
         values: readonly ["default", "muted", "inverse"];
         default: "default";
     };
-    weight: {
+    weight: Omit<{
         type: "enum";
         className: string;
         values: readonly ["light", "regular", "medium", "bold"];
         responsive: true;
-    };
+    }, "responsive">;
     truncate: {
         type: "boolean";
         className: string;
     };
-    wrap: {
+    wrap: Omit<{
         type: "enum";
         className: string;
         values: readonly ["wrap", "nowrap", "pretty", "balance"];
         responsive: true;
-    };
-    align: {
+    }, "responsive">;
+    align: Omit<{
         type: "enum";
         className: string;
         values: readonly ["left", "center", "right", "justify"];
         responsive: true;
-    };
-    padding: {
+    }, "responsive">;
+    padding: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         default: undefined;
@@ -45,8 +44,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    p: {
+    }, "responsive">;
+    p: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -54,8 +53,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    px: {
+    }, "responsive">;
+    px: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -63,8 +62,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    py: {
+    }, "responsive">;
+    py: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -72,8 +71,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pt: {
+    }, "responsive">;
+    pt: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -81,8 +80,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pr: {
+    }, "responsive">;
+    pr: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -90,8 +89,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pb: {
+    }, "responsive">;
+    pb: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -99,8 +98,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pl: {
+    }, "responsive">;
+    pl: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -108,8 +107,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    margin: {
+    }, "responsive">;
+    margin: Omit<{
         type: "enum | string";
         values: readonly ["auto", "none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         default: undefined;
@@ -117,8 +116,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    m: {
+    }, "responsive">;
+    m: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -126,8 +125,8 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mx: {
+    }, "responsive">;
+    mx: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -135,8 +134,8 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    my: {
+    }, "responsive">;
+    my: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -144,8 +143,8 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mt: {
+    }, "responsive">;
+    mt: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -153,8 +152,8 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mr: {
+    }, "responsive">;
+    mr: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -162,8 +161,8 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mb: {
+    }, "responsive">;
+    mb: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -171,8 +170,8 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    ml: {
+    }, "responsive">;
+    ml: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -180,24 +179,24 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    trim: {
+    }, "responsive">;
+    trim: Omit<{
         type: "enum";
         className: string;
         values: readonly ["normal", "start", "end", "both"];
         responsive: true;
-    };
+    }, "responsive">;
     highContrast: {
         type: "boolean";
         default: false;
     };
-    color: {
+    color: Omit<{
         type: "enum";
         className: string;
         values: readonly ["primary", "primary-container", "secondary", "secondary-container", "tertiary", "tertiary-container", "success", "success-container", "error", "error-container", "surface", "surface-raised", "surface-overlay", "surface-sunken", "background", "outline", "outline-variant"];
         default: undefined;
         responsive: true;
-    };
+    }, "responsive">;
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/heading/heading.props.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.props.d.cts","sourceRoot":"","sources":["../../../src/components/heading/heading.props.ts"],"names":[],"mappings":"AAiBA,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDpB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"heading.props.d.cts","sourceRoot":"","sources":["../../../src/components/heading/heading.props.ts"],"names":[],"mappings":"AAmBA,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDpB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/heading/heading.props.d.mts

@@ -8,36 +8,35 @@ declare const headingPropDefs: {
         type: "enum";
         className: string;
         values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-        responsive: true;
     };
     tone: {
         type: "enum";
         values: readonly ["default", "muted", "inverse"];
         default: "default";
     };
-    weight: {
+    weight: Omit<{
         type: "enum";
         className: string;
         values: readonly ["light", "regular", "medium", "bold"];
         responsive: true;
-    };
+    }, "responsive">;
     truncate: {
         type: "boolean";
         className: string;
     };
-    wrap: {
+    wrap: Omit<{
         type: "enum";
         className: string;
         values: readonly ["wrap", "nowrap", "pretty", "balance"];
         responsive: true;
-    };
-    align: {
+    }, "responsive">;
+    align: Omit<{
         type: "enum";
         className: string;
         values: readonly ["left", "center", "right", "justify"];
         responsive: true;
-    };
-    padding: {
+    }, "responsive">;
+    padding: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         default: undefined;
@@ -45,8 +44,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    p: {
+    }, "responsive">;
+    p: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -54,8 +53,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    px: {
+    }, "responsive">;
+    px: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -63,8 +62,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    py: {
+    }, "responsive">;
+    py: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -72,8 +71,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pt: {
+    }, "responsive">;
+    pt: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -81,8 +80,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pr: {
+    }, "responsive">;
+    pr: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -90,8 +89,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pb: {
+    }, "responsive">;
+    pb: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -99,8 +98,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    pl: {
+    }, "responsive">;
+    pl: Omit<{
         type: "enum | string";
         values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         className: string;
@@ -108,8 +107,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    margin: {
+    }, "responsive">;
+    margin: Omit<{
         type: "enum | string";
         values: readonly ["auto", "none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         default: undefined;
@@ -117,8 +116,8 @@ declare const headingPropDefs: {
         customProperties: readonly [`--${string}`];
         parseValue: ((value: string) => string | number | undefined) | undefined;
         responsive: true;
-    };
-    m: {
+    }, "responsive">;
+    m: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -126,8 +125,8 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mx: {
+    }, "responsive">;
+    mx: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -135,8 +134,8 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    my: {
+    }, "responsive">;
+    my: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -144,8 +143,8 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mt: {
+    }, "responsive">;
+    mt: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -153,8 +152,8 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mr: {
+    }, "responsive">;
+    mr: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -162,8 +161,8 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    mb: {
+    }, "responsive">;
+    mb: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -171,8 +170,8 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    ml: {
+    }, "responsive">;
+    ml: Omit<{
         readonly type: "enum | string";
         readonly values: readonly ["none", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
         readonly className: string;
@@ -180,24 +179,24 @@ declare const headingPropDefs: {
         readonly customProperties: readonly [`--${string}`];
         readonly parseValue: ((value: string) => string | number | undefined) | undefined;
         readonly responsive: true;
-    };
-    trim: {
+    }, "responsive">;
+    trim: Omit<{
         type: "enum";
         className: string;
         values: readonly ["normal", "start", "end", "both"];
         responsive: true;
-    };
+    }, "responsive">;
     highContrast: {
         type: "boolean";
         default: false;
     };
-    color: {
+    color: Omit<{
         type: "enum";
         className: string;
         values: readonly ["primary", "primary-container", "secondary", "secondary-container", "tertiary", "tertiary-container", "success", "success-container", "error", "error-container", "surface", "surface-raised", "surface-overlay", "surface-sunken", "background", "outline", "outline-variant"];
         default: undefined;
         responsive: true;
-    };
+    }, "responsive">;
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/heading/heading.props.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.props.d.mts","sourceRoot":"","sources":["../../../src/components/heading/heading.props.ts"],"names":[],"mappings":"AAiBA,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDpB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"heading.props.d.mts","sourceRoot":"","sources":["../../../src/components/heading/heading.props.ts"],"names":[],"mappings":"AAmBA,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDpB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}