aidos-ui 3.0.29 → 3.0.30

package/dist/ListHeaderItem.js

@@ -4,7 +4,7 @@ import { cssVar } from "./jss";
 import { useListContext } from "./List";
 export function ListHeaderItem({ highlight, headline, body, withDivider, addOn, addOnPosition, }) {
     const { bare } = useListContext();
-    return (_jsx(BaseListItem, { headline: headline, headlineColor: highlight ? (bare ? "highlight" : "light") : "primary", headlineBold: true, body: body, addOn: addOn, addOnPosition: addOnPosition, withDivider: bare ? false : withDivider, jsStyle: bare
+    return (_jsx(BaseListItem, { headline: headline, headlineColor: highlight ? (bare ? "highlight" : "light") : "primary", headlineBold: true, body: body, addOn: addOn, addOnPosition: addOnPosition, withDivider: bare ? false : withDivider, jss: bare
             ? null
             : {
                 backgroundColor: highlight

package/dist/ListHeaderItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListHeaderItem.js","sourceRoot":"","sources":["../src/ListHeaderItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAY,MAAM,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAK,EACL,aAAa,GAQd;IACC,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EACrE,YAAY,EAAE,IAAI,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACvC,OAAO,EACL,IAAI;YACF,CAAC,CAAC,IAAI;YACN,CAAC,CAAC;gBACE,eAAe,EAAE,SAAS;oBACxB,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;oBACvB,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC;aACrC,YAGN,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,GACZ,CAChB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ListHeaderItem.js","sourceRoot":"","sources":["../src/ListHeaderItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAY,MAAM,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAK,EACL,aAAa,GAQd;IACC,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EACrE,YAAY,EAAE,IAAI,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACvC,GAAG,EACD,IAAI;YACF,CAAC,CAAC,IAAI;YACN,CAAC,CAAC;gBACE,eAAe,EAAE,SAAS;oBACxB,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;oBACvB,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC;aACrC,YAGN,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,GACZ,CAChB,CAAC;AACJ,CAAC"}

package/dist/ListItem.js

@@ -4,6 +4,6 @@ import { BaseListItem } from "./BaseListItem";
 import { useListContext } from "./List";
 export const ListItem = React.forwardRef((props, ref) => {
     const { bare } = useListContext();
-    return (_jsx(BaseListItem, { withDivider: !bare, ...props, jsStyle: props.jsStyle, ref: ref, children: ({ content }) => content }));
+    return (_jsx(BaseListItem, { withDivider: !bare, ...props, jss: props.jss, ref: ref, children: ({ content }) => content }));
 });
 //# sourceMappingURL=ListItem.js.map

package/dist/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AASxC,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,KAAoB,EAAE,GAA8B,EAAE,EAAE;IACvD,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EAAE,CAAC,IAAI,KACd,KAAK,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,GAAG,YAEP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,GACZ,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AASxC,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,KAAoB,EAAE,GAA8B,EAAE,EAAE;IACvD,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IAAC,WAAW,EAAE,CAAC,IAAI,KAAM,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,YAClE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,GACZ,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ListLinkItem.js

@@ -4,8 +4,8 @@ import { BaseListItem } from "./BaseListItem";
 import { getGlyphColor, getInteractableListItemJSStyles, } from "./Interactable";
 import { BaseLink } from "./BaseLink";
 import { useListContext } from "./List";
-export const ListLinkItem = React.forwardRef(({ onClick, href, disabled = false, padding = "medium", jsStyle, gap, selected, color = "primary", target, ...otherProps }, ref) => {
+export const ListLinkItem = React.forwardRef(({ onClick, href, disabled = false, padding = "medium", jss, gap, selected, color = "primary", target, ...otherProps }, ref) => {
     const { bare } = useListContext();
-    return (_jsx(BaseListItem, { withDivider: !bare, disabled: disabled, "aria-selected": selected, padding: "none", gap: gap, headlineColor: getGlyphColor(color, disabled, true), bodyColor: getGlyphColor(color, disabled, true), selected: selected, ...otherProps, jsStyle: jsStyle, children: ({ content }) => (_jsx(BaseLink, { target: target, padding: padding, "aria-current": selected ? "page" : undefined, disabled: disabled, animateInteraction: false, bare: true, color: color, href: href, ref: ref, jsStyle: getInteractableListItemJSStyles({ bare, selected }), onClick: onClick, children: content })) }));
+    return (_jsx(BaseListItem, { withDivider: !bare, disabled: disabled, "aria-selected": selected, padding: "none", gap: gap, headlineColor: getGlyphColor(color, disabled, true), bodyColor: getGlyphColor(color, disabled, true), selected: selected, ...otherProps, jss: jss, children: ({ content }) => (_jsx(BaseLink, { target: target, padding: padding, "aria-current": selected ? "page" : undefined, disabled: disabled, animateInteraction: false, bare: true, color: color, href: href, ref: ref, jss: getInteractableListItemJSStyles({ bare, selected }), onClick: onClick, children: content })) }));
 });
 //# sourceMappingURL=ListLinkItem.js.map

package/dist/ListLinkItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListLinkItem.js","sourceRoot":"","sources":["../src/ListLinkItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAEL,aAAa,EACb,+BAA+B,GAChC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAexC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,OAAO,EACP,GAAG,EACH,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,MAAM,EACN,GAAG,UAAU,EACK,EACpB,GAAkC,EAClC,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EAAE,CAAC,IAAI,EAClB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,EACvB,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EAC/C,QAAQ,EAAE,QAAQ,KACd,UAAU,EACd,OAAO,EAAE,OAAO,YAEf,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,kBACF,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,KAAK,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,+BAA+B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC5D,OAAO,EAAE,OAAO,YAEf,OAAO,GACC,CACZ,GACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"ListLinkItem.js","sourceRoot":"","sources":["../src/ListLinkItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAEL,aAAa,EACb,+BAA+B,GAChC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAexC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,GAAG,EACH,GAAG,EACH,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,MAAM,EACN,GAAG,UAAU,EACK,EACpB,GAAkC,EAClC,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EAAE,CAAC,IAAI,EAClB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,EACvB,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EAC/C,QAAQ,EAAE,QAAQ,KACd,UAAU,EACd,GAAG,EAAE,GAAG,YAEP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,kBACF,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,KAAK,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,+BAA+B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EACxD,OAAO,EAAE,OAAO,YAEf,OAAO,GACC,CACZ,GACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ListSpacer.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BaseView } from "./BaseView";
-const jsStyles = {
+const jsss = {
     root: {
         height: "var(--spacing-xl)",
         backgroundColor: "var(--secondary-background)",
@@ -8,6 +8,6 @@ const jsStyles = {
     },
 };
 export function ListSpacer() {
-    return _jsx(BaseView, { jsStyle: jsStyles.root });
+    return _jsx(BaseView, { jss: jsss.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,QAAQ,GAAG;IACf,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,OAAO,EAAE,QAAQ,CAAC,IAAI,GAAI,CAAC;AAC9C,CAAC"}
+{"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"}

package/dist/MenuIcon.js

@@ -3,20 +3,20 @@ import { BaseView } from "./BaseView";
 import { Column } from "./Column";
 import { getBackground } from "./jss";
 export function MenuIcon({ open, color }) {
-    return (_jsxs(Column, { gap: "small", children: [_jsx(Bar, { color: color, jsStyle: {
+    return (_jsxs(Column, { gap: "small", children: [_jsx(Bar, { color: color, jss: {
                     transform: open ? "rotateZ(135deg)" : "",
                     transformOrigin: "center",
                     top: open ? 8 : 0,
-                } }), _jsx(Bar, { color: color, jsStyle: {
+                } }), _jsx(Bar, { color: color, jss: {
                     opacity: open ? 0 : 1,
-                } }), _jsx(Bar, { color: color, jsStyle: {
+                } }), _jsx(Bar, { color: color, jss: {
                     transform: open ? "rotateZ(-135deg)" : "",
                     transformOrigin: "center",
                     top: open ? -8 : 0,
                 } })] }));
 }
-function Bar({ jsStyle, color }) {
-    return (_jsx(BaseView, { jsStyle: [
+function Bar({ jss, color }) {
+    return (_jsx(BaseView, { jss: [
             {
                 position: "relative",
                 width: 24,
@@ -25,7 +25,7 @@ function Bar({ jsStyle, color }) {
                 transition: "all 200ms ease-out",
             },
             getBackground(color),
-            jsStyle,
+            jss,
         ] }));
 }
 //# sourceMappingURL=MenuIcon.js.map

package/dist/MenuIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuIcon.js","sourceRoot":"","sources":["../src/MenuIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAkB,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAmC;IACvE,OAAO,CACL,MAAC,MAAM,IAAC,GAAG,EAAC,OAAO,aACjB,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE;oBACP,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE;oBACxC,eAAe,EAAE,QAAQ;oBACzB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBAClB,GACD,EACF,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE;oBACP,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACtB,GACD,EACF,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE;oBACP,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;oBACzC,eAAe,EAAE,QAAQ;oBACzB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACnB,GACD,IACK,CACV,CAAC;AACJ,CAAC;AAED,SAAS,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAsC;IACjE,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE;YACP;gBACE,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,KAAK;gBACnB,UAAU,EAAE,oBAAoB;aACjC;YACD,aAAa,CAAC,KAAK,CAAC;YACpB,OAAO;SACR,GACD,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"MenuIcon.js","sourceRoot":"","sources":["../src/MenuIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAkB,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAmC;IACvE,OAAO,CACL,MAAC,MAAM,IAAC,GAAG,EAAC,OAAO,aACjB,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE;oBACH,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE;oBACxC,eAAe,EAAE,QAAQ;oBACzB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBAClB,GACD,EACF,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE;oBACH,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACtB,GACD,EACF,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE;oBACH,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;oBACzC,eAAe,EAAE,QAAQ;oBACzB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACnB,GACD,IACK,CACV,CAAC;AACJ,CAAC;AAED,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,EAAkC;IACzD,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE;YACH;gBACE,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,KAAK;gBACnB,UAAU,EAAE,oBAAoB;aACjC;YACD,aAAa,CAAC,KAAK,CAAC;YACpB,GAAG;SACJ,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/NextJSRouter.js

@@ -5,7 +5,7 @@ import { Column } from "./Column";
 import { ListDivider } from "./ListDivider";
 import { BaseView } from "./BaseView";
 import { useRouterState } from "./NextJSRouterState";
-const jsStyles = {
+const jsss = {
     root: {
         display: "flex",
         flexDirection: "column",
@@ -29,9 +29,9 @@ const jsStyles = {
 };
 export function Router() {
     const { context: { navigationStack }, } = useRouterState();
-    return (_jsx(BaseView, { jsStyle: jsStyles.root, children: navigationStack.map(({ route, routeProps }, index, list) => {
+    return (_jsx(BaseView, { jss: jsss.root, children: navigationStack.map(({ route, routeProps }, index, list) => {
             const isTopOfStack = index === list.length - 1;
-            return (_jsx(StackContextProvider, { isTopOfStack: isTopOfStack, children: _jsxs(Column, { jsStyle: [jsStyles.route, !isTopOfStack && jsStyles.hidden], "aria-hidden": !isTopOfStack, children: [_jsx(ListDivider, {}), _jsx(Suspense, { fallback: null, children: _jsx(route.root, { ...routeProps }) })] }) }, route.title(routeProps)));
+            return (_jsx(StackContextProvider, { isTopOfStack: isTopOfStack, children: _jsxs(Column, { jss: [jsss.route, !isTopOfStack && jsss.hidden], "aria-hidden": !isTopOfStack, children: [_jsx(ListDivider, {}), _jsx(Suspense, { fallback: null, children: _jsx(route.root, { ...routeProps }) })] }) }, route.title(routeProps)));
         }) }));
 }
 //# sourceMappingURL=NextJSRouter.js.map

package/dist/NextJSRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextJSRouter.js","sourceRoot":"","sources":["../src/NextJSRouter.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,MAAM,QAAQ,GAA+B;IAC3C,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF,MAAM,UAAU,MAAM;IACpB,MAAM,EACJ,OAAO,EAAE,EAAE,eAAe,EAAE,GAC7B,GAAG,cAAc,EAAE,CAAC;IAErB,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,YAC7B,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;YAC1D,MAAM,YAAY,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAE/C,OAAO,CACL,KAAC,oBAAoB,IAEnB,YAAY,EAAE,YAAY,YAE1B,MAAC,MAAM,IACL,OAAO,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,YAAY,IAAI,QAAQ,CAAC,MAAM,CAAC,iBAC9C,CAAC,YAAY,aAE1B,KAAC,WAAW,KAAG,EACf,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,KAAK,CAAC,IAAI,OAAK,UAAU,GAAI,GACrB,IACJ,IAXJ,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAYP,CACxB,CAAC;QACJ,CAAC,CAAC,GACO,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"NextJSRouter.js","sourceRoot":"","sources":["../src/NextJSRouter.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,MAAM,IAAI,GAA+B;IACvC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF,MAAM,UAAU,MAAM;IACpB,MAAM,EACJ,OAAO,EAAE,EAAE,eAAe,EAAE,GAC7B,GAAG,cAAc,EAAE,CAAC;IAErB,OAAO,CACL,KAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,YACrB,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;YAC1D,MAAM,YAAY,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAE/C,OAAO,CACL,KAAC,oBAAoB,IAEnB,YAAY,EAAE,YAAY,YAE1B,MAAC,MAAM,IACL,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,CAAC,iBAClC,CAAC,YAAY,aAE1B,KAAC,WAAW,KAAG,EACf,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,KAAK,CAAC,IAAI,OAAK,UAAU,GAAI,GACrB,IACJ,IAXJ,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAYP,CACxB,CAAC;QACJ,CAAC,CAAC,GACO,CACZ,CAAC;AACJ,CAAC"}

package/dist/Popover.d.ts

@@ -8,7 +8,7 @@ interface PopoverTriggerProps<Input> {
     PopoverComponent: (props: {
         close: () => void;
     } & Input) => JSX.Element;
-    jsStyle?: JSStyle;
+    jss?: JSStyle;
     dialogJSStyle?: JSStyle;
     className?: undefined;
     grow?: boolean;
@@ -18,5 +18,5 @@ interface PopoverTriggerProps<Input> {
         toggle: (input: Input) => void;
     }) => JSX.Element;
 }
-export declare function PopoverTrigger<Input>({ PopoverComponent, jsStyle, dialogJSStyle, grow, shrink, tag, children, }: PopoverTriggerProps<Input>): import("react/jsx-runtime").JSX.Element;
+export declare function PopoverTrigger<Input>({ PopoverComponent, jss, dialogJSStyle, grow, shrink, tag, children, }: PopoverTriggerProps<Input>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Popover.js

@@ -3,8 +3,8 @@ import { useRef, useState } from "react";
 import { queryFocusables } from "./aria";
 import { BaseView } from "./BaseView";
 import { useRefEffect } from "./useRefEffect";
-import { jss } from "./jss";
-const jsStyles = {
+import { toClassnames } from "./jss";
+const jsss = {
     popover: {
         padding: 0,
         zIndex: 1,
@@ -62,7 +62,7 @@ export function Popover({ children, close }) {
     });
     return _jsx(BaseView, { ref: focusTrapRoot, children: children });
 }
-export function PopoverTrigger({ PopoverComponent, jsStyle, dialogJSStyle, grow, shrink, tag, children, }) {
+export function PopoverTrigger({ PopoverComponent, jss, dialogJSStyle, grow, shrink, tag, children, }) {
     const [popover, setPopover] = useState(null);
     const dialogRef = useRef(null);
     const toggle = (input) => {
@@ -76,9 +76,9 @@ export function PopoverTrigger({ PopoverComponent, jsStyle, dialogJSStyle, grow,
             dialogRef && dialogRef.current.close();
         }
     };
-    return (_jsxs(BaseView, { grow: grow, shrink: shrink, tag: tag, relative: true, jsStyle: [jsStyle, { position: "relative", display: "inline-block" }], children: [children({ toggle }), _jsx("dialog", { ref: (ref) => {
+    return (_jsxs(BaseView, { grow: grow, shrink: shrink, tag: tag, relative: true, jss: [jss, { position: "relative", display: "inline-block" }], children: [children({ toggle }), _jsx("dialog", { ref: (ref) => {
                     dialogRef.current = ref;
-                }, className: jss([jsStyles.popover, dialogJSStyle]), onClose: () => {
+                }, className: toClassnames([jsss.popover, dialogJSStyle]), onClose: () => {
                     setPopover(null);
                 }, onClick: (e) => {
                     e.preventDefault();

package/dist/Popover.js.map

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

package/dist/ProgressBar.d.ts

@@ -1,7 +1,7 @@
 import { Color, Size, JSStyle } from "./jss";
-export declare function ProgressBar({ color, progress, size, jsStyle, }: {
+export declare function ProgressBar({ color, progress, size, jss, }: {
     progress: number;
     color: Color;
     size: Size;
-    jsStyle?: JSStyle;
+    jss?: JSStyle;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/ProgressBar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BaseView } from "./BaseView";
 import { getBackground } from "./jss";
-const jsStyles = {
+const jsss = {
     root: {
         width: "100%",
         display: "flex",
@@ -28,14 +28,14 @@ const sizes = {
     large: 16,
     xlarge: 20,
 };
-export function ProgressBar({ color, progress, size, jsStyle, }) {
-    return (_jsx(BaseView, { jsStyle: [
-            jsStyles.root,
+export function ProgressBar({ color, progress, size, jss, }) {
+    return (_jsx(BaseView, { jss: [
+            jsss.root,
             {
                 height: sizes[size],
             },
-            jsStyle,
-        ], children: _jsx(BaseView, { jsStyle: [jsStyles.fill, getBackground(color)], style: {
+            jss,
+        ], children: _jsx(BaseView, { jss: [jsss.fill, getBackground(color)], style: {
                 transform: `scaleX(${progress > 1 ? 1 : progress})`,
             } }) }));
 }

package/dist/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAwB,aAAa,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,QAAQ,GAA+B;IAC3C,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,2BAA2B;QAC5C,YAAY,EAAE,wBAAwB;QACtC,MAAM,EAAE,0BAA0B;QAClC,QAAQ,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,wBAAwB;QACtC,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,aAAa;QAC9B,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,GAMR;IACC,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE;YACP,QAAQ,CAAC,IAAI;YACb;gBACE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;aACpB;YACD,OAAO;SACR,YAED,KAAC,QAAQ,IACP,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC9C,KAAK,EAAE;gBACL,SAAS,EAAE,UAAU,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG;aACpD,GACD,GACO,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAwB,aAAa,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,IAAI,GAA+B;IACvC,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,2BAA2B;QAC5C,YAAY,EAAE,wBAAwB;QACtC,MAAM,EAAE,0BAA0B;QAClC,QAAQ,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,wBAAwB;QACtC,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,aAAa;QAC9B,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,GAAG,GAMJ;IACC,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE;YACH,IAAI,CAAC,IAAI;YACT;gBACE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;aACpB;YACD,GAAG;SACJ,YAED,KAAC,QAAQ,IACP,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EACtC,KAAK,EAAE;gBACL,SAAS,EAAE,UAAU,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG;aACpD,GACD,GACO,CACZ,CAAC;AACJ,CAAC"}

package/dist/ProgressCircle.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cssVar, jss } from "./jss";
+import { cssVar, toClassnames } from "./jss";
 export function ProgressCircle({ progress, stroke = 4, outerRadius, }) {
     const circumference = outerRadius * 2 * Math.PI;
     const strokeDashoffset = circumference - progress * circumference;
-    return (_jsx("svg", { className: jss({
+    return (_jsx("svg", { className: toClassnames({
             backgroundColor: cssVar("--secondary-background"),
             transform: "rotate(-90deg)",
             borderRadius: "50%",

package/dist/ProgressCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../src/ProgressCircle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEpC,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,MAAM,GAAG,CAAC,EACV,WAAW,GAKZ;IACC,MAAM,aAAa,GAAG,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAChD,MAAM,gBAAgB,GAAG,aAAa,GAAG,QAAQ,GAAG,aAAa,CAAC;IAElE,OAAO,CACL,cACE,SAAS,EAAE,GAAG,CAAC;YACb,eAAe,EAAE,MAAM,CAAC,wBAAwB,CAAC;YACjD,SAAS,EAAE,gBAAgB;YAC3B,YAAY,EAAE,KAAK;SACpB,CAAC,EACF,KAAK,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,EACjC,MAAM,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,YAElC,iBACE,MAAM,EAAC,kBAAkB,EACzB,IAAI,EAAC,aAAa,EAClB,WAAW,EAAE,MAAM,EACnB,eAAe,EAAE,GAAG,aAAa,IAAI,aAAa,EAAE,EACpD,KAAK,EAAE,EAAE,gBAAgB,EAAE,EAC3B,CAAC,EAAE,WAAW,EACd,EAAE,EAAE,WAAW,GAAG,MAAM,EACxB,EAAE,EAAE,WAAW,GAAG,MAAM,GACxB,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../src/ProgressCircle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,MAAM,GAAG,CAAC,EACV,WAAW,GAKZ;IACC,MAAM,aAAa,GAAG,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAChD,MAAM,gBAAgB,GAAG,aAAa,GAAG,QAAQ,GAAG,aAAa,CAAC;IAElE,OAAO,CACL,cACE,SAAS,EAAE,YAAY,CAAC;YACtB,eAAe,EAAE,MAAM,CAAC,wBAAwB,CAAC;YACjD,SAAS,EAAE,gBAAgB;YAC3B,YAAY,EAAE,KAAK;SACpB,CAAC,EACF,KAAK,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,EACjC,MAAM,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,YAElC,iBACE,MAAM,EAAC,kBAAkB,EACzB,IAAI,EAAC,aAAa,EAClB,WAAW,EAAE,MAAM,EACnB,eAAe,EAAE,GAAG,aAAa,IAAI,aAAa,EAAE,EACpD,KAAK,EAAE,EAAE,gBAAgB,EAAE,EAC3B,CAAC,EAAE,WAAW,EACd,EAAE,EAAE,WAAW,GAAG,MAAM,EACxB,EAAE,EAAE,WAAW,GAAG,MAAM,GACxB,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/RangeInput.js

@@ -3,8 +3,8 @@ import React from "react";
 import { BaseInput } from "./BaseInput";
 import { Row } from "./Row";
 import { cssVar } from "./jss";
-export const RangeInput = React.forwardRef(({ value, onValueChange, rootJSStyle, jsStyle, gap = "medium", padding = "none", min = 0, max = 100, step = 1, label, addOn, addOnPosition = "start", ...inputProps }, ref) => {
-    return (_jsxs(Row, { gap: gap, padding: padding, align: "center", jsStyle: [
+export const RangeInput = React.forwardRef(({ value, onValueChange, rootJSStyle, jss, gap = "medium", padding = "none", min = 0, max = 100, step = 1, label, addOn, addOnPosition = "start", ...inputProps }, ref) => {
+    return (_jsxs(Row, { gap: gap, padding: padding, align: "center", jss: [
             {
                 ":has(:focus-visible)": {
                     borderRadius: cssVar("--border-radius-m"),
@@ -14,7 +14,7 @@ export const RangeInput = React.forwardRef(({ value, onValueChange, rootJSStyle,
             rootJSStyle,
         ], children: [addOnPosition === "start" && addOn, _jsx(BaseInput, { ...inputProps, label: label, min: min, max: max, type: "range", ref: ref, value: value, onChange: (e) => {
                     onValueChange(parseFloat(e.target.value));
-                }, jsStyle: [
+                }, jss: [
                     {
                         backgroundColor: cssVar("--primary-background"),
                         flexGrow: 1,
@@ -26,7 +26,7 @@ export const RangeInput = React.forwardRef(({ value, onValueChange, rootJSStyle,
                             color: cssVar("--subtle-text"),
                         },
                     },
-                    jsStyle,
+                    jss,
                 ] }), addOnPosition === "end" && addOn] }));
 });
 //# sourceMappingURL=RangeInput.js.map

package/dist/RangeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeInput.js","sourceRoot":"","sources":["../src/RangeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAyB,MAAM,EAAE,MAAM,OAAO,CAAC;AAatD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,KAAK,EACL,aAAa,EACb,WAAW,EACX,OAAO,EACP,GAAG,GAAG,QAAQ,EACd,OAAO,GAAG,MAAM,EAChB,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,KAAK,EACL,KAAK,EACL,aAAa,GAAG,OAAO,EACvB,GAAG,UAAU,EACG,EAClB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE;YACP;gBACE,sBAAsB,EAAE;oBACtB,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;oBACzC,eAAe,EAAE,MAAM,CAAC,mBAAmB,CAAC;iBAC7C;aACF;YACD,WAAW;SACZ,aAEA,aAAa,KAAK,OAAO,IAAI,KAAK,EACnC,KAAC,SAAS,OACJ,UAAU,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC5C,CAAC,EACD,OAAO,EAAE;oBACP;wBACE,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;wBAC/C,QAAQ,EAAE,CAAC;wBACX,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;wBAC/B,MAAM,EAAE,CAAC;wBACT,UAAU,EAAE,MAAM,CAAC,aAAa,CAAC;wBACjC,aAAa,EAAE,MAAM,CAAC,aAAa,CAAC;wBACpC,WAAW,EAAE;4BACX,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;yBAC/B;qBACF;oBACD,OAAO;iBACR,GACD,EACD,aAAa,KAAK,KAAK,IAAI,KAAK,IAC7B,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"RangeInput.js","sourceRoot":"","sources":["../src/RangeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAyB,MAAM,EAAE,MAAM,OAAO,CAAC;AAatD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,KAAK,EACL,aAAa,EACb,WAAW,EACX,GAAG,EACH,GAAG,GAAG,QAAQ,EACd,OAAO,GAAG,MAAM,EAChB,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,KAAK,EACL,KAAK,EACL,aAAa,GAAG,OAAO,EACvB,GAAG,UAAU,EACG,EAClB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE;YACH;gBACE,sBAAsB,EAAE;oBACtB,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;oBACzC,eAAe,EAAE,MAAM,CAAC,mBAAmB,CAAC;iBAC7C;aACF;YACD,WAAW;SACZ,aAEA,aAAa,KAAK,OAAO,IAAI,KAAK,EACnC,KAAC,SAAS,OACJ,UAAU,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC5C,CAAC,EACD,GAAG,EAAE;oBACH;wBACE,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;wBAC/C,QAAQ,EAAE,CAAC;wBACX,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;wBAC/B,MAAM,EAAE,CAAC;wBACT,UAAU,EAAE,MAAM,CAAC,aAAa,CAAC;wBACjC,aAAa,EAAE,MAAM,CAAC,aAAa,CAAC;wBACpC,WAAW,EAAE;4BACX,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;yBAC/B;qBACF;oBACD,GAAG;iBACJ,GACD,EACD,aAAa,KAAK,KAAK,IAAI,KAAK,IAC7B,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/RootView.js

@@ -22,7 +22,7 @@ export function RootView({ children, focusOnlyOnFirstMount = true, }) {
         firstMountRef.current = false;
         firstFocusable && firstFocusable.focus();
     }, [isTopOfStack, focusOnlyOnFirstMount]);
-    return (_jsx(Column, { ref: refCallback, jsStyle: {
+    return (_jsx(Column, { ref: refCallback, jss: {
             marginBottom: 0,
             flexGrow: 1,
             flexShrink: 1,

package/dist/RootView.js.map

@@ -1 +1 @@
-{"version":3,"file":"RootView.js","sourceRoot":"","sources":["../src/RootView.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAa,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,qBAAqB,GAAG,IAAI,GAI7B;IACC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,OAAO,EAAE,EAAE;QACV,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO;SACR;QAED,IAAI,qBAAqB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YACnD,OAAO;SACR;QAED,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;QAC5C,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QACrC,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,cAAc,IAAI,cAAc,CAAC,KAAK,EAAE,CAAC;IAC3C,CAAC,EACD,CAAC,YAAY,EAAE,qBAAqB,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,GAAG,EAAE,WAAW,EAChB,OAAO,EAAE;YACP,YAAY,EAAE,CAAC;YACf,QAAQ,EAAE,CAAC;YACX,UAAU,EAAE,CAAC;YACb,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,MAAM;YAChB,eAAe,EAAE,MAAM,CAAC,wBAAwB,CAAC;YACjD,SAAS,EAAE,OAAO;SACnB,YAEA,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"RootView.js","sourceRoot":"","sources":["../src/RootView.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAa,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,qBAAqB,GAAG,IAAI,GAI7B;IACC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,OAAO,EAAE,EAAE;QACV,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO;SACR;QAED,IAAI,qBAAqB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YACnD,OAAO;SACR;QAED,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;QAC5C,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QACrC,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,cAAc,IAAI,cAAc,CAAC,KAAK,EAAE,CAAC;IAC3C,CAAC,EACD,CAAC,YAAY,EAAE,qBAAqB,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,GAAG,EAAE,WAAW,EAChB,GAAG,EAAE;YACH,YAAY,EAAE,CAAC;YACf,QAAQ,EAAE,CAAC;YACX,UAAU,EAAE,CAAC;YACb,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,MAAM;YAChB,eAAe,EAAE,MAAM,CAAC,wBAAwB,CAAC;YACjD,SAAS,EAAE,OAAO;SACnB,YAEA,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/dist/Select.d.ts

@@ -3,7 +3,7 @@ import { JSStyle } from "./jss";
 export interface SelectProps extends React.HTMLAttributes<HTMLSelectElement> {
     value: string;
     onValueChange: (value: string) => void;
-    jsStyle?: JSStyle;
+    jss?: JSStyle;
     ref?: React.Ref<HTMLSelectElement>;
     className?: undefined;
 }

package/dist/Select.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { cssVar, jss } from "./jss";
-export const Select = forwardRef(({ jsStyle, children, onValueChange, value, ...otherProps }, ref) => {
-    return (_jsx("select", { ref: ref, className: jss([
+import { cssVar, toClassnames } from "./jss";
+export const Select = forwardRef(({ jss, children, onValueChange, value, ...otherProps }, ref) => {
+    return (_jsx("select", { ref: ref, className: toClassnames([
             {
                 fontSize: 20,
                 border: `1px solid ${cssVar("--divider")}`,
                 backgroundColor: cssVar("--overlay-background"),
                 borderRadius: cssVar("--border-radius-m"),
             },
-            jsStyle,
+            jss,
         ]), value: value, onChange: (e) => {
             onValueChange(e.target.value);
         }, ...otherProps, children: children }));

package/dist/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAW,MAAM,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAU7C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,UAAU,EAAe,EACvE,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC;YACb;gBACE,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;gBAC1C,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;gBAC/C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;aAC1C;YACD,OAAO;SACR,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,KACG,UAAU,YAEb,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAW,MAAM,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAUtD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,UAAU,EAAe,EACnE,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,CAAC;YACtB;gBACE,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;gBAC1C,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;gBAC/C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;aAC1C;YACD,GAAG;SACJ,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,KACG,UAAU,YAEb,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/StaticCheckbox.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BaseView } from "./BaseView";
 import { Icon } from "./Icon";
 import { cssVar } from "./jss";
-const jsStyles = {
+const jsss = {
     border: {
         position: "absolute",
         top: "var(--spacing-xs)",
@@ -35,7 +35,7 @@ export const sizes = {
     xlarge: 48,
 };
 export function StaticCheckbox({ checked, size, icon = "fa-check", }) {
-    return (_jsxs(BaseView, { jsStyle: {
+    return (_jsxs(BaseView, { jss: {
             position: "relative",
             backgroundColor: cssVar("--primary-background"),
             overflow: "hidden",
@@ -43,6 +43,6 @@ export function StaticCheckbox({ checked, size, icon = "fa-check", }) {
             borderRadius: sizes[size] / 2,
             height: sizes[size],
             width: sizes[size],
-        }, children: [_jsx(BaseView, { jsStyle: [jsStyles.border, checked && jsStyles.borderChecked] }), checked && (_jsx(BaseView, { jsStyle: jsStyles.icon, children: _jsx(Icon, { size: size, color: "light", icon: icon }) }))] }));
+        }, children: [_jsx(BaseView, { jss: [jsss.border, checked && jsss.borderChecked] }), checked && (_jsx(BaseView, { jss: jsss.icon, children: _jsx(Icon, { size: size, color: "light", icon: icon }) }))] }));
 }
 //# sourceMappingURL=StaticCheckbox.js.map

package/dist/StaticCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticCheckbox.js","sourceRoot":"","sources":["../src/StaticCheckbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAiB,MAAM,EAAE,MAAM,OAAO,CAAC;AAS9C,MAAM,QAAQ,GAA+B;IAC3C,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,mBAAmB;QACxB,MAAM,EAAE,mBAAmB;QAC3B,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,mBAAmB;QAC1B,MAAM,EAAE,0BAA0B;QAClC,YAAY,EAAE,KAAK;KACpB;IACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,kBAAkB;KACpC;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,mBAAmB;QACxB,MAAM,EAAE,mBAAmB;QAC3B,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,mBAAmB;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,IAAI,GAAG,UAAU,GACG;IACpB,OAAO,CACL,MAAC,QAAQ,IACP,OAAO,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC/C,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,MAAM,CAAC,cAAc,CAAC;YAC/B,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;YAC7B,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;SACnB,aAED,KAAC,QAAQ,IACP,OAAO,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,IAAI,QAAQ,CAAC,aAAa,CAAC,GAC7D,EACD,OAAO,IAAI,CACV,KAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,YAC9B,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,GACrC,CACZ,IACQ,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StaticCheckbox.js","sourceRoot":"","sources":["../src/StaticCheckbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAiB,MAAM,EAAE,MAAM,OAAO,CAAC;AAS9C,MAAM,IAAI,GAA+B;IACvC,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,mBAAmB;QACxB,MAAM,EAAE,mBAAmB;QAC3B,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,mBAAmB;QAC1B,MAAM,EAAE,0BAA0B;QAClC,YAAY,EAAE,KAAK;KACpB;IACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,kBAAkB;KACpC;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,mBAAmB;QACxB,MAAM,EAAE,mBAAmB;QAC3B,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,mBAAmB;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,IAAI,GAAG,UAAU,GACG;IACpB,OAAO,CACL,MAAC,QAAQ,IACP,GAAG,EAAE;YACH,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC/C,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,MAAM,CAAC,cAAc,CAAC;YAC/B,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;YAC7B,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;SACnB,aAED,KAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,GAAI,EAC9D,OAAO,IAAI,CACV,KAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,YACtB,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,GACrC,CACZ,IACQ,CACZ,CAAC;AACJ,CAAC"}

package/dist/Sublist.d.ts

@@ -1,12 +1,12 @@
 import React, { ReactNode } from "react";
 import { JSStyle } from "./jss";
-export declare function Sublist({ children, label, labelBold, initialState, jsStyle, secondaryAddOn, }: {
+export declare function Sublist({ children, label, labelBold, initialState, jss, secondaryAddOn, }: {
     children: React.ReactNode;
     label: string;
     labelBold?: boolean;
     initialState?: {
         collapsed: boolean;
     };
-    jsStyle?: JSStyle;
+    jss?: JSStyle;
     secondaryAddOn?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/Sublist.js

@@ -4,9 +4,9 @@ import { ListButtonItem } from "./ListButtonItem";
 import { Icon } from "./Icon";
 import { Box } from "./Box";
 import { Row } from "./Row";
-export function Sublist({ children, label, labelBold, initialState = { collapsed: false }, jsStyle, secondaryAddOn, }) {
+export function Sublist({ children, label, labelBold, initialState = { collapsed: false }, jss, secondaryAddOn, }) {
     const [collapsed, setCollapsed] = React.useState(initialState.collapsed);
-    return (_jsxs(_Fragment, { children: [_jsx(ListButtonItem, { headline: label, headlineBold: labelBold, onClick: () => setCollapsed((x) => !x), jsStyle: jsStyle, addOn: _jsxs(Row, { gap: "medium", align: "center", children: [secondaryAddOn, _jsx(Box, { padding: "medium", jsStyle: [
+    return (_jsxs(_Fragment, { children: [_jsx(ListButtonItem, { headline: label, headlineBold: labelBold, onClick: () => setCollapsed((x) => !x), jss: jss, addOn: _jsxs(Row, { gap: "medium", align: "center", children: [secondaryAddOn, _jsx(Box, { padding: "medium", jss: [
                                 {
                                     transition: "transform 0.15s ease-in",
                                 },

package/dist/Sublist.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sublist.js","sourceRoot":"","sources":["../src/Sublist.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,YAAY,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EACnC,OAAO,EACP,cAAc,GAUf;IACC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACzE,OAAO,CACL,8BACE,KAAC,cAAc,IACb,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,SAAS,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACtC,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,MAAC,GAAG,IAAC,GAAG,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,aAC7B,cAAc,EACf,KAAC,GAAG,IACF,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE;gCACP;oCACE,UAAU,EAAE,yBAAyB;iCACtC;gCACD,CAAC,SAAS,IAAI;oCACZ,SAAS,EAAE,gBAAgB;iCAC5B;6BACF,YAED,KAAC,IAAI,IACH,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,wBAAwB,GAC7B,GACE,IACF,EAER,aAAa,EAAC,KAAK,EACnB,KAAK,EAAC,SAAS,GACf,EACD,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IAC3B,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Sublist.js","sourceRoot":"","sources":["../src/Sublist.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,YAAY,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EACnC,GAAG,EACH,cAAc,GAUf;IACC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACzE,OAAO,CACL,8BACE,KAAC,cAAc,IACb,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,SAAS,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACtC,GAAG,EAAE,GAAG,EACR,KAAK,EACH,MAAC,GAAG,IAAC,GAAG,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,aAC7B,cAAc,EACf,KAAC,GAAG,IACF,OAAO,EAAC,QAAQ,EAChB,GAAG,EAAE;gCACH;oCACE,UAAU,EAAE,yBAAyB;iCACtC;gCACD,CAAC,SAAS,IAAI;oCACZ,SAAS,EAAE,gBAAgB;iCAC5B;6BACF,YAED,KAAC,IAAI,IACH,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,wBAAwB,GAC7B,GACE,IACF,EAER,aAAa,EAAC,KAAK,EACnB,KAAK,EAAC,SAAS,GACf,EACD,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IAC3B,CACJ,CAAC;AACJ,CAAC"}

package/dist/SubmitIconInput.js

@@ -3,7 +3,7 @@ import { BaseInput } from "./BaseInput";
 import { Box } from "./Box";
 import { Icon } from "./Icon";
 export function SubmitIconInput({ icon, ...otherProps }) {
-    return (_jsx(BaseInput, { label: _jsx(Box, { jsStyle: {
+    return (_jsx(BaseInput, { label: _jsx(Box, { jss: {
                 cursor: "pointer",
                 display: "flex",
                 justifyContent: "center",
@@ -18,7 +18,7 @@ export function SubmitIconInput({ icon, ...otherProps }) {
                 height: 32,
                 width: 32,
                 borderRadius: 16,
-            }, children: _jsx(Icon, { icon: icon, size: "medium", color: "primary" }) }), ...otherProps, type: "submit", jsStyle: {
+            }, children: _jsx(Icon, { icon: icon, size: "medium", color: "primary" }) }), ...otherProps, type: "submit", jss: {
             visibility: "hidden",
         }, value: "" }));
 }

package/dist/SubmitIconInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitIconInput.js","sourceRoot":"","sources":["../src/SubmitIconInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAQ9B,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,GAAG,UAAU,EAAwB;IAC3E,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EACH,KAAC,GAAG,IACF,OAAO,EAAE;gBACP,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE;oBACR,eAAe,EAAE,6BAA6B;oBAC9C,OAAO,EAAE,GAAG;iBACb;gBACD,SAAS,EAAE;oBACT,SAAS,EAAE,aAAa;iBACzB;gBACD,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,EAAE;gBACT,YAAY,EAAE,EAAE;aACjB,YAED,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,GAAG,GAC9C,KAEJ,UAAU,EACd,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE;YACP,UAAU,EAAE,QAAQ;SACrB,EACD,KAAK,EAAC,EAAE,GACR,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SubmitIconInput.js","sourceRoot":"","sources":["../src/SubmitIconInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAQ9B,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,GAAG,UAAU,EAAwB;IAC3E,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EACH,KAAC,GAAG,IACF,GAAG,EAAE;gBACH,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE;oBACR,eAAe,EAAE,6BAA6B;oBAC9C,OAAO,EAAE,GAAG;iBACb;gBACD,SAAS,EAAE;oBACT,SAAS,EAAE,aAAa;iBACzB;gBACD,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,EAAE;gBACT,YAAY,EAAE,EAAE;aACjB,YAED,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,GAAG,GAC9C,KAEJ,UAAU,EACd,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE;YACH,UAAU,EAAE,QAAQ;SACrB,EACD,KAAK,EAAC,EAAE,GACR,CACH,CAAC;AACJ,CAAC"}

package/dist/Tabs.d.ts

@@ -16,5 +16,6 @@ export interface TabsProps extends RowProps {
     bare?: boolean;
     tabPadding?: Padding;
     tabJSStyle?: JSStyle;
+    labelRenderer?: (label: string) => ReactNode;
 }
-export declare function Tabs({ tabs, gap, padding, tabPadding, labelSize, jsStyle, tabJSStyle, ["aria-controls"]: ariaControls, ...otherProps }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ tabs, gap, padding, tabPadding, labelSize, jss, tabJSStyle, labelRenderer, ["aria-controls"]: ariaControls, ...otherProps }: TabsProps): import("react/jsx-runtime").JSX.Element;

package/dist/Tabs.js

@@ -4,32 +4,36 @@ import { Row } from "./Row";
 import { cssVar, getPadding } from "./jss";
 import { useNavigation } from "./useNavigation";
 import { Text } from "./Text";
-export function Tabs({ tabs, gap = "none", padding = "none", tabPadding = "medium", labelSize = "large", jsStyle, tabJSStyle, ["aria-controls"]: ariaControls, ...otherProps }) {
+import { BaseButton } from "./BaseButton";
+export function Tabs({ tabs, gap = "none", padding = "none", tabPadding = "medium", labelSize = "large", jss, tabJSStyle, labelRenderer, ["aria-controls"]: ariaControls, ...otherProps }) {
     const root = useNavigation();
-    return (_jsx(Row, { role: "tablist", jsStyle: jsStyle, gap: gap, padding: padding, ref: root, ...otherProps, children: tabs.map(({ label, href, onClick, selected, addOn, addOnPosition = "start", }) => (_jsxs(BaseLink, { "aria-controls": ariaControls, role: "tab", "aria-selected": selected ? "true" : undefined, bare: true, color: selected ? "positive" : "primary", href: href, onClick: onClick, animateInteraction: false, jsStyle: [
-                {
-                    textDecoration: "none",
-                    borderBottom: selected
-                        ? `3px solid ${cssVar("--highlight")}`
-                        : `3px solid transparent`,
-                    ":active span": {
-                        transform: "scale(0.97)",
+    return (_jsx(Row, { role: "tablist", jss: jss, gap: gap, padding: padding, ref: root, ...otherProps, children: tabs.map(({ label, href, onClick, selected, addOn, addOnPosition = "start", }) => {
+            const BaseComponent = href != null ? BaseLink : BaseButton;
+            return (_jsxs(BaseComponent, { "aria-controls": ariaControls, role: "tab", "aria-selected": selected ? "true" : undefined, bare: true, color: selected ? "positive" : "primary", href: href, onClick: onClick, animateInteraction: false, jss: [
+                    {
+                        textDecoration: "none",
+                        borderBottom: selected
+                            ? `3px solid ${cssVar("--highlight")}`
+                            : `3px solid transparent`,
+                        ":active span": {
+                            transform: "scale(0.97)",
+                        },
+                        ":first-child": {
+                            borderTopLeftRadius: cssVar("--border-radius-m"),
+                        },
+                        ":last-child": {
+                            borderTopRightRadius: cssVar("--border-radius-m"),
+                        },
+                        ":hover": {
+                            backgroundColor: cssVar("--hovered-background"),
+                        },
+                        ":active:hover": {
+                            backgroundColor: cssVar("--pressed-background"),
+                        },
                     },
-                    ":first-child": {
-                        borderTopLeftRadius: cssVar("--border-radius-m"),
-                    },
-                    ":last-child": {
-                        borderTopRightRadius: cssVar("--border-radius-m"),
-                    },
-                    ":hover": {
-                        backgroundColor: cssVar("--hovered-background"),
-                    },
-                    ":active:hover": {
-                        backgroundColor: cssVar("--pressed-background"),
-                    },
-                },
-                getPadding(tabPadding),
-                tabJSStyle,
-            ], children: [addOnPosition === "start" && addOn, _jsx(Text, { size: labelSize, color: selected ? "primary" : "secondary", children: label }), addOnPosition === "end" && addOn] }, label))) }));
+                    getPadding(tabPadding),
+                    tabJSStyle,
+                ], children: [addOnPosition === "start" && addOn, _jsx(Text, { size: labelSize, color: selected ? "primary" : "secondary", children: labelRenderer ? labelRenderer(label) : label }), addOnPosition === "end" && addOn] }, label));
+        }) }));
 }
 //# sourceMappingURL=Tabs.js.map

package/dist/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAA0B,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAqB9B,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,GAAG,GAAG,MAAM,EACZ,OAAO,GAAG,MAAM,EAChB,UAAU,GAAG,QAAQ,EACrB,SAAS,GAAG,OAAO,EACnB,OAAO,EACP,UAAU,EACV,CAAC,eAAe,CAAC,EAAE,YAAY,EAC/B,GAAG,UAAU,EACH;IACV,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,KAAC,GAAG,IACF,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,KACL,UAAU,YAEb,IAAI,CAAC,GAAG,CACP,CAAC,EACC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,aAAa,GAAG,OAAO,GACxB,EAAE,EAAE,CAAC,CACJ,MAAC,QAAQ,qBACQ,YAAY,EAC3B,IAAI,EAAC,KAAK,mBACK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAE5C,IAAI,QACJ,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACxC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,KAAK,EACzB,OAAO,EAAE;gBACP;oBACE,cAAc,EAAE,MAAM;oBACtB,YAAY,EAAE,QAAQ;wBACpB,CAAC,CAAC,aAAa,MAAM,CAAC,aAAa,CAAC,EAAE;wBACtC,CAAC,CAAC,uBAAuB;oBAC3B,cAAc,EAAE;wBACd,SAAS,EAAE,aAAa;qBACzB;oBACD,cAAc,EAAE;wBACd,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;qBACjD;oBACD,aAAa,EAAE;wBACb,oBAAoB,EAAE,MAAM,CAAC,mBAAmB,CAAC;qBAClD;oBACD,QAAQ,EAAE;wBACR,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;qBAChD;oBACD,eAAe,EAAE;wBACf,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;qBAChD;iBACF;gBACD,UAAU,CAAC,UAAU,CAAC;gBACtB,UAAU;aACX,aAEA,aAAa,KAAK,OAAO,IAAI,KAAK,EACnC,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,YAC7D,KAAK,GACD,EACN,aAAa,KAAK,KAAK,IAAI,KAAK,KApC5B,KAAK,CAqCD,CACZ,CACF,GACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAA0B,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,GAAG,GAAG,MAAM,EACZ,OAAO,GAAG,MAAM,EAChB,UAAU,GAAG,QAAQ,EACrB,SAAS,GAAG,OAAO,EACnB,GAAG,EACH,UAAU,EACV,aAAa,EACb,CAAC,eAAe,CAAC,EAAE,YAAY,EAC/B,GAAG,UAAU,EACH;IACV,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,KAAC,GAAG,IACF,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,KACL,UAAU,YAEb,IAAI,CAAC,GAAG,CACP,CAAC,EACC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,aAAa,GAAG,OAAO,GACxB,EAAE,EAAE;YACH,MAAM,aAAa,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;YAE3D,OAAO,CACL,MAAC,aAAa,qBACG,YAAY,EAC3B,IAAI,EAAC,KAAK,mBACK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAE5C,IAAI,QACJ,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACxC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,KAAK,EACzB,GAAG,EAAE;oBACH;wBACE,cAAc,EAAE,MAAM;wBACtB,YAAY,EAAE,QAAQ;4BACpB,CAAC,CAAC,aAAa,MAAM,CAAC,aAAa,CAAC,EAAE;4BACtC,CAAC,CAAC,uBAAuB;wBAC3B,cAAc,EAAE;4BACd,SAAS,EAAE,aAAa;yBACzB;wBACD,cAAc,EAAE;4BACd,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBACjD;wBACD,aAAa,EAAE;4BACb,oBAAoB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBAClD;wBACD,QAAQ,EAAE;4BACR,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;yBAChD;wBACD,eAAe,EAAE;4BACf,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;yBAChD;qBACF;oBACD,UAAU,CAAC,UAAU,CAAC;oBACtB,UAAU;iBACX,aAEA,aAAa,KAAK,OAAO,IAAI,KAAK,EACnC,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,YAC7D,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GACxC,EACN,aAAa,KAAK,KAAK,IAAI,KAAK,KApC5B,KAAK,CAqCI,CACjB,CAAC;QACJ,CAAC,CACF,GACG,CACP,CAAC;AACJ,CAAC"}