aidos-ui 4.0.2 → 4.0.4

package/dist/BaseButton.js

@@ -3,7 +3,7 @@ import React from "react";
 import { getInteractableJSS } from "./Interactable";
 import { toClassnames } from "./jss";
 export const BaseButton = React.forwardRef(({ onClick, children, jss, color, bare = false, border = false, disabled, animateInteraction = true, padding, ...otherProps }, ref) => {
-    return (_jsx("button", { ...otherProps, "aria-disabled": disabled ? true : undefined, ref: ref, onClick: (event) => {
+    return (_jsx("button", { type: "button", ...otherProps, "aria-disabled": disabled ? true : undefined, ref: ref, onClick: (event) => {
             if (disabled) {
                 return;
             }

package/dist/BaseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../src/BaseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAC;AAcnD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,OAAO,EACP,QAAQ,EACR,GAAG,EACH,KAAK,EACL,IAAI,GAAG,KAAK,EACZ,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,kBAAkB,GAAG,IAAI,EACzB,OAAO,EACP,GAAG,UAAU,EACG,EAClB,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,oBACM,UAAU,mBACC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC1C,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,IAAI,QAAQ,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,EACD,SAAS,EAAE,YAAY,CAAC;YACtB,GAAG,kBAAkB,CAAC;gBACpB,KAAK;gBACL,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,kBAAkB;gBAClB,OAAO;aACR,CAAC;YACF,GAAG;SACJ,CAAC,YAED,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../src/BaseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAC;AAcnD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,OAAO,EACP,QAAQ,EACR,GAAG,EACH,KAAK,EACL,IAAI,GAAG,KAAK,EACZ,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,kBAAkB,GAAG,IAAI,EACzB,OAAO,EACP,GAAG,UAAU,EACG,EAClB,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,KACT,UAAU,mBACC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC1C,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,IAAI,QAAQ,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,EACD,SAAS,EAAE,YAAY,CAAC;YACtB,GAAG,kBAAkB,CAAC;gBACpB,KAAK;gBACL,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,kBAAkB;gBAClB,OAAO;aACR,CAAC;YACF,GAAG;SACJ,CAAC,YAED,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/BaseView.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { toClassnames } from "./jss";
-const jsss = {
+const styles = {
     relative: {
         position: "relative",
     },
@@ -18,9 +18,9 @@ export const BaseView = React.forwardRef(({ jss, children, tag, grow, shrink, re
     // @ts-ignore
     _jsx(Tag, { ref: ref, className: toClassnames([
             jss,
-            grow && jsss.grow,
-            shrink && jsss.shrink,
-            relative && jsss.relative,
+            grow && styles.grow,
+            shrink && styles.shrink,
+            relative && styles.relative,
         ]), ...otherProps, children: children }));
 });
 //# sourceMappingURL=BaseView.js.map

package/dist/BaseView.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseView.js","sourceRoot":"","sources":["../src/BaseView.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,IAAI,GAA2B;IACnC,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;KACrB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;KACZ;IACD,MAAM,EAAE;QACN,UAAU,EAAE,CAAC;KACd;CACF,CAAC;AAYF,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EACE,GAAG,EACH,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,GAAG,UAAU,EACC,EAChB,GAA4B,EAC5B,EAAE;IACF,MAAM,GAAG,GAAW,GAAG,IAAI,KAAK,CAAC;IAEjC,OAAO;IACL,aAAa;IACb,KAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,CAAC;YACtB,GAAG;YACH,IAAI,IAAI,IAAI,CAAC,IAAI;YACjB,MAAM,IAAI,IAAI,CAAC,MAAM;YACrB,QAAQ,IAAI,IAAI,CAAC,QAAQ;SAC1B,CAAC,KACE,UAAU,YAEb,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BaseView.js","sourceRoot":"","sources":["../src/BaseView.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,GAA2B;IACrC,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;KACrB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;KACZ;IACD,MAAM,EAAE;QACN,UAAU,EAAE,CAAC;KACd;CACF,CAAC;AAYF,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EACE,GAAG,EACH,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,GAAG,UAAU,EACC,EAChB,GAA4B,EAC5B,EAAE;IACF,MAAM,GAAG,GAAW,GAAG,IAAI,KAAK,CAAC;IAEjC,OAAO;IACL,aAAa;IACb,KAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,CAAC;YACtB,GAAG;YACH,IAAI,IAAI,MAAM,CAAC,IAAI;YACnB,MAAM,IAAI,MAAM,CAAC,MAAM;YACvB,QAAQ,IAAI,MAAM,CAAC,QAAQ;SAC5B,CAAC,KACE,UAAU,YAEb,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/Calendar.js

@@ -1,5 +1,5 @@
-import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from "react";
+import { Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { cloneElement, useMemo } from "react";
 import { BaseView } from "./BaseView";
 const dateFormatter = Intl.DateTimeFormat("en-UK", {
     weekday: "short",
@@ -29,29 +29,29 @@ export const Calendar = React.forwardRef(({ date, cell, header, jss, }, ref) =>
             jss,
         ], children: [headers, Array.from(Array(offset).keys()).map((index) => {
                 const dayDate = new Date(date.getFullYear(), date.getMonth(), index + 1 - offset);
-                return (_jsx(React.Fragment, { children: cell({
-                        date: dayDate,
-                        today: false,
-                        top: true,
-                        left: index % 7 === 0,
-                        outOfMonth: true,
-                        right: false,
-                        bottom: false,
-                    }) }, dayDate.toISOString()));
+                return cloneElement(cell({
+                    date: dayDate,
+                    today: false,
+                    top: true,
+                    left: index % 7 === 0,
+                    outOfMonth: true,
+                    right: false,
+                    bottom: false,
+                }), { key: dayDate.toISOString() });
             }), Array.from(Array(daysInMonth).keys()).map((index) => {
                 const dayDate = new Date(date.getFullYear(), date.getMonth(), index + 1, 12 // If we do not add this the ISO string would be from the day before at midnight
                 );
-                return (_jsx(React.Fragment, { children: cell({
-                        date: dayDate,
-                        top: index + offset < 7,
-                        left: (index + offset) % 7 === 0,
-                        right: (index + offset) % 7 === 7 - 1 || index === daysInMonth - 1,
-                        bottom: index > daysInMonth - 7 - 1,
-                        outOfMonth: false,
-                        today: dayDate.getDate() == new Date().getDate() &&
-                            dayDate.getMonth() == new Date().getMonth() &&
-                            dayDate.getFullYear() == new Date().getFullYear(),
-                    }) }, dayDate.toISOString()));
+                return cloneElement(cell({
+                    date: dayDate,
+                    top: index + offset < 7,
+                    left: (index + offset) % 7 === 0,
+                    right: (index + offset) % 7 === 7 - 1 || index === daysInMonth - 1,
+                    bottom: index > daysInMonth - 7 - 1,
+                    outOfMonth: false,
+                    today: dayDate.getDate() == new Date().getDate() &&
+                        dayDate.getMonth() == new Date().getMonth() &&
+                        dayDate.getFullYear() == new Date().getFullYear(),
+                }), { key: dayDate.toISOString() });
             })] }));
 });
 //# sourceMappingURL=Calendar.js.map

package/dist/Calendar.js.map

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

package/dist/Card.js

@@ -6,7 +6,7 @@ export function Card({ children, jss, padding = "large", gap = "large", ...other
             {
                 backgroundColor: cssVar("--overlay-background"),
                 borderRadius: cssVar("--border-radius-l"),
-                boxShadow: `1px 1px 4px 1px ${cssVar("--divider")}`,
+                boxShadow: cssVar("--shadow-sm"),
             },
             jss,
         ], children: children }));

package/dist/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI/B,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,GAAG,EACH,OAAO,GAAG,OAAO,EACjB,GAAG,GAAG,OAAO,EACb,GAAG,UAAU,EACH;IACV,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE;YACH;gBACE,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;gBAC/C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,SAAS,EAAE,mBAAmB,MAAM,CAAC,WAAW,CAAC,EAAE;aACpD;YACD,GAAG;SACJ,YAEA,QAAQ,GACE,CACd,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI/B,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,GAAG,EACH,OAAO,GAAG,OAAO,EACjB,GAAG,GAAG,OAAO,EACb,GAAG,UAAU,EACH;IACV,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE;YACH;gBACE,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;gBAC/C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;aACjC;YACD,GAAG;SACJ,YAEA,QAAQ,GACE,CACd,CAAC;AACJ,CAAC"}

package/dist/DateInput.d.ts

@@ -8,6 +8,6 @@ export interface DateInputProps extends BaseInputProps {
     icon?: IconType;
     addOn?: ReactNode;
     onChange?: undefined;
-    jsss?: JSS;
+    jss?: JSS;
 }
 export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/DatePicker.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useRef } from "react";
 import { Text } from "./Text";
 import { toClassnames } from "./jss";
-const jsss = {
+const styles = {
     dateInput: {
         border: "1px solid var(--divider)",
         backgroundColor: "var(--primary-background)",
@@ -19,7 +19,7 @@ export function DatePicker({ id, label, color = "primary", date, onDateChange, }
     const day = initialDate.current.getDate();
     const min = new Date(year - 1, month, day).toISOString().substring(0, 10);
     const max = new Date(year + 1, month, day).toISOString().substring(0, 10);
-    return (_jsxs(_Fragment, { children: [_jsx("label", { htmlFor: id, children: _jsx(Text, { size: "small", color: color, children: label }) }), _jsx("input", { min: min, max: max, className: toClassnames(jsss.dateInput), type: "date", id: id, value: date.toISOString().substring(0, 10), onChange: (event) => {
+    return (_jsxs(_Fragment, { children: [_jsx("label", { htmlFor: id, children: _jsx(Text, { size: "small", color: color, children: label }) }), _jsx("input", { min: min, max: max, className: toClassnames(styles.dateInput), type: "date", id: id, value: date.toISOString().substring(0, 10), onChange: (event) => {
                     let parsedDate;
                     try {
                         parsedDate = new Date(event.target.value);

package/dist/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAa,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,IAAI,GAAG;IACX,SAAS,EAAE;QACT,MAAM,EAAE,0BAA0B;QAClC,eAAe,EAAE,2BAA2B;QAC5C,OAAO,EAAE,kBAAkB;QAC3B,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,GAAG,EAAE;KACpB;CACF,CAAC;AAYF,MAAM,UAAU,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,YAAY,GACI;IAChB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IAC7C,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1E,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1E,OAAO,CACL,8BACE,gBAAO,OAAO,EAAE,EAAE,YAChB,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,YAC5B,KAAK,GACD,GACD,EACR,gBACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,EACvC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,IAAI,UAAU,CAAC;oBACf,IAAI,CAAC;wBACH,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC5C,CAAC;4BAAS,CAAC;wBACT,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;4BACvB,YAAY,CAAC,UAAU,CAAC,CAAC;wBAC3B,CAAC;oBACH,CAAC;gBACH,CAAC,GACM,IACR,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAa,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,MAAM,GAAG;IACb,SAAS,EAAE;QACT,MAAM,EAAE,0BAA0B;QAClC,eAAe,EAAE,2BAA2B;QAC5C,OAAO,EAAE,kBAAkB;QAC3B,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,GAAG,EAAE;KACpB;CACF,CAAC;AAYF,MAAM,UAAU,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,YAAY,GACI;IAChB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IAC7C,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1E,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1E,OAAO,CACL,8BACE,gBAAO,OAAO,EAAE,EAAE,YAChB,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,YAC5B,KAAK,GACD,GACD,EACR,gBACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,EACzC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,IAAI,UAAU,CAAC;oBACf,IAAI,CAAC;wBACH,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC5C,CAAC;4BAAS,CAAC;wBACT,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;4BACvB,YAAY,CAAC,UAAU,CAAC,CAAC;wBAC3B,CAAC;oBACH,CAAC;gBACH,CAAC,GACM,IACR,CACJ,CAAC;AACJ,CAAC"}

package/dist/DatetimeInput.js

@@ -4,7 +4,7 @@ import { BaseInput } from "./BaseInput";
 import { Box } from "./Box";
 import { Icon } from "./Icon";
 import { Row } from "./Row";
-const jsss = {
+const styles = {
     root: {
         backgroundColor: "var(--primary-background)",
     },
@@ -26,6 +26,6 @@ const jsss = {
     },
 };
 export const DatetimeInput = React.forwardRef(({ date, onDateChange, jss, icon, addOn, ...inputProps }, ref) => {
-    return (_jsxs(Row, { jss: jsss.root, children: [icon && (_jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "secondary", icon: icon }) })), _jsx(BaseInput, { ...inputProps, type: "datetime-local", ref: ref, value: date.toISOString().substring(0, 16), onChange: (e) => onDateChange(new Date(e.target.value)), jss: [jsss.input, jss] }), addOn] }));
+    return (_jsxs(Row, { jss: styles.root, children: [icon && (_jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "secondary", icon: icon }) })), _jsx(BaseInput, { ...inputProps, type: "datetime-local", ref: ref, value: date.toISOString().substring(0, 16), onChange: (e) => onDateChange(new Date(e.target.value)), jss: [styles.input, jss] }), addOn] }));
 });
 //# sourceMappingURL=DatetimeInput.js.map

package/dist/DatetimeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatetimeInput.js","sourceRoot":"","sources":["../src/DatetimeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAY5B,MAAM,IAAI,GAAG;IACX,IAAI,EAAE;QACJ,eAAe,EAAE,2BAA2B;KAC7C;IACD,KAAK,EAAE;QACL,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE,CAAC;QACX,eAAe,EAAE,2BAA2B;QAC5C,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,GAAG,EAAE;QACnB,eAAe,EAAE;YACf,KAAK,EAAE,qBAAqB;SAC7B;QACD,WAAW,EAAE;YACX,KAAK,EAAE,qBAAqB;SAC7B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAsB,EAC3E,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,aAChB,IAAI,IAAI,CACP,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAI,GAChD,CACP,EACD,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACvD,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,GACtB,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"DatetimeInput.js","sourceRoot":"","sources":["../src/DatetimeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAY5B,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,eAAe,EAAE,2BAA2B;KAC7C;IACD,KAAK,EAAE;QACL,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE,CAAC;QACX,eAAe,EAAE,2BAA2B;QAC5C,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,GAAG,EAAE;QACnB,eAAe,EAAE;YACf,KAAK,EAAE,qBAAqB;SAC7B;QACD,WAAW,EAAE;YACX,KAAK,EAAE,qBAAqB;SAC7B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAsB,EAC3E,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,aAClB,IAAI,IAAI,CACP,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAI,GAChD,CACP,EACD,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACvD,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GACxB,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/Dialog.js

@@ -7,7 +7,7 @@ import { Column } from "./Column";
 import { Row } from "./Row";
 import { IconButton } from "./IconButton";
 import { toClassnames } from "./jss";
-const jsss = {
+const styles = {
     dialog: {
         border: "1px solid var(--divider)",
         borderRadius: "var(--border-radius-l)",
@@ -39,7 +39,7 @@ const jsss = {
     },
 };
 export const Dialog = ({ label, children, close, }) => {
-    return (_jsxs(BaseView, { jss: jsss.root, children: [_jsxs(Column, { jss: jsss.header, children: [_jsxs(Row, { padding: "medium", justify: "space-between", align: "center", children: [_jsx(Text, { size: "medium", color: "secondary", children: label }), _jsx(IconButton, { autoFocus: true, bare: true, icon: "fa-close", size: "medium", onClick: close, color: "primary" })] }), _jsx(ListDivider, {})] }), _jsx(BaseView, { jss: jsss.content, children: children })] }));
+    return (_jsxs(BaseView, { jss: styles.root, children: [_jsxs(Column, { jss: styles.header, children: [_jsxs(Row, { padding: "medium", justify: "space-between", align: "center", children: [_jsx(Text, { size: "medium", color: "secondary", children: label }), _jsx(IconButton, { autoFocus: true, bare: true, icon: "fa-close", size: "medium", onClick: close, color: "primary" })] }), _jsx(ListDivider, {})] }), _jsx(BaseView, { jss: styles.content, children: children })] }));
 };
 const DialogContext = React.createContext({
     setDialog: () => { },
@@ -66,7 +66,7 @@ export function useDialog(DialogComponent, options) {
         setDialog(_jsx("dialog", { ref: (ref) => {
                 dialogRef.current = ref;
                 ref && ref.showModal();
-            }, className: toClassnames(jsss.dialog), onClose: () => {
+            }, className: toClassnames(styles.dialog), onClose: () => {
                 closeRef.current();
             }, onClick: (e) => {
                 if (dialogRef.current == null) {

package/dist/Dialog.js.map

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

package/dist/Dropdown.d.ts

@@ -1,5 +1,5 @@
 import { Gap, JSS, Padding, Size } from "./jss";
-export declare function Dropdown<T extends string | number>({ id, label, options, selection, setSelection, jss, jssButton, optionLabel, padding, size, gap, }: {
+export declare function Dropdown<T extends string | number>({ id: propId, label, options, selection, setSelection, jss, jssButton, optionLabel, padding, size, gap, }: {
     id?: string;
     label: string;
     options: Set<T>;

package/dist/Dropdown.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useId, useRef, useState } from "react";
 import { BaseView } from "./BaseView";
-import { guid } from "./guid";
 import { Button } from "./Button";
 import { Column } from "./Column";
 import { useNavigation } from "./useNavigation";
 import { useRefEffect } from "./useRefEffect";
 import { getBackground } from "./jss";
-const jsss = {
+const styles = {
     root: {
         position: "relative",
         display: "flex",
@@ -24,11 +23,13 @@ const jsss = {
         left: 0,
         right: 0,
         borderRadius: "var(--border-radius-m)",
-        boxShadow: "0px 1px 2px var(--divider)",
+        boxShadow: "var(--shadow-sm)",
         zIndex: 1,
     },
 };
-export function Dropdown({ id = guid(), label, options, selection, setSelection, jss, jssButton, optionLabel, padding, size, gap = "medium", }) {
+export function Dropdown({ id: propId, label, options, selection, setSelection, jss, jssButton, optionLabel, padding, size, gap = "medium", }) {
+    const hookId = useId();
+    const id = propId ?? hookId;
     const triggerRef = useRef(null);
     const [expanded, setExpanded] = useState(false);
     const dropdownRef = useNavigation({ autofocus: true });
@@ -46,9 +47,9 @@ export function Dropdown({ id = guid(), label, options, selection, setSelection,
             triggerRef.current && triggerRef.current.focus();
         }
     }, [expanded]);
-    return (_jsxs(BaseView, { ref: rootRef, jss: [jsss.root, jss], children: [_jsx(Button, { size: size, padding: padding, "aria-expanded": expanded ? "true" : "false", "aria-controls": id, "aria-haspopup": "true", "aria-label": label, role: "combobox", justify: "space-between", tabIndex: 0, jss: [jsss.button, jssButton], color: "positive", icon: "fa-chevron-down", iconPosition: "right", onClick: () => {
+    return (_jsxs(BaseView, { ref: rootRef, jss: [styles.root, jss], children: [_jsx(Button, { size: size, padding: padding, "aria-expanded": expanded ? "true" : "false", "aria-controls": id, "aria-haspopup": "true", "aria-label": label, role: "combobox", justify: "space-between", tabIndex: 0, jss: [styles.button, jssButton], color: "positive", icon: "fa-chevron-down", iconPosition: "right", onClick: () => {
                     setExpanded((x) => !x);
-                }, ref: triggerRef, children: optionLabel(selection) }), expanded && (_jsx(Column, { gap: gap, jss: [jsss.dropdown, getBackground("secondary-background")], id: id, role: "listbox", "aria-label": label, tabIndex: -1, ref: dropdownRef, onBlur: (e) => {
+                }, ref: triggerRef, children: optionLabel(selection) }), expanded && (_jsx(Column, { gap: gap, jss: [styles.dropdown, getBackground("secondary-background")], id: id, role: "listbox", "aria-label": label, tabIndex: -1, ref: dropdownRef, onBlur: (e) => {
                     if (!e.currentTarget.contains(e.relatedTarget)) {
                         setExpanded(false);
                     }

package/dist/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAA2B,aAAa,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,IAAI,GAA2B;IACnC,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,CAAC;KACZ;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,CAAC;KACZ;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,wBAAwB;QACtC,SAAS,EAAE,4BAA4B;QACvC,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AACF,MAAM,UAAU,QAAQ,CAA4B,EAClD,EAAE,GAAG,IAAI,EAAE,EACX,KAAK,EACL,OAAO,EACP,SAAS,EACT,YAAY,EACZ,GAAG,EACH,SAAS,EACT,WAAW,EACX,OAAO,EACP,IAAI,EACJ,GAAG,GAAG,QAAQ,GAaf;IACC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,aAAa,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,YAAY,CAAc,CAAC,IAAI,EAAE,EAAE;QACjD,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE;YACtB,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACxB,WAAW,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,MAAC,QAAQ,IAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,aAC3C,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,mBACD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC3B,EAAE,mBACH,MAAM,gBACR,KAAK,EACjB,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,eAAe,EACvB,QAAQ,EAAE,CAAC,EACX,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,EAC7B,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,iBAAiB,EACtB,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,GAAG,EAAE;oBACZ,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBACzB,CAAC,EACD,GAAG,EAAE,UAAU,YAEd,WAAW,CAAC,SAAS,CAAC,GAChB,EACR,QAAQ,IAAI,CACX,KAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC,EAC3D,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,SAAS,gBACF,KAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;oBACZ,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC;wBAC/C,WAAW,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC;gBACH,CAAC,YAEA,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBACzC,MAAM,QAAQ,GAAG,GAAG,EAAE,IAAI,KAAK,EAAE,CAAC;oBAClC,MAAM,QAAQ,GAAG,MAAM,KAAK,SAAS,CAAC;oBACtC,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,EAClD,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,OAAO,EACpB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAEvC,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,QAAQ,mBACG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC1C,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,MAAM,CAAC,CAAC;4BACrB,WAAW,CAAC,KAAK,CAAC,CAAC;wBACrB,CAAC,YAEA,WAAW,CAAC,MAAM,CAAC,IAVf,QAAQ,CAWN,CACV,CAAC;gBACJ,CAAC,CAAC,GACK,CACV,IACQ,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/Icon.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon as IconifyIcon } from "@iconify/react";
 import { BaseView } from "./BaseView";
 import { getTextColor } from "./jss";
-const jsss = {
+const styles = {
     root: {
         display: "flex",
         justifyContent: "center",
@@ -46,14 +46,14 @@ export function IconProvider({ children }) {
 }
 export function Icon({ icon, size, color, ariaLabel, }) {
     return (_jsx(BaseView, { "aria-label": ariaLabel, jss: [
-            jsss.root,
-            size === "xsmall" && jsss.xsmall,
-            size === "small" && jsss.small,
-            size === "medium" && jsss.medium,
-            size === "large" && jsss.large,
-            size === "xlarge" && jsss.xlarge,
-            size === "xxlarge" && jsss.xxlarge,
-            size === "xxxlarge" && jsss.xxxlarge,
+            styles.root,
+            size === "xsmall" && styles.xsmall,
+            size === "small" && styles.small,
+            size === "medium" && styles.medium,
+            size === "large" && styles.large,
+            size === "xlarge" && styles.xlarge,
+            size === "xxlarge" && styles.xxlarge,
+            size === "xxxlarge" && styles.xxxlarge,
             getTextColor(color),
         ], children: _jsx(IconifyIcon, { icon: icon, width: "100%", height: "100%" }) }));
 }

package/dist/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAmB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,IAAI,GAAG;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE;YACN,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,SAAS;SACjB;KACF;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACT;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,OAAO,EAAE;QACP,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAmC;IACxE,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,GAMV;IACC,OAAO,CACL,KAAC,QAAQ,kBACK,SAAS,EACrB,GAAG,EAAE;YACH,IAAI,CAAC,IAAI;YACT,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM;YAChC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,KAAK;YAC9B,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM;YAChC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,KAAK;YAC9B,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM;YAChC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO;YAClC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,QAAQ;YACpC,YAAY,CAAC,KAAK,CAAC;SACpB,YAED,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,GAC7C,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAmB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE;YACN,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,SAAS;SACjB;KACF;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACT;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,OAAO,EAAE;QACP,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAmC;IACxE,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,GAMV;IACC,OAAO,CACL,KAAC,QAAQ,kBACK,SAAS,EACrB,GAAG,EAAE;YACH,MAAM,CAAC,IAAI;YACX,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM;YAClC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK;YAChC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM;YAClC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK;YAChC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM;YAClC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO;YACpC,IAAI,KAAK,UAAU,IAAI,MAAM,CAAC,QAAQ;YACtC,YAAY,CAAC,KAAK,CAAC;SACpB,YAED,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,GAC7C,CACZ,CAAC;AACJ,CAAC"}

package/dist/IconButton.d.ts

@@ -5,5 +5,7 @@ import { Size } from "./jss";
 export interface IconButtonProps extends BaseButtonProps {
     icon: IconType;
     size: Size;
+    label?: string;
+    labelSize?: Size;
 }
 export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/IconButton.js

@@ -1,17 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { BaseButton } from "./BaseButton";
 import { Icon } from "./Icon";
 import { getGlyphColor } from "./Interactable";
+import { Span } from "./Text";
 const sizes = {
     xsmall: 20,
     small: 24,
     medium: 32,
     large: 40,
     xlarge: 48,
+    xxlarge: 56,
+    xxxlarge: 64,
 };
-export const IconButton = React.forwardRef(({ icon, size, color, bare, disabled, jss, ...buttonProps }, ref) => {
-    return (_jsx(BaseButton, { ...buttonProps, bare: bare, jss: [
+export const IconButton = React.forwardRef(({ icon, size, color, bare, disabled, jss, label, labelSize = "medium", ...buttonProps }, ref) => {
+    return (_jsxs(BaseButton, { ...buttonProps, "aria-label": buttonProps["aria-label"] ?? label, bare: bare, jss: [
             {
                 display: "flex",
                 justifyContent: "center",
@@ -26,6 +29,6 @@ export const IconButton = React.forwardRef(({ icon, size, color, bare, disabled,
                 },
             },
             jss,
-        ], color: color, ref: ref, disabled: disabled, children: _jsx(Icon, { size: size, icon: icon, color: getGlyphColor(color, disabled, bare) }) }));
+        ], color: color, ref: ref, disabled: disabled, children: [_jsx(Icon, { size: size, icon: icon, color: getGlyphColor(color, disabled, bare) }), label && (_jsx(Span, { size: labelSize, color: getGlyphColor(color, disabled, bare), children: label }))] }));
 });
 //# sourceMappingURL=IconButton.js.map

package/dist/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../src/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAOF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,WAAW,EAAmB,EAC3E,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,UAAU,OACL,WAAW,EACf,IAAI,EAAE,IAAI,EACV,GAAG,EAAE;YACH;gBACE,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;gBAClB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;aAC9B;YACD,CAAC,QAAQ,IAAI;gBACX,SAAS,EAAE;oBACT,SAAS,EAAE,aAAa;iBACzB;aACF;YACD,GAAG;SACJ,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,YAElB,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,GACS,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../src/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,KAAK,GAEP;IACF,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,EAAE;CACb,CAAC;AASF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,GAAG,WAAW,EACE,EAClB,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,MAAC,UAAU,OACL,WAAW,gBACH,WAAW,CAAC,YAAY,CAAC,IAAI,KAAK,EAC9C,IAAI,EAAE,IAAI,EACV,GAAG,EAAE;YACH;gBACE,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;gBAClB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;aAC9B;YACD,CAAC,QAAQ,IAAI;gBACX,SAAS,EAAE;oBACT,SAAS,EAAE,aAAa;iBACzB;aACF;YACD,GAAG;SACJ,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,aAElB,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,EACD,KAAK,IAAI,CACR,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAC/D,KAAK,GACD,CACR,IACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/Interactable.js

@@ -1,5 +1,5 @@
 import { cssVar, getPadding } from "./jss";
-const jsss = {
+const styles = {
     root: {
         cursor: "pointer",
         display: "inline-flex",
@@ -71,18 +71,18 @@ const jsss = {
 };
 export function getInteractableJSS({ color, bare, disabled, animateInteraction, padding, border, }) {
     return [
-        jsss.root,
-        color === "dark" && jsss.dark,
-        color === "light" && jsss.light,
-        color === "positive" && jsss.positive,
-        color === "primary" && jsss.primary,
-        color === "negative" && jsss.negative,
+        styles.root,
+        color === "dark" && styles.dark,
+        color === "light" && styles.light,
+        color === "positive" && styles.positive,
+        color === "primary" && styles.primary,
+        color === "negative" && styles.negative,
         border && {
             border: `1px solid ${getCSSColor(color, disabled, bare)}`,
         },
-        bare && jsss.bare,
-        disabled && jsss.disabled,
-        !bare && jsss.opacityHover,
+        bare && styles.bare,
+        disabled && styles.disabled,
+        !bare && styles.opacityHover,
         animateInteraction &&
             !disabled && {
             position: "relative",

package/dist/Interactable.js.map

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

package/dist/JSSComment.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Injects a real HTML comment node (<!-- ComponentName -->) into the DOM.
+ *
+ * Renders nothing (null). Uses the React fiber tree to locate the sibling
+ * component's first DOM node, then inserts a comment before it.
+ * Client-only — no SSR output, no hydration mismatch.
+ */
+export declare function JSSComment({ name }: {
+    name: string;
+}): any;

package/dist/JSSComment.js

@@ -0,0 +1,52 @@
+import React, { useEffect, useRef } from "react";
+/**
+ * Injects a real HTML comment node (<!-- ComponentName -->) into the DOM.
+ *
+ * Renders nothing (null). Uses the React fiber tree to locate the sibling
+ * component's first DOM node, then inserts a comment before it.
+ * Client-only — no SSR output, no hydration mismatch.
+ */
+export function JSSComment({ name }) {
+    const fiberRef = useRef(null);
+    // Capture our fiber during render
+    try {
+        const internals = React
+            .__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        fiberRef.current = internals?.ReactCurrentOwner?.current;
+    }
+    catch { }
+    useEffect(() => {
+        const fiber = fiberRef.current;
+        if (!fiber)
+            return;
+        // Our sibling in the Fragment is the actual component
+        const sibling = fiber.sibling;
+        if (!sibling)
+            return;
+        // Walk down the sibling's fiber tree to find its first DOM node
+        const hostNode = findFirstDOMNode(sibling);
+        if (!hostNode?.parentNode)
+            return;
+        const comment = document.createComment(` ${name} `);
+        hostNode.parentNode.insertBefore(comment, hostNode);
+        return () => {
+            comment.remove();
+        };
+    }, [name]);
+    return null;
+}
+function findFirstDOMNode(fiber) {
+    let current = fiber;
+    while (current) {
+        if (current.stateNode instanceof Node) {
+            return current.stateNode;
+        }
+        if (current.child) {
+            current = current.child;
+            continue;
+        }
+        break;
+    }
+    return null;
+}
+//# sourceMappingURL=JSSComment.js.map

package/dist/JSSComment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSSComment.js","sourceRoot":"","sources":["../src/JSSComment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAoB;IACnD,MAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAEnC,kCAAkC;IAClC,IAAI,CAAC;QACH,MAAM,SAAS,GAAI,KAAa;aAC7B,kDAAkD,CAAC;QACtD,QAAQ,CAAC,OAAO,GAAG,SAAS,EAAE,iBAAiB,EAAE,OAAO,CAAC;IAC3D,CAAC;IAAC,MAAM,CAAC,CAAA,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,sDAAsD;QACtD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,gEAAgE;QAChE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC3C,IAAI,CAAC,QAAQ,EAAE,UAAU;YAAE,OAAO;QAElC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,GAAG,CAAC,CAAC;QACpD,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAEpD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAU;IAClC,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,OAAO,OAAO,EAAE,CAAC;QACf,IAAI,OAAO,CAAC,SAAS,YAAY,IAAI,EAAE,CAAC;YACtC,OAAO,OAAO,CAAC,SAAS,CAAC;QAC3B,CAAC;QACD,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YAClB,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC;YACxB,SAAS;QACX,CAAC;QACD,MAAM;IACR,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/ListDivider.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BaseView } from "./BaseView";
-const jsss = {
+const styles = {
     root: {
         width: "100%",
         borderBottom: "1px solid var(--divider)",
     },
 };
 export function ListDivider() {
-    return _jsx(BaseView, { jss: jsss.root });
+    return _jsx(BaseView, { jss: styles.root });
 }
 //# sourceMappingURL=ListDivider.js.map

package/dist/ListDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListDivider.js","sourceRoot":"","sources":["../src/ListDivider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAAG;IACX,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,0BAA0B;KACzC;CACF,CAAC;AAEF,MAAM,UAAU,WAAW;IACzB,OAAO,KAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,GAAI,CAAC;AACtC,CAAC"}
+{"version":3,"file":"ListDivider.js","sourceRoot":"","sources":["../src/ListDivider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,0BAA0B;KACzC;CACF,CAAC;AAEF,MAAM,UAAU,WAAW;IACzB,OAAO,KAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC;AACxC,CAAC"}

package/dist/ListSpacer.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BaseView } from "./BaseView";
-const jsss = {
+const styles = {
     root: {
         height: "var(--spacing-xl)",
         backgroundColor: "var(--secondary-background)",
@@ -8,6 +8,6 @@ const jsss = {
     },
 };
 export function ListSpacer() {
-    return _jsx(BaseView, { jss: jsss.root });
+    return _jsx(BaseView, { jss: styles.root });
 }
 //# sourceMappingURL=ListSpacer.js.map

package/dist/ListSpacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListSpacer.js","sourceRoot":"","sources":["../src/ListSpacer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAAG;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,mBAAmB;QAC3B,eAAe,EAAE,6BAA6B;QAC9C,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,UAAU,UAAU;IACxB,OAAO,KAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,GAAI,CAAC;AACtC,CAAC"}
+{"version":3,"file":"ListSpacer.js","sourceRoot":"","sources":["../src/ListSpacer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,MAAM,EAAE,mBAAmB;QAC3B,eAAe,EAAE,6BAA6B;QAC9C,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,UAAU,UAAU;IACxB,OAAO,KAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC;AACxC,CAAC"}