@m3-baseui/react-tailwind 1.3.0 → 2.0.0

package/dist/date-picker.d.ts

@@ -1,188 +0,0 @@
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
-import * as tailwind_variants from 'tailwind-variants';
-import { createDatePicker } from '@m3-baseui/core';
-
-declare const datePickerTv: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            input?: tailwind_variants.ClassValue;
-            grid?: tailwind_variants.ClassValue;
-            popup?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            weekday?: tailwind_variants.ClassValue;
-            calendar?: tailwind_variants.ClassValue;
-            navButton?: tailwind_variants.ClassValue;
-            monthLabel?: tailwind_variants.ClassValue;
-            weekdays?: tailwind_variants.ClassValue;
-            day?: tailwind_variants.ClassValue;
-            yearGrid?: tailwind_variants.ClassValue;
-            yearButton?: tailwind_variants.ClassValue;
-            field?: tailwind_variants.ClassValue;
-            fieldIcon?: tailwind_variants.ClassValue;
-            modalBackdrop?: tailwind_variants.ClassValue;
-            modalPopup?: tailwind_variants.ClassValue;
-            modalHeader?: tailwind_variants.ClassValue;
-            modalHeadline?: tailwind_variants.ClassValue;
-            modalActions?: tailwind_variants.ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            input?: tailwind_variants.ClassValue;
-            grid?: tailwind_variants.ClassValue;
-            popup?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            weekday?: tailwind_variants.ClassValue;
-            calendar?: tailwind_variants.ClassValue;
-            navButton?: tailwind_variants.ClassValue;
-            monthLabel?: tailwind_variants.ClassValue;
-            weekdays?: tailwind_variants.ClassValue;
-            day?: tailwind_variants.ClassValue;
-            yearGrid?: tailwind_variants.ClassValue;
-            yearButton?: tailwind_variants.ClassValue;
-            field?: tailwind_variants.ClassValue;
-            fieldIcon?: tailwind_variants.ClassValue;
-            modalBackdrop?: tailwind_variants.ClassValue;
-            modalPopup?: tailwind_variants.ClassValue;
-            modalHeader?: tailwind_variants.ClassValue;
-            modalHeadline?: tailwind_variants.ClassValue;
-            modalActions?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, {
-    calendar: string[];
-    header: string[];
-    navButton: string[];
-    monthLabel: string[];
-    grid: string[];
-    weekdays: string[];
-    weekday: string[];
-    day: string[];
-    yearGrid: string[];
-    yearButton: string[];
-    field: string[];
-    input: string[];
-    fieldIcon: string[];
-    popup: string[];
-    modalBackdrop: string[];
-    modalPopup: string[];
-    modalHeader: string[];
-    modalHeadline: string[];
-    modalActions: string[];
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            input?: tailwind_variants.ClassValue;
-            grid?: tailwind_variants.ClassValue;
-            popup?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            weekday?: tailwind_variants.ClassValue;
-            calendar?: tailwind_variants.ClassValue;
-            navButton?: tailwind_variants.ClassValue;
-            monthLabel?: tailwind_variants.ClassValue;
-            weekdays?: tailwind_variants.ClassValue;
-            day?: tailwind_variants.ClassValue;
-            yearGrid?: tailwind_variants.ClassValue;
-            yearButton?: tailwind_variants.ClassValue;
-            field?: tailwind_variants.ClassValue;
-            fieldIcon?: tailwind_variants.ClassValue;
-            modalBackdrop?: tailwind_variants.ClassValue;
-            modalPopup?: tailwind_variants.ClassValue;
-            modalHeader?: tailwind_variants.ClassValue;
-            modalHeadline?: tailwind_variants.ClassValue;
-            modalActions?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            input?: tailwind_variants.ClassValue;
-            grid?: tailwind_variants.ClassValue;
-            popup?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            weekday?: tailwind_variants.ClassValue;
-            calendar?: tailwind_variants.ClassValue;
-            navButton?: tailwind_variants.ClassValue;
-            monthLabel?: tailwind_variants.ClassValue;
-            weekdays?: tailwind_variants.ClassValue;
-            day?: tailwind_variants.ClassValue;
-            yearGrid?: tailwind_variants.ClassValue;
-            yearButton?: tailwind_variants.ClassValue;
-            field?: tailwind_variants.ClassValue;
-            fieldIcon?: tailwind_variants.ClassValue;
-            modalBackdrop?: tailwind_variants.ClassValue;
-            modalPopup?: tailwind_variants.ClassValue;
-            modalHeader?: tailwind_variants.ClassValue;
-            modalHeadline?: tailwind_variants.ClassValue;
-            modalActions?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, {
-    calendar: string[];
-    header: string[];
-    navButton: string[];
-    monthLabel: string[];
-    grid: string[];
-    weekdays: string[];
-    weekday: string[];
-    day: string[];
-    yearGrid: string[];
-    yearButton: string[];
-    field: string[];
-    input: string[];
-    fieldIcon: string[];
-    popup: string[];
-    modalBackdrop: string[];
-    modalPopup: string[];
-    modalHeader: string[];
-    modalHeadline: string[];
-    modalActions: string[];
-}, tailwind_variants.TVReturnType<unknown, {
-    calendar: string[];
-    header: string[];
-    navButton: string[];
-    monthLabel: string[];
-    grid: string[];
-    weekdays: string[];
-    weekday: string[];
-    day: string[];
-    yearGrid: string[];
-    yearButton: string[];
-    field: string[];
-    input: string[];
-    fieldIcon: string[];
-    popup: string[];
-    modalBackdrop: string[];
-    modalPopup: string[];
-    modalHeader: string[];
-    modalHeadline: string[];
-    modalActions: string[];
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            input?: tailwind_variants.ClassValue;
-            grid?: tailwind_variants.ClassValue;
-            popup?: tailwind_variants.ClassValue;
-            header?: tailwind_variants.ClassValue;
-            weekday?: tailwind_variants.ClassValue;
-            calendar?: tailwind_variants.ClassValue;
-            navButton?: tailwind_variants.ClassValue;
-            monthLabel?: tailwind_variants.ClassValue;
-            weekdays?: tailwind_variants.ClassValue;
-            day?: tailwind_variants.ClassValue;
-            yearGrid?: tailwind_variants.ClassValue;
-            yearButton?: tailwind_variants.ClassValue;
-            field?: tailwind_variants.ClassValue;
-            fieldIcon?: tailwind_variants.ClassValue;
-            modalBackdrop?: tailwind_variants.ClassValue;
-            modalPopup?: tailwind_variants.ClassValue;
-            modalHeader?: tailwind_variants.ClassValue;
-            modalHeadline?: tailwind_variants.ClassValue;
-            modalActions?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-declare const DatePicker: ReturnType<typeof createDatePicker>;
-
-export { DatePicker, datePickerTv };

package/dist/date-picker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tv.ts","../src/date-picker.ts"],"names":["baseTv"],"mappings":"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","file":"date-picker.js","sourcesContent":["/**\n * tv.ts — a tailwind-variants factory pre-configured for the M3 typescale.\n *\n * The Tailwind v4 preset exposes the 15 typescale roles as `text-<role>`\n * font-size utilities (e.g. `text-body-small`, `text-label-large`). Stock\n * tailwind-merge does not know these custom names, so it groups them with the\n * `text-<color>` utilities and drops one when a slot sets both a color *and* a\n * typescale (the common M3 case). That silently strips either the color or the\n * type, breaking token compliance.\n *\n * Teaching tailwind-merge that the typescale names belong to the `font-size`\n * group keeps color and type independent, so both survive the merge.\n */\nimport { type TV, tv as baseTv } from 'tailwind-variants';\n\nconst TYPESCALE = [\n  'display-large',\n  'display-medium',\n  'display-small',\n  'headline-large',\n  'headline-medium',\n  'headline-small',\n  'title-large',\n  'title-medium',\n  'title-small',\n  'body-large',\n  'body-medium',\n  'body-small',\n  'label-large',\n  'label-medium',\n  'label-small',\n] as const;\n\nexport const tv: TV = (options, config) =>\n  baseTv(options, {\n    ...config,\n    twMergeConfig: {\n      extend: {\n        classGroups: {\n          'font-size': [{ text: [...TYPESCALE] }],\n        },\n      },\n    },\n  });\n","/**\n * date-picker.ts — Tailwind classes for the M3 Date picker.\n *\n * The month-grid Calendar plus its two surfaces: a docked Popover\n * (surface-container-high, elevation 2, large corners) and a modal Dialog\n * (surface-container-high, elevation 3, extra-large corners). Day cells carry a\n * circular `before:` state layer keyed to hover; the selected day fills with\n * primary. Same DOM + ripple as the VE build.\n */\nimport { createDatePicker } from '@m3-baseui/core';\nimport { tv } from './tv';\n\nexport const datePickerTv = tv({\n  slots: {\n    calendar: ['w-[328px] max-w-full p-3 text-on-surface'],\n    header: ['flex items-center justify-between gap-2 h-12 pl-3 pr-1'],\n    navButton: [\n      'relative inline-flex items-center justify-center size-10 rounded-full overflow-hidden',\n      'text-on-surface-variant cursor-pointer outline-none [&>svg]:size-6',\n      'before:absolute before:inset-0 before:bg-current before:opacity-0 before:pointer-events-none before:transition-opacity before:duration-100',\n      'hover:before:opacity-[var(--md-sys-state-hover)]',\n      'focus-visible:before:opacity-[var(--md-sys-state-focus)]',\n      'active:before:opacity-[var(--md-sys-state-pressed)]',\n      'disabled:text-on-surface/[0.38] disabled:before:opacity-0 disabled:pointer-events-none',\n    ],\n    monthLabel: [\n      'relative inline-flex items-center gap-1 h-9 px-3 rounded-full overflow-hidden',\n      'text-label-large text-on-surface-variant cursor-pointer outline-none',\n      'before:absolute before:inset-0 before:bg-current before:opacity-0 before:pointer-events-none before:transition-opacity before:duration-100',\n      'hover:before:opacity-[var(--md-sys-state-hover)]',\n      'focus-visible:before:opacity-[var(--md-sys-state-focus)]',\n      '[&>svg]:transition-transform data-[view=years]:[&>svg]:rotate-180',\n    ],\n    grid: ['mt-2 border-collapse', '[&_td]:p-0 [&_td]:text-center'],\n    weekdays: [''],\n    weekday: ['size-12 font-normal text-body-large text-on-surface-variant'],\n    day: [\n      'relative inline-flex items-center justify-center size-12 rounded-full overflow-hidden',\n      'text-body-large text-on-surface cursor-pointer outline-none',\n      'before:absolute before:inset-0 before:rounded-full before:bg-current before:opacity-0 before:pointer-events-none before:transition-opacity before:duration-100',\n      'hover:before:opacity-[var(--md-sys-state-hover)]',\n      'focus-visible:before:opacity-[var(--md-sys-state-focus)]',\n      'active:before:opacity-[var(--md-sys-state-pressed)]',\n      // today: 1px primary outline ring\n      'data-[today]:ring-1 data-[today]:ring-inset data-[today]:ring-primary',\n      // selected: primary fill, on-primary label, no state layer tint shift\n      'data-[selected]:bg-primary data-[selected]:text-on-primary',\n      'data-[disabled]:text-on-surface/[0.38] data-[disabled]:before:opacity-0 data-[disabled]:pointer-events-none',\n    ],\n    // weeks render as 7-col rows; force grid layout on each row\n    yearGrid: ['grid grid-cols-3 gap-2 max-h-[280px] overflow-y-auto px-3 py-2'],\n    yearButton: [\n      'relative inline-flex items-center justify-center h-9 rounded-full overflow-hidden',\n      'text-label-large text-on-surface-variant cursor-pointer outline-none',\n      'before:absolute before:inset-0 before:bg-current before:opacity-0 before:pointer-events-none before:transition-opacity before:duration-100',\n      'hover:before:opacity-[var(--md-sys-state-hover)]',\n      'focus-visible:before:opacity-[var(--md-sys-state-focus)]',\n      'data-[selected]:bg-primary data-[selected]:text-on-primary',\n    ],\n\n    field: [\n      'inline-flex items-center gap-1 h-14 pl-4 pr-1 min-w-[200px]',\n      'bg-surface-container-highest text-on-surface rounded-t-extra-small',\n      'border-b border-on-surface-variant',\n    ],\n    input: [\n      'flex-1 min-w-0 h-full bg-transparent border-0 outline-none',\n      'text-body-large text-on-surface placeholder:text-on-surface-variant',\n    ],\n    fieldIcon: [\n      'relative inline-flex items-center justify-center size-10 rounded-full overflow-hidden',\n      'text-on-surface-variant cursor-pointer outline-none [&>svg]:size-6',\n      'before:absolute before:inset-0 before:bg-current before:opacity-0 before:pointer-events-none before:transition-opacity before:duration-100',\n      'hover:before:opacity-[var(--md-sys-state-hover)]',\n      'focus-visible:before:opacity-[var(--md-sys-state-focus)]',\n      'active:before:opacity-[var(--md-sys-state-pressed)]',\n    ],\n    popup: [\n      'bg-surface-container-high text-on-surface rounded-large shadow-level2',\n      'origin-[var(--transform-origin)] transition-[opacity,transform] duration-150 ease-standard',\n      'data-[starting-style]:opacity-0 data-[starting-style]:scale-95',\n      'data-[ending-style]:opacity-0',\n      'focus:outline-none',\n    ],\n\n    modalBackdrop: [\n      'fixed inset-0 z-40 bg-scrim/32',\n      'transition-opacity duration-200 ease-standard',\n      'data-[starting-style]:opacity-0 data-[ending-style]:opacity-0',\n    ],\n    modalPopup: [\n      'fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n      'w-[min(360px,calc(100vw-48px))] max-h-[calc(100vh-48px)] overflow-auto',\n      'bg-surface-container-high text-on-surface rounded-extra-large shadow-level3',\n      'flex flex-col',\n      'origin-[var(--transform-origin)] transition-[opacity,transform] duration-200 ease-emphasized',\n      'data-[starting-style]:opacity-0 data-[starting-style]:scale-95',\n      'data-[ending-style]:opacity-0 data-[ending-style]:scale-95',\n      'focus:outline-none',\n    ],\n    modalHeader: ['px-6 pt-4 text-label-medium text-on-surface-variant m-0'],\n    modalHeadline: ['px-6 pt-1 pb-4 text-headline-large text-on-surface m-0'],\n    modalActions: ['flex justify-end gap-2 px-6 pb-4 pt-2'],\n  },\n});\n\nconst dp = datePickerTv();\nexport const DatePicker: ReturnType<typeof createDatePicker> = createDatePicker({\n  calendar: dp.calendar(),\n  header: dp.header(),\n  navButton: dp.navButton(),\n  monthLabel: dp.monthLabel(),\n  grid: dp.grid(),\n  weekdays: dp.weekdays(),\n  weekday: dp.weekday(),\n  day: dp.day(),\n  yearGrid: dp.yearGrid(),\n  yearButton: dp.yearButton(),\n  field: dp.field(),\n  input: dp.input(),\n  fieldIcon: dp.fieldIcon(),\n  popup: dp.popup(),\n  modalBackdrop: dp.modalBackdrop(),\n  modalPopup: dp.modalPopup(),\n  modalHeader: dp.modalHeader(),\n  modalHeadline: dp.modalHeadline(),\n  modalActions: dp.modalActions(),\n});\n"]}

package/dist/dialog.d.ts

@@ -1,86 +0,0 @@
-import * as react from 'react';
-import * as _base_ui_react from '@base-ui/react';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
-import * as tailwind_variants from 'tailwind-variants';
-
-declare const dialogTv: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            title?: tailwind_variants.ClassValue;
-            close?: tailwind_variants.ClassValue;
-            popup?: tailwind_variants.ClassValue;
-            description?: tailwind_variants.ClassValue;
-            backdrop?: tailwind_variants.ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            title?: tailwind_variants.ClassValue;
-            close?: tailwind_variants.ClassValue;
-            popup?: tailwind_variants.ClassValue;
-            description?: tailwind_variants.ClassValue;
-            backdrop?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, {
-    backdrop: string[];
-    popup: string[];
-    title: string[];
-    description: string[];
-    close: string[];
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            title?: tailwind_variants.ClassValue;
-            close?: tailwind_variants.ClassValue;
-            popup?: tailwind_variants.ClassValue;
-            description?: tailwind_variants.ClassValue;
-            backdrop?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            title?: tailwind_variants.ClassValue;
-            close?: tailwind_variants.ClassValue;
-            popup?: tailwind_variants.ClassValue;
-            description?: tailwind_variants.ClassValue;
-            backdrop?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, {
-    backdrop: string[];
-    popup: string[];
-    title: string[];
-    description: string[];
-    close: string[];
-}, tailwind_variants.TVReturnType<unknown, {
-    backdrop: string[];
-    popup: string[];
-    title: string[];
-    description: string[];
-    close: string[];
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            title?: tailwind_variants.ClassValue;
-            close?: tailwind_variants.ClassValue;
-            popup?: tailwind_variants.ClassValue;
-            description?: tailwind_variants.ClassValue;
-            backdrop?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-declare const Dialog: {
-    Root: typeof _base_ui_react.DialogRoot;
-    Trigger: _base_ui_react.DialogTrigger;
-    Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.AlertDialogPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    Backdrop: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogBackdropProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
-    Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
-    Title: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogTitleProps, "ref"> & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<unknown>>;
-    Description: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogDescriptionProps, "ref"> & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<unknown>>;
-    Close: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogCloseProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<unknown>>;
-};
-
-export { Dialog, dialogTv };

package/dist/dialog.js

@@ -1,68 +0,0 @@
-"use client";
-import { createDialog } from '@m3-baseui/core';
-import { tv as tv$1 } from 'tailwind-variants';
-
-// src/dialog.ts
-var TYPESCALE = [
-  "display-large",
-  "display-medium",
-  "display-small",
-  "headline-large",
-  "headline-medium",
-  "headline-small",
-  "title-large",
-  "title-medium",
-  "title-small",
-  "body-large",
-  "body-medium",
-  "body-small",
-  "label-large",
-  "label-medium",
-  "label-small"
-];
-var tv = (options, config) => tv$1(options, {
-  ...config,
-  twMergeConfig: {
-    extend: {
-      classGroups: {
-        "font-size": [{ text: [...TYPESCALE] }]
-      }
-    }
-  }
-});
-
-// src/dialog.ts
-var dialogTv = tv({
-  slots: {
-    backdrop: [
-      "fixed inset-0 z-40 bg-scrim/32",
-      "transition-opacity duration-200 ease-standard",
-      "data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"
-    ],
-    popup: [
-      "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
-      "w-[min(560px,calc(100vw-48px))] max-h-[calc(100vh-48px)] overflow-auto",
-      "bg-surface-container-high text-on-surface rounded-extra-large shadow-level3",
-      "p-6 flex flex-col gap-4",
-      "origin-[var(--transform-origin)] transition-[opacity,transform] duration-200 ease-emphasized",
-      "data-[starting-style]:opacity-0 data-[starting-style]:scale-95",
-      "data-[ending-style]:opacity-0 data-[ending-style]:scale-95",
-      "focus:outline-none"
-    ],
-    title: ["text-headline-small text-on-surface m-0"],
-    description: ["text-body-medium text-on-surface-variant m-0"],
-    close: ["inline-flex"]
-  }
-});
-var d = dialogTv();
-var Dialog = createDialog({
-  backdrop: d.backdrop(),
-  popup: d.popup(),
-  title: d.title(),
-  description: d.description(),
-  close: d.close()
-});
-
-export { Dialog, dialogTv };
-//# sourceMappingURL=dialog.js.map
-//# sourceMappingURL=dialog.js.map

package/dist/dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tv.ts","../src/dialog.ts"],"names":["baseTv"],"mappings":";;;;;AAeA,IAAM,SAAA,GAAY;AAAA,EAChB,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,EAAA,GAAS,CAAC,OAAA,EAAS,MAAA,KAC9BA,KAAO,OAAA,EAAS;AAAA,EACd,GAAG,MAAA;AAAA,EACH,aAAA,EAAe;AAAA,IACb,MAAA,EAAQ;AAAA,MACN,WAAA,EAAa;AAAA,QACX,WAAA,EAAa,CAAC,EAAE,IAAA,EAAM,CAAC,GAAG,SAAS,GAAG;AAAA;AACxC;AACF;AAEJ,CAAC,CAAA;;;ACjCI,IAAM,WAAW,EAAA,CAAG;AAAA,EACzB,KAAA,EAAO;AAAA,IACL,QAAA,EAAU;AAAA,MACR,gCAAA;AAAA,MACA,+CAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL,+DAAA;AAAA,MACA,wEAAA;AAAA,MACA,6EAAA;AAAA,MACA,yBAAA;AAAA,MACA,8FAAA;AAAA,MACA,gEAAA;AAAA,MACA,4DAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,KAAA,EAAO,CAAC,yCAAyC,CAAA;AAAA,IACjD,WAAA,EAAa,CAAC,8CAA8C,CAAA;AAAA,IAC5D,KAAA,EAAO,CAAC,aAAa;AAAA;AAEzB,CAAC;AAED,IAAM,IAAI,QAAA,EAAS;AACZ,IAAM,SAAS,YAAA,CAAa;AAAA,EACjC,QAAA,EAAU,EAAE,QAAA,EAAS;AAAA,EACrB,KAAA,EAAO,EAAE,KAAA,EAAM;AAAA,EACf,KAAA,EAAO,EAAE,KAAA,EAAM;AAAA,EACf,WAAA,EAAa,EAAE,WAAA,EAAY;AAAA,EAC3B,KAAA,EAAO,EAAE,KAAA;AACX,CAAC","file":"dialog.js","sourcesContent":["/**\n * tv.ts — a tailwind-variants factory pre-configured for the M3 typescale.\n *\n * The Tailwind v4 preset exposes the 15 typescale roles as `text-<role>`\n * font-size utilities (e.g. `text-body-small`, `text-label-large`). Stock\n * tailwind-merge does not know these custom names, so it groups them with the\n * `text-<color>` utilities and drops one when a slot sets both a color *and* a\n * typescale (the common M3 case). That silently strips either the color or the\n * type, breaking token compliance.\n *\n * Teaching tailwind-merge that the typescale names belong to the `font-size`\n * group keeps color and type independent, so both survive the merge.\n */\nimport { type TV, tv as baseTv } from 'tailwind-variants';\n\nconst TYPESCALE = [\n  'display-large',\n  'display-medium',\n  'display-small',\n  'headline-large',\n  'headline-medium',\n  'headline-small',\n  'title-large',\n  'title-medium',\n  'title-small',\n  'body-large',\n  'body-medium',\n  'body-small',\n  'label-large',\n  'label-medium',\n  'label-small',\n] as const;\n\nexport const tv: TV = (options, config) =>\n  baseTv(options, {\n    ...config,\n    twMergeConfig: {\n      extend: {\n        classGroups: {\n          'font-size': [{ text: [...TYPESCALE] }],\n        },\n      },\n    },\n  });\n","/**\n * dialog.ts — Tailwind classes for the M3 basic Dialog.\n *\n * Scrim backdrop + centered surface-container-high popup (extra-large corners,\n * elevation 3) with an emphasized fade/scale transition off Base UI's\n * data-[starting-style] / data-[ending-style] attributes.\n */\nimport { createDialog } from '@m3-baseui/core';\nimport { tv } from './tv';\n\nexport const dialogTv = tv({\n  slots: {\n    backdrop: [\n      'fixed inset-0 z-40 bg-scrim/32',\n      'transition-opacity duration-200 ease-standard',\n      'data-[starting-style]:opacity-0 data-[ending-style]:opacity-0',\n    ],\n    popup: [\n      'fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n      'w-[min(560px,calc(100vw-48px))] max-h-[calc(100vh-48px)] overflow-auto',\n      'bg-surface-container-high text-on-surface rounded-extra-large shadow-level3',\n      'p-6 flex flex-col gap-4',\n      'origin-[var(--transform-origin)] transition-[opacity,transform] duration-200 ease-emphasized',\n      'data-[starting-style]:opacity-0 data-[starting-style]:scale-95',\n      'data-[ending-style]:opacity-0 data-[ending-style]:scale-95',\n      'focus:outline-none',\n    ],\n    title: ['text-headline-small text-on-surface m-0'],\n    description: ['text-body-medium text-on-surface-variant m-0'],\n    close: ['inline-flex'],\n  },\n});\n\nconst d = dialogTv();\nexport const Dialog = createDialog({\n  backdrop: d.backdrop(),\n  popup: d.popup(),\n  title: d.title(),\n  description: d.description(),\n  close: d.close(),\n});\n"]}

package/dist/divider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/divider.ts"],"names":[],"mappings":";;;;;AAWO,IAAM,YAAY,EAAA,CAAG;AAAA,EAC1B,IAAA,EAAM,mDAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,UAAA,EAAY,aAAA;AAAA,MACZ,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO,EAAA;AAAA,MACP,MAAA,EAAQ;AAAA;AACV,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,WAAA,EAAa,YAAA,EAAc,KAAA,EAAO,OAAA,EAAS,OAAO,MAAA,EAAO;AAAA,IAC3D,EAAE,WAAA,EAAa,YAAA,EAAc,KAAA,EAAO,QAAA,EAAU,OAAO,MAAA,EAAO;AAAA;AAAA,IAE5D,EAAE,WAAA,EAAa,UAAA,EAAY,KAAA,EAAO,OAAA,EAAS,OAAO,2BAAA,EAA4B;AAAA,IAC9E,EAAE,WAAA,EAAa,UAAA,EAAY,KAAA,EAAO,QAAA,EAAU,OAAO,MAAA;AAAO,GAC5D;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa,YAAA;AAAA,IACb,KAAA,EAAO;AAAA;AAEX,CAAC;AAEM,IAAM,OAAA,GAAU,aAAA,CAAc,CAAC,EAAE,KAAA,EAAO,WAAA,EAAY,KAAM,SAAA,CAAU,EAAE,KAAA,EAAO,WAAA,EAAa,CAAC","file":"divider.js","sourcesContent":["/**\n * divider.ts — tailwind-variants for the M3 Divider.\n *\n * 1dp `outline-variant` rule. `self-stretch` fills the cross axis in flex\n * layouts; horizontal is 1dp tall, vertical 1dp wide. The inset variants add a\n * 16dp leading (`inset`) or both-ends (`middle`) margin along the main axis.\n * Same DOM + `role=\"separator\"` as the VE build.\n */\nimport { createDivider } from '@m3-baseui/core';\nimport { tv } from 'tailwind-variants';\n\nexport const dividerTv = tv({\n  base: 'shrink-0 self-stretch border-0 bg-outline-variant',\n  variants: {\n    orientation: {\n      horizontal: 'h-px w-auto',\n      vertical: 'w-px h-auto',\n    },\n    inset: {\n      full: '',\n      inset: '',\n      middle: '',\n    },\n  },\n  compoundVariants: [\n    { orientation: 'horizontal', inset: 'inset', class: 'ms-4' },\n    { orientation: 'horizontal', inset: 'middle', class: 'mx-4' },\n    // Logical block-start margin mirrors the VE recipe's `marginBlockStart`.\n    { orientation: 'vertical', inset: 'inset', class: '[margin-block-start:1rem]' },\n    { orientation: 'vertical', inset: 'middle', class: 'my-4' },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    inset: 'full',\n  },\n});\n\nexport const Divider = createDivider(({ inset, orientation }) => dividerTv({ inset, orientation }));\nexport type { DividerProps, DividerInset, DividerOrientation } from '@m3-baseui/core';\n"]}

package/dist/fab-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tv.ts","../src/fab.ts","../src/fab-menu.ts"],"names":["baseTv","tv"],"mappings":"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","file":"fab-menu.js","sourcesContent":["/**\n * tv.ts — a tailwind-variants factory pre-configured for the M3 typescale.\n *\n * The Tailwind v4 preset exposes the 15 typescale roles as `text-<role>`\n * font-size utilities (e.g. `text-body-small`, `text-label-large`). Stock\n * tailwind-merge does not know these custom names, so it groups them with the\n * `text-<color>` utilities and drops one when a slot sets both a color *and* a\n * typescale (the common M3 case). That silently strips either the color or the\n * type, breaking token compliance.\n *\n * Teaching tailwind-merge that the typescale names belong to the `font-size`\n * group keeps color and type independent, so both survive the merge.\n */\nimport { type TV, tv as baseTv } from 'tailwind-variants';\n\nconst TYPESCALE = [\n  'display-large',\n  'display-medium',\n  'display-small',\n  'headline-large',\n  'headline-medium',\n  'headline-small',\n  'title-large',\n  'title-medium',\n  'title-small',\n  'body-large',\n  'body-medium',\n  'body-small',\n  'label-large',\n  'label-medium',\n  'label-small',\n] as const;\n\nexport const tv: TV = (options, config) =>\n  baseTv(options, {\n    ...config,\n    twMergeConfig: {\n      extend: {\n        classGroups: {\n          'font-size': [{ text: [...TYPESCALE] }],\n        },\n      },\n    },\n  });\n","/**\n * fab.ts — tailwind-variants for the M3 FAB.\n *\n * Four sizes + four container colors, elevation level3 (level4 on hover) and a\n * currentColor state-layer `::before`. The pointer ripple is added by the\n * factory. Same DOM as the VE build.\n */\nimport { createFab } from '@m3-baseui/core';\nimport { tv } from 'tailwind-variants';\n\nexport const fabTv = tv({\n  base: [\n    'relative inline-flex items-center justify-center box-border overflow-hidden',\n    'border-0 cursor-pointer select-none outline-none',\n    'shadow-level3 hover:shadow-level4',\n    'transition-shadow duration-150 ease-standard',\n    'before:absolute before:inset-0 before:bg-current before:opacity-0 before:pointer-events-none before:transition-opacity before:duration-100',\n    'hover:before:opacity-[var(--md-sys-state-hover)]',\n    'focus-visible:before:opacity-[var(--md-sys-state-focus)]',\n    'active:before:opacity-[var(--md-sys-state-pressed)]',\n    'data-[pressed]:before:opacity-[var(--md-sys-state-pressed)]',\n    // M3 discourages disabled FABs (material-web removed the state). When native\n    // disabled is used, apply the same container/label tokens as filled buttons.\n    'disabled:pointer-events-none disabled:shadow-none disabled:before:opacity-0',\n    'disabled:bg-on-surface/12 disabled:text-on-surface/38',\n    'data-[disabled]:pointer-events-none data-[disabled]:shadow-none data-[disabled]:before:opacity-0',\n    'data-[disabled]:bg-on-surface/12 data-[disabled]:text-on-surface/38',\n  ],\n  variants: {\n    size: {\n      small: 'size-10 rounded-medium [&_svg]:size-6',\n      regular: 'size-14 rounded-large [&_svg]:size-6',\n      large: 'size-24 rounded-extra-large [&_svg]:size-9',\n      extended: 'h-14 min-w-20 px-4 gap-3 rounded-large text-label-large [&_svg]:size-6',\n    },\n    color: {\n      surface: 'bg-surface-container-high text-primary',\n      primary: 'bg-primary-container text-on-primary-container',\n      secondary: 'bg-secondary-container text-on-secondary-container',\n      tertiary: 'bg-tertiary-container text-on-tertiary-container',\n    },\n  },\n  defaultVariants: {\n    size: 'regular',\n    color: 'surface',\n  },\n});\n\nexport const Fab = createFab(({ size, color }) => fabTv({ size, color }));\nexport type { FabProps, FabSize, FabColor } from '@m3-baseui/core';\n","/**\n * fab-menu.ts — tailwind-variants for the M3 FAB menu.\n *\n * The popup stacks the actions in a right-aligned column with the M3 menu\n * enter/exit motion; each item is a 56dp full-corner pill (elevation level3,\n * level4 on hover) with a currentColor state-layer `::before`, a 24dp leading\n * icon slot and a label-large label. The trigger reuses the FAB resolver. Same\n * DOM + ripple as the VE build.\n */\nimport { createFabMenu } from '@m3-baseui/core';\nimport { tv } from './tv';\nimport { fabTv } from './fab';\n\nexport const fabMenuTv = tv({\n  slots: {\n    popup: [\n      'flex flex-col items-end gap-2 bg-transparent outline-none',\n      'origin-[var(--transform-origin)] transition-[opacity,transform] duration-150 ease-standard',\n      'data-[starting-style]:opacity-0 data-[starting-style]:scale-95',\n      'data-[ending-style]:opacity-0',\n    ],\n    item: [\n      'relative inline-flex items-center gap-3 h-14 px-4 overflow-hidden box-border',\n      'cursor-pointer select-none outline-none rounded-full text-label-large',\n      'shadow-level3 hover:shadow-level4 transition-shadow duration-150 ease-standard',\n      'before:absolute before:inset-0 before:bg-current before:opacity-0 before:pointer-events-none before:transition-opacity before:duration-100',\n      'hover:before:opacity-[var(--md-sys-state-hover)]',\n      'data-[highlighted]:before:opacity-[var(--md-sys-state-hover)]',\n      'active:before:opacity-[var(--md-sys-state-pressed)]',\n      // M3 leading icon (24dp).\n      '[&_[data-slot=fab-menu-leading]]:inline-flex [&_[data-slot=fab-menu-leading]>svg]:size-6',\n      // M3 discourages disabled FABs; when used, match the filled-button tokens\n      // (per-token, not a blanket opacity) and suppress the state layer.\n      'data-[disabled]:pointer-events-none data-[disabled]:shadow-none data-[disabled]:before:opacity-0',\n      'data-[disabled]:bg-on-surface/12 data-[disabled]:text-on-surface/38',\n    ],\n  },\n  variants: {\n    color: {\n      surface: { item: 'bg-surface-container-high text-primary' },\n      primary: { item: 'bg-primary-container text-on-primary-container' },\n      secondary: { item: 'bg-secondary-container text-on-secondary-container' },\n      tertiary: { item: 'bg-tertiary-container text-on-tertiary-container' },\n    },\n  },\n  defaultVariants: {\n    color: 'primary',\n  },\n});\n\nexport const FabMenu = createFabMenu(({ size, color }) => fabTv({ size, color }), {\n  popup: fabMenuTv().popup(),\n  item: (color) => fabMenuTv({ color }).item(),\n});\n\nexport type { FabMenuTriggerProps, FabMenuItemProps } from '@m3-baseui/core';\n"]}

package/dist/fab.js

@@ -1,47 +0,0 @@
-"use client";
-import { createFab } from '@m3-baseui/core';
-import { tv } from 'tailwind-variants';
-
-// src/fab.ts
-var fabTv = tv({
-  base: [
-    "relative inline-flex items-center justify-center box-border overflow-hidden",
-    "border-0 cursor-pointer select-none outline-none",
-    "shadow-level3 hover:shadow-level4",
-    "transition-shadow duration-150 ease-standard",
-    "before:absolute before:inset-0 before:bg-current before:opacity-0 before:pointer-events-none before:transition-opacity before:duration-100",
-    "hover:before:opacity-[var(--md-sys-state-hover)]",
-    "focus-visible:before:opacity-[var(--md-sys-state-focus)]",
-    "active:before:opacity-[var(--md-sys-state-pressed)]",
-    "data-[pressed]:before:opacity-[var(--md-sys-state-pressed)]",
-    // M3 discourages disabled FABs (material-web removed the state). When native
-    // disabled is used, apply the same container/label tokens as filled buttons.
-    "disabled:pointer-events-none disabled:shadow-none disabled:before:opacity-0",
-    "disabled:bg-on-surface/12 disabled:text-on-surface/38",
-    "data-[disabled]:pointer-events-none data-[disabled]:shadow-none data-[disabled]:before:opacity-0",
-    "data-[disabled]:bg-on-surface/12 data-[disabled]:text-on-surface/38"
-  ],
-  variants: {
-    size: {
-      small: "size-10 rounded-medium [&_svg]:size-6",
-      regular: "size-14 rounded-large [&_svg]:size-6",
-      large: "size-24 rounded-extra-large [&_svg]:size-9",
-      extended: "h-14 min-w-20 px-4 gap-3 rounded-large text-label-large [&_svg]:size-6"
-    },
-    color: {
-      surface: "bg-surface-container-high text-primary",
-      primary: "bg-primary-container text-on-primary-container",
-      secondary: "bg-secondary-container text-on-secondary-container",
-      tertiary: "bg-tertiary-container text-on-tertiary-container"
-    }
-  },
-  defaultVariants: {
-    size: "regular",
-    color: "surface"
-  }
-});
-var Fab = createFab(({ size, color }) => fabTv({ size, color }));
-
-export { Fab, fabTv };
-//# sourceMappingURL=fab.js.map
-//# sourceMappingURL=fab.js.map

package/dist/fab.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/fab.ts"],"names":[],"mappings":";;;;;AAUO,IAAM,QAAQ,EAAA,CAAG;AAAA,EACtB,IAAA,EAAM;AAAA,IACJ,6EAAA;AAAA,IACA,kDAAA;AAAA,IACA,mCAAA;AAAA,IACA,8CAAA;AAAA,IACA,4IAAA;AAAA,IACA,kDAAA;AAAA,IACA,0DAAA;AAAA,IACA,qDAAA;AAAA,IACA,6DAAA;AAAA;AAAA;AAAA,IAGA,6EAAA;AAAA,IACA,uDAAA;AAAA,IACA,kGAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,KAAA,EAAO,uCAAA;AAAA,MACP,OAAA,EAAS,sCAAA;AAAA,MACT,KAAA,EAAO,4CAAA;AAAA,MACP,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,wCAAA;AAAA,MACT,OAAA,EAAS,gDAAA;AAAA,MACT,SAAA,EAAW,oDAAA;AAAA,MACX,QAAA,EAAU;AAAA;AACZ,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC;AAEM,IAAM,GAAA,GAAM,SAAA,CAAU,CAAC,EAAE,IAAA,EAAM,KAAA,EAAM,KAAM,KAAA,CAAM,EAAE,IAAA,EAAM,KAAA,EAAO,CAAC","file":"fab.js","sourcesContent":["/**\n * fab.ts — tailwind-variants for the M3 FAB.\n *\n * Four sizes + four container colors, elevation level3 (level4 on hover) and a\n * currentColor state-layer `::before`. The pointer ripple is added by the\n * factory. Same DOM as the VE build.\n */\nimport { createFab } from '@m3-baseui/core';\nimport { tv } from 'tailwind-variants';\n\nexport const fabTv = tv({\n  base: [\n    'relative inline-flex items-center justify-center box-border overflow-hidden',\n    'border-0 cursor-pointer select-none outline-none',\n    'shadow-level3 hover:shadow-level4',\n    'transition-shadow duration-150 ease-standard',\n    'before:absolute before:inset-0 before:bg-current before:opacity-0 before:pointer-events-none before:transition-opacity before:duration-100',\n    'hover:before:opacity-[var(--md-sys-state-hover)]',\n    'focus-visible:before:opacity-[var(--md-sys-state-focus)]',\n    'active:before:opacity-[var(--md-sys-state-pressed)]',\n    'data-[pressed]:before:opacity-[var(--md-sys-state-pressed)]',\n    // M3 discourages disabled FABs (material-web removed the state). When native\n    // disabled is used, apply the same container/label tokens as filled buttons.\n    'disabled:pointer-events-none disabled:shadow-none disabled:before:opacity-0',\n    'disabled:bg-on-surface/12 disabled:text-on-surface/38',\n    'data-[disabled]:pointer-events-none data-[disabled]:shadow-none data-[disabled]:before:opacity-0',\n    'data-[disabled]:bg-on-surface/12 data-[disabled]:text-on-surface/38',\n  ],\n  variants: {\n    size: {\n      small: 'size-10 rounded-medium [&_svg]:size-6',\n      regular: 'size-14 rounded-large [&_svg]:size-6',\n      large: 'size-24 rounded-extra-large [&_svg]:size-9',\n      extended: 'h-14 min-w-20 px-4 gap-3 rounded-large text-label-large [&_svg]:size-6',\n    },\n    color: {\n      surface: 'bg-surface-container-high text-primary',\n      primary: 'bg-primary-container text-on-primary-container',\n      secondary: 'bg-secondary-container text-on-secondary-container',\n      tertiary: 'bg-tertiary-container text-on-tertiary-container',\n    },\n  },\n  defaultVariants: {\n    size: 'regular',\n    color: 'surface',\n  },\n});\n\nexport const Fab = createFab(({ size, color }) => fabTv({ size, color }));\nexport type { FabProps, FabSize, FabColor } from '@m3-baseui/core';\n"]}

package/dist/icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/icon-button.ts"],"names":[],"mappings":"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","file":"icon-button.js","sourcesContent":["/**\n * icon-button.ts — tailwind-variants resolver for the M3 Icon Button.\n *\n * 40×40 circular target with a centered icon. The `selected` variant supports\n * toggle icon buttons; when `selected` is undefined the variant's default\n * (filled/active) look is used. Emits the same DOM + ripple as the VE build.\n */\nimport { createIconButton } from '@m3-baseui/core';\nimport { tv } from 'tailwind-variants';\n\n// M3 Expressive container widths (px) per size × width. Tailwind v4's dynamic\n// spacing scale resolves any integer (e.g. w-13 = 52px, w-46 = 184px).\nconst WIDTHS = {\n  xs: { narrow: 'w-7', default: 'w-8', wide: 'w-10' }, // 28 / 32 / 40\n  s: { narrow: 'w-8', default: 'w-10', wide: 'w-13' }, // 32 / 40 / 52\n  m: { narrow: 'w-12', default: 'w-14', wide: 'w-18' }, // 48 / 56 / 72\n  l: { narrow: 'w-16', default: 'w-24', wide: 'w-32' }, // 64 / 96 / 128\n  xl: { narrow: 'w-26', default: 'w-34', wide: 'w-46' }, // 104 / 136 / 184\n} as const;\n\nconst widthCompounds = Object.entries(WIDTHS).flatMap(([size, w]) =>\n  Object.entries(w).map(([width, klass]) => ({\n    size: size as keyof typeof WIDTHS,\n    width: width as 'narrow' | 'default' | 'wide',\n    class: klass,\n  })),\n);\n\nexport const iconButton = tv({\n  base: [\n    'relative inline-flex items-center justify-center shrink-0',\n    // No `overflow-hidden`: it would clip the 48dp touch target on small sizes.\n    // The state layer is already rounded (before:rounded-[inherit]); the ripple\n    // self-clips.\n    'rounded-full cursor-pointer select-none border-0 bg-transparent',\n    'transition-[box-shadow,background-color,color] duration-200 ease-standard',\n    // State layer overlay\n    'before:absolute before:inset-0 before:rounded-[inherit] before:bg-current before:opacity-0 before:pointer-events-none',\n    'before:transition-opacity before:duration-100',\n    'hover:before:opacity-[var(--md-sys-state-hover)]',\n    'focus-visible:before:opacity-[var(--md-sys-state-focus)]',\n    'active:before:opacity-[var(--md-sys-state-pressed)]',\n    'data-[pressed]:before:opacity-[var(--md-sys-state-pressed)]',\n    // Focus ring (M3: 3px secondary, 2px offset)\n    'focus-visible:outline-[3px] focus-visible:outline-offset-2 focus-visible:outline-secondary',\n    // Disabled: no interaction, no state layer. Per-variant disabled colors\n    // (container on-surface/12, icon on-surface/38) live on each variant.\n    'disabled:pointer-events-none disabled:before:opacity-0',\n    'data-[disabled]:pointer-events-none data-[disabled]:before:opacity-0',\n  ],\n  variants: {\n    // Disabled icon is on-surface/38 for every variant; filled/tonal disabled\n    // container is on-surface/12; outlined disabled outline is on-surface/12\n    // (material-web parity).\n    variant: {\n      standard: [\n        'text-on-surface-variant',\n        'disabled:text-on-surface/38 data-[disabled]:text-on-surface/38',\n      ],\n      filled: [\n        'bg-primary text-on-primary',\n        'disabled:bg-on-surface/12 disabled:text-on-surface/38',\n        'data-[disabled]:bg-on-surface/12 data-[disabled]:text-on-surface/38',\n      ],\n      tonal: [\n        'bg-secondary-container text-on-secondary-container',\n        'disabled:bg-on-surface/12 disabled:text-on-surface/38',\n        'data-[disabled]:bg-on-surface/12 data-[disabled]:text-on-surface/38',\n      ],\n      outlined: [\n        'border border-outline text-on-surface-variant',\n        'disabled:border-on-surface/12 disabled:text-on-surface/38',\n        'data-[disabled]:border-on-surface/12 data-[disabled]:text-on-surface/38',\n      ],\n    },\n    selected: {\n      true: '',\n      false: '',\n    },\n    // Container height + icon size per M3 Expressive size. Width comes from the\n    // (size, width) compound variants below.\n    size: {\n      xs: 'h-8 [&>svg]:size-5',\n      s: 'h-10 [&>svg]:size-6',\n      m: 'h-14 [&>svg]:size-6',\n      l: 'h-24 [&>svg]:size-8',\n      xl: 'h-[136px] [&>svg]:size-10',\n    },\n    width: {\n      narrow: '',\n      default: '',\n      wide: '',\n    },\n  },\n  compoundVariants: [\n    ...widthCompounds,\n    { variant: 'standard', selected: true, class: 'text-primary' },\n    { variant: 'filled', selected: false, class: 'bg-surface-container-highest text-primary' },\n    {\n      variant: 'tonal',\n      selected: false,\n      class: 'bg-surface-container-highest text-on-surface-variant',\n    },\n    {\n      variant: 'outlined',\n      selected: true,\n      class: [\n        'bg-inverse-surface text-inverse-on-surface border-transparent',\n        // M3 disabled + selected: faint on-surface/12 container, no outline\n        // (icon falls back to on-surface/38 from the variant). NOT transparent.\n        'disabled:bg-on-surface/12 disabled:border-transparent',\n        'data-[disabled]:bg-on-surface/12 data-[disabled]:border-transparent',\n      ],\n    },\n  ],\n  defaultVariants: {\n    variant: 'standard',\n    size: 's',\n    width: 'default',\n  },\n});\n\nexport const IconButton = createIconButton(({ variant, selected, size, width }) =>\n  iconButton({ variant, selected, size, width }),\n);\nexport type { IconButtonProps, IconButtonVariant } from '@m3-baseui/core';\n"]}

package/dist/item.d.ts

@@ -1,94 +0,0 @@
-import * as react from 'react';
-import * as _m3_baseui_core from '@m3-baseui/core';
-export { ItemProps } from '@m3-baseui/core';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
-import * as tailwind_variants from 'tailwind-variants';
-
-declare const itemTv: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            root?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            leading?: tailwind_variants.ClassValue;
-            trailing?: tailwind_variants.ClassValue;
-            overline?: tailwind_variants.ClassValue;
-            supporting?: tailwind_variants.ClassValue;
-            headline?: tailwind_variants.ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            root?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            leading?: tailwind_variants.ClassValue;
-            trailing?: tailwind_variants.ClassValue;
-            overline?: tailwind_variants.ClassValue;
-            supporting?: tailwind_variants.ClassValue;
-            headline?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, {
-    root: string[];
-    leading: string;
-    content: string;
-    overline: string;
-    headline: string;
-    supporting: string;
-    trailing: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            root?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            leading?: tailwind_variants.ClassValue;
-            trailing?: tailwind_variants.ClassValue;
-            overline?: tailwind_variants.ClassValue;
-            supporting?: tailwind_variants.ClassValue;
-            headline?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            root?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            leading?: tailwind_variants.ClassValue;
-            trailing?: tailwind_variants.ClassValue;
-            overline?: tailwind_variants.ClassValue;
-            supporting?: tailwind_variants.ClassValue;
-            headline?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, {
-    root: string[];
-    leading: string;
-    content: string;
-    overline: string;
-    headline: string;
-    supporting: string;
-    trailing: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    root: string[];
-    leading: string;
-    content: string;
-    overline: string;
-    headline: string;
-    supporting: string;
-    trailing: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            root?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            leading?: tailwind_variants.ClassValue;
-            trailing?: tailwind_variants.ClassValue;
-            overline?: tailwind_variants.ClassValue;
-            supporting?: tailwind_variants.ClassValue;
-            headline?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-declare const Item: react.ForwardRefExoticComponent<_m3_baseui_core.ItemOwnProps & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
-
-export { Item, itemTv };

package/dist/item.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tv.ts","../src/item.ts"],"names":["baseTv"],"mappings":";;;;;AAeA,IAAM,SAAA,GAAY;AAAA,EAChB,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,EAAA,GAAS,CAAC,OAAA,EAAS,MAAA,KAC9BA,KAAO,OAAA,EAAS;AAAA,EACd,GAAG,MAAA;AAAA,EACH,aAAA,EAAe;AAAA,IACb,MAAA,EAAQ;AAAA,MACN,WAAA,EAAa;AAAA,QACX,WAAA,EAAa,CAAC,EAAE,IAAA,EAAM,CAAC,GAAG,SAAS,GAAG;AAAA;AACxC;AACF;AAEJ,CAAC,CAAA;;;AChCI,IAAM,SAAS,EAAA,CAAG;AAAA,EACvB,KAAA,EAAO;AAAA,IACL,IAAA,EAAM;AAAA,MACJ,iFAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,OAAA,EAAS,kFAAA;AAAA,IACT,OAAA,EAAS,8BAAA;AAAA,IACT,QAAA,EAAU,0CAAA;AAAA,IACV,QAAA,EAAU,iCAAA;AAAA,IACV,UAAA,EAAY,0CAAA;AAAA,IACZ,QAAA,EAAU;AAAA;AAEd,CAAC;AAED,IAAM,IAAI,MAAA,EAAO;AACV,IAAM,OAAO,UAAA,CAAW;AAAA,EAC7B,IAAA,EAAM,EAAE,IAAA,EAAK;AAAA,EACb,OAAA,EAAS,EAAE,OAAA,EAAQ;AAAA,EACnB,OAAA,EAAS,EAAE,OAAA,EAAQ;AAAA,EACnB,QAAA,EAAU,EAAE,QAAA,EAAS;AAAA,EACrB,QAAA,EAAU,EAAE,QAAA,EAAS;AAAA,EACrB,UAAA,EAAY,EAAE,UAAA,EAAW;AAAA,EACzB,QAAA,EAAU,EAAE,QAAA;AACd,CAAC","file":"item.js","sourcesContent":["/**\n * tv.ts — a tailwind-variants factory pre-configured for the M3 typescale.\n *\n * The Tailwind v4 preset exposes the 15 typescale roles as `text-<role>`\n * font-size utilities (e.g. `text-body-small`, `text-label-large`). Stock\n * tailwind-merge does not know these custom names, so it groups them with the\n * `text-<color>` utilities and drops one when a slot sets both a color *and* a\n * typescale (the common M3 case). That silently strips either the color or the\n * type, breaking token compliance.\n *\n * Teaching tailwind-merge that the typescale names belong to the `font-size`\n * group keeps color and type independent, so both survive the merge.\n */\nimport { type TV, tv as baseTv } from 'tailwind-variants';\n\nconst TYPESCALE = [\n  'display-large',\n  'display-medium',\n  'display-small',\n  'headline-large',\n  'headline-medium',\n  'headline-small',\n  'title-large',\n  'title-medium',\n  'title-small',\n  'body-large',\n  'body-medium',\n  'body-small',\n  'label-large',\n  'label-medium',\n  'label-small',\n] as const;\n\nexport const tv: TV = (options, config) =>\n  baseTv(options, {\n    ...config,\n    twMergeConfig: {\n      extend: {\n        classGroups: {\n          'font-size': [{ text: [...TYPESCALE] }],\n        },\n      },\n    },\n  });\n","/**\n * item.ts — tailwind-variants slots for the M3 Item row primitive.\n *\n * The shared row layout: leading slot, overline/headline/supporting column and\n * trailing slot. Headline is `body-large`/`on-surface`, overline `label-small`,\n * supporting `body-medium`, leading/trailing `on-surface-variant`. Inert by\n * design — interactive surfaces wrap it. Same DOM as the VE build.\n */\nimport { createItem } from '@m3-baseui/core';\nimport { tv } from './tv';\n\nexport const itemTv = tv({\n  slots: {\n    root: [\n      'relative flex w-full items-center gap-4 box-border px-4 py-3 min-h-14 text-left',\n      'bg-transparent text-on-surface',\n    ],\n    leading: 'flex items-center justify-center shrink-0 text-on-surface-variant [&_svg]:size-6',\n    content: 'flex flex-col min-w-0 flex-1',\n    overline: 'text-label-small text-on-surface-variant',\n    headline: 'text-body-large text-on-surface',\n    supporting: 'text-body-medium text-on-surface-variant',\n    trailing: 'flex items-center shrink-0 text-label-small text-on-surface-variant [&_svg]:size-6',\n  },\n});\n\nconst s = itemTv();\nexport const Item = createItem({\n  root: s.root(),\n  leading: s.leading(),\n  content: s.content(),\n  overline: s.overline(),\n  headline: s.headline(),\n  supporting: s.supporting(),\n  trailing: s.trailing(),\n});\nexport type { ItemProps } from '@m3-baseui/core';\n"]}

package/dist/list.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tv.ts","../src/list.ts"],"names":["baseTv"],"mappings":";;;;;AAeA,IAAM,SAAA,GAAY;AAAA,EAChB,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,EAAA,GAAS,CAAC,OAAA,EAAS,MAAA,KAC9BA,KAAO,OAAA,EAAS;AAAA,EACd,GAAG,MAAA;AAAA,EACH,aAAA,EAAe;AAAA,IACb,MAAA,EAAQ;AAAA,MACN,WAAA,EAAa;AAAA,QACX,WAAA,EAAa,CAAC,EAAE,IAAA,EAAM,CAAC,GAAG,SAAS,GAAG;AAAA;AACxC;AACF;AAEJ,CAAC,CAAA;;;AC9BI,IAAM,SAAS,EAAA,CAAG;AAAA,EACvB,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,wCAAA;AAAA,IACN,IAAA,EAAM;AAAA,MACJ,yEAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,OAAA,EAAS,kFAAA;AAAA,IACT,OAAA,EAAS,8BAAA;AAAA,IACT,QAAA,EAAU,0EAAA;AAAA,IACV,UAAA,EAAY,mFAAA;AAAA,IACZ,QAAA,EAAU;AAAA,MACR,oFAAA;AAAA,MACA;AAAA;AACF,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,CAAA,EAAG,EAAE,IAAA,EAAM,eAAA,EAAgB;AAAA,MAC3B,CAAA,EAAG,EAAE,IAAA,EAAM,mBAAA,EAAoB;AAAA,MAC/B,CAAA,EAAG,EAAE,IAAA,EAAM,+BAAA;AAAgC,KAC7C;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,UACJ,yDAAA;AAAA,UACA,4IAAA;AAAA,UACA,kDAAA;AAAA,UACA,0DAAA;AAAA,UACA,qDAAA;AAAA,UACA,sEAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,OAAO;AAAC;AACV,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,CAAA;AAAA,IACP,WAAA,EAAa;AAAA;AAEjB,CAAC;AAEM,IAAM,OAAO,UAAA,CAAW;AAAA,EAC7B,IAAA,EAAM,MAAA,EAAO,CAAE,IAAA,EAAK;AAAA,EACpB,IAAA,EAAM,CAAC,EAAE,KAAA,EAAO,aAAY,KAAM;AAChC,IAAA,MAAM,CAAA,GAAI,MAAA,CAAO,EAAE,KAAA,EAAO,aAAa,CAAA;AACvC,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,EAAE,IAAA,EAAK;AAAA,MACb,OAAA,EAAS,EAAE,OAAA,EAAQ;AAAA,MACnB,OAAA,EAAS,EAAE,OAAA,EAAQ;AAAA,MACnB,QAAA,EAAU,EAAE,QAAA,EAAS;AAAA,MACrB,UAAA,EAAY,EAAE,UAAA,EAAW;AAAA,MACzB,QAAA,EAAU,EAAE,QAAA;AAAS,KACvB;AAAA,EACF;AACF,CAAC","file":"list.js","sourcesContent":["/**\n * tv.ts — a tailwind-variants factory pre-configured for the M3 typescale.\n *\n * The Tailwind v4 preset exposes the 15 typescale roles as `text-<role>`\n * font-size utilities (e.g. `text-body-small`, `text-label-large`). Stock\n * tailwind-merge does not know these custom names, so it groups them with the\n * `text-<color>` utilities and drops one when a slot sets both a color *and* a\n * typescale (the common M3 case). That silently strips either the color or the\n * type, breaking token compliance.\n *\n * Teaching tailwind-merge that the typescale names belong to the `font-size`\n * group keeps color and type independent, so both survive the merge.\n */\nimport { type TV, tv as baseTv } from 'tailwind-variants';\n\nconst TYPESCALE = [\n  'display-large',\n  'display-medium',\n  'display-small',\n  'headline-large',\n  'headline-medium',\n  'headline-small',\n  'title-large',\n  'title-medium',\n  'title-small',\n  'body-large',\n  'body-medium',\n  'body-small',\n  'label-large',\n  'label-medium',\n  'label-small',\n] as const;\n\nexport const tv: TV = (options, config) =>\n  baseTv(options, {\n    ...config,\n    twMergeConfig: {\n      extend: {\n        classGroups: {\n          'font-size': [{ text: [...TYPESCALE] }],\n        },\n      },\n    },\n  });\n","/**\n * list.ts — tailwind-variants slots for the M3 List.\n *\n * `surface` container with 8dp block padding; rows are 56/72/88dp for\n * one/two/three-line. Interactive rows get a `currentColor` state-layer\n * `::before` (the pointer ripple is added by the factory) and dim per-token when\n * `data-disabled`. Headline is `body-large`/`on-surface`, supporting\n * `body-medium`/`on-surface-variant`, leading/trailing `on-surface-variant`.\n * Same DOM as the VE build.\n */\nimport { createList } from '@m3-baseui/core';\nimport { tv } from './tv';\n\nexport const listTv = tv({\n  slots: {\n    root: 'list-none m-0 px-0 py-2 bg-transparent',\n    item: [\n      'group relative flex w-full items-center gap-4 box-border px-4 text-left',\n      'bg-transparent border-0 text-on-surface no-underline',\n    ],\n    leading: 'flex items-center justify-center shrink-0 text-on-surface-variant [&_svg]:size-6',\n    content: 'flex flex-col min-w-0 flex-1',\n    headline: 'text-body-large text-on-surface group-data-[disabled]:text-on-surface/38',\n    supporting: 'text-body-medium text-on-surface-variant group-data-[disabled]:text-on-surface/38',\n    trailing: [\n      'flex items-center shrink-0 text-label-small text-on-surface-variant [&_svg]:size-6',\n      'group-data-[disabled]:text-on-surface/38',\n    ],\n  },\n  variants: {\n    lines: {\n      1: { item: 'min-h-14 py-2' },\n      2: { item: 'min-h-[72px] py-2' },\n      3: { item: 'min-h-[88px] items-start py-3' },\n    },\n    interactive: {\n      true: {\n        item: [\n          'cursor-pointer select-none overflow-hidden outline-none',\n          'before:absolute before:inset-0 before:bg-current before:opacity-0 before:pointer-events-none before:transition-opacity before:duration-100',\n          'hover:before:opacity-[var(--md-sys-state-hover)]',\n          'focus-visible:before:opacity-[var(--md-sys-state-focus)]',\n          'active:before:opacity-[var(--md-sys-state-pressed)]',\n          'data-[disabled]:pointer-events-none data-[disabled]:before:opacity-0',\n          'disabled:pointer-events-none disabled:before:opacity-0',\n        ],\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    lines: 1,\n    interactive: false,\n  },\n});\n\nexport const List = createList({\n  root: listTv().root(),\n  item: ({ lines, interactive }) => {\n    const c = listTv({ lines, interactive });\n    return {\n      item: c.item(),\n      leading: c.leading(),\n      content: c.content(),\n      headline: c.headline(),\n      supporting: c.supporting(),\n      trailing: c.trailing(),\n    };\n  },\n});\nexport type { ListItemProps, ListItemLines } from '@m3-baseui/core';\n"]}

package/dist/loading-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tv.ts","../src/loading-indicator.ts"],"names":["baseTv"],"mappings":";;;;;AAeA,IAAM,SAAA,GAAY;AAAA,EAChB,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,EAAA,GAAS,CAAC,OAAA,EAAS,MAAA,KAC9BA,KAAO,OAAA,EAAS;AAAA,EACd,GAAG,MAAA;AAAA,EACH,aAAA,EAAe;AAAA,IACb,MAAA,EAAQ;AAAA,MACN,WAAA,EAAa;AAAA,QACX,WAAA,EAAa,CAAC,EAAE,IAAA,EAAM,CAAC,GAAG,SAAS,GAAG;AAAA;AACxC;AACF;AAEJ,CAAC,CAAA;;;AC/BI,IAAM,qBAAqB,EAAA,CAAG;AAAA,EACnC,KAAA,EAAO;AAAA;AAAA;AAAA,IAGL,IAAA,EAAM,2EAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,cAAA;AAAA;AAAA,MAEA;AAAA;AACF,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,EAAE,IAAA,EAAM,6CAAA,EAA8C;AAAA,MAC5D,OAAO;AAAC;AACV,GACF;AAAA,EACA,eAAA,EAAiB,EAAE,SAAA,EAAW,KAAA;AAChC,CAAC;AAEM,IAAM,gBAAA,GAAmB,sBAAA,CAAuB,CAAC,EAAE,WAAU,KAAM;AACxE,EAAA,MAAM,CAAA,GAAI,kBAAA,CAAmB,EAAE,SAAA,EAAW,CAAA;AAC1C,EAAA,OAAO,EAAE,MAAM,CAAA,CAAE,IAAA,IAAQ,SAAA,EAAW,CAAA,CAAE,WAAU,EAAE;AACpD,CAAC","file":"loading-indicator.js","sourcesContent":["/**\n * tv.ts — a tailwind-variants factory pre-configured for the M3 typescale.\n *\n * The Tailwind v4 preset exposes the 15 typescale roles as `text-<role>`\n * font-size utilities (e.g. `text-body-small`, `text-label-large`). Stock\n * tailwind-merge does not know these custom names, so it groups them with the\n * `text-<color>` utilities and drops one when a slot sets both a color *and* a\n * typescale (the common M3 case). That silently strips either the color or the\n * type, breaking token compliance.\n *\n * Teaching tailwind-merge that the typescale names belong to the `font-size`\n * group keeps color and type independent, so both survive the merge.\n */\nimport { type TV, tv as baseTv } from 'tailwind-variants';\n\nconst TYPESCALE = [\n  'display-large',\n  'display-medium',\n  'display-small',\n  'headline-large',\n  'headline-medium',\n  'headline-small',\n  'title-large',\n  'title-medium',\n  'title-small',\n  'body-large',\n  'body-medium',\n  'body-small',\n  'label-large',\n  'label-medium',\n  'label-small',\n] as const;\n\nexport const tv: TV = (options, config) =>\n  baseTv(options, {\n    ...config,\n    twMergeConfig: {\n      extend: {\n        classGroups: {\n          'font-size': [{ text: [...TYPESCALE] }],\n        },\n      },\n    },\n  });\n","/**\n * loading-indicator.ts — tailwind-variants slots for the M3 Expressive Loading\n * indicator.\n *\n * A 48dp box holding the morphing `primary` shape; the rotate+scale morph keys\n * off the `m3-loading` keyframe (see preset.css) and always runs (indeterminate\n * only). `contained` puts the shape on a `secondary-container` pill. Same DOM as\n * the VE build.\n */\nimport { createLoadingIndicator } from '@m3-baseui/core';\nimport { tv } from './tv';\n\nexport const loadingIndicatorTv = tv({\n  slots: {\n    // The SVG is a fixed 38dp active indicator. Uncontained: the box shrinks to\n    // the shape. Contained: a 48dp pill wraps it (5dp inset on each side).\n    root: 'inline-flex items-center justify-center [&_svg]:block [&_svg]:size-[38px]',\n    indicator: [\n      'fill-primary',\n      // Morph + rotate about the shape's own centre (transform-box: fill-box).\n      '[transform-box:fill-box] origin-center animate-m3-loading',\n    ],\n  },\n  variants: {\n    contained: {\n      true: { root: 'size-12 rounded-full bg-secondary-container' },\n      false: {},\n    },\n  },\n  defaultVariants: { contained: false },\n});\n\nexport const LoadingIndicator = createLoadingIndicator(({ contained }) => {\n  const s = loadingIndicatorTv({ contained });\n  return { root: s.root(), indicator: s.indicator() };\n});\nexport type { LoadingIndicatorProps } from '@m3-baseui/core';\n"]}