@cimpress-ui/react 0.0.0 → 0.0.1

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"]}