@cratis/components 3.1.0 → 3.3.0

package/dist/esm/Common/Button.d.ts

@@ -0,0 +1,29 @@
+import { type CSSProperties, type MouseEventHandler, type ReactNode } from 'react';
+import type { ButtonProps as ButtonRootProps } from '@primereact/types/primitive/button';
+import { type TooltipPosition } from './Tooltip';
+export type ButtonSeverity = 'secondary' | 'info' | 'success' | 'warn' | 'help' | 'danger' | 'contrast';
+export interface ButtonProps {
+    label?: ReactNode;
+    icon?: ReactNode;
+    loading?: boolean;
+    tooltip?: string;
+    tooltipOptions?: {
+        position?: TooltipPosition;
+        className?: string;
+    };
+    pt?: ButtonRootProps['pt'];
+    text?: boolean;
+    outlined?: boolean;
+    rounded?: boolean;
+    severity?: ButtonSeverity;
+    size?: 'small' | 'normal' | 'large';
+    disabled?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+    style?: CSSProperties;
+    'aria-label'?: string;
+    children?: ReactNode;
+}
+export declare const Button: ({ label, icon, loading, tooltip, tooltipOptions, pt, text, outlined, rounded, severity, size, disabled, type, onClick, className, style, "aria-label": ariaLabel, children }: ButtonProps) => import("react").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/esm/Common/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../Common/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAW,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAG1D,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAKxG,MAAM,WAAW,WAAW;IAExB,KAAK,CAAC,EAAE,SAAS,CAAC;IAKlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,cAAc,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,eAAe,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpE,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAE3B,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAE/C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAeD,eAAO,MAAM,MAAM,GAAI,8KAmBpB,WAAW,gCA0Bb,CAAC"}

package/dist/esm/Common/Button.js

@@ -0,0 +1,25 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button as Button$1 } from 'primereact/button';
+import { Tooltip } from './Tooltip.js';
+
+const renderIcon = (icon) => typeof icon === 'string' ? jsx("i", { className: icon, "aria-hidden": 'true' }) : icon;
+/**
+ * A button carrying the `label` / `icon` / `loading` / `tooltip` authoring model.
+ *
+ * PrimeReact 11's `Button` takes its content as **children** and dropped `label`,
+ * `icon`, `loading`, `tooltip` and `text` entirely. Because its props type is
+ * generic over `React.ElementType`, those props are still *accepted by the
+ * compiler* and silently ignored at runtime — a `<Button label="Save" />`
+ * typechecks and renders an empty button. This wrapper closes that trap once, for
+ * every application, rather than leaving each call site to be caught by eye.
+ */
+const Button = ({ label, icon, loading, tooltip, tooltipOptions, pt, text, outlined, rounded, severity, size, disabled, type = 'button', onClick, className, style, 'aria-label': ariaLabel, children }) => {
+    const variant = text ? 'text' : outlined ? 'outlined' : undefined;
+    const button = (jsxs(Button$1, { type: type, variant: variant, rounded: rounded, severity: severity, size: size, iconOnly: !!icon && label === undefined && !children, disabled: disabled || loading, onClick: onClick, className: className, style: style, "aria-label": ariaLabel, pt: pt, children: [loading ? jsx("i", { className: 'pi pi-spinner pi-spin', "aria-hidden": 'true' }) : renderIcon(icon), label, children] }));
+    return tooltip
+        ? jsx(Tooltip, { content: tooltip, position: tooltipOptions?.position, className: tooltipOptions?.className, children: button })
+        : button;
+};
+
+export { Button };
+//# sourceMappingURL=Button.js.map

package/dist/esm/Common/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../Common/Button.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","PrimeButton"],"mappings":";;;;AAwDA,MAAM,UAAU,GAAG,CAAC,IAAe,KAC/B,OAAO,IAAI,KAAK,QAAQ,GAAGA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,IAAI,EAAA,aAAA,EAAc,MAAM,EAAA,CAAG,GAAG,IAAI;AAE/E;;;;;;;;;AASG;MACU,MAAM,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,cAAc,EACd,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,QAAQ,EACE,KAAI;AACd,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS;AAEjE,IAAA,MAAM,MAAM,IACRC,KAACC,QAAW,EAAA,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,QAAQ,EACpD,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,YAAA,EACA,SAAS,EACrB,EAAE,EAAE,EAAE,EAAA,QAAA,EAAA,CACL,OAAO,GAAGF,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,uBAAuB,iBAAa,MAAM,EAAA,CAAG,GAAG,UAAU,CAAC,IAAI,CAAC,EACvF,KAAK,EACL,QAAQ,CAAA,EAAA,CACC,CACjB;AAED,IAAA,OAAO;UACDA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAA,QAAA,EAAG,MAAM,EAAA;UAC5G,MAAM;AAChB;;;;"}

package/dist/esm/Common/index.d.ts

@@ -7,4 +7,5 @@ export * from './normalizeIconClass';
 export * from './Page';
 export * from './FormElement';
 export * from './Tooltip';
+export * from './Button';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/Common/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Common/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Common/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}

package/dist/esm/Common/index.js

@@ -7,6 +7,7 @@ export { normalizeIconClass } from './normalizeIconClass.js';
 export { Page } from './Page.js';
 export { FormElement } from './FormElement.js';
 export { Tooltip } from './Tooltip.js';
+export { Button } from './Button.js';
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.

package/dist/esm/Common/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../Common/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAAA;AACA"}
+{"version":3,"file":"index.js","sources":["../../../Common/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAAA;AACA"}

package/dist/esm/Display/Message.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type MessageSeverity = 'info' | 'success' | 'warn' | 'error' | 'secondary' | 'contrast';
+export interface MessageProps {
+    severity?: MessageSeverity;
+    text?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const Message: ({ severity, text, children, className }: MessageProps) => React.JSX.Element;
+//# sourceMappingURL=Message.d.ts.map

package/dist/esm/Display/Message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../Display/Message.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;AAG/F,MAAM,WAAW,YAAY;IAEzB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AASD,eAAO,MAAM,OAAO,GAAI,yCAAkD,YAAY,sBAMrF,CAAC"}

package/dist/esm/Display/Message.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { Message as Message$1 } from 'primereact/message';
+
+/**
+ * A declarative inline message built on PrimeReact 11's compositional `Message` parts.
+ *
+ * PrimeReact 10's `<Message severity text />` became `Message.Root` + `Message.Content` +
+ * `Message.Text` in 11; this preserves the flat call shape so an inline notice stays a
+ * single element at the call site.
+ */
+const Message = ({ severity = 'info', text, children, className }) => (jsx(Message$1.Root, { severity: severity, className: className, children: jsx(Message$1.Content, { children: jsx(Message$1.Text, { children: children ?? text }) }) }));
+
+export { Message };
+//# sourceMappingURL=Message.js.map

package/dist/esm/Display/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sources":["../../../Display/Message.tsx"],"sourcesContent":[null],"names":["_jsx","PrimeMessage"],"mappings":";;;AAqBA;;;;;;AAMG;MACU,OAAO,GAAG,CAAC,EAAE,QAAQ,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAgB,MAClFA,GAAA,CAACC,SAAY,CAAC,IAAI,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAA,QAAA,EACvDD,GAAA,CAACC,SAAY,CAAC,OAAO,EAAA,EAAA,QAAA,EACjBD,IAACC,SAAY,CAAC,IAAI,EAAA,EAAA,QAAA,EAAE,QAAQ,IAAI,IAAI,EAAA,CAAqB,EAAA,CACtC,EAAA,CACP;;;;"}

package/dist/esm/Display/ProgressSpinner.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ProgressSpinnerProps {
+    style?: React.CSSProperties;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare const ProgressSpinner: ({ style, className, "aria-label": ariaLabel }: ProgressSpinnerProps) => React.JSX.Element;
+//# sourceMappingURL=ProgressSpinner.d.ts.map

package/dist/esm/Display/ProgressSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSpinner.d.ts","sourceRoot":"","sources":["../../../Display/ProgressSpinner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,oBAAoB;IAEjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAQD,eAAO,MAAM,eAAe,GAAI,+CAA2D,oBAAoB,sBAK9G,CAAC"}

package/dist/esm/Display/ProgressSpinner.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ProgressSpinner as ProgressSpinner$1 } from 'primereact/progressspinner';
+
+/**
+ * An indeterminate spinner built on PrimeReact 11's compositional `ProgressSpinner` parts.
+ *
+ * PrimeReact 10's single `<ProgressSpinner />` became `ProgressSpinner.Root` + `Track` +
+ * `Range` in 11; this preserves the flat call shape for the common loading indicator.
+ */
+const ProgressSpinner = ({ style, className, 'aria-label': ariaLabel = 'Loading' }) => (jsxs(ProgressSpinner$1.Root, { style: style, className: className, "aria-label": ariaLabel, children: [jsx(ProgressSpinner$1.Track, {}), jsx(ProgressSpinner$1.Range, {})] }));
+
+export { ProgressSpinner };
+//# sourceMappingURL=ProgressSpinner.js.map

package/dist/esm/Display/ProgressSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSpinner.js","sources":["../../../Display/ProgressSpinner.tsx"],"sourcesContent":[null],"names":["_jsxs","PrimeProgressSpinner","_jsx"],"mappings":";;;AAgBA;;;;;AAKG;MACU,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,GAAG,SAAS,EAAwB,MAC3GA,IAAA,CAACC,iBAAoB,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAA,YAAA,EAAc,SAAS,EAAA,QAAA,EAAA,CAChFC,GAAA,CAACD,iBAAoB,CAAC,KAAK,EAAA,EAAA,CAAG,EAC9BC,GAAA,CAACD,iBAAoB,CAAC,KAAK,EAAA,EAAA,CAAG,CAAA,EAAA,CACN;;;;"}

package/dist/esm/Display/index.d.ts

@@ -4,4 +4,6 @@ export * from './Chip';
 export * from './Skeleton';
 export * from './Avatar';
 export * from './ProgressBar';
+export * from './Message';
+export * from './ProgressSpinner';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/Display/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Display/index.ts"],"names":[],"mappings":"AAGA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Display/index.ts"],"names":[],"mappings":"AAGA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC"}

package/dist/esm/Display/index.js

@@ -4,6 +4,8 @@ export { Chip } from './Chip.js';
 export { Skeleton } from './Skeleton.js';
 export { Avatar } from './Avatar.js';
 export { ProgressBar } from './ProgressBar.js';
+export { Message } from './Message.js';
+export { ProgressSpinner } from './ProgressSpinner.js';
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.

package/dist/esm/Display/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../Display/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;AACA"}
+{"version":3,"file":"index.js","sources":["../../../Display/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;AACA"}

package/dist/esm/styles.css

@@ -686,6 +686,10 @@
     --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
   .blur {
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -919,6 +923,11 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
 @property --tw-blur {
   syntax: "*";
   inherits: false;
@@ -1035,6 +1044,7 @@
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cratis/components",
-    "version": "3.1.0",
+    "version": "3.3.0",
     "description": "",
     "author": "Cratis",
     "license": "MIT",