@usefragments/ui 1.7.0 → 2.0.0

package/dist/components/NavigationMenu/NavigationMenu.module.scss.js

@@ -1,32 +1,32 @@
-const root = "_root_5ym48_1";
-const list = "_list_5ym48_23";
-const viewport = "_viewport_5ym48_24";
-const hamburger = "_hamburger_5ym48_27";
-const rootVertical = "_rootVertical_5ym48_31";
-const listVertical = "_listVertical_5ym48_50";
-const trigger = "_trigger_5ym48_55";
-const triggerChevron = "_triggerChevron_5ym48_121";
-const content = "_content_5ym48_129";
-const link = "_link_5ym48_192";
-const linkActive = "_linkActive_5ym48_218";
-const linkStructured = "_linkStructured_5ym48_224";
-const linkIcon = "_linkIcon_5ym48_236";
-const linkBody = "_linkBody_5ym48_247";
-const linkTitle = "_linkTitle_5ym48_254";
-const linkDescription = "_linkDescription_5ym48_263";
-const linkFeatured = "_linkFeatured_5ym48_272";
-const indicator = "_indicator_5ym48_281";
-const drawerBackdrop = "_drawerBackdrop_5ym48_426";
-const drawer = "_drawer_5ym48_426";
-const drawerHeader = "_drawerHeader_5ym48_460";
-const drawerClose = "_drawerClose_5ym48_469";
-const drawerBody = "_drawerBody_5ym48_534";
-const drawerNav = "_drawerNav_5ym48_555";
-const drawerLink = "_drawerLink_5ym48_560";
-const drawerLinkActive = "_drawerLinkActive_5ym48_612";
-const drawerSectionLabel = "_drawerSectionLabel_5ym48_622";
-const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_5ym48_652";
-const drawerCollapsibleContent = "_drawerCollapsibleContent_5ym48_714";
+const root = "_root_be6ds_1";
+const list = "_list_be6ds_17";
+const viewport = "_viewport_be6ds_18";
+const hamburger = "_hamburger_be6ds_21";
+const rootVertical = "_rootVertical_be6ds_25";
+const listVertical = "_listVertical_be6ds_44";
+const trigger = "_trigger_be6ds_49";
+const triggerChevron = "_triggerChevron_be6ds_116";
+const content = "_content_be6ds_124";
+const link = "_link_be6ds_187";
+const linkActive = "_linkActive_be6ds_214";
+const linkStructured = "_linkStructured_be6ds_220";
+const linkIcon = "_linkIcon_be6ds_232";
+const linkBody = "_linkBody_be6ds_243";
+const linkTitle = "_linkTitle_be6ds_250";
+const linkDescription = "_linkDescription_be6ds_259";
+const linkFeatured = "_linkFeatured_be6ds_268";
+const indicator = "_indicator_be6ds_277";
+const drawerBackdrop = "_drawerBackdrop_be6ds_416";
+const drawer = "_drawer_be6ds_416";
+const drawerHeader = "_drawerHeader_be6ds_470";
+const drawerClose = "_drawerClose_be6ds_479";
+const drawerBody = "_drawerBody_be6ds_543";
+const drawerNav = "_drawerNav_be6ds_558";
+const drawerLink = "_drawerLink_be6ds_563";
+const drawerLinkActive = "_drawerLinkActive_be6ds_612";
+const drawerSectionLabel = "_drawerSectionLabel_be6ds_622";
+const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_be6ds_646";
+const drawerCollapsibleContent = "_drawerCollapsibleContent_be6ds_701";
 const styles = {
   root,
   list,

package/dist/components/Pagination/Pagination.module.scss.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const pagination = "_pagination_j3g9h_1";
-const list = "_list_j3g9h_7";
-const item = "_item_j3g9h_16";
-const itemActive = "_itemActive_j3g9h_57";
-const itemDisabled = "_itemDisabled_j3g9h_66";
-const ellipsis = "_ellipsis_j3g9h_72";
-const sm = "_sm_j3g9h_89";
-const md = "_md_j3g9h_105";
-const lg = "_lg_j3g9h_121";
-const navButton = "_navButton_j3g9h_137";
+const pagination = "_pagination_1ss0a_1";
+const list = "_list_1ss0a_7";
+const item = "_item_1ss0a_16";
+const itemActive = "_itemActive_1ss0a_57";
+const itemDisabled = "_itemDisabled_1ss0a_72";
+const ellipsis = "_ellipsis_1ss0a_78";
+const sm = "_sm_1ss0a_95";
+const md = "_md_1ss0a_111";
+const lg = "_lg_1ss0a_127";
+const navButton = "_navButton_1ss0a_143";
 const styles = {
   pagination,
   list,

package/dist/components/Pagination/Pagination.module.scss.js

@@ -1,13 +1,13 @@
-const pagination = "_pagination_j3g9h_1";
-const list = "_list_j3g9h_7";
-const item = "_item_j3g9h_16";
-const itemActive = "_itemActive_j3g9h_57";
-const itemDisabled = "_itemDisabled_j3g9h_66";
-const ellipsis = "_ellipsis_j3g9h_72";
-const sm = "_sm_j3g9h_89";
-const md = "_md_j3g9h_105";
-const lg = "_lg_j3g9h_121";
-const navButton = "_navButton_j3g9h_137";
+const pagination = "_pagination_1ss0a_1";
+const list = "_list_1ss0a_7";
+const item = "_item_1ss0a_16";
+const itemActive = "_itemActive_1ss0a_57";
+const itemDisabled = "_itemDisabled_1ss0a_72";
+const ellipsis = "_ellipsis_1ss0a_78";
+const sm = "_sm_1ss0a_95";
+const md = "_md_1ss0a_111";
+const lg = "_lg_1ss0a_127";
+const navButton = "_navButton_1ss0a_143";
 const styles = {
   pagination,
   list,

package/dist/components/Popover/Popover.module.scss.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const positioner = "_positioner_wq09b_1";
-const popup = "_popup_wq09b_6";
-const sm = "_sm_wq09b_49";
-const lg = "_lg_wq09b_54";
-const title = "_title_wq09b_59";
-const description = "_description_wq09b_69";
-const close = "_close_wq09b_79";
-const arrow = "_arrow_wq09b_165";
-const body = "_body_wq09b_189";
-const footer = "_footer_wq09b_193";
+const positioner = "_positioner_1ltdu_1";
+const popup = "_popup_1ltdu_6";
+const sm = "_sm_1ltdu_50";
+const lg = "_lg_1ltdu_55";
+const title = "_title_1ltdu_60";
+const description = "_description_1ltdu_70";
+const close = "_close_1ltdu_81";
+const arrow = "_arrow_1ltdu_168";
+const body = "_body_1ltdu_192";
+const footer = "_footer_1ltdu_196";
 const styles = {
   positioner,
   popup,

package/dist/components/Popover/Popover.module.scss.js

@@ -1,13 +1,13 @@
-const positioner = "_positioner_wq09b_1";
-const popup = "_popup_wq09b_6";
-const sm = "_sm_wq09b_49";
-const lg = "_lg_wq09b_54";
-const title = "_title_wq09b_59";
-const description = "_description_wq09b_69";
-const close = "_close_wq09b_79";
-const arrow = "_arrow_wq09b_165";
-const body = "_body_wq09b_189";
-const footer = "_footer_wq09b_193";
+const positioner = "_positioner_1ltdu_1";
+const popup = "_popup_1ltdu_6";
+const sm = "_sm_1ltdu_50";
+const lg = "_lg_1ltdu_55";
+const title = "_title_1ltdu_60";
+const description = "_description_1ltdu_70";
+const close = "_close_1ltdu_81";
+const arrow = "_arrow_1ltdu_168";
+const body = "_body_1ltdu_192";
+const footer = "_footer_1ltdu_196";
 const styles = {
   positioner,
   popup,

package/dist/components/Progress/Progress.module.scss.cjs

@@ -1,30 +1,31 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_cypmg_1";
-const header = "_header_cypmg_8";
-const label = "_label_cypmg_20";
-const value = "_value_cypmg_24";
-const track = "_track_cypmg_29";
-const trackSm = "_trackSm_cypmg_38";
-const trackMd = "_trackMd_cypmg_45";
-const trackLg = "_trackLg_cypmg_52";
-const indicator = "_indicator_cypmg_59";
-const indicatorNeutral = "_indicatorNeutral_cypmg_66";
-const indicatorSuccess = "_indicatorSuccess_cypmg_70";
-const indicatorWarning = "_indicatorWarning_cypmg_74";
-const indicatorDanger = "_indicatorDanger_cypmg_78";
-const indicatorIndeterminate = "_indicatorIndeterminate_cypmg_82";
-const circular = "_circular_cypmg_98";
-const circularSvg = "_circularSvg_cypmg_107";
-const circularTrack = "_circularTrack_cypmg_113";
-const circularIndicator = "_circularIndicator_cypmg_118";
-const circularIndicatorSuccess = "_circularIndicatorSuccess_cypmg_126";
-const circularIndicatorWarning = "_circularIndicatorWarning_cypmg_130";
-const circularIndicatorDanger = "_circularIndicatorDanger_cypmg_134";
-const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_cypmg_138";
-const circularValue = "_circularValue_cypmg_155";
-const circularValueCompact = "_circularValueCompact_cypmg_161";
-const circularValueStandard = "_circularValueStandard_cypmg_169";
+const root = "_root_157pr_1";
+const header = "_header_157pr_8";
+const label = "_label_157pr_20";
+const value = "_value_157pr_24";
+const track = "_track_157pr_29";
+const trackSm = "_trackSm_157pr_38";
+const trackMd = "_trackMd_157pr_45";
+const trackLg = "_trackLg_157pr_52";
+const indicator = "_indicator_157pr_59";
+const indicatorNeutral = "_indicatorNeutral_157pr_66";
+const indicatorSuccess = "_indicatorSuccess_157pr_70";
+const indicatorWarning = "_indicatorWarning_157pr_74";
+const indicatorDanger = "_indicatorDanger_157pr_78";
+const indicatorIndeterminate = "_indicatorIndeterminate_157pr_82";
+const circular = "_circular_157pr_98";
+const circularSvg = "_circularSvg_157pr_107";
+const circularTrack = "_circularTrack_157pr_113";
+const circularIndicator = "_circularIndicator_157pr_118";
+const circularIndicatorNeutral = "_circularIndicatorNeutral_157pr_126";
+const circularIndicatorSuccess = "_circularIndicatorSuccess_157pr_130";
+const circularIndicatorWarning = "_circularIndicatorWarning_157pr_134";
+const circularIndicatorDanger = "_circularIndicatorDanger_157pr_138";
+const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_157pr_142";
+const circularValue = "_circularValue_157pr_159";
+const circularValueCompact = "_circularValueCompact_157pr_165";
+const circularValueStandard = "_circularValueStandard_157pr_173";
 const styles = {
   root,
   header,
@@ -44,6 +45,7 @@ const styles = {
   circularSvg,
   circularTrack,
   circularIndicator,
+  circularIndicatorNeutral,
   circularIndicatorSuccess,
   circularIndicatorWarning,
   circularIndicatorDanger,
@@ -56,6 +58,7 @@ exports.circular = circular;
 exports.circularIndicator = circularIndicator;
 exports.circularIndicatorDanger = circularIndicatorDanger;
 exports.circularIndicatorIndeterminate = circularIndicatorIndeterminate;
+exports.circularIndicatorNeutral = circularIndicatorNeutral;
 exports.circularIndicatorSuccess = circularIndicatorSuccess;
 exports.circularIndicatorWarning = circularIndicatorWarning;
 exports.circularSvg = circularSvg;

package/dist/components/Progress/Progress.module.scss.js

@@ -1,28 +1,29 @@
-const root = "_root_cypmg_1";
-const header = "_header_cypmg_8";
-const label = "_label_cypmg_20";
-const value = "_value_cypmg_24";
-const track = "_track_cypmg_29";
-const trackSm = "_trackSm_cypmg_38";
-const trackMd = "_trackMd_cypmg_45";
-const trackLg = "_trackLg_cypmg_52";
-const indicator = "_indicator_cypmg_59";
-const indicatorNeutral = "_indicatorNeutral_cypmg_66";
-const indicatorSuccess = "_indicatorSuccess_cypmg_70";
-const indicatorWarning = "_indicatorWarning_cypmg_74";
-const indicatorDanger = "_indicatorDanger_cypmg_78";
-const indicatorIndeterminate = "_indicatorIndeterminate_cypmg_82";
-const circular = "_circular_cypmg_98";
-const circularSvg = "_circularSvg_cypmg_107";
-const circularTrack = "_circularTrack_cypmg_113";
-const circularIndicator = "_circularIndicator_cypmg_118";
-const circularIndicatorSuccess = "_circularIndicatorSuccess_cypmg_126";
-const circularIndicatorWarning = "_circularIndicatorWarning_cypmg_130";
-const circularIndicatorDanger = "_circularIndicatorDanger_cypmg_134";
-const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_cypmg_138";
-const circularValue = "_circularValue_cypmg_155";
-const circularValueCompact = "_circularValueCompact_cypmg_161";
-const circularValueStandard = "_circularValueStandard_cypmg_169";
+const root = "_root_157pr_1";
+const header = "_header_157pr_8";
+const label = "_label_157pr_20";
+const value = "_value_157pr_24";
+const track = "_track_157pr_29";
+const trackSm = "_trackSm_157pr_38";
+const trackMd = "_trackMd_157pr_45";
+const trackLg = "_trackLg_157pr_52";
+const indicator = "_indicator_157pr_59";
+const indicatorNeutral = "_indicatorNeutral_157pr_66";
+const indicatorSuccess = "_indicatorSuccess_157pr_70";
+const indicatorWarning = "_indicatorWarning_157pr_74";
+const indicatorDanger = "_indicatorDanger_157pr_78";
+const indicatorIndeterminate = "_indicatorIndeterminate_157pr_82";
+const circular = "_circular_157pr_98";
+const circularSvg = "_circularSvg_157pr_107";
+const circularTrack = "_circularTrack_157pr_113";
+const circularIndicator = "_circularIndicator_157pr_118";
+const circularIndicatorNeutral = "_circularIndicatorNeutral_157pr_126";
+const circularIndicatorSuccess = "_circularIndicatorSuccess_157pr_130";
+const circularIndicatorWarning = "_circularIndicatorWarning_157pr_134";
+const circularIndicatorDanger = "_circularIndicatorDanger_157pr_138";
+const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_157pr_142";
+const circularValue = "_circularValue_157pr_159";
+const circularValueCompact = "_circularValueCompact_157pr_165";
+const circularValueStandard = "_circularValueStandard_157pr_173";
 const styles = {
   root,
   header,
@@ -42,6 +43,7 @@ const styles = {
   circularSvg,
   circularTrack,
   circularIndicator,
+  circularIndicatorNeutral,
   circularIndicatorSuccess,
   circularIndicatorWarning,
   circularIndicatorDanger,
@@ -55,6 +57,7 @@ export {
   circularIndicator,
   circularIndicatorDanger,
   circularIndicatorIndeterminate,
+  circularIndicatorNeutral,
   circularIndicatorSuccess,
   circularIndicatorWarning,
   circularSvg,

package/dist/components/Progress/index.cjs

@@ -5,12 +5,26 @@ const jsxRuntime = require("react/jsx-runtime");
 const progress = require("@base-ui/react/progress");
 const geometry = require("./geometry.cjs");
 const Progress_module = require("./Progress.module.scss.cjs");
+const INDICATOR_TONE_CLASS = {
+  accent: void 0,
+  neutral: Progress_module.default.indicatorNeutral,
+  success: Progress_module.default.indicatorSuccess,
+  warning: Progress_module.default.indicatorWarning,
+  danger: Progress_module.default.indicatorDanger
+};
+const CIRCULAR_TONE_CLASS = {
+  accent: void 0,
+  neutral: Progress_module.default.circularIndicatorNeutral,
+  success: Progress_module.default.circularIndicatorSuccess,
+  warning: Progress_module.default.circularIndicatorWarning,
+  danger: Progress_module.default.circularIndicatorDanger
+};
 function ProgressRoot({
   value = null,
   min = 0,
   max = 100,
   size = "md",
-  variant = "default",
+  tone = "accent",
   label,
   showValue = false,
   formatValue,
@@ -33,10 +47,7 @@ function ProgressRoot({
   ].filter(Boolean).join(" ");
   const indicatorClasses = [
     Progress_module.default.indicator,
-    variant === "neutral" && Progress_module.default.indicatorNeutral,
-    variant === "success" && Progress_module.default.indicatorSuccess,
-    variant === "warning" && Progress_module.default.indicatorWarning,
-    variant === "danger" && Progress_module.default.indicatorDanger,
+    INDICATOR_TONE_CLASS[tone],
     isIndeterminate && Progress_module.default.indicatorIndeterminate
   ].filter(Boolean).join(" ");
   const rootClasses = [Progress_module.default.root, className].filter(Boolean).join(" ");
@@ -73,7 +84,7 @@ function ProgressRoot({
 function CircularProgressRoot({
   value = null,
   size = "md",
-  variant = "default",
+  tone = "accent",
   showValue = false,
   strokeWidth: customStrokeWidth,
   className,
@@ -92,17 +103,15 @@ function CircularProgressRoot({
   const offset = circumference - percentage / 100 * circumference;
   const indicatorClasses = [
     Progress_module.default.circularIndicator,
-    variant === "success" && Progress_module.default.circularIndicatorSuccess,
-    variant === "warning" && Progress_module.default.circularIndicatorWarning,
-    variant === "danger" && Progress_module.default.circularIndicatorDanger,
+    CIRCULAR_TONE_CLASS[tone],
     isIndeterminate && Progress_module.default.circularIndicatorIndeterminate
   ].filter(Boolean).join(" ");
   const rootClasses = [Progress_module.default.circular, className].filter(Boolean).join(" ");
   const effectiveValueText = ariaValueText || (isIndeterminate ? "Loading" : `${Math.round(percentage)} percent`);
   const circularStyle = {
-    "--_progress-diameter": `${geometry$1.diameter}px`,
-    "--_progress-dash-full": circumference,
-    "--_progress-dash-quarter": circumference / 4,
+    "--fui-progress-diameter": `${geometry$1.diameter}px`,
+    "--fui-progress-dash-full": circumference,
+    "--fui-progress-dash-quarter": circumference / 4,
     ...styleProp
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(

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

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { type ProgressSize } from "./geometry";
+export type ProgressTone = "accent" | "neutral" | "success" | "warning" | "danger";
 export interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue"> {
     /** Current progress value (0-100). Null for indeterminate. */
     value?: number | null;
@@ -9,8 +10,10 @@ export interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     max?: number;
     /** Size of the progress bar */
     size?: ProgressSize;
-    /** Color variant */
-    variant?: "default" | "neutral" | "success" | "warning" | "danger";
+    /** Colour. `accent` is the plain bar; `neutral` reads as a meter whose
+     * maximum is not a success; the semantic tones carry state.
+     * @default "accent" */
+    tone?: ProgressTone;
     /** Label text */
     label?: string;
     /** Show percentage value */
@@ -23,15 +26,16 @@ export interface CircularProgressProps extends React.HTMLAttributes<HTMLDivEleme
     value?: number | null;
     /** Size of the circular progress */
     size?: ProgressSize;
-    /** Color variant */
-    variant?: "default" | "success" | "warning" | "danger";
+    /** Colour, same axis as the bar.
+     * @default "accent" */
+    tone?: ProgressTone;
     /** Show percentage in center */
     showValue?: boolean;
     /** Stroke width */
     strokeWidth?: number;
 }
-declare function ProgressRoot({ value, min, max, size, variant, label, showValue, formatValue, className, role, "aria-label": ariaLabel, "aria-valuetext": ariaValueText, ...htmlProps }: ProgressProps): import("react/jsx-runtime").JSX.Element;
-declare function CircularProgressRoot({ value, size, variant, showValue, strokeWidth: customStrokeWidth, className, style: styleProp, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-valuetext": ariaValueText, ...htmlProps }: CircularProgressProps): import("react/jsx-runtime").JSX.Element;
+declare function ProgressRoot({ value, min, max, size, tone, label, showValue, formatValue, className, role, "aria-label": ariaLabel, "aria-valuetext": ariaValueText, ...htmlProps }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+declare function CircularProgressRoot({ value, size, tone, showValue, strokeWidth: customStrokeWidth, className, style: styleProp, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-valuetext": ariaValueText, ...htmlProps }: CircularProgressProps): import("react/jsx-runtime").JSX.Element;
 export declare const CircularProgress: typeof CircularProgressRoot;
 export declare const Progress: typeof ProgressRoot & {
     Root: typeof ProgressRoot;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,YAAY,CAAC;AAOpB,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC/F,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACnE,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oCAAoC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,YAAY,CAAC,EACpB,KAAY,EACZ,GAAO,EACP,GAAS,EACT,IAAW,EACX,OAAmB,EACnB,KAAK,EACL,SAAiB,EACjB,WAAW,EACX,SAAS,EACT,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,gBAAgB,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,aAAa,2CAoEf;AAMD,iBAAS,oBAAoB,CAAC,EAC5B,KAAY,EACZ,IAAW,EACX,OAAmB,EACnB,SAAiB,EACjB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,gBAAgB,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAuFvB;AAED,eAAO,MAAM,gBAAgB,6BAAuB,CAAC;AAErD,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,YAAY,CAAC;AAOpB,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnF,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC/F,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;2BAEuB;IACvB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oCAAoC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;2BACuB;IACvB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAsBD,iBAAS,YAAY,CAAC,EACpB,KAAY,EACZ,GAAO,EACP,GAAS,EACT,IAAW,EACX,IAAe,EACf,KAAK,EACL,SAAiB,EACjB,WAAW,EACX,SAAS,EACT,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,gBAAgB,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,aAAa,2CAiEf;AAMD,iBAAS,oBAAoB,CAAC,EAC5B,KAAY,EACZ,IAAW,EACX,IAAe,EACf,SAAiB,EACjB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,gBAAgB,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAuFvB;AAED,eAAO,MAAM,gBAAgB,6BAAuB,CAAC;AAErD,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}

package/dist/components/Progress/index.js

@@ -3,12 +3,26 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { Progress as Progress$1 } from "@base-ui/react/progress";
 import { CIRCULAR_PROGRESS_GEOMETRY, resolveCircularStrokeWidth } from "./geometry.js";
 import styles from "./Progress.module.scss.js";
+const INDICATOR_TONE_CLASS = {
+  accent: void 0,
+  neutral: styles.indicatorNeutral,
+  success: styles.indicatorSuccess,
+  warning: styles.indicatorWarning,
+  danger: styles.indicatorDanger
+};
+const CIRCULAR_TONE_CLASS = {
+  accent: void 0,
+  neutral: styles.circularIndicatorNeutral,
+  success: styles.circularIndicatorSuccess,
+  warning: styles.circularIndicatorWarning,
+  danger: styles.circularIndicatorDanger
+};
 function ProgressRoot({
   value = null,
   min = 0,
   max = 100,
   size = "md",
-  variant = "default",
+  tone = "accent",
   label,
   showValue = false,
   formatValue,
@@ -31,10 +45,7 @@ function ProgressRoot({
   ].filter(Boolean).join(" ");
   const indicatorClasses = [
     styles.indicator,
-    variant === "neutral" && styles.indicatorNeutral,
-    variant === "success" && styles.indicatorSuccess,
-    variant === "warning" && styles.indicatorWarning,
-    variant === "danger" && styles.indicatorDanger,
+    INDICATOR_TONE_CLASS[tone],
     isIndeterminate && styles.indicatorIndeterminate
   ].filter(Boolean).join(" ");
   const rootClasses = [styles.root, className].filter(Boolean).join(" ");
@@ -71,7 +82,7 @@ function ProgressRoot({
 function CircularProgressRoot({
   value = null,
   size = "md",
-  variant = "default",
+  tone = "accent",
   showValue = false,
   strokeWidth: customStrokeWidth,
   className,
@@ -90,17 +101,15 @@ function CircularProgressRoot({
   const offset = circumference - percentage / 100 * circumference;
   const indicatorClasses = [
     styles.circularIndicator,
-    variant === "success" && styles.circularIndicatorSuccess,
-    variant === "warning" && styles.circularIndicatorWarning,
-    variant === "danger" && styles.circularIndicatorDanger,
+    CIRCULAR_TONE_CLASS[tone],
     isIndeterminate && styles.circularIndicatorIndeterminate
   ].filter(Boolean).join(" ");
   const rootClasses = [styles.circular, className].filter(Boolean).join(" ");
   const effectiveValueText = ariaValueText || (isIndeterminate ? "Loading" : `${Math.round(percentage)} percent`);
   const circularStyle = {
-    "--_progress-diameter": `${geometry.diameter}px`,
-    "--_progress-dash-full": circumference,
-    "--_progress-dash-quarter": circumference / 4,
+    "--fui-progress-diameter": `${geometry.diameter}px`,
+    "--fui-progress-dash-full": circumference,
+    "--fui-progress-dash-quarter": circumference / 4,
     ...styleProp
   };
   return /* @__PURE__ */ jsxs(

package/dist/components/Prompt/Prompt.module.scss.cjs

@@ -1,38 +1,38 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const prompt = "_prompt_ef54k_1";
-const fixed = "_fixed_ef54k_60";
-const sticky = "_sticky_ef54k_71";
-const seamless = "_seamless_ef54k_86";
-const toolbar = "_toolbar_ef54k_99";
-const textarea = "_textarea_ef54k_104";
-const attachments = "_attachments_ef54k_107";
-const tabs = "_tabs_ef54k_112";
-const tabsInner = "_tabsInner_ef54k_120";
-const attach = "_attach_ef54k_107";
-const select = "_select_ef54k_138";
-const modeButton = "_modeButton_ef54k_139";
-const submit = "_submit_ef54k_170";
-const tabButton = "_tabButton_ef54k_234";
-const tabButtonActive = "_tabButtonActive_ef54k_284";
-const actions = "_actions_ef54k_299";
-const info = "_info_ef54k_306";
-const actionButton = "_actionButton_ef54k_313";
-const modeButtonActive = "_modeButtonActive_ef54k_456";
-const attachment = "_attachment_ef54k_107";
-const attachmentThumb = "_attachmentThumb_ef54k_574";
-const attachmentName = "_attachmentName_ef54k_582";
-const attachmentSize = "_attachmentSize_ef54k_590";
-const attachmentRemove = "_attachmentRemove_ef54k_596";
-const dragging = "_dragging_ef54k_678";
-const usage = "_usage_ef54k_686";
-const submitLoading = "_submitLoading_ef54k_768";
-const submitSpinner = "_submitSpinner_ef54k_772";
+const prompt = "_prompt_11mxt_1";
+const fixed = "_fixed_11mxt_61";
+const sticky = "_sticky_11mxt_72";
+const ghost = "_ghost_11mxt_87";
+const toolbar = "_toolbar_11mxt_100";
+const textarea = "_textarea_11mxt_105";
+const attachments = "_attachments_11mxt_108";
+const tabs = "_tabs_11mxt_113";
+const tabsInner = "_tabsInner_11mxt_121";
+const attach = "_attach_11mxt_108";
+const select = "_select_11mxt_139";
+const modeButton = "_modeButton_11mxt_140";
+const submit = "_submit_11mxt_171";
+const tabButton = "_tabButton_11mxt_236";
+const tabButtonActive = "_tabButtonActive_11mxt_286";
+const actions = "_actions_11mxt_302";
+const info = "_info_11mxt_309";
+const actionButton = "_actionButton_11mxt_316";
+const modeButtonActive = "_modeButtonActive_11mxt_460";
+const attachment = "_attachment_11mxt_108";
+const attachmentThumb = "_attachmentThumb_11mxt_575";
+const attachmentName = "_attachmentName_11mxt_583";
+const attachmentSize = "_attachmentSize_11mxt_591";
+const attachmentRemove = "_attachmentRemove_11mxt_597";
+const dragging = "_dragging_11mxt_679";
+const usage = "_usage_11mxt_687";
+const submitLoading = "_submitLoading_11mxt_766";
+const submitSpinner = "_submitSpinner_11mxt_770";
 const styles = {
   prompt,
   fixed,
   sticky,
-  seamless,
+  ghost,
   toolbar,
   textarea,
   attachments,
@@ -70,11 +70,11 @@ exports.attachments = attachments;
 exports.default = styles;
 exports.dragging = dragging;
 exports.fixed = fixed;
+exports.ghost = ghost;
 exports.info = info;
 exports.modeButton = modeButton;
 exports.modeButtonActive = modeButtonActive;
 exports.prompt = prompt;
-exports.seamless = seamless;
 exports.select = select;
 exports.sticky = sticky;
 exports.submit = submit;