@cimpress-ui/react 0.0.0 → 0.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cimpress-ui/react",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "description": "Library of React components for building Cimpress UI interfaces.",
   "author": "Cimpress",
   "license": "Apache-2.0",
@@ -22,7 +22,7 @@
     "./styles.css": "./dist-styles/styles.css",
     ".": {
       "import": {
-        "@cimpress/ui/source": "./src/index.ts",
+        "@cimpress-ui/react/dev": "./src/index.ts",
         "types": "./dist/esm/index.d.ts",
         "default": "./dist/esm/index.js"
       },
@@ -33,7 +33,7 @@
     },
     "./icons": {
       "import": {
-        "@cimpress/ui/source": "./src/icons/index.ts",
+        "@cimpress-ui/react/dev": "./src/icons/index.ts",
         "types": "./dist/esm/icons/index.d.ts",
         "default": "./dist/esm/icons/index.js"
       },
@@ -47,28 +47,78 @@
     "dist",
     "dist-styles"
   ],
+  "wireit": {
+    "build": {
+      "dependencies": [
+        "build:icons",
+        "build:js",
+        "build:css"
+      ]
+    },
+    "build:js": {
+      "command": "tshy",
+      "files": [
+        "tsconfig.json",
+        "tsconfig.*.json",
+        "src/**/*.{js,jsx,ts,tsx}",
+        "!src/**/*.test.{js,jsx,ts,tsx}"
+      ],
+      "output": [
+        ".tshy",
+        ".tshy-build",
+        "dist"
+      ],
+      "clean": "if-file-deleted",
+      "dependencies": [
+        {
+          "script": "build:icons",
+          "cascade": false
+        }
+      ]
+    },
+    "build:css": {
+      "command": "lightningcss --bundle --minify --targets \">= 0.25%\" src/styles/index.css --output-file dist-styles/styles.css",
+      "files": [
+        "src/**/*.css"
+      ],
+      "output": [
+        "dist-styles"
+      ]
+    },
+    "build:icons": {
+      "command": "svgr --config-file .svgrrc.json --template ./svgr-icon-template.cjs --index-template ./svgr-index-template.cjs -- ./icons && prettier --write \"./src/icons/**/*.{ts,tsx}\"",
+      "files": [
+        "icons/*.svg",
+        "svgr-icon-template.cjs",
+        "svgr-index-template.cjs",
+        ".svgrrc.json"
+      ],
+      "output": [
+        "src/icons"
+      ]
+    }
+  },
   "dependencies": {
     "clsx": "^2.1.1",
-    "react-aria-components": "1.4.1"
+    "react-aria-components": "1.5.0"
   },
   "peerDependencies": {
-    "react": "^16.8 || ^17 || ^18",
-    "react-dom": "^16.8 || ^17 || ^18"
+    "react": "^16.14 || ^17 || ^18 || ^19",
+    "react-dom": "^16.14 || ^17 || ^18 || ^19"
   },
   "devDependencies": {
     "@svgr/cli": "^8.1.0",
-    "@testing-library/jest-dom": "^6.6.2",
-    "@testing-library/react": "^16.0.1",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.2",
-    "chokidar-cli": "^3.0.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^18.3.14",
+    "@types/react-dom": "^18.3.3",
+    "@vitejs/plugin-react": "^4.3.4",
     "jsdom": "^25.0.1",
-    "lightningcss-cli": "^1.27.0",
+    "lightningcss-cli": "^1.28.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tshy": "^3.0.2",
-    "vitest": "^2.1.3"
+    "vitest": "^2.1.8"
   },
   "tshy": {
     "project": "./tsconfig.build.json",
@@ -79,7 +129,7 @@
       "./icons": "./src/icons/index.ts"
     },
     "sourceDialects": [
-      "@cimpress/ui/source"
+      "@cimpress-ui/react/dev"
     ],
     "exclude": [
       "src/**/*.test.ts",
@@ -87,18 +137,13 @@
     ]
   },
   "scripts": {
-    "setup": "pnpm run generate:icons",
+    "setup": "pnpm run build:icons",
     "test": "vitest run",
     "test:watch": "vitest watch",
-    "dev": "pnpm run /^dev:/",
-    "dev:js": "tshy --watch",
-    "dev:css": "chokidar \"src/**/*.css\" --command \"pnpm run build:css\" --initial --silent",
-    "dev:icons": "chokidar \"icons/*.svg\" --command \"pnpm run generate:icons\" --initial --silent",
-    "build": "pnpm run /^build:/",
-    "build:js": "tshy",
-    "build:css": "lightningcss --bundle --minify --targets \">= 0.25%\" src/styles/index.css --output-file dist-styles/styles.css",
-    "clean:output": "rimraf --glob dist dist-styles tsconfig*.tsbuildinfo .tshy .tshy-build src/icons",
-    "types:check": "tsc --noEmit",
-    "generate:icons": "rimraf ./src/icons && svgr --config-file .svgrrc.json --template ./svgr-icon-template.cjs --index-template ./svgr-index-template.cjs -- ./icons && prettier --write \"./src/icons/**/*.{ts,tsx}\""
+    "build": "wireit",
+    "build:icons": "wireit",
+    "dev": "pnpm run build --watch",
+    "clean:output": "rimraf --glob dist dist-styles tsconfig*.tsbuildinfo .tshy .tshy-build .wireit src/icons",
+    "types:check": "tsc --noEmit"
   }
 }

package/dist/commonjs/components/form-field/form-field.d.ts

@@ -1,13 +0,0 @@
-import type { FieldError } from '../types.js';
-export declare function FormFieldLabel({ children, isRequired, isDisabled, }: {
-    children: string | undefined;
-    isRequired: boolean | undefined;
-    isDisabled?: boolean | undefined;
-}): "" | import("react/jsx-runtime").JSX.Element | undefined;
-export declare function FormFieldDescription({ children }: {
-    children: string | undefined;
-}): "" | import("react/jsx-runtime").JSX.Element | undefined;
-export declare function FormFieldError({ children }: {
-    children: FieldError;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=form-field.d.ts.map

package/dist/commonjs/components/form-field/form-field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/components/form-field/form-field.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,UAAU,EACV,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC,4DAeA;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,4DAWlF;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,UAAU,CAAA;CAAE,2CAOpE"}

package/dist/commonjs/components/form-field/form-field.js

@@ -1,36 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormFieldLabel = FormFieldLabel;
-exports.FormFieldDescription = FormFieldDescription;
-exports.FormFieldError = FormFieldError;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_aria_components_1 = require("react-aria-components");
-const index_js_1 = require("../../icons/index.js");
-const text_js_1 = require("../typography/text.js");
-const utils_js_1 = require("../typography/utils.js");
-function FormFieldLabel({ children, isRequired, isDisabled, }) {
-    return (children && ((0, jsx_runtime_1.jsxs)(react_aria_components_1.Label, { className: (0, clsx_1.default)('cim-form-field-label', (0, utils_js_1.textStyle)({ variant: 'medium', tone: isDisabled ? 'subtle' : 'base' })), children: [children, isRequired && ((0, jsx_runtime_1.jsx)(text_js_1.Text, { tone: "critical", as: "span", "aria-hidden": true, children: "*" }))] })));
-}
-function FormFieldDescription({ children }) {
-    return (children && ((0, jsx_runtime_1.jsx)(react_aria_components_1.Text, { slot: "description", className: (0, clsx_1.default)('cim-form-field-description', (0, utils_js_1.textStyle)({ variant: 'small', tone: 'subtle' })), children: children })));
-}
-function FormFieldError({ children }) {
-    return (
-    // RACFieldError must be rendered unconditionally - React Aria can populate it with validation errors even if an explicit error message isn't provided
-    (0, jsx_runtime_1.jsx)(react_aria_components_1.FieldError, { className: (0, clsx_1.default)('cim-form-field-error', (0, utils_js_1.textStyle)({ variant: 'small', tone: 'critical' })), children: (validation) => renderFieldError(children, validation) }));
-}
-function renderFieldError(fieldError, validation) {
-    const errors = typeof fieldError === 'function' ? fieldError(validation) : (fieldError ?? validation.validationErrors);
-    if (!errors || !errors.length) {
-        return null;
-    }
-    return typeof errors === 'object' ? (errors.map((error) => (0, jsx_runtime_1.jsx)(ErrorMessage, { message: error }, error))) : ((0, jsx_runtime_1.jsx)(ErrorMessage, { message: errors }));
-}
-function ErrorMessage({ message }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "cim-form-field-error-message", children: [(0, jsx_runtime_1.jsx)("div", { className: "cim-form-field-error-icon-wrapper", "aria-hidden": true, children: (0, jsx_runtime_1.jsx)(index_js_1.IconAlertTriangle, {}) }), message] }));
-}
-//# sourceMappingURL=form-field.js.map

package/dist/commonjs/components/form-field/form-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../../src/components/form-field/form-field.tsx"],"names":[],"mappings":";;;;;AAaA,wCAuBC;AAED,oDAWC;AAED,wCAOC;;AA1DD,gDAAwB;AAExB,iEAK+B;AAC/B,mDAAyD;AAEzD,mDAA6C;AAC7C,qDAAmD;AAEnD,SAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,UAAU,EACV,UAAU,GAKX;IACC,OAAO,CACL,QAAQ,IAAI,CACV,wBAAC,6BAAQ,IACP,SAAS,EAAE,IAAA,cAAI,EAAC,sBAAsB,EAAE,IAAA,oBAAS,EAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,aAE9G,QAAQ,EACR,UAAU,IAAI,CACb,uBAAC,cAAI,IAAC,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,MAAM,uCAExB,CACR,IACQ,CACZ,CACF,CAAC;AACJ,CAAC;AAED,SAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAoC;IACjF,OAAO,CACL,QAAQ,IAAI,CACV,uBAAC,4BAAO,IACN,IAAI,EAAC,aAAa,EAClB,SAAS,EAAE,IAAA,cAAI,EAAC,4BAA4B,EAAE,IAAA,oBAAS,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,YAE7F,QAAQ,GACD,CACX,CACF,CAAC;AACJ,CAAC;AAED,SAAgB,cAAc,CAAC,EAAE,QAAQ,EAA4B;IACnE,OAAO;IACL,sJAAsJ;IACtJ,uBAAC,kCAAa,IAAC,SAAS,EAAE,IAAA,cAAI,EAAC,sBAAsB,EAAE,IAAA,oBAAS,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,YACtG,CAAC,UAAU,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,GACzC,CACjB,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,UAAsB,EAAE,UAA+B;IAC/E,MAAM,MAAM,GACV,OAAO,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE1G,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAClC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAC,YAAY,IAAa,OAAO,EAAE,KAAK,IAArB,KAAK,CAAoB,CAAC,CACpE,CAAC,CAAC,CAAC,CACF,uBAAC,YAAY,IAAC,OAAO,EAAE,MAAM,GAAI,CAClC,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,OAAO,EAAuB;IACpD,OAAO,CACL,iCAAK,SAAS,EAAC,8BAA8B,aAC3C,gCAAK,SAAS,EAAC,mCAAmC,iCAChD,uBAAC,4BAAiB,KAAG,GACjB,EACL,OAAO,IACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { ReactNode } from 'react';\nimport {\n  Label as RACLabel,\n  Text as RACText,\n  FieldError as RACFieldError,\n  type ValidationResult as RACValidationResult,\n} from 'react-aria-components';\nimport { IconAlertTriangle } from '../../icons/index.js';\nimport type { FieldError } from '../types.js';\nimport { Text } from '../typography/text.js';\nimport { textStyle } from '../typography/utils.js';\n\nexport function FormFieldLabel({\n  children,\n  isRequired,\n  isDisabled,\n}: {\n  children: string | undefined;\n  isRequired: boolean | undefined;\n  isDisabled?: boolean | undefined;\n}) {\n  return (\n    children && (\n      <RACLabel\n        className={clsx('cim-form-field-label', textStyle({ variant: 'medium', tone: isDisabled ? 'subtle' : 'base' }))}\n      >\n        {children}\n        {isRequired && (\n          <Text tone=\"critical\" as=\"span\" aria-hidden>\n            *\n          </Text>\n        )}\n      </RACLabel>\n    )\n  );\n}\n\nexport function FormFieldDescription({ children }: { children: string | undefined }) {\n  return (\n    children && (\n      <RACText\n        slot=\"description\"\n        className={clsx('cim-form-field-description', textStyle({ variant: 'small', tone: 'subtle' }))}\n      >\n        {children}\n      </RACText>\n    )\n  );\n}\n\nexport function FormFieldError({ children }: { children: FieldError }) {\n  return (\n    // RACFieldError must be rendered unconditionally - React Aria can populate it with validation errors even if an explicit error message isn't provided\n    <RACFieldError className={clsx('cim-form-field-error', textStyle({ variant: 'small', tone: 'critical' }))}>\n      {(validation) => renderFieldError(children, validation)}\n    </RACFieldError>\n  );\n}\n\nfunction renderFieldError(fieldError: FieldError, validation: RACValidationResult): string | ReactNode | undefined {\n  const errors =\n    typeof fieldError === 'function' ? fieldError(validation) : (fieldError ?? validation.validationErrors);\n\n  if (!errors || !errors.length) {\n    return null;\n  }\n\n  return typeof errors === 'object' ? (\n    errors.map((error) => <ErrorMessage key={error} message={error} />)\n  ) : (\n    <ErrorMessage message={errors} />\n  );\n}\n\nfunction ErrorMessage({ message }: { message: string }) {\n  return (\n    <div className=\"cim-form-field-error-message\">\n      <div className=\"cim-form-field-error-icon-wrapper\" aria-hidden>\n        <IconAlertTriangle />\n      </div>\n      {message}\n    </div>\n  );\n}\n"]}

package/dist/commonjs/components/sr-only/sr-only.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode } from 'react';
-export declare function ScreenReaderOnly({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare namespace ScreenReaderOnly {
-    var displayName: string;
-}
-//# sourceMappingURL=sr-only.d.ts.map

package/dist/commonjs/components/sr-only/sr-only.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sr-only.d.ts","sourceRoot":"","sources":["../../../../src/components/sr-only/sr-only.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAErE;yBAFe,gBAAgB"}

package/dist/commonjs/components/sr-only/sr-only.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScreenReaderOnly = ScreenReaderOnly;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_aria_components_1 = require("react-aria-components");
-function ScreenReaderOnly({ children }) {
-    return (0, jsx_runtime_1.jsx)(react_aria_components_1.Text, { className: "cim-sr-only", children: children });
-}
-ScreenReaderOnly.displayName = 'ScreenReaderOnly';
-//# sourceMappingURL=sr-only.js.map

package/dist/commonjs/components/sr-only/sr-only.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sr-only.js","sourceRoot":"","sources":["../../../../src/components/sr-only/sr-only.tsx"],"names":[],"mappings":";;AAGA,4CAEC;;AAJD,iEAA6C;AAE7C,SAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAA2B;IACpE,OAAO,uBAAC,4BAAI,IAAC,SAAS,EAAC,aAAa,YAAE,QAAQ,GAAQ,CAAC;AACzD,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC","sourcesContent":["import type { ReactNode } from 'react';\nimport { Text } from 'react-aria-components';\n\nexport function ScreenReaderOnly({ children }: { children: ReactNode }) {\n  return <Text className=\"cim-sr-only\">{children}</Text>;\n}\n\nScreenReaderOnly.displayName = 'ScreenReaderOnly';\n"]}

package/dist/esm/components/form-field/form-field.d.ts

@@ -1,13 +0,0 @@
-import type { FieldError } from '../types.js';
-export declare function FormFieldLabel({ children, isRequired, isDisabled, }: {
-    children: string | undefined;
-    isRequired: boolean | undefined;
-    isDisabled?: boolean | undefined;
-}): "" | import("react/jsx-runtime").JSX.Element | undefined;
-export declare function FormFieldDescription({ children }: {
-    children: string | undefined;
-}): "" | import("react/jsx-runtime").JSX.Element | undefined;
-export declare function FormFieldError({ children }: {
-    children: FieldError;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=form-field.d.ts.map

package/dist/esm/components/form-field/form-field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/components/form-field/form-field.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,UAAU,EACV,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC,4DAeA;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,4DAWlF;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,UAAU,CAAA;CAAE,2CAOpE"}

package/dist/esm/components/form-field/form-field.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { Label as RACLabel, Text as RACText, FieldError as RACFieldError, } from 'react-aria-components';
-import { IconAlertTriangle } from '../../icons/index.js';
-import { Text } from '../typography/text.js';
-import { textStyle } from '../typography/utils.js';
-export function FormFieldLabel({ children, isRequired, isDisabled, }) {
-    return (children && (_jsxs(RACLabel, { className: clsx('cim-form-field-label', textStyle({ variant: 'medium', tone: isDisabled ? 'subtle' : 'base' })), children: [children, isRequired && (_jsx(Text, { tone: "critical", as: "span", "aria-hidden": true, children: "*" }))] })));
-}
-export function FormFieldDescription({ children }) {
-    return (children && (_jsx(RACText, { slot: "description", className: clsx('cim-form-field-description', textStyle({ variant: 'small', tone: 'subtle' })), children: children })));
-}
-export function FormFieldError({ children }) {
-    return (
-    // RACFieldError must be rendered unconditionally - React Aria can populate it with validation errors even if an explicit error message isn't provided
-    _jsx(RACFieldError, { className: clsx('cim-form-field-error', textStyle({ variant: 'small', tone: 'critical' })), children: (validation) => renderFieldError(children, validation) }));
-}
-function renderFieldError(fieldError, validation) {
-    const errors = typeof fieldError === 'function' ? fieldError(validation) : (fieldError ?? validation.validationErrors);
-    if (!errors || !errors.length) {
-        return null;
-    }
-    return typeof errors === 'object' ? (errors.map((error) => _jsx(ErrorMessage, { message: error }, error))) : (_jsx(ErrorMessage, { message: errors }));
-}
-function ErrorMessage({ message }) {
-    return (_jsxs("div", { className: "cim-form-field-error-message", children: [_jsx("div", { className: "cim-form-field-error-icon-wrapper", "aria-hidden": true, children: _jsx(IconAlertTriangle, {}) }), message] }));
-}
-//# sourceMappingURL=form-field.js.map

package/dist/esm/components/form-field/form-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../../src/components/form-field/form-field.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EACL,KAAK,IAAI,QAAQ,EACjB,IAAI,IAAI,OAAO,EACf,UAAU,IAAI,aAAa,GAE5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,UAAU,EACV,UAAU,GAKX;IACC,OAAO,CACL,QAAQ,IAAI,CACV,MAAC,QAAQ,IACP,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,aAE9G,QAAQ,EACR,UAAU,IAAI,CACb,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,MAAM,uCAExB,CACR,IACQ,CACZ,CACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EAAE,QAAQ,EAAoC;IACjF,OAAO,CACL,QAAQ,IAAI,CACV,KAAC,OAAO,IACN,IAAI,EAAC,aAAa,EAClB,SAAS,EAAE,IAAI,CAAC,4BAA4B,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,YAE7F,QAAQ,GACD,CACX,CACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAA4B;IACnE,OAAO;IACL,sJAAsJ;IACtJ,KAAC,aAAa,IAAC,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,YACtG,CAAC,UAAU,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,GACzC,CACjB,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,UAAsB,EAAE,UAA+B;IAC/E,MAAM,MAAM,GACV,OAAO,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE1G,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAClC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,YAAY,IAAa,OAAO,EAAE,KAAK,IAArB,KAAK,CAAoB,CAAC,CACpE,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,GAAI,CAClC,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,OAAO,EAAuB;IACpD,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC3C,cAAK,SAAS,EAAC,mCAAmC,iCAChD,KAAC,iBAAiB,KAAG,GACjB,EACL,OAAO,IACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { ReactNode } from 'react';\nimport {\n  Label as RACLabel,\n  Text as RACText,\n  FieldError as RACFieldError,\n  type ValidationResult as RACValidationResult,\n} from 'react-aria-components';\nimport { IconAlertTriangle } from '../../icons/index.js';\nimport type { FieldError } from '../types.js';\nimport { Text } from '../typography/text.js';\nimport { textStyle } from '../typography/utils.js';\n\nexport function FormFieldLabel({\n  children,\n  isRequired,\n  isDisabled,\n}: {\n  children: string | undefined;\n  isRequired: boolean | undefined;\n  isDisabled?: boolean | undefined;\n}) {\n  return (\n    children && (\n      <RACLabel\n        className={clsx('cim-form-field-label', textStyle({ variant: 'medium', tone: isDisabled ? 'subtle' : 'base' }))}\n      >\n        {children}\n        {isRequired && (\n          <Text tone=\"critical\" as=\"span\" aria-hidden>\n            *\n          </Text>\n        )}\n      </RACLabel>\n    )\n  );\n}\n\nexport function FormFieldDescription({ children }: { children: string | undefined }) {\n  return (\n    children && (\n      <RACText\n        slot=\"description\"\n        className={clsx('cim-form-field-description', textStyle({ variant: 'small', tone: 'subtle' }))}\n      >\n        {children}\n      </RACText>\n    )\n  );\n}\n\nexport function FormFieldError({ children }: { children: FieldError }) {\n  return (\n    // RACFieldError must be rendered unconditionally - React Aria can populate it with validation errors even if an explicit error message isn't provided\n    <RACFieldError className={clsx('cim-form-field-error', textStyle({ variant: 'small', tone: 'critical' }))}>\n      {(validation) => renderFieldError(children, validation)}\n    </RACFieldError>\n  );\n}\n\nfunction renderFieldError(fieldError: FieldError, validation: RACValidationResult): string | ReactNode | undefined {\n  const errors =\n    typeof fieldError === 'function' ? fieldError(validation) : (fieldError ?? validation.validationErrors);\n\n  if (!errors || !errors.length) {\n    return null;\n  }\n\n  return typeof errors === 'object' ? (\n    errors.map((error) => <ErrorMessage key={error} message={error} />)\n  ) : (\n    <ErrorMessage message={errors} />\n  );\n}\n\nfunction ErrorMessage({ message }: { message: string }) {\n  return (\n    <div className=\"cim-form-field-error-message\">\n      <div className=\"cim-form-field-error-icon-wrapper\" aria-hidden>\n        <IconAlertTriangle />\n      </div>\n      {message}\n    </div>\n  );\n}\n"]}

package/dist/esm/components/sr-only/sr-only.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode } from 'react';
-export declare function ScreenReaderOnly({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare namespace ScreenReaderOnly {
-    var displayName: string;
-}
-//# sourceMappingURL=sr-only.d.ts.map

package/dist/esm/components/sr-only/sr-only.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sr-only.d.ts","sourceRoot":"","sources":["../../../../src/components/sr-only/sr-only.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAErE;yBAFe,gBAAgB"}

package/dist/esm/components/sr-only/sr-only.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Text } from 'react-aria-components';
-export function ScreenReaderOnly({ children }) {
-    return _jsx(Text, { className: "cim-sr-only", children: children });
-}
-ScreenReaderOnly.displayName = 'ScreenReaderOnly';
-//# sourceMappingURL=sr-only.js.map

package/dist/esm/components/sr-only/sr-only.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sr-only.js","sourceRoot":"","sources":["../../../../src/components/sr-only/sr-only.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,MAAM,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAA2B;IACpE,OAAO,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,YAAE,QAAQ,GAAQ,CAAC;AACzD,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC","sourcesContent":["import type { ReactNode } from 'react';\nimport { Text } from 'react-aria-components';\n\nexport function ScreenReaderOnly({ children }: { children: ReactNode }) {\n  return <Text className=\"cim-sr-only\">{children}</Text>;\n}\n\nScreenReaderOnly.displayName = 'ScreenReaderOnly';\n"]}