@servicetitan/anvil2 3.0.2 → 3.0.4

package/dist/NumberField-D7YYo4Rl.js

@@ -0,0 +1,250 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { forwardRef, useRef, useId, isValidElement } from 'react';
+import { c as cx } from './index-De1g9FRV.js';
+import { S as Spinner } from './Spinner-B7tTWcP6.js';
+import { t as textFieldStyles } from './TextField.module-DkZwywjf.js';
+import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
+import { B as Button } from './Button-C_V2xQAs.js';
+import { I as Icon } from './Icon-feeG7gXA.js';
+import { S as SvgAdd } from './add-BcQkAUip.js';
+import { F as FieldLabel } from './FieldLabel-xV6EdVwo.js';
+import { u as useNumberField } from './useNumberField-D_ic9i2q.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { u as useFocusWithin } from './useFocusWithin-hi77jsrB.js';
+import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
+import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
+import { s as stripInlineMarkdown } from './stripInlineMarkdown-D_eHogvh.js';
+import { H as Helper } from './Helper-B_VAFgGd.js';
+
+import './NumberField.css';const small = "_small_1n8zj_31";
+const large = "_large_1n8zj_36";
+const numberFieldStyles = {
+	"stepper-buttons": "_stepper-buttons_1n8zj_1",
+	"stepper-button": "_stepper-button_1n8zj_1",
+	small: small,
+	large: large
+};
+
+const SvgRemove = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1z" }));
+
+const NumberField = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      error,
+      errorAriaLive: _errorAriaLive,
+      defaultValue: defaultValueProp,
+      value: valueProp,
+      label,
+      moreInfo,
+      prefix,
+      suffix,
+      size,
+      required,
+      onChange: onChangeProp,
+      onFocus: onFocusProp,
+      onBlur: onBlurProp,
+      id: idProp,
+      description,
+      hint,
+      warning,
+      loading,
+      disabled,
+      readOnly,
+      labelProps,
+      style,
+      placeholder,
+      minValue,
+      maxValue,
+      maximumFractionDigits = 0,
+      minimumFractionDigits = 0,
+      step = 1,
+      hideControls = false,
+      hideLabel = false,
+      ...rest
+    } = componentProps;
+    const numberFieldRef = useRef(null);
+    const { props: wrapperProps } = useFocusWithin({
+      onFocus: (e) => {
+        onFocusProp?.(e);
+      },
+      onBlur: (e) => {
+        onBlurProp?.(e);
+      }
+    });
+    const { inputProps, inputRef, incrementButtonProps, decrementButtonProps } = useNumberField({
+      minValue,
+      maxValue,
+      maximumFractionDigits,
+      minimumFractionDigits,
+      step,
+      value: valueProp,
+      defaultValue: defaultValueProp,
+      onChange: onChangeProp,
+      label,
+      readOnly
+    });
+    const combinedInputRef = useMergeRefs([numberFieldRef, inputRef, ref]);
+    const labelUid = useId();
+    const id = idProp ?? labelUid;
+    const prefixUid = useId();
+    const suffixUid = useId();
+    const helperUid = useId();
+    const moreInfoUid = useId();
+    warnDeprecatedErrorUsage("NumberField", error);
+    if (label === void 0) {
+      warnOnce(
+        "NumberField: label will be required in v4.0.0. Use hideLabel to visually hide the label."
+      );
+    }
+    const errorMessages = typeof error === "boolean" || error === void 0 ? void 0 : error;
+    const hasHelperText = hint || errorMessages || warning || description;
+    const ariaDescribedBy = [hasHelperText && helperUid, moreInfo && moreInfoUid].filter(Boolean).join(" ") || void 0;
+    const styleCombined = { ...style, ...layoutStyles };
+    const data = {
+      label: childrenToString(props.label),
+      prefix: childrenToString(props.prefix),
+      suffix: childrenToString(props.suffix),
+      description: childrenToString(props.description),
+      size: props.size,
+      minValue: props.minValue,
+      maxValue: props.maxValue,
+      step: props.step,
+      maximumFractionDigits: props.maximumFractionDigits,
+      minimumFractionDigits: props.minimumFractionDigits
+    };
+    const trackingId = useTrackingId({
+      name: "NumberField",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cx(textFieldStyles["textfield"], className),
+        "data-anv": "number-field",
+        style: styleCombined,
+        ...wrapperProps,
+        children: [
+          label && !hideLabel && /* @__PURE__ */ jsx(
+            FieldLabel,
+            {
+              moreInfo,
+              moreInfoId: moreInfo ? moreInfoUid : void 0,
+              required,
+              htmlFor: id,
+              ...labelProps,
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cx(textFieldStyles["input-wrapper"], {
+                [textFieldStyles["small"]]: size === "small",
+                [textFieldStyles["large"]]: size === "large",
+                [numberFieldStyles["small"]]: size === "small",
+                [numberFieldStyles["large"]]: size === "large"
+              }),
+              role: "presentation",
+              onClick: () => numberFieldRef.current?.focus(),
+              children: [
+                prefix ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "aria-hidden": true,
+                    className: textFieldStyles["prefix"],
+                    id: `prefix${prefixUid}`,
+                    children: prefix
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    id,
+                    className: cx(textFieldStyles["input"], {
+                      [textFieldStyles["error"]]: error
+                    }),
+                    "data-tracking-id": trackingId,
+                    ...rest,
+                    ...inputProps,
+                    required,
+                    placeholder,
+                    readOnly,
+                    disabled,
+                    ref: combinedInputRef,
+                    "aria-label": (
+                      // TODO(v4.0.0): remove typeof check — label will always be string
+                      hideLabel && typeof label === "string" ? stripInlineMarkdown(label) : label ? void 0 : placeholder
+                    ),
+                    "aria-describedby": ariaDescribedBy,
+                    "aria-invalid": error ? !!error : void 0
+                  }
+                ),
+                loading ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: textFieldStyles["loading-spinner-wrapper"],
+                    "data-testid": "spinner",
+                    children: /* @__PURE__ */ jsx(Spinner, { size: "small" })
+                  }
+                ) : null,
+                suffix ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: textFieldStyles["suffix"],
+                    "aria-hidden": true,
+                    id: `suffix${suffixUid}`,
+                    children: suffix
+                  }
+                ) : null,
+                !hideControls && !disabled && !readOnly && /* @__PURE__ */ jsxs("div", { className: numberFieldStyles["stepper-buttons"], children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      appearance: "secondary",
+                      size: "small",
+                      className: numberFieldStyles["stepper-button"],
+                      ...decrementButtonProps,
+                      children: /* @__PURE__ */ jsx(Icon, { svg: SvgRemove })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      appearance: "secondary",
+                      size: "small",
+                      className: numberFieldStyles["stepper-button"],
+                      ...incrementButtonProps,
+                      children: /* @__PURE__ */ jsx(Icon, { svg: SvgAdd })
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          hasHelperText ? /* @__PURE__ */ jsx(
+            Helper,
+            {
+              id: helperUid,
+              hint,
+              showCounter: false,
+              error: typeof errorMessages === "string" || Array.isArray(errorMessages) ? errorMessages : void 0,
+              warning,
+              errorMessage: isValidElement(errorMessages) ? errorMessages : void 0,
+              description
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+NumberField.displayName = "NumberField";
+
+export { NumberField as N };
+//# sourceMappingURL=NumberField-D7YYo4Rl.js.map

package/dist/NumberField-D7YYo4Rl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField-D7YYo4Rl.js","sources":["../../hammer-icon/mdi/round/remove.svg","../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgRemove = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgRemove;\n","import {\n  ReactElement,\n  forwardRef,\n  isValidElement,\n  ComponentPropsWithoutRef,\n  useId,\n  useRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport { Spinner } from \"../Spinner\";\nimport textFieldStyles from \"../TextField/TextField.module.scss\";\nimport numberFieldStyles from \"./NumberField.module.scss\";\nimport { Helper, HelperProps } from \"../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../FieldMessage\";\nimport { LayoutUtilProps, Size, DataTrackingId } from \"../../types\";\nimport { useMergeRefs, useTrackingId } from \"../../hooks\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport IconAdd from \"@servicetitan/hammer-icon/mdi/round/add.svg\";\nimport IconRemove from \"@servicetitan/hammer-icon/mdi/round/remove.svg\";\nimport {\n  useFocusWithin,\n  useLayoutPropsUtil,\n  useNumberField,\n} from \"../../internal/hooks\";\nimport {\n  childrenToString,\n  stripInlineMarkdown,\n  warnOnce,\n} from \"../../internal/functions\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport { FieldLabelProps } from \"../../internal/types\";\n\n/**\n * Props for the NumberField component.\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"prefix\" | \"type\" | \"inputMode\" | \"value\" | \"defaultValue\" | \"onFocus\" | \"onBlur\" | \"onChange\">\n * @extends LayoutUtilProps\n * @extends FieldLabelProps\n * @extends DataTrackingId\n */\nexport type NumberFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  | \"size\"\n  | \"prefix\"\n  | \"type\"\n  | \"inputMode\"\n  | \"value\"\n  | \"defaultValue\"\n  | \"onFocus\"\n  | \"onBlur\"\n  | \"onChange\"\n> &\n  LayoutUtilProps &\n  FieldLabelProps & {\n    /**\n     * Error state for the field. Pass `true` to indicate error styling without a message.\n     * Pass a string, string[], or ReactElement (deprecated) for error messages.\n     */\n    error?: boolean | string | ReactElement | string[];\n    // TODO(v4.0.0): make label required\n    /**\n     * Label for the field.\n     * Omitting `label` is deprecated — it will be required in v4.0.0. Use `hideLabel` to visually hide it.\n     */\n    label?: string;\n    /**\n     * When `true`, hides the visible label and moves it to `aria-label` on the input.\n     * Requires `label` to be set — the label is always needed for accessibility.\n     * @default false\n     */\n    hideLabel?: boolean;\n    prefix?: string;\n    suffix?: string;\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n    description?: HelperProps[\"description\"];\n    /**\n     * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n     */\n    errorAriaLive?: HelperProps[\"errorAriaLive\"];\n    hint?: HelperProps[\"hint\"];\n    /**\n     * Warning message(s) to display. Supports a single string or an array of strings.\n     */\n    warning?: string | string[];\n    loading?: boolean;\n    disabled?: boolean;\n    minValue?: number;\n    maxValue?: number;\n    maximumFractionDigits?: number;\n    minimumFractionDigits?: number;\n    step?: number;\n    value?: number | null;\n    defaultValue?: number | null;\n    onChange?: (value: number | null) => void;\n    onFocus?: (event: React.FocusEvent) => void;\n    onBlur?: (event: React.FocusEvent) => void;\n    hideControls?: boolean;\n  } & DataTrackingId;\n\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      error,\n      errorAriaLive: _errorAriaLive,\n      defaultValue: defaultValueProp,\n      value: valueProp,\n      label,\n      moreInfo,\n      prefix,\n      suffix,\n      size,\n      required,\n      onChange: onChangeProp,\n      onFocus: onFocusProp,\n      onBlur: onBlurProp,\n      id: idProp,\n      description,\n      hint,\n      warning,\n      loading,\n      disabled,\n      readOnly,\n      labelProps,\n      style,\n      placeholder,\n      minValue,\n      maxValue,\n      maximumFractionDigits = 0,\n      minimumFractionDigits = 0,\n      step = 1,\n      hideControls = false,\n      hideLabel = false,\n      ...rest\n    } = componentProps;\n    const numberFieldRef = useRef<HTMLDivElement>(null);\n\n    const { props: wrapperProps } = useFocusWithin({\n      onFocus: (e) => {\n        onFocusProp?.(e);\n      },\n      onBlur: (e) => {\n        onBlurProp?.(e);\n      },\n    });\n\n    const { inputProps, inputRef, incrementButtonProps, decrementButtonProps } =\n      useNumberField({\n        minValue,\n        maxValue,\n        maximumFractionDigits,\n        minimumFractionDigits,\n        step,\n        value: valueProp,\n        defaultValue: defaultValueProp,\n        onChange: onChangeProp,\n        label,\n        readOnly,\n      });\n\n    const combinedInputRef = useMergeRefs([numberFieldRef, inputRef, ref]);\n\n    const labelUid = useId();\n    const id = idProp ?? labelUid;\n    const prefixUid = useId();\n    const suffixUid = useId();\n    const helperUid = useId();\n    const moreInfoUid = useId();\n\n    warnDeprecatedErrorUsage(\"NumberField\", error);\n\n    // TODO(v4.0.0): remove once label is required\n    if (label === undefined) {\n      warnOnce(\n        \"NumberField: label will be required in v4.0.0. Use hideLabel to visually hide the label.\",\n      );\n    }\n\n    const errorMessages =\n      typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n    const hasHelperText = hint || errorMessages || warning || description;\n\n    const ariaDescribedBy =\n      [hasHelperText && helperUid, moreInfo && moreInfoUid]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    const data = {\n      label: childrenToString(props.label),\n      prefix: childrenToString(props.prefix),\n      suffix: childrenToString(props.suffix),\n      description: childrenToString(props.description),\n      size: props.size,\n      minValue: props.minValue,\n      maxValue: props.maxValue,\n      step: props.step,\n      maximumFractionDigits: props.maximumFractionDigits,\n      minimumFractionDigits: props.minimumFractionDigits,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"NumberField\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    return (\n      <div\n        className={cx(textFieldStyles[\"textfield\"], className)}\n        data-anv=\"number-field\"\n        style={styleCombined}\n        {...wrapperProps}\n      >\n        {/* TODO(v4.0.0): simplify to !hideLabel once label is required */}\n        {label && !hideLabel && (\n          <FieldLabel\n            moreInfo={moreInfo}\n            moreInfoId={moreInfo ? moreInfoUid : undefined}\n            required={required}\n            htmlFor={id}\n            {...labelProps}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cx(textFieldStyles[\"input-wrapper\"], {\n            [textFieldStyles[\"small\"]]: size === \"small\",\n            [textFieldStyles[\"large\"]]: size === \"large\",\n            [numberFieldStyles[\"small\"]]: size === \"small\",\n            [numberFieldStyles[\"large\"]]: size === \"large\",\n          })}\n          role=\"presentation\"\n          onClick={() => numberFieldRef.current?.focus()}\n        >\n          {prefix ? (\n            <div\n              aria-hidden\n              className={textFieldStyles[\"prefix\"]}\n              id={`prefix${prefixUid}`}\n            >\n              {prefix}\n            </div>\n          ) : null}\n          <input\n            id={id}\n            className={cx(textFieldStyles[\"input\"], {\n              [textFieldStyles[\"error\"]]: error,\n            })}\n            data-tracking-id={trackingId}\n            {...rest}\n            {...inputProps}\n            required={required}\n            placeholder={placeholder}\n            readOnly={readOnly}\n            disabled={disabled}\n            ref={combinedInputRef}\n            aria-label={\n              // TODO(v4.0.0): remove typeof check — label will always be string\n              hideLabel && typeof label === \"string\"\n                ? stripInlineMarkdown(label)\n                : label\n                  ? undefined\n                  : placeholder\n            }\n            aria-describedby={ariaDescribedBy}\n            aria-invalid={error ? !!error : undefined}\n          />\n          {loading ? (\n            <div\n              className={textFieldStyles[\"loading-spinner-wrapper\"]}\n              data-testid=\"spinner\"\n            >\n              <Spinner size=\"small\" />\n            </div>\n          ) : null}\n          {suffix ? (\n            <div\n              className={textFieldStyles[\"suffix\"]}\n              aria-hidden\n              id={`suffix${suffixUid}`}\n            >\n              {suffix}\n            </div>\n          ) : null}\n          {!hideControls && !disabled && !readOnly && (\n            <div className={numberFieldStyles[\"stepper-buttons\"]}>\n              <Button\n                appearance=\"secondary\"\n                size=\"small\"\n                className={numberFieldStyles[\"stepper-button\"]}\n                {...decrementButtonProps}\n              >\n                <Icon svg={IconRemove} />\n              </Button>\n              <Button\n                appearance=\"secondary\"\n                size=\"small\"\n                className={numberFieldStyles[\"stepper-button\"]}\n                {...incrementButtonProps}\n              >\n                <Icon svg={IconAdd} />\n              </Button>\n            </div>\n          )}\n        </div>\n        {hasHelperText ? (\n          <Helper\n            id={helperUid}\n            hint={hint}\n            showCounter={false}\n            error={\n              typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n                ? errorMessages\n                : undefined\n            }\n            warning={warning}\n            errorMessage={\n              isValidElement(errorMessages) ? errorMessages : undefined\n            }\n            description={description}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nNumberField.displayName = \"NumberField\";\n"],"names":["IconRemove","IconAdd"],"mappings":"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"}

package/dist/NumberField.css

@@ -1,5 +1,4 @@
-.anvil2 {._stepper-buttons_1o3ti_1 {
-  all: unset;
+.anvil2 {._stepper-buttons_1n8zj_1 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -14,7 +13,7 @@
   gap: var(--a2-size-1, 0.25rem);
   justify-content: center;
   padding-inline-end: var(--a2-mod-numberfield-stepper-padding, var(--a2-size-2, 0.5rem));
-}._stepper-button_1o3ti_1 {
+}._stepper-button_1n8zj_1 {
   --a2-mod-numberfield-stepper-button-size: var(--a2-size-7, 1.75rem);
   --a2-mod-button-padding-block-end: 0;
   --a2-mod-button-padding-block-start: 0;
@@ -27,10 +26,10 @@
      -moz-user-select: none;
           user-select: none;
   width: var(--a2-mod-numberfield-stepper-button-size);
-}._small_1o3ti_32 {
+}._small_1n8zj_31 {
   --a2-mod-numberfield-stepper-button-size: var(--a2-size-6, 1.5rem);
   --a2-mod-numberfield-stepper-padding: var(--a2-size-1, 0.25rem);
-}._large_1o3ti_37 {
+}._large_1n8zj_36 {
   --a2-mod-numberfield-stepper-button-size: var(--a2-size-8, 2rem);
 }
 }

package/dist/NumberField.d.ts

@@ -1,6 +1 @@
-export * from './components/NumberField/index'
-export {}
-import _default from './components/NumberField/index'
-export default _default
-export * from './components/NumberField/index'
 export {}

package/dist/NumberField.js

@@ -1,2 +1,2 @@
-export { N as NumberField, N as default } from './NumberField-DMHJ2Cyi.js';
+export { N as NumberField, N as default } from './NumberField-D7YYo4Rl.js';
 //# sourceMappingURL=NumberField.js.map

package/dist/Overflow.css

@@ -1,9 +1,8 @@
-.anvil2 {._overflow_qkpk6_1 {
+.anvil2 {._overflow_ysk0y_1 {
   --a2-internal-overflow-shadow-color: var(--a2-mod-overflow-shadow-color);
   --a2-mod-overflow-shadow-color: var(--a2-overflow-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
   --a2-mod-overflow-shadow-display: block;
   --a2-mod-overflow-shadow-size: var(--a2-size-6, 1.5rem);
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -27,18 +26,18 @@
   width: -moz-available;
   width: stretch;
 }@media (prefers-reduced-motion: reduce) {
-  ._overflow_qkpk6_1 {
+  ._overflow_ysk0y_1 {
     transition-duration: 0.01ms;
   }
-}._expanded_qkpk6_34 {
+}._expanded_ysk0y_33 {
   --a2-mod-overflow-grid-rows: 1fr;
   --a2-mod-overflow-shadow-display: none;
-}._horizontal_qkpk6_39 {
+}._horizontal_ysk0y_38 {
   --a2-mod-overflow-grid-rows: 1fr;
-}._truncate_qkpk6_43 {
+}._truncate_ysk0y_42 {
   --a2-mod-overflow-display: grid;
   --a2-mod-overflow-content-overflow: hidden;
-}._content_qkpk6_48 {
+}._content_ysk0y_47 {
   --a2-mod-overflow-content-focus-ring-color: var(--a2-overflow-content-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
   border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
   margin: calc(var(--a2-size-1, 0.25rem) * -1);
@@ -51,9 +50,9 @@
   width: -webkit-fill-available;
   width: -moz-available;
   width: stretch;
-}._content_qkpk6_48:focus-visible {
+}._content_ysk0y_47:focus-visible {
   outline-width: var(--a2-size-half, 0.125rem);
-}._shadow-left_qkpk6_64 {
+}._shadow-left_ysk0y_63 {
   background-image: radial-gradient(var(--a2-mod-overflow-shadow-size) 50% at left 50%, var(--a2-internal-overflow-shadow-color), transparent);
   display: var(--a2-mod-overflow-shadow-display);
   height: 100%;
@@ -61,7 +60,7 @@
   pointer-events: none;
   position: absolute;
   width: var(--a2-mod-overflow-shadow-size);
-}._shadow-right_qkpk6_74 {
+}._shadow-right_ysk0y_73 {
   background-image: radial-gradient(var(--a2-mod-overflow-shadow-size) 50% at right 50%, var(--a2-internal-overflow-shadow-color), transparent);
   display: var(--a2-mod-overflow-shadow-display);
   height: 100%;
@@ -69,7 +68,7 @@
   position: absolute;
   right: 0;
   width: var(--a2-mod-overflow-shadow-size);
-}._shadow-top_qkpk6_84 {
+}._shadow-top_ysk0y_83 {
   background-image: radial-gradient(50% var(--a2-mod-overflow-shadow-size) at 50% top, var(--a2-internal-overflow-shadow-color), transparent);
   display: var(--a2-mod-overflow-shadow-display);
   height: var(--a2-mod-overflow-shadow-size);
@@ -77,7 +76,7 @@
   position: absolute;
   top: 0;
   width: 100%;
-}._shadow-bottom_qkpk6_94 {
+}._shadow-bottom_ysk0y_93 {
   background-image: radial-gradient(50% var(--a2-mod-overflow-shadow-size) at 50% bottom, var(--a2-internal-overflow-shadow-color), transparent);
   bottom: 0;
   display: var(--a2-mod-overflow-shadow-display);
@@ -85,10 +84,9 @@
   pointer-events: none;
   position: absolute;
   width: 100%;
-}._expand-button_qkpk6_104 {
+}._expand-button_ysk0y_103 {
   --a2-mod-overflow-expand-button-focus-ring-color: var(--a2-overflow-expand-button-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
   --a2-mod-overflow-expand-button-foreground-color: var(--a2-overflow-expand-button-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: var(--a2-mod-overflow-expand-button-foreground-color);
@@ -101,21 +99,22 @@
   display: inline-flex;
   align-items: center;
   align-self: flex-start;
+  background-color: transparent;
   border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
   cursor: pointer;
+  line-height: normal;
   outline: 0 solid var(--a2-mod-overflow-expand-button-focus-ring-color);
   outline-offset: var(--a2-size-half, 0.125rem);
   text-decoration: underline;
   width: -moz-fit-content;
   width: fit-content;
-}._expand-button_qkpk6_104:focus-visible {
+}._expand-button_ysk0y_103:focus-visible {
   outline-width: var(--a2-size-half, 0.125rem);
-}._expand-button_qkpk6_104:hover {
+}._expand-button_ysk0y_103:hover {
   opacity: 0.8;
 }
-}.anvil2 {._overflow-text_1ik95_1 {
+}.anvil2 {._overflow-text_97x72_1 {
   --a2-mod-overflow-text-content-min-height: auto;
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -128,7 +127,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--a2-size-2, 0.5rem);
-}._content_1ik95_18 {
+}._content_97x72_17 {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: var(--a2-inline-overflow-text-row);
   display: -webkit-box;
@@ -140,7 +139,7 @@
   overflow-wrap: break-word;
   padding: var(--a2-size-1, 0.25rem);
   text-overflow: ellipsis;
-}._expanded_1ik95_32 {
+}._expanded_97x72_31 {
   --a2-mod-overflow-text-content-min-height: fit-content;
 }
 }

package/dist/Overflow.d.ts

@@ -1,6 +1 @@
-export * from './components/Overflow/index'
-export {}
-import _default from './components/Overflow/index'
-export default _default
-export * from './components/Overflow/index'
 export {}

package/dist/Overflow.js

@@ -1,28 +1,28 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState, useCallback, useLayoutEffect, useEffect } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { F as Flex } from './Flex-DOUtHiPi.js';
+import { F as Flex } from './Flex-_orhvoxS.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { g as getKeyboardFocusableElements } from './getKeyboardFocusableElements-B_U9rt6y.js';
 
-import './Overflow.css';const overflow = "_overflow_qkpk6_1";
-const expanded$1 = "_expanded_qkpk6_34";
-const horizontal = "_horizontal_qkpk6_39";
-const truncate = "_truncate_qkpk6_43";
-const content$1 = "_content_qkpk6_48";
+import './Overflow.css';const overflow = "_overflow_ysk0y_1";
+const expanded$1 = "_expanded_ysk0y_33";
+const horizontal = "_horizontal_ysk0y_38";
+const truncate = "_truncate_ysk0y_42";
+const content$1 = "_content_ysk0y_47";
 const overflowStyles = {
 	overflow: overflow,
 	expanded: expanded$1,
 	horizontal: horizontal,
 	truncate: truncate,
 	content: content$1,
-	"shadow-left": "_shadow-left_qkpk6_64",
-	"shadow-right": "_shadow-right_qkpk6_74",
-	"shadow-top": "_shadow-top_qkpk6_84",
-	"shadow-bottom": "_shadow-bottom_qkpk6_94",
-	"expand-button": "_expand-button_qkpk6_104"
+	"shadow-left": "_shadow-left_ysk0y_63",
+	"shadow-right": "_shadow-right_ysk0y_73",
+	"shadow-top": "_shadow-top_ysk0y_83",
+	"shadow-bottom": "_shadow-bottom_ysk0y_93",
+	"expand-button": "_expand-button_ysk0y_103"
 };
 
 const Overflow$1 = forwardRef(
@@ -268,10 +268,10 @@ const Overflow$1 = forwardRef(
 );
 Overflow$1.displayName = "Overflow";
 
-const content = "_content_1ik95_18";
-const expanded = "_expanded_1ik95_32";
+const content = "_content_97x72_17";
+const expanded = "_expanded_97x72_31";
 const styles = {
-	"overflow-text": "_overflow-text_1ik95_1",
+	"overflow-text": "_overflow-text_97x72_1",
 	content: content,
 	expanded: expanded
 };