@d4gger/design-system 2.7.0 → 3.0.1

package/dist/_internal/props/propDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"propDef.d.ts","sourceRoot":"","sources":["../../../src/_internal/props/propDef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,KAAK,KAAK,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAE3E,QAAA,MAAM,mBAAmB;;;;;;CAMf,CAAA;AAEV,QAAA,MAAM,gBAAgB,qDAAsD,CAAA;AAC5E,QAAA,MAAM,WAAW,oDAA+D,CAAA;AAEhF,QAAA,MAAM,gBAAgB,uDAAwD,CAAA;AAC9E,QAAA,MAAM,kBAAkB,6DAA8D,CAAA;AACtF,QAAA,MAAM,eAAe,8DAA+D,CAAA;AAKpF,KAAK,UAAU,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AACnD,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAA;AAEvD,KAAK,UAAU,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;AAEhE,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,WAAW,CAAA;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,SAAS,CAAC,EAAE,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC3C,IAAI,EAAE,eAAe,CAAA;IACrB,MAAM,EAAE,SAAS,CAAC,EAAE,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,gBAAgB,CAAC,EAAE,KAAK,CAAA;IACxB,UAAU,CAAC,EAAE,KAAK,CAAA;CACnB,CAAA;AAED,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,KAAK,CAAA;IACxB,UAAU,CAAC,EAAE,KAAK,CAAA;CACnB,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,SAAS,KAAK,MAAM,EAAE,EAAE,CAAA;IAC1C,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB,CAAA;AAED,KAAK,cAAc,CAAC,CAAC,SAAS,MAAM,IAChC,gBAAgB,GAChB,cAAc,GACd,CAAC,aAAa,GAAG,sBAAsB,CAAC,GACxC,CAAC,aAAa,GAAG,iBAAiB,CAAC,GACnC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,GACjC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,GACzC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,GACpC,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,GACjD,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAA;AAEhD,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,UAAU,EAAE,IAAI,CAAA;CAAE,CAAA;AAC5F,KAAK,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAA;AAElF,KAAK,cAAc,CAAC,GAAG,IAAI,GAAG,SAAS,cAAc,GACjD,GAAG,SAAS,iBAAiB,GAC3B,UAAU,CAAC,OAAO,CAAC,GACnB,OAAO,GACT,GAAG,SAAS,aAAa,GACvB,GAAG,SAAS,iBAAiB,GAC3B,UAAU,CAAC,MAAM,CAAC,GAClB,MAAM,GACR,GAAG,SAAS,gBAAgB,GAC1B,GAAG,SAAS,iBAAiB,GAC3B,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,GAC3B,KAAK,CAAC,SAAS,GACjB,GAAG,SAAS,mBAAmB,CAAC,MAAM,IAAI,SAAS,MAAM,CAAC,GACxD,GAAG,SAAS,iBAAiB,CAAC,IAAI,CAAC,GACjC,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,GAC/B,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,GACrB,GAAG,SAAS,WAAW,CAAC,MAAM,IAAI,SAAS,MAAM,CAAC,GAChD,GAAG,SAAS,iBAAiB,CAAC,IAAI,CAAC,GACjC,UAAU,CAAC,IAAI,CAAC,GAChB,IAAI,GACN,KAAK,CAAA;AAEjB,KAAK,eAAe,CAAC,CAAC,IAAI;KACvB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACtC,CAAA;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,UAMrC;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,UAEpC;AAED,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,kBAAkB,GACnB,CAAA;AAED,YAAY,EACV,UAAU,EACV,eAAe,EACf,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,KAAK,GACN,CAAA"}
+{"version":3,"file":"propDef.d.ts","sourceRoot":"","sources":["../../../src/_internal/props/propDef.ts"],"names":[],"mappings":"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"}

package/dist/_internal/props/propDef.js

@@ -21,10 +21,21 @@ function parseSpaceValue(value) {
 function parseSizeValue(value) {
   return sizeScale.has(value) ? `var(--dsx-size-${value})` : value;
 }
+function createResponsiveVariableProp(customProperty, parseValue) {
+  return {
+    type: "string",
+    default: void 0,
+    className: "",
+    customProperties: [customProperty],
+    parseValue,
+    responsive: true
+  };
+}
 export {
   breakpointMinWidths,
   breakpoints,
   breakpointsArray,
+  createResponsiveVariableProp,
   parseSizeValue,
   parseSpaceValue,
   sizeScaleValues,

package/dist/_internal/props/propDef.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/_internal/props/propDef.ts"],
-  "sourcesContent": ["import type * as React from 'react'\n\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>\n\nconst breakpointMinWidths = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n} as const\n\nconst breakpointsArray = ['initial', 'sm', 'md', 'lg', 'xl', '2xl'] as const\nconst breakpoints = new Set<(typeof breakpointsArray)[number]>(breakpointsArray)\n\nconst spaceScaleValues = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'] as const\nconst spaceUtilityValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'] as const\nconst sizeScaleValues = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'] as const\n\nconst spaceScale = new Set<string>(spaceScaleValues)\nconst sizeScale = new Set<string>(sizeScaleValues)\n\ntype Breakpoint = (typeof breakpointsArray)[number]\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>\n\ntype ParseValue = (value: string) => string | number | undefined\n\ntype BooleanPropDef = {\n  type: 'boolean'\n  default?: boolean\n  required?: boolean\n  className?: string\n}\n\ntype StringPropDef = {\n  type: 'string'\n  default?: string\n  required?: boolean\n}\n\ntype ReactNodePropDef = {\n  type: 'ReactNode'\n  default?: React.ReactNode\n  required?: boolean\n}\n\ntype EnumPropDef<T extends string> = {\n  type: 'enum'\n  values: readonly T[]\n  default?: T\n  required?: boolean\n}\n\ntype EnumOrStringPropDef<T extends string> = {\n  type: 'enum | string'\n  values: readonly T[]\n  default?: T | string\n  required?: boolean\n}\n\ntype NonStylingPropDef = {\n  className?: never\n  customProperties?: never\n  parseValue?: never\n}\n\ntype StylingPropDef = {\n  className: string\n  customProperties?: never\n  parseValue?: never\n}\n\ntype VariableStylingPropDef = {\n  className: string\n  customProperties: readonly `--${string}`[]\n  parseValue?: ParseValue\n}\n\ntype RegularPropDef<T extends string> =\n  | ReactNodePropDef\n  | BooleanPropDef\n  | (StringPropDef & VariableStylingPropDef)\n  | (StringPropDef & NonStylingPropDef)\n  | (EnumPropDef<T> & StylingPropDef)\n  | (EnumPropDef<T> & VariableStylingPropDef)\n  | (EnumPropDef<T> & NonStylingPropDef)\n  | (EnumOrStringPropDef<T> & VariableStylingPropDef)\n  | (EnumOrStringPropDef<T> & NonStylingPropDef)\n\ntype ResponsivePropDef<T extends string = string> = RegularPropDef<T> & { responsive: true }\ntype PropDef<T extends string = string> = RegularPropDef<T> | ResponsivePropDef<T>\n\ntype GetPropDefType<Def> = Def extends BooleanPropDef\n  ? Def extends ResponsivePropDef\n    ? Responsive<boolean>\n    : boolean\n  : Def extends StringPropDef\n    ? Def extends ResponsivePropDef\n      ? Responsive<string>\n      : string\n    : Def extends ReactNodePropDef\n      ? Def extends ResponsivePropDef\n        ? Responsive<React.ReactNode>\n        : React.ReactNode\n      : Def extends EnumOrStringPropDef<infer Type extends string>\n        ? Def extends ResponsivePropDef<Type>\n          ? Responsive<Union<string, Type>>\n          : Union<string, Type>\n        : Def extends EnumPropDef<infer Type extends string>\n          ? Def extends ResponsivePropDef<Type>\n            ? Responsive<Type>\n            : Type\n          : never\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>\n}\n\nfunction parseSpaceValue(value: string) {\n  if (value === 'none') {\n    return '0px'\n  }\n\n  return spaceScale.has(value) ? `var(--dsx-space-${value})` : value\n}\n\nfunction parseSizeValue(value: string) {\n  return sizeScale.has(value) ? `var(--dsx-size-${value})` : value\n}\n\nexport {\n  breakpointMinWidths,\n  breakpointsArray,\n  breakpoints,\n  parseSizeValue,\n  parseSpaceValue,\n  sizeScaleValues,\n  spaceScaleValues,\n  spaceUtilityValues,\n}\n\nexport type {\n  Breakpoint,\n  GetPropDefTypes,\n  PropDef,\n  Responsive,\n  ResponsivePropDef,\n  Union,\n}\n"],
-  "mappings": "AAIA,MAAM,sBAAsB;AAAA,EAC1B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT;AAEA,MAAM,mBAAmB,CAAC,WAAW,MAAM,MAAM,MAAM,MAAM,KAAK;AAClE,MAAM,cAAc,IAAI,IAAuC,gBAAgB;AAE/E,MAAM,mBAAmB,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,OAAO,KAAK;AACpE,MAAM,qBAAqB,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAC5E,MAAM,kBAAkB,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,OAAO,OAAO,KAAK;AAE1E,MAAM,aAAa,IAAI,IAAY,gBAAgB;AACnD,MAAM,YAAY,IAAI,IAAY,eAAe;AAkGjD,SAAS,gBAAgB,OAAe;AACtC,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,SAAO,WAAW,IAAI,KAAK,IAAI,mBAAmB,KAAK,MAAM;AAC/D;AAEA,SAAS,eAAe,OAAe;AACrC,SAAO,UAAU,IAAI,KAAK,IAAI,kBAAkB,KAAK,MAAM;AAC7D;",
+  "sourcesContent": ["import type * as React from 'react'\n\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>\n\nconst breakpointMinWidths = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n} as const\n\nconst breakpointsArray = ['initial', 'sm', 'md', 'lg', 'xl', '2xl'] as const\nconst breakpoints = new Set<(typeof breakpointsArray)[number]>(breakpointsArray)\n\nconst spaceScaleValues = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'] as const\nconst spaceUtilityValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'] as const\nconst sizeScaleValues = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'] as const\n\nconst spaceScale = new Set<string>(spaceScaleValues)\nconst sizeScale = new Set<string>(sizeScaleValues)\n\ntype Breakpoint = (typeof breakpointsArray)[number]\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>\n\ntype ParseValue = (value: string) => string | number | undefined\n\ntype BooleanPropDef = {\n  type: 'boolean'\n  default?: boolean\n  required?: boolean\n  className?: string\n}\n\ntype StringPropDef = {\n  type: 'string'\n  default?: string\n  required?: boolean\n}\n\ntype ReactNodePropDef = {\n  type: 'ReactNode'\n  default?: React.ReactNode\n  required?: boolean\n}\n\ntype NumberPropDef = {\n  type: 'number'\n  default?: number\n  values?: readonly number[]\n  required?: boolean\n}\n\ntype EnumPropDef<T extends string> = {\n  type: 'enum'\n  values: readonly T[]\n  default?: T\n  required?: boolean\n}\n\ntype EnumOrStringPropDef<T extends string> = {\n  type: 'enum | string'\n  values: readonly T[]\n  default?: T | string\n  required?: boolean\n}\n\ntype NonStylingPropDef = {\n  className?: never\n  customProperties?: never\n  parseValue?: never\n}\n\ntype StylingPropDef = {\n  className: string\n  customProperties?: never\n  parseValue?: never\n}\n\ntype VariableStylingPropDef = {\n  className: string\n  customProperties: readonly `--${string}`[]\n  parseValue?: ParseValue\n}\n\ntype RegularPropDef<T extends string> =\n  | ReactNodePropDef\n  | BooleanPropDef\n  | NumberPropDef\n  | (StringPropDef & VariableStylingPropDef)\n  | (StringPropDef & NonStylingPropDef)\n  | (EnumPropDef<T> & StylingPropDef)\n  | (EnumPropDef<T> & VariableStylingPropDef)\n  | (EnumPropDef<T> & NonStylingPropDef)\n  | (EnumOrStringPropDef<T> & VariableStylingPropDef)\n  | (EnumOrStringPropDef<T> & NonStylingPropDef)\n\ntype ResponsivePropDef<T extends string = string> = RegularPropDef<T> & { responsive: true }\ntype PropDef<T extends string = string> = RegularPropDef<T> | ResponsivePropDef<T>\n\ntype GetPropDefType<Def> = Def extends BooleanPropDef\n  ? Def extends ResponsivePropDef\n    ? Responsive<boolean>\n    : boolean\n  : Def extends NumberPropDef\n    ? Def extends ResponsivePropDef\n      ? Responsive<number>\n      : number\n  : Def extends StringPropDef\n    ? Def extends ResponsivePropDef\n      ? Responsive<string>\n      : string\n    : Def extends ReactNodePropDef\n      ? Def extends ResponsivePropDef\n        ? Responsive<React.ReactNode>\n        : React.ReactNode\n      : Def extends EnumOrStringPropDef<infer Type extends string>\n        ? Def extends ResponsivePropDef<Type>\n          ? Responsive<Union<string, Type>>\n          : Union<string, Type>\n        : Def extends EnumPropDef<infer Type extends string>\n          ? Def extends ResponsivePropDef<Type>\n            ? Responsive<Type>\n            : Type\n          : never\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>\n}\n\nfunction parseSpaceValue(value: string) {\n  if (value === 'none') {\n    return '0px'\n  }\n\n  return spaceScale.has(value) ? `var(--dsx-space-${value})` : value\n}\n\nfunction parseSizeValue(value: string) {\n  return sizeScale.has(value) ? `var(--dsx-size-${value})` : value\n}\n\n// Moved here from layout/layout.props.ts (2026-09-14) to break a real\n// circular import: layout.props.ts aggregates marginPropDef/paddingPropDef/\n// etc. from the _internal/props/*.prop.ts files, and every one of those\n// files imported this helper back from layout.props.ts. Under Turbopack's\n// module evaluation order (exposed by a cold `.next` rebuild \u2014 reproducible\n// on `npm run dev`, every route 500ing with \"Cannot access 'marginPropDef'\n// before initialization\"), that cycle is a genuine TDZ crash, not just an\n// ESLint circular-import warning. This function has zero dependency on\n// anything else in layout.props.ts (only the PropDef type, already local to\n// this file), so it belongs on the leaf side of that boundary.\nfunction createResponsiveVariableProp(\n  customProperty: `--${string}`,\n  parseValue?: (value: string) => string | number | undefined,\n) {\n  return {\n    type: 'string',\n    default: undefined,\n    className: '',\n    customProperties: [customProperty],\n    parseValue,\n    responsive: true,\n  } as const satisfies PropDef\n}\n\nexport {\n  breakpointMinWidths,\n  breakpointsArray,\n  breakpoints,\n  createResponsiveVariableProp,\n  parseSizeValue,\n  parseSpaceValue,\n  sizeScaleValues,\n  spaceScaleValues,\n  spaceUtilityValues,\n}\n\nexport type {\n  Breakpoint,\n  GetPropDefTypes,\n  PropDef,\n  Responsive,\n  ResponsivePropDef,\n  Union,\n}\n"],
+  "mappings": "AAIA,MAAM,sBAAsB;AAAA,EAC1B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT;AAEA,MAAM,mBAAmB,CAAC,WAAW,MAAM,MAAM,MAAM,MAAM,KAAK;AAClE,MAAM,cAAc,IAAI,IAAuC,gBAAgB;AAE/E,MAAM,mBAAmB,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,OAAO,KAAK;AACpE,MAAM,qBAAqB,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAC5E,MAAM,kBAAkB,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,OAAO,OAAO,KAAK;AAE1E,MAAM,aAAa,IAAI,IAAY,gBAAgB;AACnD,MAAM,YAAY,IAAI,IAAY,eAAe;AA8GjD,SAAS,gBAAgB,OAAe;AACtC,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,SAAO,WAAW,IAAI,KAAK,IAAI,mBAAmB,KAAK,MAAM;AAC/D;AAEA,SAAS,eAAe,OAAe;AACrC,SAAO,UAAU,IAAI,KAAK,IAAI,kBAAkB,KAAK,MAAM;AAC7D;AAYA,SAAS,6BACP,gBACA,YACA;AACA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,kBAAkB,CAAC,cAAc;AAAA,IACjC;AAAA,IACA,YAAY;AAAA,EACd;AACF;",
   "names": []
 }

package/dist/_internal/props/radius.prop.cjs

@@ -22,8 +22,8 @@ __export(radius_prop_exports, {
   radiusValues: () => radiusValues
 });
 module.exports = __toCommonJS(radius_prop_exports);
-var import_layout = require("../../layout/layout.props");
 var import_constants = require("../constants");
+var import_propDef = require("./propDef");
 const radiusValues = import_constants.COMPONENT_RADIUS_VALUES;
 function parseRadiusValue(value) {
   if (value === "none") {
@@ -36,7 +36,7 @@ function parseRadiusValue(value) {
 }
 const radiusPropDef = {
   radius: {
-    ...(0, import_layout.createResponsiveVariableProp)("--dsx-r-radius", parseRadiusValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-r-radius", parseRadiusValue),
     type: "enum | string",
     values: radiusValues,
     className: "dsx-r-radius",

package/dist/_internal/props/radius.prop.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/_internal/props/radius.prop.ts"],
-  "sourcesContent": ["import { createResponsiveVariableProp } from '../../layout/layout.props'\n\nimport { COMPONENT_RADIUS_VALUES } from '../constants'\nimport type { GetPropDefTypes, PropDef } from './propDef'\n\nconst radiusValues = COMPONENT_RADIUS_VALUES\n\nfunction parseRadiusValue(value: string) {\n  if (value === 'none') {\n    return '0px'\n  }\n\n  if (radiusValues.includes(value as (typeof radiusValues)[number])) {\n    return `var(--dsx-rounded-${value})`\n  }\n\n  return value\n}\n\nconst radiusPropDef = {\n  radius: {\n    ...createResponsiveVariableProp('--dsx-r-radius', parseRadiusValue),\n    type: 'enum | string',\n    values: radiusValues,\n    className: 'dsx-r-radius',\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radiusValues)[number]>\n}\n\ntype RadiusProps = GetPropDefTypes<typeof radiusPropDef>\n\nexport { radiusPropDef, radiusValues }\nexport type { RadiusProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6C;AAE7C,uBAAwC;AAGxC,MAAM,eAAe;AAErB,SAAS,iBAAiB,OAAe;AACvC,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,MAAI,aAAa,SAAS,KAAsC,GAAG;AACjE,WAAO,qBAAqB,KAAK;AAAA,EACnC;AAEA,SAAO;AACT;AAEA,MAAM,gBAAgB;AAAA,EACpB,QAAQ;AAAA,IACN,OAAG,4CAA6B,kBAAkB,gBAAgB;AAAA,IAClE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { COMPONENT_RADIUS_VALUES } from '../constants'\nimport { createResponsiveVariableProp, type GetPropDefTypes, type PropDef } from './propDef'\n\nconst radiusValues = COMPONENT_RADIUS_VALUES\n\nfunction parseRadiusValue(value: string) {\n  if (value === 'none') {\n    return '0px'\n  }\n\n  if (radiusValues.includes(value as (typeof radiusValues)[number])) {\n    return `var(--dsx-rounded-${value})`\n  }\n\n  return value\n}\n\nconst radiusPropDef = {\n  radius: {\n    ...createResponsiveVariableProp('--dsx-r-radius', parseRadiusValue),\n    type: 'enum | string',\n    values: radiusValues,\n    className: 'dsx-r-radius',\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radiusValues)[number]>\n}\n\ntype RadiusProps = GetPropDefTypes<typeof radiusPropDef>\n\nexport { radiusPropDef, radiusValues }\nexport type { RadiusProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAwC;AACxC,qBAAiF;AAEjF,MAAM,eAAe;AAErB,SAAS,iBAAiB,OAAe;AACvC,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,MAAI,aAAa,SAAS,KAAsC,GAAG;AACjE,WAAO,qBAAqB,KAAK;AAAA,EACnC;AAEA,SAAO;AACT;AAEA,MAAM,gBAAgB;AAAA,EACpB,QAAQ;AAAA,IACN,OAAG,6CAA6B,kBAAkB,gBAAgB;AAAA,IAClE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/_internal/props/radius.prop.d.cts

@@ -1,4 +1,4 @@
-import type { GetPropDefTypes } from './propDef.cjs';
+import { type GetPropDefTypes } from './propDef.cjs';
 declare const radiusValues: readonly ["none", "sm", "md", "lg", "xl", "2xl", "full"];
 declare const radiusPropDef: {
     radius: {

package/dist/_internal/props/radius.prop.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"radius.prop.d.cts","sourceRoot":"","sources":["../../../src/_internal/props/radius.prop.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAW,MAAM,WAAW,CAAA;AAEzD,QAAA,MAAM,YAAY,0DAA0B,CAAA;AAc5C,QAAA,MAAM,aAAa;;;;;;;;;;CAUlB,CAAA;AAED,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA;AACtC,YAAY,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"radius.prop.d.cts","sourceRoot":"","sources":["../../../src/_internal/props/radius.prop.ts"],"names":[],"mappings":"AACA,OAAO,EAAgC,KAAK,eAAe,EAAgB,MAAM,WAAW,CAAA;AAE5F,QAAA,MAAM,YAAY,0DAA0B,CAAA;AAc5C,QAAA,MAAM,aAAa;;;;;;;;;;CAUlB,CAAA;AAED,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA;AACtC,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/_internal/props/radius.prop.d.mts

@@ -1,4 +1,4 @@
-import type { GetPropDefTypes } from './propDef.js';
+import { type GetPropDefTypes } from './propDef.js';
 declare const radiusValues: readonly ["none", "sm", "md", "lg", "xl", "2xl", "full"];
 declare const radiusPropDef: {
     radius: {

package/dist/_internal/props/radius.prop.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"radius.prop.d.mts","sourceRoot":"","sources":["../../../src/_internal/props/radius.prop.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAW,MAAM,WAAW,CAAA;AAEzD,QAAA,MAAM,YAAY,0DAA0B,CAAA;AAc5C,QAAA,MAAM,aAAa;;;;;;;;;;CAUlB,CAAA;AAED,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA;AACtC,YAAY,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"radius.prop.d.mts","sourceRoot":"","sources":["../../../src/_internal/props/radius.prop.ts"],"names":[],"mappings":"AACA,OAAO,EAAgC,KAAK,eAAe,EAAgB,MAAM,WAAW,CAAA;AAE5F,QAAA,MAAM,YAAY,0DAA0B,CAAA;AAc5C,QAAA,MAAM,aAAa;;;;;;;;;;CAUlB,CAAA;AAED,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA;AACtC,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/_internal/props/radius.prop.d.ts

@@ -1,4 +1,4 @@
-import type { GetPropDefTypes } from './propDef.js';
+import { type GetPropDefTypes } from './propDef.js';
 declare const radiusValues: readonly ["none", "sm", "md", "lg", "xl", "2xl", "full"];
 declare const radiusPropDef: {
     radius: {

package/dist/_internal/props/radius.prop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radius.prop.d.ts","sourceRoot":"","sources":["../../../src/_internal/props/radius.prop.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAW,MAAM,WAAW,CAAA;AAEzD,QAAA,MAAM,YAAY,0DAA0B,CAAA;AAc5C,QAAA,MAAM,aAAa;;;;;;;;;;CAUlB,CAAA;AAED,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA;AACtC,YAAY,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"radius.prop.d.ts","sourceRoot":"","sources":["../../../src/_internal/props/radius.prop.ts"],"names":[],"mappings":"AACA,OAAO,EAAgC,KAAK,eAAe,EAAgB,MAAM,WAAW,CAAA;AAE5F,QAAA,MAAM,YAAY,0DAA0B,CAAA;AAc5C,QAAA,MAAM,aAAa;;;;;;;;;;CAUlB,CAAA;AAED,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA;AACtC,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/_internal/props/radius.prop.js

@@ -1,5 +1,5 @@
-import { createResponsiveVariableProp } from "../../layout/layout.props.js";
 import { COMPONENT_RADIUS_VALUES } from "../constants.js";
+import { createResponsiveVariableProp } from "./propDef.js";
 const radiusValues = COMPONENT_RADIUS_VALUES;
 function parseRadiusValue(value) {
   if (value === "none") {

package/dist/_internal/props/radius.prop.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/_internal/props/radius.prop.ts"],
-  "sourcesContent": ["import { createResponsiveVariableProp } from '../../layout/layout.props'\n\nimport { COMPONENT_RADIUS_VALUES } from '../constants'\nimport type { GetPropDefTypes, PropDef } from './propDef'\n\nconst radiusValues = COMPONENT_RADIUS_VALUES\n\nfunction parseRadiusValue(value: string) {\n  if (value === 'none') {\n    return '0px'\n  }\n\n  if (radiusValues.includes(value as (typeof radiusValues)[number])) {\n    return `var(--dsx-rounded-${value})`\n  }\n\n  return value\n}\n\nconst radiusPropDef = {\n  radius: {\n    ...createResponsiveVariableProp('--dsx-r-radius', parseRadiusValue),\n    type: 'enum | string',\n    values: radiusValues,\n    className: 'dsx-r-radius',\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radiusValues)[number]>\n}\n\ntype RadiusProps = GetPropDefTypes<typeof radiusPropDef>\n\nexport { radiusPropDef, radiusValues }\nexport type { RadiusProps }\n"],
-  "mappings": "AAAA,SAAS,oCAAoC;AAE7C,SAAS,+BAA+B;AAGxC,MAAM,eAAe;AAErB,SAAS,iBAAiB,OAAe;AACvC,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,MAAI,aAAa,SAAS,KAAsC,GAAG;AACjE,WAAO,qBAAqB,KAAK;AAAA,EACnC;AAEA,SAAO;AACT;AAEA,MAAM,gBAAgB;AAAA,EACpB,QAAQ;AAAA,IACN,GAAG,6BAA6B,kBAAkB,gBAAgB;AAAA,IAClE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { COMPONENT_RADIUS_VALUES } from '../constants'\nimport { createResponsiveVariableProp, type GetPropDefTypes, type PropDef } from './propDef'\n\nconst radiusValues = COMPONENT_RADIUS_VALUES\n\nfunction parseRadiusValue(value: string) {\n  if (value === 'none') {\n    return '0px'\n  }\n\n  if (radiusValues.includes(value as (typeof radiusValues)[number])) {\n    return `var(--dsx-rounded-${value})`\n  }\n\n  return value\n}\n\nconst radiusPropDef = {\n  radius: {\n    ...createResponsiveVariableProp('--dsx-r-radius', parseRadiusValue),\n    type: 'enum | string',\n    values: radiusValues,\n    className: 'dsx-r-radius',\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radiusValues)[number]>\n}\n\ntype RadiusProps = GetPropDefTypes<typeof radiusPropDef>\n\nexport { radiusPropDef, radiusValues }\nexport type { RadiusProps }\n"],
+  "mappings": "AAAA,SAAS,+BAA+B;AACxC,SAAS,oCAAwE;AAEjF,MAAM,eAAe;AAErB,SAAS,iBAAiB,OAAe;AACvC,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,MAAI,aAAa,SAAS,KAAsC,GAAG;AACjE,WAAO,qBAAqB,KAAK;AAAA,EACnC;AAEA,SAAO;AACT;AAEA,MAAM,gBAAgB;AAAA,EACpB,QAAQ;AAAA,IACN,GAAG,6BAA6B,kBAAkB,gBAAgB;AAAA,IAClE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/_internal/props/width.prop.cjs

@@ -22,7 +22,6 @@ __export(width_prop_exports, {
   widthValues: () => widthValues
 });
 module.exports = __toCommonJS(width_prop_exports);
-var import_layout = require("../../layout/layout.props");
 var import_propDef = require("./propDef");
 const widthValues = ["auto", "full", ...import_propDef.sizeScaleValues];
 function parseLengthValue(value) {
@@ -36,7 +35,7 @@ function parseLengthValue(value) {
 }
 const widthPropDef = {
   width: {
-    ...(0, import_layout.createResponsiveVariableProp)("--dsx-r-width", parseLengthValue),
+    ...(0, import_propDef.createResponsiveVariableProp)("--dsx-r-width", parseLengthValue),
     className: "dsx-r-w",
     type: "enum | string",
     values: widthValues,

package/dist/_internal/props/width.prop.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/_internal/props/width.prop.ts"],
-  "sourcesContent": ["import { createResponsiveVariableProp } from '../../layout/layout.props'\n\nimport { parseSizeValue, sizeScaleValues, type GetPropDefTypes, type PropDef } from './propDef'\n\nconst widthValues = ['auto', 'full', ...sizeScaleValues] as const\n\nfunction parseLengthValue(value: string) {\n  if (value === 'auto') {\n    return 'auto'\n  }\n\n  if (value === 'full') {\n    return '100%'\n  }\n\n  return parseSizeValue(value) ?? value\n}\n\nconst widthPropDef = {\n  width: {\n    ...createResponsiveVariableProp('--dsx-r-width', parseLengthValue),\n    className: 'dsx-r-w',\n    type: 'enum | string',\n    values: widthValues,\n    default: undefined,\n  },\n} satisfies {\n  width: PropDef<(typeof widthValues)[number]>\n}\n\ntype WidthProps = GetPropDefTypes<typeof widthPropDef>\n\nexport { widthPropDef, widthValues }\nexport type { WidthProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6C;AAE7C,qBAAoF;AAEpF,MAAM,cAAc,CAAC,QAAQ,QAAQ,GAAG,8BAAe;AAEvD,SAAS,iBAAiB,OAAe;AACvC,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,aAAO,+BAAe,KAAK,KAAK;AAClC;AAEA,MAAM,eAAe;AAAA,EACnB,OAAO;AAAA,IACL,OAAG,4CAA6B,iBAAiB,gBAAgB;AAAA,IACjE,WAAW;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { createResponsiveVariableProp, parseSizeValue, sizeScaleValues, type GetPropDefTypes, type PropDef } from './propDef'\n\nconst widthValues = ['auto', 'full', ...sizeScaleValues] as const\n\nfunction parseLengthValue(value: string) {\n  if (value === 'auto') {\n    return 'auto'\n  }\n\n  if (value === 'full') {\n    return '100%'\n  }\n\n  return parseSizeValue(value) ?? value\n}\n\nconst widthPropDef = {\n  width: {\n    ...createResponsiveVariableProp('--dsx-r-width', parseLengthValue),\n    className: 'dsx-r-w',\n    type: 'enum | string',\n    values: widthValues,\n    default: undefined,\n  },\n} satisfies {\n  width: PropDef<(typeof widthValues)[number]>\n}\n\ntype WidthProps = GetPropDefTypes<typeof widthPropDef>\n\nexport { widthPropDef, widthValues }\nexport type { WidthProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAkH;AAElH,MAAM,cAAc,CAAC,QAAQ,QAAQ,GAAG,8BAAe;AAEvD,SAAS,iBAAiB,OAAe;AACvC,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,aAAO,+BAAe,KAAK,KAAK;AAClC;AAEA,MAAM,eAAe;AAAA,EACnB,OAAO;AAAA,IACL,OAAG,6CAA6B,iBAAiB,gBAAgB;AAAA,IACjE,WAAW;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/_internal/props/width.prop.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"width.prop.d.cts","sourceRoot":"","sources":["../../../src/_internal/props/width.prop.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmC,KAAK,eAAe,EAAgB,MAAM,WAAW,CAAA;AAE/F,QAAA,MAAM,WAAW,8EAAgD,CAAA;AAcjE,QAAA,MAAM,YAAY;;;;;;;;;;CAUjB,CAAA;AAED,KAAK,UAAU,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AACpC,YAAY,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"width.prop.d.cts","sourceRoot":"","sources":["../../../src/_internal/props/width.prop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiE,KAAK,eAAe,EAAgB,MAAM,WAAW,CAAA;AAE7H,QAAA,MAAM,WAAW,8EAAgD,CAAA;AAcjE,QAAA,MAAM,YAAY;;;;;;;;;;CAUjB,CAAA;AAED,KAAK,UAAU,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AACpC,YAAY,EAAE,UAAU,EAAE,CAAA"}

package/dist/_internal/props/width.prop.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"width.prop.d.mts","sourceRoot":"","sources":["../../../src/_internal/props/width.prop.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmC,KAAK,eAAe,EAAgB,MAAM,WAAW,CAAA;AAE/F,QAAA,MAAM,WAAW,8EAAgD,CAAA;AAcjE,QAAA,MAAM,YAAY;;;;;;;;;;CAUjB,CAAA;AAED,KAAK,UAAU,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AACpC,YAAY,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"width.prop.d.mts","sourceRoot":"","sources":["../../../src/_internal/props/width.prop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiE,KAAK,eAAe,EAAgB,MAAM,WAAW,CAAA;AAE7H,QAAA,MAAM,WAAW,8EAAgD,CAAA;AAcjE,QAAA,MAAM,YAAY;;;;;;;;;;CAUjB,CAAA;AAED,KAAK,UAAU,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AACpC,YAAY,EAAE,UAAU,EAAE,CAAA"}

package/dist/_internal/props/width.prop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"width.prop.d.ts","sourceRoot":"","sources":["../../../src/_internal/props/width.prop.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmC,KAAK,eAAe,EAAgB,MAAM,WAAW,CAAA;AAE/F,QAAA,MAAM,WAAW,8EAAgD,CAAA;AAcjE,QAAA,MAAM,YAAY;;;;;;;;;;CAUjB,CAAA;AAED,KAAK,UAAU,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AACpC,YAAY,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"width.prop.d.ts","sourceRoot":"","sources":["../../../src/_internal/props/width.prop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiE,KAAK,eAAe,EAAgB,MAAM,WAAW,CAAA;AAE7H,QAAA,MAAM,WAAW,8EAAgD,CAAA;AAcjE,QAAA,MAAM,YAAY;;;;;;;;;;CAUjB,CAAA;AAED,KAAK,UAAU,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AACpC,YAAY,EAAE,UAAU,EAAE,CAAA"}

package/dist/_internal/props/width.prop.js

@@ -1,5 +1,4 @@
-import { createResponsiveVariableProp } from "../../layout/layout.props.js";
-import { parseSizeValue, sizeScaleValues } from "./propDef.js";
+import { createResponsiveVariableProp, parseSizeValue, sizeScaleValues } from "./propDef.js";
 const widthValues = ["auto", "full", ...sizeScaleValues];
 function parseLengthValue(value) {
   if (value === "auto") {

package/dist/_internal/props/width.prop.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/_internal/props/width.prop.ts"],
-  "sourcesContent": ["import { createResponsiveVariableProp } from '../../layout/layout.props'\n\nimport { parseSizeValue, sizeScaleValues, type GetPropDefTypes, type PropDef } from './propDef'\n\nconst widthValues = ['auto', 'full', ...sizeScaleValues] as const\n\nfunction parseLengthValue(value: string) {\n  if (value === 'auto') {\n    return 'auto'\n  }\n\n  if (value === 'full') {\n    return '100%'\n  }\n\n  return parseSizeValue(value) ?? value\n}\n\nconst widthPropDef = {\n  width: {\n    ...createResponsiveVariableProp('--dsx-r-width', parseLengthValue),\n    className: 'dsx-r-w',\n    type: 'enum | string',\n    values: widthValues,\n    default: undefined,\n  },\n} satisfies {\n  width: PropDef<(typeof widthValues)[number]>\n}\n\ntype WidthProps = GetPropDefTypes<typeof widthPropDef>\n\nexport { widthPropDef, widthValues }\nexport type { WidthProps }\n"],
-  "mappings": "AAAA,SAAS,oCAAoC;AAE7C,SAAS,gBAAgB,uBAA2D;AAEpF,MAAM,cAAc,CAAC,QAAQ,QAAQ,GAAG,eAAe;AAEvD,SAAS,iBAAiB,OAAe;AACvC,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,SAAO,eAAe,KAAK,KAAK;AAClC;AAEA,MAAM,eAAe;AAAA,EACnB,OAAO;AAAA,IACL,GAAG,6BAA6B,iBAAiB,gBAAgB;AAAA,IACjE,WAAW;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { createResponsiveVariableProp, parseSizeValue, sizeScaleValues, type GetPropDefTypes, type PropDef } from './propDef'\n\nconst widthValues = ['auto', 'full', ...sizeScaleValues] as const\n\nfunction parseLengthValue(value: string) {\n  if (value === 'auto') {\n    return 'auto'\n  }\n\n  if (value === 'full') {\n    return '100%'\n  }\n\n  return parseSizeValue(value) ?? value\n}\n\nconst widthPropDef = {\n  width: {\n    ...createResponsiveVariableProp('--dsx-r-width', parseLengthValue),\n    className: 'dsx-r-w',\n    type: 'enum | string',\n    values: widthValues,\n    default: undefined,\n  },\n} satisfies {\n  width: PropDef<(typeof widthValues)[number]>\n}\n\ntype WidthProps = GetPropDefTypes<typeof widthPropDef>\n\nexport { widthPropDef, widthValues }\nexport type { WidthProps }\n"],
+  "mappings": "AAAA,SAAS,8BAA8B,gBAAgB,uBAA2D;AAElH,MAAM,cAAc,CAAC,QAAQ,QAAQ,GAAG,eAAe;AAEvD,SAAS,iBAAiB,OAAe;AACvC,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,SAAO,eAAe,KAAK,KAAK;AAClC;AAEA,MAAM,eAAe;AAAA,EACnB,OAAO;AAAA,IACL,GAAG,6BAA6B,iBAAiB,gBAAgB;AAAA,IACjE,WAAW;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/components/alert-dialog.css

@@ -1,6 +1,13 @@
 
 @import '../../_internal/baseDialog.css';
 
+/* z-index (2026-08-26, same fix as dialog.css): AlertDialogOverlay reuses DialogOverlay
+   directly (see AlertDialog.tsx), so it already inherits dialog.css's z-index fix for
+   .dsx-dialog__overlay — only the content layer needs its own rule here. */
+.dsx-alert-dialog__content {
+  z-index: var(--dsx-z-index-modal);
+}
+
 .dsx-alert-dialog__action,
 .dsx-alert-dialog__cancel {
   box-sizing: border-box;

package/dist/components/alert.css

@@ -48,3 +48,27 @@
   color: inherit;
   opacity: var(--dsx-opacity-subtle, 0.85);
 }
+
+/* Size scales shell density only (padding, gap, icon box) — never the type
+   voice: title stays label-large, description stays body-medium at every size. */
+.dsx-alert[data-size='sm'] {
+  gap: var(--dsx-space-sm);
+  padding: var(--dsx-space-sm) var(--dsx-space-md);
+}
+
+:where(.dsx-alert[data-size='sm']) .dsx-alert__icon,
+:where(.dsx-alert[data-size='sm']) .dsx-alert__action {
+  min-width: var(--dsx-size-sm);
+  min-height: var(--dsx-size-sm);
+}
+
+.dsx-alert[data-size='lg'] {
+  gap: var(--dsx-space-lg);
+  padding: var(--dsx-space-lg) var(--dsx-space-xl);
+}
+
+:where(.dsx-alert[data-size='lg']) .dsx-alert__icon,
+:where(.dsx-alert[data-size='lg']) .dsx-alert__action {
+  min-width: var(--dsx-size-lg);
+  min-height: var(--dsx-size-lg);
+}

package/dist/components/articleNodes/ArticleNodes.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/articleNodes/ArticleNodes.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\ninterface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> { caption?: React.ReactNode }\nconst ArticleImage = ({ caption, className, alt = '', ...props }: ArticleImageProps) => <figure className=\"dsx-article-image\"><img {...props} alt={alt} className={classNames('dsx-article-image__media', className)} />{caption ? <figcaption>{caption}</figcaption> : null}</figure>\n\ninterface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> { url: string; render?: (url: string) => React.ReactNode; isAllowed?: (url: string) => boolean }\nconst ArticleEmbed = ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => {\n  let canonical: string | undefined\n  try { const parsed = new URL(url); if (parsed.protocol === 'https:' || parsed.protocol === 'http:') canonical = parsed.href } catch {}\n  const allowed = Boolean(canonical && (isAllowed?.(canonical) ?? true))\n  return <div {...props} className={classNames('dsx-article-embed', className)} data-dsx-url={allowed ? canonical : undefined}>{allowed && canonical ? (render?.(canonical) ?? <a href={canonical}>{canonical}</a>) : <span role=\"alert\">Embed unavailable</span>}</div>\n}\n\ninterface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> { beforeSrc: string; afterSrc: string; beforeAlt: string; afterAlt: string; beforeLabel?: React.ReactNode; afterLabel?: React.ReactNode }\nconst BeforeAfterComparison = ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel = 'Before', afterLabel = 'After', className, ...props }: BeforeAfterComparisonProps) => <figure {...props} className={classNames('dsx-before-after', className)}><div><img src={beforeSrc} alt={beforeAlt}/><span>{beforeLabel}</span></div><div><img src={afterSrc} alt={afterAlt}/><span>{afterLabel}</span></div></figure>\n\ntype PollState = 'loading' | 'ready' | 'error' | 'voted'\ninterface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> { pollId: string; question?: React.ReactNode; options?: Array<{ id: string; label: React.ReactNode; votes?: number }>; state?: PollState; onLoad?: (pollId: string) => void; onVote?: (pollId: string, optionId: string) => void }\nconst ArticlePoll = ({ pollId, question, options = [], state = 'ready', onLoad, onVote, className, ...props }: ArticlePollProps) => {\n  React.useEffect(() => { onLoad?.(pollId) }, [pollId, onLoad])\n  return <div {...props} className={classNames('dsx-article-poll', className)} data-dsx-poll-id={pollId} data-state={state} aria-busy={state === 'loading' || undefined}>{question ? <strong>{question}</strong> : null}{state === 'error' ? <span role=\"alert\">Poll unavailable</span> : options.map((option) => <button key={option.id} type=\"button\" disabled={state !== 'ready'} onClick={() => onVote?.(pollId, option.id)}>{option.label}{option.votes === undefined ? null : ` (${option.votes})`}</button>)}</div>\n}\n\nexport { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison }\nexport type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AAGiE;AAAxF,MAAM,eAAe,CAAC,EAAE,SAAS,WAAW,MAAM,IAAI,GAAG,MAAM,MAAyB,6CAAC,YAAO,WAAU,qBAAoB;AAAA,8CAAC,SAAK,GAAG,OAAO,KAAU,eAAW,kBAAAA,SAAW,4BAA4B,SAAS,GAAG;AAAA,EAAG,UAAU,4CAAC,gBAAY,mBAAQ,IAAgB;AAAA,GAAK;AAG7Q,MAAM,eAAe,CAAC,EAAE,KAAK,QAAQ,WAAW,WAAW,GAAG,MAAM,MAAyB;AAC3F,MAAI;AACJ,MAAI;AAAE,UAAM,SAAS,IAAI,IAAI,GAAG;AAAG,QAAI,OAAO,aAAa,YAAY,OAAO,aAAa,QAAS,aAAY,OAAO;AAAA,EAAK,QAAQ;AAAA,EAAC;AACrI,QAAM,UAAU,QAAQ,cAAc,YAAY,SAAS,KAAK,KAAK;AACrE,SAAO,4CAAC,SAAK,GAAG,OAAO,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG,gBAAc,UAAU,YAAY,QAAY,qBAAW,YAAa,SAAS,SAAS,KAAK,4CAAC,OAAE,MAAM,WAAY,qBAAU,IAAQ,4CAAC,UAAK,MAAK,SAAQ,+BAAiB,GAAQ;AAClQ;AAGA,MAAM,wBAAwB,CAAC,EAAE,WAAW,UAAU,WAAW,UAAU,cAAc,UAAU,aAAa,SAAS,WAAW,GAAG,MAAM,MAAkC,6CAAC,YAAQ,GAAG,OAAO,eAAW,kBAAAA,SAAW,oBAAoB,SAAS,GAAG;AAAA,+CAAC,SAAI;AAAA,gDAAC,SAAI,KAAK,WAAW,KAAK,WAAU;AAAA,IAAE,4CAAC,UAAM,uBAAY;AAAA,KAAO;AAAA,EAAM,6CAAC,SAAI;AAAA,gDAAC,SAAI,KAAK,UAAU,KAAK,UAAS;AAAA,IAAE,4CAAC,UAAM,sBAAW;AAAA,KAAO;AAAA,GAAM;AAI3Y,MAAM,cAAc,CAAC,EAAE,QAAQ,UAAU,UAAU,CAAC,GAAG,QAAQ,SAAS,QAAQ,QAAQ,WAAW,GAAG,MAAM,MAAwB;AAClI,QAAM,UAAU,MAAM;AAAE,aAAS,MAAM;AAAA,EAAE,GAAG,CAAC,QAAQ,MAAM,CAAC;AAC5D,SAAO,6CAAC,SAAK,GAAG,OAAO,eAAW,kBAAAA,SAAW,oBAAoB,SAAS,GAAG,oBAAkB,QAAQ,cAAY,OAAO,aAAW,UAAU,aAAa,QAAY;AAAA,eAAW,4CAAC,YAAQ,oBAAS,IAAY;AAAA,IAAM,UAAU,UAAU,4CAAC,UAAK,MAAK,SAAQ,8BAAgB,IAAU,QAAQ,IAAI,CAAC,WAAW,6CAAC,YAAuB,MAAK,UAAS,UAAU,UAAU,SAAS,SAAS,MAAM,SAAS,QAAQ,OAAO,EAAE,GAAI;AAAA,aAAO;AAAA,MAAO,OAAO,UAAU,SAAY,OAAO,KAAK,OAAO,KAAK;AAAA,SAAtK,OAAO,EAAmK,CAAS;AAAA,KAAE;AACpf;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport type {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n} from './articleNodes.props'\n\nconst ArticleImage = ({ caption, className, alt = '', ...props }: ArticleImageProps) => <figure className=\"dsx-article-image\"><img {...props} alt={alt} className={classNames('dsx-article-image__media', className)} />{caption ? <figcaption>{caption}</figcaption> : null}</figure>\n\nconst ArticleEmbed = ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => {\n  let canonical: string | undefined\n  try { const parsed = new URL(url); if (parsed.protocol === 'https:' || parsed.protocol === 'http:') canonical = parsed.href } catch {}\n  const allowed = Boolean(canonical && (isAllowed?.(canonical) ?? true))\n  return <div {...props} className={classNames('dsx-article-embed', className)} data-dsx-url={allowed ? canonical : undefined}>{allowed && canonical ? (render?.(canonical) ?? <a href={canonical}>{canonical}</a>) : <span role=\"alert\">Embed unavailable</span>}</div>\n}\n\nconst BeforeAfterComparison = ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel = 'Before', afterLabel = 'After', className, ...props }: BeforeAfterComparisonProps) => <figure {...props} className={classNames('dsx-before-after', className)}><div><img src={beforeSrc} alt={beforeAlt}/><span>{beforeLabel}</span></div><div><img src={afterSrc} alt={afterAlt}/><span>{afterLabel}</span></div></figure>\n\nconst ArticlePoll = ({ pollId, question, options = [], state = 'ready', onLoad, onVote, className, ...props }: ArticlePollProps) => {\n  React.useEffect(() => { onLoad?.(pollId) }, [pollId, onLoad])\n  return <div {...props} className={classNames('dsx-article-poll', className)} data-dsx-poll-id={pollId} data-state={state} aria-busy={state === 'loading' || undefined}>{question ? <strong>{question}</strong> : null}{state === 'error' ? <span role=\"alert\">Poll unavailable</span> : options.map((option) => <button key={option.id} type=\"button\" disabled={state !== 'ready'} onClick={() => onVote?.(pollId, option.id)}>{option.label}{option.votes === undefined ? null : ` (${option.votes})`}</button>)}</div>\n}\n\nexport { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison }\nexport type {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n  PollState,\n} from './articleNodes.props'\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AASiE;AAAxF,MAAM,eAAe,CAAC,EAAE,SAAS,WAAW,MAAM,IAAI,GAAG,MAAM,MAAyB,6CAAC,YAAO,WAAU,qBAAoB;AAAA,8CAAC,SAAK,GAAG,OAAO,KAAU,eAAW,kBAAAA,SAAW,4BAA4B,SAAS,GAAG;AAAA,EAAG,UAAU,4CAAC,gBAAY,mBAAQ,IAAgB;AAAA,GAAK;AAE7Q,MAAM,eAAe,CAAC,EAAE,KAAK,QAAQ,WAAW,WAAW,GAAG,MAAM,MAAyB;AAC3F,MAAI;AACJ,MAAI;AAAE,UAAM,SAAS,IAAI,IAAI,GAAG;AAAG,QAAI,OAAO,aAAa,YAAY,OAAO,aAAa,QAAS,aAAY,OAAO;AAAA,EAAK,QAAQ;AAAA,EAAC;AACrI,QAAM,UAAU,QAAQ,cAAc,YAAY,SAAS,KAAK,KAAK;AACrE,SAAO,4CAAC,SAAK,GAAG,OAAO,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG,gBAAc,UAAU,YAAY,QAAY,qBAAW,YAAa,SAAS,SAAS,KAAK,4CAAC,OAAE,MAAM,WAAY,qBAAU,IAAQ,4CAAC,UAAK,MAAK,SAAQ,+BAAiB,GAAQ;AAClQ;AAEA,MAAM,wBAAwB,CAAC,EAAE,WAAW,UAAU,WAAW,UAAU,cAAc,UAAU,aAAa,SAAS,WAAW,GAAG,MAAM,MAAkC,6CAAC,YAAQ,GAAG,OAAO,eAAW,kBAAAA,SAAW,oBAAoB,SAAS,GAAG;AAAA,+CAAC,SAAI;AAAA,gDAAC,SAAI,KAAK,WAAW,KAAK,WAAU;AAAA,IAAE,4CAAC,UAAM,uBAAY;AAAA,KAAO;AAAA,EAAM,6CAAC,SAAI;AAAA,gDAAC,SAAI,KAAK,UAAU,KAAK,UAAS;AAAA,IAAE,4CAAC,UAAM,sBAAW;AAAA,KAAO;AAAA,GAAM;AAE3Y,MAAM,cAAc,CAAC,EAAE,QAAQ,UAAU,UAAU,CAAC,GAAG,QAAQ,SAAS,QAAQ,QAAQ,WAAW,GAAG,MAAM,MAAwB;AAClI,QAAM,UAAU,MAAM;AAAE,aAAS,MAAM;AAAA,EAAE,GAAG,CAAC,QAAQ,MAAM,CAAC;AAC5D,SAAO,6CAAC,SAAK,GAAG,OAAO,eAAW,kBAAAA,SAAW,oBAAoB,SAAS,GAAG,oBAAkB,QAAQ,cAAY,OAAO,aAAW,UAAU,aAAa,QAAY;AAAA,eAAW,4CAAC,YAAQ,oBAAS,IAAY;AAAA,IAAM,UAAU,UAAU,4CAAC,UAAK,MAAK,SAAQ,8BAAgB,IAAU,QAAQ,IAAI,CAAC,WAAW,6CAAC,YAAuB,MAAK,UAAS,UAAU,UAAU,SAAS,SAAS,MAAM,SAAS,QAAQ,OAAO,EAAE,GAAI;AAAA,aAAO;AAAA,MAAO,OAAO,UAAU,SAAY,OAAO,KAAK,OAAO,KAAK;AAAA,SAAtK,OAAO,EAAmK,CAAS;AAAA,KAAE;AACpf;",
   "names": ["classNames"]
 }

package/dist/components/articleNodes/ArticleNodes.d.cts

@@ -1,37 +1,8 @@
-import * as React from 'react';
-interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-    caption?: React.ReactNode;
-}
+import type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps } from './articleNodes.props.cjs';
 declare const ArticleImage: ({ caption, className, alt, ...props }: ArticleImageProps) => import("react/jsx-runtime").JSX.Element;
-interface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
-    url: string;
-    render?: (url: string) => React.ReactNode;
-    isAllowed?: (url: string) => boolean;
-}
 declare const ArticleEmbed: ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => import("react/jsx-runtime").JSX.Element;
-interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
-    beforeSrc: string;
-    afterSrc: string;
-    beforeAlt: string;
-    afterAlt: string;
-    beforeLabel?: React.ReactNode;
-    afterLabel?: React.ReactNode;
-}
 declare const BeforeAfterComparison: ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel, afterLabel, className, ...props }: BeforeAfterComparisonProps) => import("react/jsx-runtime").JSX.Element;
-type PollState = 'loading' | 'ready' | 'error' | 'voted';
-interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {
-    pollId: string;
-    question?: React.ReactNode;
-    options?: Array<{
-        id: string;
-        label: React.ReactNode;
-        votes?: number;
-    }>;
-    state?: PollState;
-    onLoad?: (pollId: string) => void;
-    onVote?: (pollId: string, optionId: string) => void;
-}
 declare const ArticlePoll: ({ pollId, question, options, state, onLoad, onVote, className, ...props }: ArticlePollProps) => import("react/jsx-runtime").JSX.Element;
 export { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison };
-export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState };
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, } from './articleNodes.props.cjs';
 //# sourceMappingURL=ArticleNodes.d.cts.map

package/dist/components/articleNodes/ArticleNodes.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleNodes.d.cts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAAG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE;AAC3G,QAAA,MAAM,YAAY,GAAI,uCAA4C,iBAAiB,4CAAmM,CAAA;AAEtR,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CAAE;AACzK,QAAA,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,4CAKvF,CAAA;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAAG,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE;AACxN,QAAA,MAAM,qBAAqB,GAAI,4FAAiH,0BAA0B,4CAA0O,CAAA;AAEpZ,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AACxD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IAAG,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE;AAC1T,QAAA,MAAM,WAAW,GAAI,2EAA0F,gBAAgB,4CAG9H,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAA;AACzE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"ArticleNodes.d.cts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,sBAAsB,CAAA;AAE7B,QAAA,MAAM,YAAY,GAAI,uCAA4C,iBAAiB,4CAAmM,CAAA;AAEtR,QAAA,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,4CAKvF,CAAA;AAED,QAAA,MAAM,qBAAqB,GAAI,4FAAiH,0BAA0B,4CAA0O,CAAA;AAEpZ,QAAA,MAAM,WAAW,GAAI,2EAA0F,gBAAgB,4CAG9H,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAA;AACzE,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,MAAM,sBAAsB,CAAA"}

package/dist/components/articleNodes/ArticleNodes.d.mts

@@ -1,37 +1,8 @@
-import * as React from 'react';
-interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-    caption?: React.ReactNode;
-}
+import type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps } from './articleNodes.props.js';
 declare const ArticleImage: ({ caption, className, alt, ...props }: ArticleImageProps) => import("react/jsx-runtime").JSX.Element;
-interface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
-    url: string;
-    render?: (url: string) => React.ReactNode;
-    isAllowed?: (url: string) => boolean;
-}
 declare const ArticleEmbed: ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => import("react/jsx-runtime").JSX.Element;
-interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
-    beforeSrc: string;
-    afterSrc: string;
-    beforeAlt: string;
-    afterAlt: string;
-    beforeLabel?: React.ReactNode;
-    afterLabel?: React.ReactNode;
-}
 declare const BeforeAfterComparison: ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel, afterLabel, className, ...props }: BeforeAfterComparisonProps) => import("react/jsx-runtime").JSX.Element;
-type PollState = 'loading' | 'ready' | 'error' | 'voted';
-interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {
-    pollId: string;
-    question?: React.ReactNode;
-    options?: Array<{
-        id: string;
-        label: React.ReactNode;
-        votes?: number;
-    }>;
-    state?: PollState;
-    onLoad?: (pollId: string) => void;
-    onVote?: (pollId: string, optionId: string) => void;
-}
 declare const ArticlePoll: ({ pollId, question, options, state, onLoad, onVote, className, ...props }: ArticlePollProps) => import("react/jsx-runtime").JSX.Element;
 export { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison };
-export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState };
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, } from './articleNodes.props.js';
 //# sourceMappingURL=ArticleNodes.d.mts.map

package/dist/components/articleNodes/ArticleNodes.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleNodes.d.mts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAAG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE;AAC3G,QAAA,MAAM,YAAY,GAAI,uCAA4C,iBAAiB,4CAAmM,CAAA;AAEtR,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CAAE;AACzK,QAAA,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,4CAKvF,CAAA;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAAG,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE;AACxN,QAAA,MAAM,qBAAqB,GAAI,4FAAiH,0BAA0B,4CAA0O,CAAA;AAEpZ,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AACxD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IAAG,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE;AAC1T,QAAA,MAAM,WAAW,GAAI,2EAA0F,gBAAgB,4CAG9H,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAA;AACzE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"ArticleNodes.d.mts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,sBAAsB,CAAA;AAE7B,QAAA,MAAM,YAAY,GAAI,uCAA4C,iBAAiB,4CAAmM,CAAA;AAEtR,QAAA,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,4CAKvF,CAAA;AAED,QAAA,MAAM,qBAAqB,GAAI,4FAAiH,0BAA0B,4CAA0O,CAAA;AAEpZ,QAAA,MAAM,WAAW,GAAI,2EAA0F,gBAAgB,4CAG9H,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAA;AACzE,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,MAAM,sBAAsB,CAAA"}

package/dist/components/articleNodes/ArticleNodes.d.ts

@@ -1,37 +1,8 @@
-import * as React from 'react';
-interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-    caption?: React.ReactNode;
-}
+import type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps } from './articleNodes.props.js';
 declare const ArticleImage: ({ caption, className, alt, ...props }: ArticleImageProps) => import("react/jsx-runtime").JSX.Element;
-interface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
-    url: string;
-    render?: (url: string) => React.ReactNode;
-    isAllowed?: (url: string) => boolean;
-}
 declare const ArticleEmbed: ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => import("react/jsx-runtime").JSX.Element;
-interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
-    beforeSrc: string;
-    afterSrc: string;
-    beforeAlt: string;
-    afterAlt: string;
-    beforeLabel?: React.ReactNode;
-    afterLabel?: React.ReactNode;
-}
 declare const BeforeAfterComparison: ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel, afterLabel, className, ...props }: BeforeAfterComparisonProps) => import("react/jsx-runtime").JSX.Element;
-type PollState = 'loading' | 'ready' | 'error' | 'voted';
-interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {
-    pollId: string;
-    question?: React.ReactNode;
-    options?: Array<{
-        id: string;
-        label: React.ReactNode;
-        votes?: number;
-    }>;
-    state?: PollState;
-    onLoad?: (pollId: string) => void;
-    onVote?: (pollId: string, optionId: string) => void;
-}
 declare const ArticlePoll: ({ pollId, question, options, state, onLoad, onVote, className, ...props }: ArticlePollProps) => import("react/jsx-runtime").JSX.Element;
 export { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison };
-export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState };
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, } from './articleNodes.props.js';
 //# sourceMappingURL=ArticleNodes.d.ts.map

package/dist/components/articleNodes/ArticleNodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleNodes.d.ts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAAG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE;AAC3G,QAAA,MAAM,YAAY,GAAI,uCAA4C,iBAAiB,4CAAmM,CAAA;AAEtR,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CAAE;AACzK,QAAA,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,4CAKvF,CAAA;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAAG,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE;AACxN,QAAA,MAAM,qBAAqB,GAAI,4FAAiH,0BAA0B,4CAA0O,CAAA;AAEpZ,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AACxD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IAAG,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE;AAC1T,QAAA,MAAM,WAAW,GAAI,2EAA0F,gBAAgB,4CAG9H,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAA;AACzE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"ArticleNodes.d.ts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,sBAAsB,CAAA;AAE7B,QAAA,MAAM,YAAY,GAAI,uCAA4C,iBAAiB,4CAAmM,CAAA;AAEtR,QAAA,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,4CAKvF,CAAA;AAED,QAAA,MAAM,qBAAqB,GAAI,4FAAiH,0BAA0B,4CAA0O,CAAA;AAEpZ,QAAA,MAAM,WAAW,GAAI,2EAA0F,gBAAgB,4CAG9H,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAA;AACzE,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,MAAM,sBAAsB,CAAA"}

package/dist/components/articleNodes/ArticleNodes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/articleNodes/ArticleNodes.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\ninterface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> { caption?: React.ReactNode }\nconst ArticleImage = ({ caption, className, alt = '', ...props }: ArticleImageProps) => <figure className=\"dsx-article-image\"><img {...props} alt={alt} className={classNames('dsx-article-image__media', className)} />{caption ? <figcaption>{caption}</figcaption> : null}</figure>\n\ninterface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> { url: string; render?: (url: string) => React.ReactNode; isAllowed?: (url: string) => boolean }\nconst ArticleEmbed = ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => {\n  let canonical: string | undefined\n  try { const parsed = new URL(url); if (parsed.protocol === 'https:' || parsed.protocol === 'http:') canonical = parsed.href } catch {}\n  const allowed = Boolean(canonical && (isAllowed?.(canonical) ?? true))\n  return <div {...props} className={classNames('dsx-article-embed', className)} data-dsx-url={allowed ? canonical : undefined}>{allowed && canonical ? (render?.(canonical) ?? <a href={canonical}>{canonical}</a>) : <span role=\"alert\">Embed unavailable</span>}</div>\n}\n\ninterface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> { beforeSrc: string; afterSrc: string; beforeAlt: string; afterAlt: string; beforeLabel?: React.ReactNode; afterLabel?: React.ReactNode }\nconst BeforeAfterComparison = ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel = 'Before', afterLabel = 'After', className, ...props }: BeforeAfterComparisonProps) => <figure {...props} className={classNames('dsx-before-after', className)}><div><img src={beforeSrc} alt={beforeAlt}/><span>{beforeLabel}</span></div><div><img src={afterSrc} alt={afterAlt}/><span>{afterLabel}</span></div></figure>\n\ntype PollState = 'loading' | 'ready' | 'error' | 'voted'\ninterface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> { pollId: string; question?: React.ReactNode; options?: Array<{ id: string; label: React.ReactNode; votes?: number }>; state?: PollState; onLoad?: (pollId: string) => void; onVote?: (pollId: string, optionId: string) => void }\nconst ArticlePoll = ({ pollId, question, options = [], state = 'ready', onLoad, onVote, className, ...props }: ArticlePollProps) => {\n  React.useEffect(() => { onLoad?.(pollId) }, [pollId, onLoad])\n  return <div {...props} className={classNames('dsx-article-poll', className)} data-dsx-poll-id={pollId} data-state={state} aria-busy={state === 'loading' || undefined}>{question ? <strong>{question}</strong> : null}{state === 'error' ? <span role=\"alert\">Poll unavailable</span> : options.map((option) => <button key={option.id} type=\"button\" disabled={state !== 'ready'} onClick={() => onVote?.(pollId, option.id)}>{option.label}{option.votes === undefined ? null : ` (${option.votes})`}</button>)}</div>\n}\n\nexport { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison }\nexport type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AAGiE,SAAsC,KAAtC;AAAxF,MAAM,eAAe,CAAC,EAAE,SAAS,WAAW,MAAM,IAAI,GAAG,MAAM,MAAyB,qBAAC,YAAO,WAAU,qBAAoB;AAAA,sBAAC,SAAK,GAAG,OAAO,KAAU,WAAW,WAAW,4BAA4B,SAAS,GAAG;AAAA,EAAG,UAAU,oBAAC,gBAAY,mBAAQ,IAAgB;AAAA,GAAK;AAG7Q,MAAM,eAAe,CAAC,EAAE,KAAK,QAAQ,WAAW,WAAW,GAAG,MAAM,MAAyB;AAC3F,MAAI;AACJ,MAAI;AAAE,UAAM,SAAS,IAAI,IAAI,GAAG;AAAG,QAAI,OAAO,aAAa,YAAY,OAAO,aAAa,QAAS,aAAY,OAAO;AAAA,EAAK,QAAQ;AAAA,EAAC;AACrI,QAAM,UAAU,QAAQ,cAAc,YAAY,SAAS,KAAK,KAAK;AACrE,SAAO,oBAAC,SAAK,GAAG,OAAO,WAAW,WAAW,qBAAqB,SAAS,GAAG,gBAAc,UAAU,YAAY,QAAY,qBAAW,YAAa,SAAS,SAAS,KAAK,oBAAC,OAAE,MAAM,WAAY,qBAAU,IAAQ,oBAAC,UAAK,MAAK,SAAQ,+BAAiB,GAAQ;AAClQ;AAGA,MAAM,wBAAwB,CAAC,EAAE,WAAW,UAAU,WAAW,UAAU,cAAc,UAAU,aAAa,SAAS,WAAW,GAAG,MAAM,MAAkC,qBAAC,YAAQ,GAAG,OAAO,WAAW,WAAW,oBAAoB,SAAS,GAAG;AAAA,uBAAC,SAAI;AAAA,wBAAC,SAAI,KAAK,WAAW,KAAK,WAAU;AAAA,IAAE,oBAAC,UAAM,uBAAY;AAAA,KAAO;AAAA,EAAM,qBAAC,SAAI;AAAA,wBAAC,SAAI,KAAK,UAAU,KAAK,UAAS;AAAA,IAAE,oBAAC,UAAM,sBAAW;AAAA,KAAO;AAAA,GAAM;AAI3Y,MAAM,cAAc,CAAC,EAAE,QAAQ,UAAU,UAAU,CAAC,GAAG,QAAQ,SAAS,QAAQ,QAAQ,WAAW,GAAG,MAAM,MAAwB;AAClI,QAAM,UAAU,MAAM;AAAE,aAAS,MAAM;AAAA,EAAE,GAAG,CAAC,QAAQ,MAAM,CAAC;AAC5D,SAAO,qBAAC,SAAK,GAAG,OAAO,WAAW,WAAW,oBAAoB,SAAS,GAAG,oBAAkB,QAAQ,cAAY,OAAO,aAAW,UAAU,aAAa,QAAY;AAAA,eAAW,oBAAC,YAAQ,oBAAS,IAAY;AAAA,IAAM,UAAU,UAAU,oBAAC,UAAK,MAAK,SAAQ,8BAAgB,IAAU,QAAQ,IAAI,CAAC,WAAW,qBAAC,YAAuB,MAAK,UAAS,UAAU,UAAU,SAAS,SAAS,MAAM,SAAS,QAAQ,OAAO,EAAE,GAAI;AAAA,aAAO;AAAA,MAAO,OAAO,UAAU,SAAY,OAAO,KAAK,OAAO,KAAK;AAAA,SAAtK,OAAO,EAAmK,CAAS;AAAA,KAAE;AACpf;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport type {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n} from './articleNodes.props'\n\nconst ArticleImage = ({ caption, className, alt = '', ...props }: ArticleImageProps) => <figure className=\"dsx-article-image\"><img {...props} alt={alt} className={classNames('dsx-article-image__media', className)} />{caption ? <figcaption>{caption}</figcaption> : null}</figure>\n\nconst ArticleEmbed = ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => {\n  let canonical: string | undefined\n  try { const parsed = new URL(url); if (parsed.protocol === 'https:' || parsed.protocol === 'http:') canonical = parsed.href } catch {}\n  const allowed = Boolean(canonical && (isAllowed?.(canonical) ?? true))\n  return <div {...props} className={classNames('dsx-article-embed', className)} data-dsx-url={allowed ? canonical : undefined}>{allowed && canonical ? (render?.(canonical) ?? <a href={canonical}>{canonical}</a>) : <span role=\"alert\">Embed unavailable</span>}</div>\n}\n\nconst BeforeAfterComparison = ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel = 'Before', afterLabel = 'After', className, ...props }: BeforeAfterComparisonProps) => <figure {...props} className={classNames('dsx-before-after', className)}><div><img src={beforeSrc} alt={beforeAlt}/><span>{beforeLabel}</span></div><div><img src={afterSrc} alt={afterAlt}/><span>{afterLabel}</span></div></figure>\n\nconst ArticlePoll = ({ pollId, question, options = [], state = 'ready', onLoad, onVote, className, ...props }: ArticlePollProps) => {\n  React.useEffect(() => { onLoad?.(pollId) }, [pollId, onLoad])\n  return <div {...props} className={classNames('dsx-article-poll', className)} data-dsx-poll-id={pollId} data-state={state} aria-busy={state === 'loading' || undefined}>{question ? <strong>{question}</strong> : null}{state === 'error' ? <span role=\"alert\">Poll unavailable</span> : options.map((option) => <button key={option.id} type=\"button\" disabled={state !== 'ready'} onClick={() => onVote?.(pollId, option.id)}>{option.label}{option.votes === undefined ? null : ` (${option.votes})`}</button>)}</div>\n}\n\nexport { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison }\nexport type {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n  PollState,\n} from './articleNodes.props'\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AASiE,SAAsC,KAAtC;AAAxF,MAAM,eAAe,CAAC,EAAE,SAAS,WAAW,MAAM,IAAI,GAAG,MAAM,MAAyB,qBAAC,YAAO,WAAU,qBAAoB;AAAA,sBAAC,SAAK,GAAG,OAAO,KAAU,WAAW,WAAW,4BAA4B,SAAS,GAAG;AAAA,EAAG,UAAU,oBAAC,gBAAY,mBAAQ,IAAgB;AAAA,GAAK;AAE7Q,MAAM,eAAe,CAAC,EAAE,KAAK,QAAQ,WAAW,WAAW,GAAG,MAAM,MAAyB;AAC3F,MAAI;AACJ,MAAI;AAAE,UAAM,SAAS,IAAI,IAAI,GAAG;AAAG,QAAI,OAAO,aAAa,YAAY,OAAO,aAAa,QAAS,aAAY,OAAO;AAAA,EAAK,QAAQ;AAAA,EAAC;AACrI,QAAM,UAAU,QAAQ,cAAc,YAAY,SAAS,KAAK,KAAK;AACrE,SAAO,oBAAC,SAAK,GAAG,OAAO,WAAW,WAAW,qBAAqB,SAAS,GAAG,gBAAc,UAAU,YAAY,QAAY,qBAAW,YAAa,SAAS,SAAS,KAAK,oBAAC,OAAE,MAAM,WAAY,qBAAU,IAAQ,oBAAC,UAAK,MAAK,SAAQ,+BAAiB,GAAQ;AAClQ;AAEA,MAAM,wBAAwB,CAAC,EAAE,WAAW,UAAU,WAAW,UAAU,cAAc,UAAU,aAAa,SAAS,WAAW,GAAG,MAAM,MAAkC,qBAAC,YAAQ,GAAG,OAAO,WAAW,WAAW,oBAAoB,SAAS,GAAG;AAAA,uBAAC,SAAI;AAAA,wBAAC,SAAI,KAAK,WAAW,KAAK,WAAU;AAAA,IAAE,oBAAC,UAAM,uBAAY;AAAA,KAAO;AAAA,EAAM,qBAAC,SAAI;AAAA,wBAAC,SAAI,KAAK,UAAU,KAAK,UAAS;AAAA,IAAE,oBAAC,UAAM,sBAAW;AAAA,KAAO;AAAA,GAAM;AAE3Y,MAAM,cAAc,CAAC,EAAE,QAAQ,UAAU,UAAU,CAAC,GAAG,QAAQ,SAAS,QAAQ,QAAQ,WAAW,GAAG,MAAM,MAAwB;AAClI,QAAM,UAAU,MAAM;AAAE,aAAS,MAAM;AAAA,EAAE,GAAG,CAAC,QAAQ,MAAM,CAAC;AAC5D,SAAO,qBAAC,SAAK,GAAG,OAAO,WAAW,WAAW,oBAAoB,SAAS,GAAG,oBAAkB,QAAQ,cAAY,OAAO,aAAW,UAAU,aAAa,QAAY;AAAA,eAAW,oBAAC,YAAQ,oBAAS,IAAY;AAAA,IAAM,UAAU,UAAU,oBAAC,UAAK,MAAK,SAAQ,8BAAgB,IAAU,QAAQ,IAAI,CAAC,WAAW,qBAAC,YAAuB,MAAK,UAAS,UAAU,UAAU,SAAS,SAAS,MAAM,SAAS,QAAQ,OAAO,EAAE,GAAI;AAAA,aAAO;AAAA,MAAO,OAAO,UAAU,SAAY,OAAO,KAAK,OAAO,KAAK;AAAA,SAAtK,OAAO,EAAmK,CAAS;AAAA,KAAE;AACpf;",
   "names": []
 }

package/dist/components/articleNodes/articleNodes.props.cjs

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var articleNodes_props_exports = {};
+module.exports = __toCommonJS(articleNodes_props_exports);
+//# sourceMappingURL=articleNodes.props.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/articleNodes/articleNodes.props.ts"],
+  "sourcesContent": ["import type * as React from 'react'\n\ninterface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  caption?: React.ReactNode\n}\n\ninterface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {\n  url: string\n  render?: (url: string) => React.ReactNode\n  isAllowed?: (url: string) => boolean\n}\n\ninterface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {\n  beforeSrc: string\n  afterSrc: string\n  beforeAlt: string\n  afterAlt: string\n  beforeLabel?: React.ReactNode\n  afterLabel?: React.ReactNode\n}\n\ntype PollState = 'loading' | 'ready' | 'error' | 'voted'\n\ninterface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {\n  pollId: string\n  question?: React.ReactNode\n  options?: Array<{ id: string; label: React.ReactNode; votes?: number }>\n  state?: PollState\n  onLoad?: (pollId: string) => void\n  onVote?: (pollId: string, optionId: string) => void\n}\n\nexport type {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n  PollState,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    caption?: React.ReactNode;
+}
+interface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
+    url: string;
+    render?: (url: string) => React.ReactNode;
+    isAllowed?: (url: string) => boolean;
+}
+interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
+    beforeSrc: string;
+    afterSrc: string;
+    beforeAlt: string;
+    afterAlt: string;
+    beforeLabel?: React.ReactNode;
+    afterLabel?: React.ReactNode;
+}
+type PollState = 'loading' | 'ready' | 'error' | 'voted';
+interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {
+    pollId: string;
+    question?: React.ReactNode;
+    options?: Array<{
+        id: string;
+        label: React.ReactNode;
+        votes?: number;
+    }>;
+    state?: PollState;
+    onLoad?: (pollId: string) => void;
+    onVote?: (pollId: string, optionId: string) => void;
+}
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, };
+//# sourceMappingURL=articleNodes.props.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"articleNodes.props.d.cts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodes.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CACrC;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAExD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACrF,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,CAAA"}