@chayns-ui/core 0.8.0 → 0.9.1

package/dist/avatar.css

@@ -37,7 +37,7 @@
   .chayns-avatar--large {
     inline-size: var(--k52);
     block-size: var(--k52);
-    font-size: var(--fs-subtitle);
+    font-size: var(--fs-micro);
   }
 
   .chayns-avatar__image {

package/dist/components/progress/Progress.d.ts

@@ -0,0 +1,4 @@
+import type { ProgressProps } from './Progress.types.js';
+declare const Progress: import("react").ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default Progress;
+//# sourceMappingURL=Progress.d.ts.map

package/dist/components/progress/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAkBzD,QAAA,MAAM,QAAQ,uHA+DZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/components/progress/Progress.js

@@ -0,0 +1,50 @@
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/progress/Progress.tsx
+function normalizeValue(value) {
+	if (Number.isNaN(value)) return 0;
+	if (value === Infinity) return 100;
+	if (value === -Infinity) return 0;
+	return Math.min(100, Math.max(0, Math.round(value)));
+}
+var Progress = forwardRef(function Progress({ "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy, "aria-valuemax": _ariaValueMax, "aria-valuemin": _ariaValueMin, "aria-valuenow": _ariaValueNow, "aria-valuetext": _ariaValueText, children: _children, className, label, role: _role, rootProps, tabIndex: _tabIndex, value, ...progressbarProps }, ref) {
+	const labelId = useId();
+	const normalizedValue = normalizeValue(value);
+	const valueText = `${normalizedValue} %`;
+	const { className: rootClassName, ...remainingRootProps } = rootProps ?? {};
+	const resolvedRootClassName = ["chayns-progress", rootClassName].filter(Boolean).join(" ");
+	const resolvedProgressbarClassName = ["chayns-progress__bar", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsxs("div", {
+		...remainingRootProps,
+		className: resolvedRootClassName,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "chayns-progress__label-row",
+			children: [/* @__PURE__ */ jsx("span", {
+				id: labelId,
+				children: label
+			}), /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				children: valueText
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			...progressbarProps,
+			"aria-labelledby": labelId,
+			"aria-valuemax": 100,
+			"aria-valuemin": 0,
+			"aria-valuenow": normalizedValue,
+			"aria-valuetext": valueText,
+			className: resolvedProgressbarClassName,
+			ref,
+			role: "progressbar",
+			children: /* @__PURE__ */ jsx("div", {
+				"aria-hidden": "true",
+				className: "chayns-progress__fill",
+				style: { width: `${normalizedValue}%` }
+			})
+		})]
+	});
+});
+//#endregion
+export { Progress as default };
+
+//# sourceMappingURL=Progress.js.map

package/dist/components/progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","names":[],"sources":["../../../src/components/progress/Progress.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react';\n\nimport type { ProgressProps } from './Progress.types.js';\n\nfunction normalizeValue(value: number) {\n  if (Number.isNaN(value)) {\n    return 0;\n  }\n\n  if (value === Infinity) {\n    return 100;\n  }\n\n  if (value === -Infinity) {\n    return 0;\n  }\n\n  return Math.min(100, Math.max(0, Math.round(value)));\n}\n\nconst Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    'aria-label': _ariaLabel,\n    'aria-labelledby': _ariaLabelledBy,\n    'aria-valuemax': _ariaValueMax,\n    'aria-valuemin': _ariaValueMin,\n    'aria-valuenow': _ariaValueNow,\n    'aria-valuetext': _ariaValueText,\n    children: _children,\n    className,\n    label,\n    role: _role,\n    rootProps,\n    tabIndex: _tabIndex,\n    value,\n    ...progressbarProps\n  },\n  ref,\n) {\n  void _ariaLabel;\n  void _ariaLabelledBy;\n  void _ariaValueMax;\n  void _ariaValueMin;\n  void _ariaValueNow;\n  void _ariaValueText;\n  void _children;\n  void _role;\n  void _tabIndex;\n\n  const labelId = useId();\n  const normalizedValue = normalizeValue(value);\n  const valueText = `${normalizedValue} %`;\n  const { className: rootClassName, ...remainingRootProps } = rootProps ?? {};\n  const resolvedRootClassName = ['chayns-progress', rootClassName].filter(Boolean).join(' ');\n  const resolvedProgressbarClassName = ['chayns-progress__bar', className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...remainingRootProps} className={resolvedRootClassName}>\n      <div className=\"chayns-progress__label-row\">\n        <span id={labelId}>{label}</span>\n        <span aria-hidden=\"true\">{valueText}</span>\n      </div>\n      <div\n        {...progressbarProps}\n        aria-labelledby={labelId}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuenow={normalizedValue}\n        aria-valuetext={valueText}\n        className={resolvedProgressbarClassName}\n        ref={ref}\n        role=\"progressbar\"\n      >\n        <div\n          aria-hidden=\"true\"\n          className=\"chayns-progress__fill\"\n          style={{ width: `${normalizedValue}%` }}\n        />\n      </div>\n    </div>\n  );\n});\n\nexport default Progress;\n"],"mappings":";;;AAIA,SAAS,eAAe,OAAe;CACrC,IAAI,OAAO,MAAM,KAAK,GACpB,OAAO;CAGT,IAAI,UAAU,UACZ,OAAO;CAGT,IAAI,UAAU,WACZ,OAAO;CAGT,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC,CAAC;AACrD;AAEA,IAAM,WAAW,WAA0C,SAAS,SAClE,EACE,cAAc,YACd,mBAAmB,iBACnB,iBAAiB,eACjB,iBAAiB,eACjB,iBAAiB,eACjB,kBAAkB,gBAClB,UAAU,WACV,WACA,OACA,MAAM,OACN,WACA,UAAU,WACV,OACA,GAAG,oBAEL,KACA;CAWA,MAAM,UAAU,MAAM;CACtB,MAAM,kBAAkB,eAAe,KAAK;CAC5C,MAAM,YAAY,GAAG,gBAAgB;CACrC,MAAM,EAAE,WAAW,eAAe,GAAG,uBAAuB,aAAa,CAAC;CAC1E,MAAM,wBAAwB,CAAC,mBAAmB,aAAa,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CACzF,MAAM,+BAA+B,CAAC,wBAAwB,SAAS,CAAC,CACrE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,qBAAC,OAAD;EAAK,GAAI;EAAoB,WAAW;EAAxC,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD;IAAM,IAAI;IAAU,UAAA;GAAY,CAAA,GAChC,oBAAC,QAAD;IAAM,eAAY;IAAQ,UAAA;GAAgB,CAAA,CACvC;EACL,CAAA,GAAA,oBAAC,OAAD;GACE,GAAI;GACJ,mBAAiB;GACjB,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,kBAAgB;GAChB,WAAW;GACN;GACL,MAAK;GAEL,UAAA,oBAAC,OAAD;IACE,eAAY;IACZ,WAAU;IACV,OAAO,EAAE,OAAO,GAAG,gBAAgB,GAAG;GACvC,CAAA;EACE,CAAA,CACF;;AAET,CAAC"}

package/dist/components/progress/Progress.types.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentPropsWithRef } from 'react';
+type ProgressbarAriaProps = 'aria-label' | 'aria-labelledby' | 'aria-valuemax' | 'aria-valuemin' | 'aria-valuenow' | 'aria-valuetext';
+export interface ProgressProps extends Omit<ComponentPropsWithRef<'div'>, ProgressbarAriaProps | 'children' | 'role' | 'tabIndex'> {
+    label: string;
+    rootProps?: Omit<ComponentPropsWithRef<'div'>, 'children'>;
+    value: number;
+    children?: never;
+    role?: never;
+    tabIndex?: never;
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    'aria-valuemax'?: never;
+    'aria-valuemin'?: never;
+    'aria-valuenow'?: never;
+    'aria-valuetext'?: never;
+}
+export {};
+//# sourceMappingURL=Progress.types.d.ts.map

package/dist/components/progress/Progress.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.types.d.ts","sourceRoot":"","sources":["../../../src/components/progress/Progress.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,KAAK,oBAAoB,GACrB,YAAY,GACZ,iBAAiB,GACjB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,CAAC;AAErB,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,qBAAqB,CAAC,KAAK,CAAC,EAC5B,oBAAoB,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CACxD;IACC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B"}

package/dist/components/spinner/Spinner.d.ts

@@ -0,0 +1,4 @@
+import type { SpinnerProps } from './Spinner.types.js';
+declare const Spinner: import("react").ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default Spinner;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/components/spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,QAAA,MAAM,OAAO,sHAmBX,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/dist/components/spinner/Spinner.js

@@ -0,0 +1,16 @@
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/spinner/Spinner.tsx
+var Spinner = forwardRef(function Spinner({ "aria-hidden": _ariaHidden, children: _children, className, role: _role, tabIndex: _tabIndex, ...divProps }, ref) {
+	const resolvedClassName = ["chayns-spinner", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx("div", {
+		...divProps,
+		"aria-hidden": "true",
+		className: resolvedClassName,
+		ref
+	});
+});
+//#endregion
+export { Spinner as default };
+
+//# sourceMappingURL=Spinner.js.map

package/dist/components/spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","names":[],"sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport type { SpinnerProps } from './Spinner.types.js';\n\nconst Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n  {\n    'aria-hidden': _ariaHidden,\n    children: _children,\n    className,\n    role: _role,\n    tabIndex: _tabIndex,\n    ...divProps\n  },\n  ref,\n) {\n  void _ariaHidden;\n  void _children;\n  void _role;\n  void _tabIndex;\n\n  const resolvedClassName = ['chayns-spinner', className].filter(Boolean).join(' ');\n\n  return <div {...divProps} aria-hidden=\"true\" className={resolvedClassName} ref={ref} />;\n});\n\nexport default Spinner;\n"],"mappings":";;;AAIA,IAAM,UAAU,WAAyC,SAAS,QAChE,EACE,eAAe,aACf,UAAU,WACV,WACA,MAAM,OACN,UAAU,WACV,GAAG,YAEL,KACA;CAMA,MAAM,oBAAoB,CAAC,kBAAkB,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAEhF,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAU,eAAY;EAAO,WAAW;EAAwB;CAAM,CAAA;AACxF,CAAC"}

package/dist/components/spinner/Spinner.types.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithRef } from 'react';
+export interface SpinnerProps extends Omit<ComponentPropsWithRef<'div'>, 'aria-hidden' | 'children' | 'role' | 'tabIndex'> {
+    children?: never;
+    role?: never;
+    tabIndex?: never;
+    'aria-hidden'?: never;
+}
+//# sourceMappingURL=Spinner.types.d.ts.map

package/dist/components/spinner/Spinner.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,qBAAqB,CAAC,KAAK,CAAC,EAC5B,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CACjD;IACC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB"}

package/dist/index.d.ts

@@ -9,6 +9,10 @@ export type { BadgeProps, BadgeSize, BadgeTone } from './components/badge/Badge.
 export { default as Skeleton } from './components/skeleton/Skeleton.js';
 export { SKELETON_SHAPES } from './components/skeleton/Skeleton.types.js';
 export type { SkeletonProps, SkeletonShape } from './components/skeleton/Skeleton.types.js';
+export { default as Spinner } from './components/spinner/Spinner.js';
+export type { SpinnerProps } from './components/spinner/Spinner.types.js';
+export { default as Progress } from './components/progress/Progress.js';
+export type { ProgressProps } from './components/progress/Progress.types.js';
 export { default as Banner } from './components/banner/Banner.js';
 export { BANNER_TONES } from './components/banner/Banner.types.js';
 export type { BannerProps, BannerTone, ClosableBannerProps, StaticBannerProps, } from './components/banner/Banner.types.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -5,6 +5,8 @@ import Badge from "./components/badge/Badge.js";
 import { BADGE_SIZES, BADGE_TONES } from "./components/badge/Badge.types.js";
 import Skeleton from "./components/skeleton/Skeleton.js";
 import { SKELETON_SHAPES } from "./components/skeleton/Skeleton.types.js";
+import Spinner from "./components/spinner/Spinner.js";
+import Progress from "./components/progress/Progress.js";
 import Banner from "./components/banner/Banner.js";
 import { BANNER_TONES } from "./components/banner/Banner.types.js";
 import ComboBox from "./components/combo-box/ComboBox.js";
@@ -26,4 +28,4 @@ import List from "./components/list/List.js";
 import Accordion from "./components/accordion/Accordion.js";
 import AccordionGroup from "./components/accordion-group/AccordionGroup.js";
 import { ACCORDION_APPEARANCES } from "./components/accordion/Accordion.types.js";
-export { ACCORDION_APPEARANCES, Accordion, AccordionGroup, Avatar, AvatarGroup, BADGE_SIZES, BADGE_TONES, BANNER_TONES, BUTTON_VARIANTS, Badge, Banner, Button, Card, Checkbox, ComboBox, DATE_TIME_PICKER_MINUTE_STEPS, DATE_TIME_PICKER_MODES, DateTimePicker, IconButton, List, Popup_default as Popup, PopupList, RadioGroup, SKELETON_SHAPES, SegmentedControl, Skeleton, SplitButton, Switch, TextArea, TextField };
+export { ACCORDION_APPEARANCES, Accordion, AccordionGroup, Avatar, AvatarGroup, BADGE_SIZES, BADGE_TONES, BANNER_TONES, BUTTON_VARIANTS, Badge, Banner, Button, Card, Checkbox, ComboBox, DATE_TIME_PICKER_MINUTE_STEPS, DATE_TIME_PICKER_MODES, DateTimePicker, IconButton, List, Popup_default as Popup, PopupList, Progress, RadioGroup, SKELETON_SHAPES, SegmentedControl, Skeleton, Spinner, SplitButton, Switch, TextArea, TextField };

package/dist/progress.css

@@ -0,0 +1,28 @@
+@layer chayns.components {
+  .chayns-progress {
+    display: block;
+    width: 100%;
+  }
+
+  .chayns-progress__label-row {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 7px;
+    color: var(--muted);
+    font-size: var(--fs-meta);
+  }
+
+  .chayns-progress__bar {
+    width: 100%;
+    height: 8px;
+    overflow: hidden;
+    border-radius: 999px;
+    background: var(--surface-alt);
+  }
+
+  .chayns-progress__fill {
+    height: 100%;
+    border-radius: inherit;
+    background: var(--accent);
+  }
+}

package/dist/spinner.css

@@ -0,0 +1,24 @@
+@layer chayns.components {
+  .chayns-spinner {
+    box-sizing: border-box;
+    display: block;
+    width: var(--k30);
+    height: var(--k30);
+    border: 3px solid var(--surface-alt);
+    border-top-color: var(--accent);
+    border-radius: 50%;
+    animation: chayns-spinner-spin 0.8s linear infinite;
+  }
+
+  @keyframes chayns-spinner-spin {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .chayns-spinner {
+      animation: none;
+    }
+  }
+}

package/dist/styles.css

@@ -1,6 +1,8 @@
 @import url('./button.css');
 @import url('./badge.css');
 @import url('./skeleton.css');
+@import url('./spinner.css');
+@import url('./progress.css');
 @import url('./banner.css');
 @import url('./combo-box.css');
 @import url('./card.css');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chayns-ui/core",
-  "version": "0.8.0",
+  "version": "0.9.1",
   "description": "Accessible React core components for chayns UI",
   "license": "MIT",
   "type": "module",
@@ -25,6 +25,8 @@
     "./button.css": "./dist/button.css",
     "./badge.css": "./dist/badge.css",
     "./skeleton.css": "./dist/skeleton.css",
+    "./spinner.css": "./dist/spinner.css",
+    "./progress.css": "./dist/progress.css",
     "./banner.css": "./dist/banner.css",
     "./combo-box.css": "./dist/combo-box.css",
     "./card.css": "./dist/card.css",