Fix published ESM package, update dependencies, expose getDefaultStyle function

.vscode/settings.json

@@ -42,7 +42,7 @@
     "package-lock.json": true
   },
   "typescript.preferences.importModuleSpecifier": "relative",
-  "typescript.preferences.importModuleSpecifierEnding": "minimal",
+  "typescript.preferences.importModuleSpecifierEnding": "js",
   "typescript.preferences.quoteStyle": "double",
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.updateImportsOnFileMove.enabled": "always",

api-extractor/react-loading-progress-indicator.api.json

@@ -172,6 +172,30 @@
       "name": "",
       "preserveMemberOrder": false,
       "members": [
+        {
+          "kind": "Variable",
+          "canonicalReference": "@asl-19/react-loading-progress-indicator!getDefaultStyle:var",
+          "docComment": "/**\n * Get default styles for loading progress indicator.\n *\n * @remarks\n *\n * Use this to augment the default styles in your own `getStyle` function.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "getDefaultStyle: "
+            },
+            {
+              "kind": "Reference",
+              "text": "LoadingProgressIndicatorGetStyleFunction",
+              "canonicalReference": "@asl-19/react-loading-progress-indicator!LoadingProgressIndicatorGetStyleFunction:type"
+            }
+          ],
+          "fileUrlPath": "dist/getDefaultStyle.d.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "getDefaultStyle",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@asl-19/react-loading-progress-indicator!LoadingProgressIndicator:var",
@@ -200,7 +224,7 @@
               "text": ">"
             }
           ],
-          "fileUrlPath": "dist/components/LoadingProgressIndicator.d.ts",
+          "fileUrlPath": "dist/LoadingProgressIndicator.d.ts",
           "isReadonly": true,
           "releaseTag": "Public",
           "name": "LoadingProgressIndicator",
@@ -232,7 +256,7 @@
               "text": ";"
             }
           ],
-          "fileUrlPath": "dist/types/LoadingProgressIndicatorGetStyleFunction.d.ts",
+          "fileUrlPath": "dist/LoadingProgressIndicatorGetStyleFunction.d.ts",
           "releaseTag": "Public",
           "name": "LoadingProgressIndicatorGetStyleFunction",
           "typeTokenRange": {
@@ -250,7 +274,7 @@
               "text": "interface LoadingProgressIndicatorProps "
             }
           ],
-          "fileUrlPath": "dist/types/LoadingProgressIndicatorProps.d.ts",
+          "fileUrlPath": "dist/LoadingProgressIndicatorProps.d.ts",
           "releaseTag": "Public",
           "name": "LoadingProgressIndicatorProps",
           "preserveMemberOrder": false,

api-extractor/react-loading-progress-indicator.api.md

@@ -4,8 +4,11 @@
 
 ```ts
 
-import { CSSProperties } from 'react';
-import { FC } from 'react';
+import type { CSSProperties } from 'react';
+import type { FC } from 'react';
+
+// @public
+export const getDefaultStyle: LoadingProgressIndicatorGetStyleFunction;
 
 // @public
 const LoadingProgressIndicator: FC<LoadingProgressIndicatorProps>;

docs/react-loading-progress-indicator.getdefaultstyle.md

@@ -0,0 +1,18 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@asl-19/react-loading-progress-indicator](./react-loading-progress-indicator.md) &gt; [getDefaultStyle](./react-loading-progress-indicator.getdefaultstyle.md)
+
+## getDefaultStyle variable
+
+Get default styles for loading progress indicator.
+
+**Signature:**
+
+```typescript
+getDefaultStyle: LoadingProgressIndicatorGetStyleFunction
+```
+
+## Remarks
+
+Use this to augment the default styles in your own `getStyle` function.
+

docs/react-loading-progress-indicator.md

@@ -47,6 +47,17 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
 
+[getDefaultStyle](./react-loading-progress-indicator.getdefaultstyle.md)
+
+
+</td><td>
+
+Get default styles for loading progress indicator.
+
+
+</td></tr>
+<tr><td>
+
 [LoadingProgressIndicator](./react-loading-progress-indicator.loadingprogressindicator.md)
 
 

package.json

@@ -40,13 +40,13 @@
     "tsc-check": "tsc --project tsconfig-dist.json --noEmit"
   },
   "dependencies": {
-    "@asl-19/js-dom-utils": "^0.2.1"
+    "@asl-19/js-dom-utils": "^1.0.0"
   },
   "devDependencies": {
     "@asl-19/eslint-config": "^0.9.0",
     "@microsoft/api-documenter": "^7.26.31",
     "@microsoft/api-extractor": "^7.52.10",
-    "@types/node": "^24.2.1",
+    "@types/node": "^22.17.2",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
     "eslint": "^9.33.0",

src/components/LoadingProgressIndicator.tsx → src/LoadingProgressIndicator.tsx

@@ -1,11 +1,13 @@
+import type { FC } from "react";
+
 import { announce } from "@asl-19/js-dom-utils";
 // We need to import React directly to prevent API Extractor from failing with
 // “Error: The expression contains an import() type, which is not yet supported
 // by API Extractor:”
-import React, { FC, memo, useEffect, useRef, useState } from "react";
+import React, { memo, useEffect, useRef, useState } from "react";
 
-import LoadingProgressIndicatorProps from "../types/LoadingProgressIndicatorProps";
-import getDefaultStyle from "../utils/getDefaultStyle";
+import getDefaultStyle from "./getDefaultStyle.js";
+import LoadingProgressIndicatorProps from "./LoadingProgressIndicatorProps.js";
 
 const LoadingProgressIndicatorUnmemoized: FC<LoadingProgressIndicatorProps> = ({
   color,

src/types/LoadingProgressIndicatorGetStyleFunction.ts → src/LoadingProgressIndicatorGetStyleFunction.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 
 /**
  * Function returning loading indicator styles.

src/types/LoadingProgressIndicatorProps.ts → src/LoadingProgressIndicatorProps.ts

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import LoadingProgressIndicatorGetStyleFunction from "./LoadingProgressIndicatorGetStyleFunction";
+
+import type LoadingProgressIndicatorGetStyleFunction from "./LoadingProgressIndicatorGetStyleFunction.js";
 
 /**
  * LoadingProgressIndicator props

src/utils/getDefaultStyle.ts → src/getDefaultStyle.ts

@@ -1,5 +1,13 @@
-import LoadingProgressIndicatorGetStyleFunction from "../types/LoadingProgressIndicatorGetStyleFunction";
+import type LoadingProgressIndicatorGetStyleFunction from "./LoadingProgressIndicatorGetStyleFunction.js";
 
+/**
+ * Get default styles for loading progress indicator.
+ *
+ * @remarks Use this to augment the default styles in your own `getStyle`
+ * function.
+ *
+ * @public
+ */
 const getDefaultStyle: LoadingProgressIndicatorGetStyleFunction = ({
   color,
   direction,

src/index.ts

@@ -4,6 +4,7 @@
  * @packageDocumentation
  */
 
-export { default } from "./components/LoadingProgressIndicator.js";
-export type { default as LoadingProgressIndicatorGetStyleFunction } from "./types/LoadingProgressIndicatorGetStyleFunction.js";
-export type { default as LoadingProgressIndicatorProps } from "./types/LoadingProgressIndicatorProps.js";
+export { default as getDefaultStyle } from "./getDefaultStyle.js";
+export { default } from "./LoadingProgressIndicator.js";
+export type { default as LoadingProgressIndicatorGetStyleFunction } from "./LoadingProgressIndicatorGetStyleFunction.js";
+export type { default as LoadingProgressIndicatorProps } from "./LoadingProgressIndicatorProps.js";