@jiwambe/components 0.3.0 → 0.3.2

package/dist/components/List/index.d.ts

@@ -1,3 +1,3 @@
 export { List } from './List';
-export type { ListProps, ListItemProps, ListMarker, ListItemSize, } from '../../types/list';
+export type { ListProps, ListItemProps, ListMarker, ListItemSize, ListIndent, ListItemPadding, } from '../../types/list';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,aAAa,EACb,UAAU,EACV,YAAY,GACb,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,aAAa,EACb,UAAU,EACV,YAAY,EACZ,UAAU,EACV,eAAe,GAChB,MAAM,kBAAkB,CAAC"}

package/dist/components/Typography/Typography.d.ts

@@ -1,9 +1,6 @@
 import { default as React } from 'react';
-import { TypographyVariant, TypographyElement } from '../../types';
-/**
- * Props for the Typography component. Extends HTML attributes for the chosen element.
- */
-export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+import { TypographyVariant } from '../../types';
+export type TypographyProps<C extends React.ElementType> = {
     /**
      * Design-system typographic style. Maps to a .text-{variant} class generated
      * by jiwambe-plugin (e.g. title-sm, text-sm, form-label). Choose the variant
@@ -15,12 +12,10 @@ export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
      * page title, as="p" for body, as="label" for form labels).
      * @default 'p'
      */
-    as?: TypographyElement;
+    as?: C;
     /** Text or inline content to render inside the element. */
-    children: React.ReactNode;
-    /** Forwarded ref for the root element. @default undefined */
-    ref?: React.Ref<HTMLElement>;
-}
+    children?: React.ReactNode;
+} & Omit<React.ComponentPropsWithoutRef<C>, 'variant' | 'as'>;
 /**
  * Renders text with a design-system typographic style. Applies font family,
  * size, weight, line-height, and optional letter-spacing from the Jiwambe
@@ -34,288 +29,10 @@ export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
  * @example
  * // Body and label
  * <Typography variant="text-sm" as="p">Body copy here.</Typography>
- * <Typography variant="form-label" as="label">Field name</Typography>
+ * <Typography variant="form-label" as="label" htmlFor="my-input">Field name</Typography>
  */
-export declare function Typography({ variant, as: Tag, children, className, style, ref, ...rest }: TypographyProps): React.DetailedReactHTMLElement<{
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
-    autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
-    title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: React.AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-    popoverTarget?: string | undefined;
-    inert?: boolean | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-    is?: string | undefined;
-    exportparts?: string | undefined;
-    part?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCut?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCutCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onPaste?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onPasteCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCompositionEnd?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionStart?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionUpdate?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-    onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-    onChange?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
-    onChangeCapture?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
-    onBeforeInput?: React.InputEventHandler<HTMLElement> | undefined;
-    onBeforeInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
-    onInput?: React.InputEventHandler<HTMLElement> | undefined;
-    onInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
-    onReset?: React.ReactEventHandler<HTMLElement> | undefined;
-    onResetCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSubmit?: React.SubmitEventHandler<HTMLElement> | undefined;
-    onSubmitCapture?: React.SubmitEventHandler<HTMLElement> | undefined;
-    onInvalid?: React.ReactEventHandler<HTMLElement> | undefined;
-    onInvalidCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onError?: React.ReactEventHandler<HTMLElement> | undefined;
-    onErrorCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyUp?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onAbort?: React.ReactEventHandler<HTMLElement> | undefined;
-    onAbortCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlay?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlayThrough?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onDurationChange?: React.ReactEventHandler<HTMLElement> | undefined;
-    onDurationChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEmptied?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEmptiedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEncrypted?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEncryptedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEnded?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEndedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedData?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedDataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedMetadata?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadStart?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadStartCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPause?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPauseCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlay?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlaying?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlayingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onProgress?: React.ReactEventHandler<HTMLElement> | undefined;
-    onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
-    onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeekingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onStalled?: React.ReactEventHandler<HTMLElement> | undefined;
-    onStalledCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSuspend?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSuspendCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onTimeUpdate?: React.ReactEventHandler<HTMLElement> | undefined;
-    onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onVolumeChange?: React.ReactEventHandler<HTMLElement> | undefined;
-    onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onWaiting?: React.ReactEventHandler<HTMLElement> | undefined;
-    onWaitingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onAuxClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    onAuxClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    onClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onContextMenu?: React.MouseEventHandler<HTMLElement> | undefined;
-    onContextMenuCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onDoubleClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    onDoubleClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onDrag?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEnd?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEndCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEnterCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragExit?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragExitCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragLeaveCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragOverCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragStart?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragStartCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDrop?: React.DragEventHandler<HTMLElement> | undefined;
-    onDropCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onMouseDown?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseDownCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseMove?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseMoveCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOut?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOutCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOver?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOverCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseUp?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseUpCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onSelect?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSelectCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onTouchCancel?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchCancelCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchEnd?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchEndCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchMove?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchMoveCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchStart?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchStartCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onPointerDown?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerDownCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerMove?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerMoveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerUp?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerUpCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOutCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onGotPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onLostPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onScroll?: React.UIEventHandler<HTMLElement> | undefined;
-    onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
-    onScrollEnd?: React.UIEventHandler<HTMLElement> | undefined;
-    onScrollEndCapture?: React.UIEventHandler<HTMLElement> | undefined;
-    onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
-    onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
-    onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationIteration?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onToggle?: React.ToggleEventHandler<HTMLElement> | undefined;
-    onBeforeToggle?: React.ToggleEventHandler<HTMLElement> | undefined;
-    onTransitionCancel?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionRun?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionRunCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionStart?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionStartCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-    ref: React.Ref<HTMLElement> | undefined;
-    className: string;
-    style: React.CSSProperties | undefined;
-}, HTMLElement>;
+export type TypographyComponent = <C extends React.ElementType = 'p'>(props: TypographyProps<C> & {
+    ref?: React.ComponentPropsWithRef<C>['ref'];
+}) => React.ReactElement | null;
+export declare const Typography: TypographyComponent;
 //# sourceMappingURL=Typography.d.ts.map

package/dist/components/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE;;;;OAIG;IACH,OAAO,EAAE,iBAAiB,CAAC;IAC3B;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB,2DAA2D;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6DAA6D;IAC7D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,EAAE,EAAE,GAAS,EACb,QAAQ,EACR,SAAc,EACd,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAQjB"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IACzD;;;;OAIG;IACH,OAAO,EAAE,iBAAiB,CAAC;IAC3B;;;;OAIG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC,CAAC;AAE9D;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAClE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;CAAE,KACxE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAiB/B,eAAO,MAAM,UAAU,EAAE,mBAAqE,CAAC"}

package/dist/components/Typography/Typography.js

@@ -1,20 +1,15 @@
 import React from "react";
-function Typography({
-  variant,
-  as: Tag = "p",
-  children,
-  className = "",
-  style,
-  ref,
-  ...rest
-}) {
-  const classes = [`text-${variant}`, className].filter(Boolean).join(" ");
+const TypographyInner = (props, ref) => {
+  const { variant, as, children, className, style, ...rest } = props;
+  const Tag = as || "p";
+  const classes = [`text-${variant}`, className || ""].filter(Boolean).join(" ");
   return React.createElement(
     Tag,
     { ref, className: classes, style, ...rest },
     children
   );
-}
+};
+const Typography = React.forwardRef(TypographyInner);
 export {
   Typography
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React from 'react';\nimport type { TypographyVariant, TypographyElement } from '../../types';\n\n/**\n * Props for the Typography component. Extends HTML attributes for the chosen element.\n */\nexport interface TypographyProps extends React.HTMLAttributes<HTMLElement> {\n  /**\n   * Design-system typographic style. Maps to a .text-{variant} class generated\n   * by jiwambe-plugin (e.g. title-sm, text-sm, form-label). Choose the variant\n   * that matches the semantic role of the text (heading, body, label, etc.).\n   */\n  variant: TypographyVariant;\n  /**\n   * The HTML element to render. Use for semantic correctness (e.g. as=\"h1\" for\n   * page title, as=\"p\" for body, as=\"label\" for form labels).\n   * @default 'p'\n   */\n  as?: TypographyElement;\n  /** Text or inline content to render inside the element. */\n  children: React.ReactNode;\n  /** Forwarded ref for the root element. @default undefined */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * Renders text with a design-system typographic style. Applies font family,\n * size, weight, line-height, and optional letter-spacing from the Jiwambe\n * theme. Use Typography instead of raw elements when you want consistent\n * type scale and token-based styling.\n *\n * @example\n * // Page heading\n * <Typography variant=\"title-lg\" as=\"h1\">Hello World</Typography>\n *\n * @example\n * // Body and label\n * <Typography variant=\"text-sm\" as=\"p\">Body copy here.</Typography>\n * <Typography variant=\"form-label\" as=\"label\">Field name</Typography>\n */\nexport function Typography({\n  variant,\n  as: Tag = 'p',\n  children,\n  className = '',\n  style,\n  ref,\n  ...rest\n}: TypographyProps) {\n  const classes = [`text-${variant}`, className].filter(Boolean).join(' ');\n\n  return React.createElement(\n    Tag,\n    { ref, className: classes, style, ...rest },\n    children,\n  );\n}\n"],"names":[],"mappings":";AAwCO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,IAAI,MAAM;AAAA,EACV;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,UAAU,CAAC,QAAQ,OAAO,IAAI,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEvE,SAAO,MAAM;AAAA,IACX;AAAA,IACA,EAAE,KAAK,WAAW,SAAS,OAAO,GAAG,KAAA;AAAA,IACrC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React from 'react';\nimport type { TypographyVariant } from '../../types';\n\nexport type TypographyProps<C extends React.ElementType> = {\n  /**\n   * Design-system typographic style. Maps to a .text-{variant} class generated\n   * by jiwambe-plugin (e.g. title-sm, text-sm, form-label). Choose the variant\n   * that matches the semantic role of the text (heading, body, label, etc.).\n   */\n  variant: TypographyVariant;\n  /**\n   * The HTML element to render. Use for semantic correctness (e.g. as=\"h1\" for\n   * page title, as=\"p\" for body, as=\"label\" for form labels).\n   * @default 'p'\n   */\n  as?: C;\n  /** Text or inline content to render inside the element. */\n  children?: React.ReactNode;\n} & Omit<React.ComponentPropsWithoutRef<C>, 'variant' | 'as'>;\n\n/**\n * Renders text with a design-system typographic style. Applies font family,\n * size, weight, line-height, and optional letter-spacing from the Jiwambe\n * theme. Use Typography instead of raw elements when you want consistent\n * type scale and token-based styling.\n *\n * @example\n * // Page heading\n * <Typography variant=\"title-lg\" as=\"h1\">Hello World</Typography>\n *\n * @example\n * // Body and label\n * <Typography variant=\"text-sm\" as=\"p\">Body copy here.</Typography>\n * <Typography variant=\"form-label\" as=\"label\" htmlFor=\"my-input\">Field name</Typography>\n */\nexport type TypographyComponent = <C extends React.ElementType = 'p'>(\n  props: TypographyProps<C> & { ref?: React.ComponentPropsWithRef<C>['ref'] }\n) => React.ReactElement | null;\n\nconst TypographyInner = <C extends React.ElementType = 'p'>(\n  props: TypographyProps<C>,\n  ref: React.ComponentPropsWithRef<C>['ref']\n) => {\n  const { variant, as, children, className, style, ...rest } = props as any;\n  const Tag = as || 'p';\n  const classes = [`text-${variant}`, className || ''].filter(Boolean).join(' ');\n\n  return React.createElement(\n    Tag,\n    { ref, className: classes, style, ...rest },\n    children\n  );\n};\n\nexport const Typography: TypographyComponent = React.forwardRef(TypographyInner as any) as any;\n\n"],"names":[],"mappings":";AAuCA,MAAM,kBAAkB,CACtB,OACA,QACG;AACH,QAAM,EAAE,SAAS,IAAI,UAAU,WAAW,OAAO,GAAG,SAAS;AAC7D,QAAM,MAAM,MAAM;AAClB,QAAM,UAAU,CAAC,QAAQ,OAAO,IAAI,aAAa,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE7E,SAAO,MAAM;AAAA,IACX;AAAA,IACA,EAAE,KAAK,WAAW,SAAS,OAAO,GAAG,KAAA;AAAA,IACrC;AAAA,EAAA;AAEJ;AAEO,MAAM,aAAkC,MAAM,WAAW,eAAsB;"}

package/dist/components/index.d.ts

@@ -61,5 +61,5 @@ export type { SectionProps, SectionSize } from './Section/Section';
 export { Skeleton } from './Skeleton';
 export type { SkeletonProps, SkeletonRadius } from './Skeleton';
 export { List } from './List';
-export type { ListProps, ListItemProps, ListMarker, ListItemSize } from './List';
+export type { ListProps, ListItemProps, ListMarker, ListItemSize, ListIndent, ListItemPadding } from './List';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { Typography, Button, Link, Accordion, AccordionSpecs, FAQ, Tab, Grid, Container, Box, Stack, Divider, Overlay, Drawer, Popover, TextInput, TextArea, Select, SelectTab, DateInput, PhoneInput, EAST_AFRICA_COUNTRIES, UploadInput, RadioGroup, CheckboxGroup, Slider, Toggle, ToggleButton, Card, ProductImage, ProductImageGallery, Icon, Section, Skeleton, List, } from './components';
 export type { TypographyProps, ButtonProps, LinkProps, AccordionProps, AccordionSpecsProps, FAQProps, TabProps, GridProps, ContainerProps, ContainerMaxWidth, BoxProps, ResponsiveValue, StackProps, StackDirection, StackAlign, StackJustify, DividerProps, DividerOrientation, DividerVariant, OverlayProps, DrawerProps, DrawerAnchor, PopoverProps, PopoverAlign, TextInputProps, TextAreaProps, SelectProps, SelectOption, SelectTabProps, SelectTabOption, DateInputProps, DateValue, PhoneInputProps, PhoneCountry, UploadInputProps, RadioGroupProps, RadioOption, CheckboxGroupProps, CheckboxOption, SliderProps, ToggleProps, ToggleButtonProps, ToggleOption, ToggleSize, CardProps, CardType, ProductImageProps, ProductImageGalleryProps, GalleryImage, IconProps, IconName, SectionProps, SectionSize, SkeletonProps, SkeletonRadius, ListProps, ListItemProps, ListMarker, ListItemSize, } from './components';
-export type { TypographyVariant, TypographyElement, ButtonVariant, ButtonSize, LinkVariant, LinkSize, AccordionItem, AccordionVariant, AccordionSpecItem, FAQItem, TabItem, } from './types';
+export type { TypographyVariant, ButtonVariant, ButtonSize, LinkVariant, LinkSize, AccordionItem, AccordionVariant, AccordionSpecItem, FAQItem, TabItem, } from './types';
 export type { FixedSpacingToken, FluidSpacingToken, SpacingToken, MarginToken, SpacingProps, GapProps, } from './types/spacing';
 export type { DisplayValue, AlignItemsValue, JustifyContentValue, FlexDirectionValue, FlexWrapValue, AlignSelfValue, LayoutProps, StackLayoutProps, } from './types/layout';
 export type { JiwambePluginOptions, TypographyDef, } from './plugin/jiwambe-plugin';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,MAAM,EACN,IAAI,EACJ,SAAS,EACT,cAAc,EACd,GAAG,EACH,GAAG,EACH,IAAI,EACJ,SAAS,EACT,GAAG,EACH,KAAK,EACL,OAAO,EACP,OAAO,EACP,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,WAAW,EACX,UAAU,EACV,aAAa,EACb,MAAM,EACN,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,eAAe,EACf,WAAW,EACX,SAAS,EACT,cAAc,EACd,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,eAAe,EACf,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,YAAY,EACZ,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,EACT,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,SAAS,EACT,aAAa,EACb,UAAU,EACV,YAAY,GACb,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,WAAW,EACX,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,OAAO,EACP,OAAO,GACR,MAAM,SAAS,CAAC;AAGjB,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,QAAQ,GACT,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EACV,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,WAAW,EACX,gBAAgB,GACjB,MAAM,gBAAgB,CAAC;AAGxB,YAAY,EACV,oBAAoB,EACpB,aAAa,GACd,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,MAAM,EACN,IAAI,EACJ,SAAS,EACT,cAAc,EACd,GAAG,EACH,GAAG,EACH,IAAI,EACJ,SAAS,EACT,GAAG,EACH,KAAK,EACL,OAAO,EACP,OAAO,EACP,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,WAAW,EACX,UAAU,EACV,aAAa,EACb,MAAM,EACN,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,eAAe,EACf,WAAW,EACX,SAAS,EACT,cAAc,EACd,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,eAAe,EACf,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,YAAY,EACZ,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,EACT,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,SAAS,EACT,aAAa,EACb,UAAU,EACV,YAAY,GACb,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,WAAW,EACX,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,OAAO,EACP,OAAO,GACR,MAAM,SAAS,CAAC;AAGjB,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,QAAQ,GACT,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EACV,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,WAAW,EACX,gBAAgB,GACjB,MAAM,gBAAgB,CAAC;AAGxB,YAAY,EACV,oBAAoB,EACpB,aAAa,GACd,MAAM,yBAAyB,CAAC"}

package/dist/plugin/jiwambe-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jiwambe-plugin.d.ts","sourceRoot":"","sources":["../../src/plugin/jiwambe-plugin.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;IACpD,uDAAuD;IACvD,UAAU,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACvD;AAmGD,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAW7D;AA2cD,QAAA,MAAM,aAAa;;;cAjlBD,CAAC;;;CAkxBlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"jiwambe-plugin.d.ts","sourceRoot":"","sources":["../../src/plugin/jiwambe-plugin.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;IACpD,uDAAuD;IACvD,UAAU,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACvD;AAmGD,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAW7D;AA6cD,QAAA,MAAM,aAAa;;;cAnlBD,CAAC;;;CAizBlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/plugin/jiwambe-plugin.js

@@ -327,6 +327,8 @@ const spacingTokens = {
   "space-36": "9rem",
   "space-48": "12rem",
   "space-72": "18rem",
+  /** List indent for legal/body-copy lists (27px). Use with List indent prop. */
+  "space-list-indent": "1.6875rem",
   // Fluid
   "space-fluid-1-2": "clamp(0.25rem, 0.1706rem + 0.3968vw, 0.5rem)",
   "space-fluid-2-4": "clamp(0.5rem, 0.3413rem + 0.7937vw, 1rem)",
@@ -485,7 +487,7 @@ function resolvedFontFamilies(options) {
 }
 const jiwambePlugin = plugin.withOptions(
   (options) => {
-    return ({ addBase, addUtilities }) => {
+    return ({ addBase, addComponents }) => {
       const fonts = resolvedFontFamilies(options);
       const mergedColors = { ...defaultSemanticColors(), ...(options == null ? void 0 : options.colors) ?? {} };
       const mergedSpacing = { ...spacingTokens, ...(options == null ? void 0 : options.spacing) ?? {} };
@@ -571,9 +573,17 @@ const jiwambePlugin = plugin.withOptions(
           paddingLeft: "0",
           listStyle: "none"
         },
+        ".jiwambe-list--disc": {
+          listStyleType: "disc",
+          listStylePosition: "outside"
+        },
         ".jiwambe-list--disc li::marker": {
           color: "var(--col-text-secondary)"
         },
+        ".jiwambe-list--decimal": {
+          listStyleType: "decimal",
+          listStylePosition: "outside"
+        },
         ".jiwambe-list--decimal li::marker": {
           color: "var(--col-text-secondary)",
           fontVariantNumeric: "tabular-nums"
@@ -585,10 +595,53 @@ const jiwambePlugin = plugin.withOptions(
         ".jiwambe-list-item": {
           paddingLeft: "var(--space-1)"
         },
+        ".jiwambe-list--item-padding-none .jiwambe-list-item": {
+          paddingLeft: "0"
+        },
         ".jiwambe-list-item + .jiwambe-list-item": {
           marginTop: "var(--space-0)"
         }
       });
+      const listSpacingTokens = [
+        "space-0",
+        "space-0-25",
+        "space-1",
+        "space-2",
+        "space-3",
+        "space-4",
+        "space-5",
+        "space-6",
+        "space-8",
+        "space-9",
+        "space-12",
+        "space-16",
+        "space-18",
+        "space-24",
+        "space-30",
+        "space-36",
+        "space-48",
+        "space-72",
+        "space-list-indent",
+        "space-fluid-1-2",
+        "space-fluid-2-4",
+        "space-fluid-4-5",
+        "space-fluid-4-6",
+        "space-fluid-4-8",
+        "space-fluid-4-9",
+        "space-fluid-5-6",
+        "space-fluid-6-9",
+        "space-fluid-8-16",
+        "space-fluid-16-18",
+        "space-fluid-30-36",
+        "space-fluid-48-72"
+      ];
+      const listSpacingBase = {};
+      for (const token of listSpacingTokens) {
+        listSpacingBase[`.jiwambe-list--spacing-${token} > .jiwambe-list-item + .jiwambe-list-item`] = {
+          marginTop: `var(--${token})`
+        };
+      }
+      addBase(listSpacingBase);
       const typographyUtilities = {};
       for (const [name, def] of Object.entries(mergedTypography)) {
         const styles = {
@@ -601,7 +654,7 @@ const jiwambePlugin = plugin.withOptions(
         if (def.textWrap) styles["text-wrap"] = def.textWrap;
         typographyUtilities[`.text-${name}`] = styles;
       }
-      addUtilities(typographyUtilities);
+      addComponents(typographyUtilities);
     };
   },
   (options) => {