aidos-ui 3.0.29 → 3.0.31

package/.claude/settings.local.json

@@ -0,0 +1,8 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm publish:*)",
+      "Bash(npm whoami:*)"
+    ]
+  }
+}

package/dist/Badge.d.ts

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

package/dist/Badge.js

@@ -8,15 +8,15 @@ const sizes = {
     large: 18,
     xlarge: 24,
 };
-export function Badge({ size = "medium", color = "highlight", jsStyle, }) {
-    return (_jsx(BaseView, { jsStyle: [
+export function Badge({ size = "medium", color = "highlight", jss, }) {
+    return (_jsx(BaseView, { jss: [
             {
                 width: sizes[size],
                 height: sizes[size],
                 borderRadius: sizes[size] / 2,
             },
             getBackground(color),
-            jsStyle,
+            jss,
         ] }));
 }
 //# sourceMappingURL=Badge.js.map

package/dist/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAwB,aAAa,EAAE,MAAM,OAAO,CAAC;AAE5D,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,KAAK,CAAC,EACpB,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,WAAW,EACnB,OAAO,GAKR;IACC,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;gBAClB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;gBACnB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;aAC9B;YACD,aAAa,CAAC,KAAK,CAAC;YACpB,OAAO;SACR,GACD,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAwB,aAAa,EAAE,MAAM,OAAO,CAAC;AAE5D,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,KAAK,CAAC,EACpB,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,WAAW,EACnB,GAAG,GAKJ;IACC,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE;YACH;gBACE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;gBAClB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;gBACnB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;aAC9B;YACD,aAAa,CAAC,KAAK,CAAC;YACpB,GAAG;SACJ,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/BaseButton.d.ts

@@ -3,7 +3,7 @@ import { InteractableColor } from "./Interactable";
 import { JSStyle, Padding } from "./jss";
 export interface BaseButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    jsStyle?: JSStyle;
+    jss?: JSStyle;
     color: InteractableColor;
     bare?: boolean;
     border?: boolean;

package/dist/BaseButton.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { getInteractableJSStyles } from "./Interactable";
-import { jss } from "./jss";
-export const BaseButton = React.forwardRef(({ onClick, children, jsStyle, color, bare = false, border = false, disabled, animateInteraction = true, padding, ...otherProps }, ref) => {
+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) => {
             if (disabled) {
                 return;
             }
-            onClick(event);
-        }, className: jss([
+            onClick?.(event);
+        }, className: toClassnames([
             ...getInteractableJSStyles({
                 color,
                 bare,
@@ -17,7 +17,7 @@ export const BaseButton = React.forwardRef(({ onClick, children, jsStyle, color,
                 animateInteraction,
                 padding,
             }),
-            jsStyle,
+            jss,
         ]), children: children }));
 });
 //# sourceMappingURL=BaseButton.js.map

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,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAoB,GAAG,EAAE,MAAM,OAAO,CAAC;AAc9C,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,OAAO,EACP,QAAQ,EACR,OAAO,EACP,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;gBACZ,OAAO;aACR;YAED,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,EACD,SAAS,EAAE,GAAG,CAAC;YACb,GAAG,uBAAuB,CAAC;gBACzB,KAAK;gBACL,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,kBAAkB;gBAClB,OAAO;aACR,CAAC;YACF,OAAO;SACR,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,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAoB,YAAY,EAAE,MAAM,OAAO,CAAC;AAcvD,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;gBACZ,OAAO;aACR;YAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,EACD,SAAS,EAAE,YAAY,CAAC;YACtB,GAAG,uBAAuB,CAAC;gBACzB,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/BaseInput.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from "react";
 import { JSStyle, Size, TextColor } from "./jss";
 export interface BaseInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    jsStyle?: JSStyle;
+    jss?: JSStyle;
     className?: undefined;
     size?: undefined;
     children?: undefined;

package/dist/BaseInput.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useId } from "react";
-import { jss } from "./jss";
+import { toClassnames } from "./jss";
 import { Label } from "./Text";
-export const BaseInput = React.forwardRef(({ jsStyle, label, labelPosition = "end", labelSize, labelColor, labelBold, id: propId, ...otherProps }, ref) => {
+export const BaseInput = React.forwardRef(({ jss, label, labelPosition = "end", labelSize, labelColor, labelBold, id: propId, ...otherProps }, ref) => {
     const hookid = useId();
     const id = propId ?? hookid;
-    const labelElement = (_jsx(Label, { size: labelSize, bold: labelBold, color: labelColor, jsStyle: {
+    const labelElement = (_jsx(Label, { size: labelSize, bold: labelBold, color: labelColor, jss: {
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
         }, htmlFor: id, children: label }));
-    return (_jsxs(_Fragment, { children: [label && labelPosition === "start" && labelElement, _jsx("input", { id: id, ref: ref, className: jss(jsStyle), ...otherProps }), label && labelPosition === "end" && labelElement] }));
+    return (_jsxs(_Fragment, { children: [label && labelPosition === "start" && labelElement, _jsx("input", { id: id, ref: ref, className: toClassnames(jss), ...otherProps }), label && labelPosition === "end" && labelElement] }));
 });
 //# sourceMappingURL=BaseInput.js.map

package/dist/BaseInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.js","sourceRoot":"","sources":["../src/BaseInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAA4B,GAAG,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAe/B,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,OAAO,EACP,KAAK,EACL,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,UAAU,EACV,SAAS,EACT,EAAE,EAAE,MAAM,EACV,GAAG,UAAU,EACE,EACjB,GAAiC,EACjC,EAAE;IACF,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,MAAM,EAAE,GAAG,MAAM,IAAI,MAAM,CAAC;IAC5B,MAAM,YAAY,GAAG,CACnB,KAAC,KAAK,IACJ,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB,EACD,OAAO,EAAE,EAAE,YAEV,KAAK,GACA,CACT,CAAC;IAEF,OAAO,CACL,8BACG,KAAK,IAAI,aAAa,KAAK,OAAO,IAAI,YAAY,EACnD,gBAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,KAAM,UAAU,GAAI,EACnE,KAAK,IAAI,aAAa,KAAK,KAAK,IAAI,YAAY,IAChD,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BaseInput.js","sourceRoot":"","sources":["../src/BaseInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAA4B,YAAY,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAe/B,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,GAAG,EACH,KAAK,EACL,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,UAAU,EACV,SAAS,EACT,EAAE,EAAE,MAAM,EACV,GAAG,UAAU,EACE,EACjB,GAAiC,EACjC,EAAE;IACF,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,MAAM,EAAE,GAAG,MAAM,IAAI,MAAM,CAAC;IAC5B,MAAM,YAAY,GAAG,CACnB,KAAC,KAAK,IACJ,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE;YACH,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB,EACD,OAAO,EAAE,EAAE,YAEV,KAAK,GACA,CACT,CAAC;IAEF,OAAO,CACL,8BACG,KAAK,IAAI,aAAa,KAAK,OAAO,IAAI,YAAY,EACnD,gBACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC,KACxB,UAAU,GACd,EACD,KAAK,IAAI,aAAa,KAAK,KAAK,IAAI,YAAY,IAChD,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/BaseLink.d.ts

@@ -4,7 +4,7 @@ import { JSStyle, Padding } from "./jss";
 export interface BaseLinkProps extends React.LinkHTMLAttributes<HTMLAnchorElement> {
     onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
     target?: string;
-    jsStyle?: JSStyle;
+    jss?: JSStyle;
     color: InteractableColor;
     href: string;
     disabled?: boolean;

package/dist/BaseLink.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
 import { getInteractableJSStyles } from "./Interactable";
-import { jss } from "./jss";
+import { toClassnames } from "./jss";
 // This only exists to make NextJS happy, it should not be used in any other case
 export const BaseLinkComponentOverrideContext = React.createContext((props) => (_jsx("a", { ...props })));
-export const BaseLink = React.forwardRef(({ onClick, children, jsStyle, color, bare = false, disabled, animateInteraction = true, padding, href, border, role = "link", ...otherProps }, ref) => {
+export const BaseLink = React.forwardRef(({ onClick, children, jss, color, bare = false, disabled, animateInteraction = true, padding, href, border, role = "link", ...otherProps }, ref) => {
     const Link = useContext(BaseLinkComponentOverrideContext);
     return (_jsx(Link, { ...otherProps, "aria-disabled": disabled ? true : undefined, href: href, role: role, ref: ref, onClick: onClick
             ? (event) => {
@@ -13,7 +13,7 @@ export const BaseLink = React.forwardRef(({ onClick, children, jsStyle, color, b
                 }
                 onClick(event);
             }
-            : undefined, className: jss([
+            : undefined, className: toClassnames([
             ...getInteractableJSStyles({
                 color,
                 border,
@@ -23,7 +23,7 @@ export const BaseLink = React.forwardRef(({ onClick, children, jsStyle, color, b
                 padding,
             }),
             disabled && { pointerEvents: "none" },
-            jsStyle,
+            jss,
         ]), children: children }));
 });
 //# sourceMappingURL=BaseLink.js.map

package/dist/BaseLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLink.js","sourceRoot":"","sources":["../src/BaseLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAqB,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAoB,GAAG,EAAE,MAAM,OAAO,CAAC;AAiB9C,iFAAiF;AACjF,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7E,eAAO,KAAK,GAAI,CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EACE,OAAO,EACP,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,GAAG,KAAK,EACZ,QAAQ,EACR,kBAAkB,GAAG,IAAI,EACzB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,IAAI,GAAG,MAAM,EACb,GAAG,UAAU,EACC,EAChB,GAAkC,EAClC,EAAE;IACF,MAAM,IAAI,GAAG,UAAU,CAAC,gCAAgC,CAAC,CAAC;IAE1D,OAAO,CACL,KAAC,IAAI,OACC,UAAU,mBACC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC1C,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,OAAO,EACL,OAAO;YACL,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;gBACR,IAAI,QAAQ,EAAE;oBACZ,OAAO;iBACR;gBAED,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC;YACH,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,GAAG,CAAC;YACb,GAAG,uBAAuB,CAAC;gBACzB,KAAK;gBACL,MAAM;gBACN,IAAI;gBACJ,QAAQ;gBACR,kBAAkB;gBAClB,OAAO;aACR,CAAC;YACF,QAAQ,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE;YACrC,OAAO;SACR,CAAC,YAED,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BaseLink.js","sourceRoot":"","sources":["../src/BaseLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAqB,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAoB,YAAY,EAAE,MAAM,OAAO,CAAC;AAiBvD,iFAAiF;AACjF,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7E,eAAO,KAAK,GAAI,CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EACE,OAAO,EACP,QAAQ,EACR,GAAG,EACH,KAAK,EACL,IAAI,GAAG,KAAK,EACZ,QAAQ,EACR,kBAAkB,GAAG,IAAI,EACzB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,IAAI,GAAG,MAAM,EACb,GAAG,UAAU,EACC,EAChB,GAAkC,EAClC,EAAE;IACF,MAAM,IAAI,GAAG,UAAU,CAAC,gCAAgC,CAAC,CAAC;IAE1D,OAAO,CACL,KAAC,IAAI,OACC,UAAU,mBACC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC1C,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,OAAO,EACL,OAAO;YACL,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;gBACR,IAAI,QAAQ,EAAE;oBACZ,OAAO;iBACR;gBAED,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC;YACH,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,YAAY,CAAC;YACtB,GAAG,uBAAuB,CAAC;gBACzB,KAAK;gBACL,MAAM;gBACN,IAAI;gBACJ,QAAQ;gBACR,kBAAkB;gBAClB,OAAO;aACR,CAAC;YACF,QAAQ,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE;YACrC,GAAG;SACJ,CAAC,YAED,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/BaseList.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { Column } from "./Column";
-export const BaseList = React.forwardRef(({ jsStyle, ...otherProps }, ref) => {
-    return (_jsx(Column, { ...otherProps, tag: "ul", jsStyle: [
+export const BaseList = React.forwardRef(({ jss, ...otherProps }, ref) => {
+    return (_jsx(Column, { ...otherProps, tag: "ul", jss: [
             {
                 listStyle: "none",
                 margin: 0,
                 padding: 0,
             },
-            jsStyle,
+            jss,
         ], ref: ref }));
 });
 //# sourceMappingURL=BaseList.js.map

package/dist/BaseList.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseList.js","sourceRoot":"","sources":["../src/BaseList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAM/C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EAAE,OAAO,EAAE,GAAG,UAAU,EAAiB,EACzC,GAA+B,EAC/B,EAAE;IACF,OAAO,CACL,KAAC,MAAM,OACD,UAAU,EACd,GAAG,EAAC,IAAI,EACR,OAAO,EAAE;YACP;gBACE,SAAS,EAAE,MAAM;gBACjB,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,CAAC;aACX;YACD,OAAO;SACR,EACD,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BaseList.js","sourceRoot":"","sources":["../src/BaseList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAM/C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,GAAG,EAAE,GAAG,UAAU,EAAiB,EAAE,GAA+B,EAAE,EAAE;IACzE,OAAO,CACL,KAAC,MAAM,OACD,UAAU,EACd,GAAG,EAAC,IAAI,EACR,GAAG,EAAE;YACH;gBACE,SAAS,EAAE,MAAM;gBACjB,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,CAAC;aACX;YACD,GAAG;SACJ,EACD,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/BaseListItem.d.ts

@@ -5,7 +5,7 @@ export interface BaseListItemProps extends RowProps {
     children: (elements: {
         content: JSX.Element;
     }) => ReactNode;
-    jsStyle?: JSStyle;
+    jss?: JSStyle;
     withDivider?: boolean;
     headline: string;
     headlineSize?: Size;

package/dist/BaseListItem.js

@@ -6,10 +6,10 @@ import { cssVar } from "./jss";
 import { TextPairing } from "./TextPairing";
 import { BaseView } from "./BaseView";
 import { useListContext } from "./List";
-export const BaseListItem = React.forwardRef(({ children, jsStyle, withDivider = true, headline, headlineSize = "medium", headlineColor = "primary", headlineAddOn, body, bodySize = "small", bodyColor = "secondary", addOn, addOnPosition, outerAddOn, disabled = false, padding = "medium", gap = "medium", selected, headlineBold, ...otherProps }, ref) => {
+export const BaseListItem = React.forwardRef(({ children, jss, withDivider = true, headline, headlineSize = "medium", headlineColor = "primary", headlineAddOn, body, bodySize = "small", bodyColor = "secondary", addOn, addOnPosition, outerAddOn, disabled = false, padding = "medium", gap = "medium", selected, headlineBold, ...otherProps }, ref) => {
     const { bare, carded } = useListContext();
     const content = (_jsx(TextPairing, { headlineBold: headlineBold, padding: padding, gap: gap, addOn: addOn, addOnPosition: addOnPosition, headline: headline, headlineSize: headlineSize, headlineColor: disabled ? "subtle" : bare && selected ? "highlight" : headlineColor, headlineAddOn: headlineAddOn, body: body, bodySize: bodySize, bodyColor: disabled ? "subtle" : bodyColor, grow: true, shrink: false }));
-    return (_jsxs(_Fragment, { children: [_jsxs(Row, { ...otherProps, ref: ref, relative: true, tag: "li", role: "row", jsStyle: [
+    return (_jsxs(_Fragment, { children: [_jsxs(Row, { ...otherProps, ref: ref, relative: true, tag: "li", role: "row", jss: [
                     !bare &&
                         carded && {
                         [":first-child *"]: {
@@ -21,8 +21,8 @@ export const BaseListItem = React.forwardRef(({ children, jsStyle, withDivider =
                             borderBottomRightRadius: cssVar("--border-radius-l"),
                         },
                     },
-                    jsStyle,
-                ], children: [_jsx(Row, { grow: true, role: "gridcell", jsStyle: {
+                    jss,
+                ], children: [_jsx(Row, { grow: true, role: "gridcell", jss: {
                             overflow: "hidden",
                         }, children: children({ content }) }), outerAddOn && _jsx(BaseView, { role: "gridcell", children: outerAddOn })] }), withDivider && _jsx(ListDivider, {})] }));
 });

package/dist/BaseListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseListItem.js","sourceRoot":"","sources":["../src/BaseListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAA+C,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,QAAQ,EACR,YAAY,GAAG,QAAQ,EACvB,aAAa,GAAG,SAAS,EACzB,aAAa,EACb,IAAI,EACJ,QAAQ,GAAG,OAAO,EAClB,SAAS,GAAG,WAAW,EACvB,KAAK,EACL,aAAa,EACb,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,GAAG,GAAG,QAAQ,EACd,QAAQ,EACR,YAAY,EACZ,GAAG,UAAU,EACK,EACpB,GAA4B,EAC5B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAE1C,MAAM,OAAO,GAAG,CACd,KAAC,WAAW,IACV,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EACX,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAEtE,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC1C,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,GACb,CACH,CAAC;IAEF,OAAO,CACL,8BACE,MAAC,GAAG,OACE,UAAU,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,QACR,GAAG,EAAC,IAAI,EACR,IAAI,EAAC,KAAK,EACV,OAAO,EAAE;oBACP,CAAC,IAAI;wBACH,MAAM,IAAI;wBACR,CAAC,gBAAgB,CAAC,EAAE;4BAClB,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;4BAChD,oBAAoB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBAClD;wBACD,CAAC,eAAe,CAAC,EAAE;4BACjB,sBAAsB,EAAE,MAAM,CAAC,mBAAmB,CAAC;4BACnD,uBAAuB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBACrD;qBACF;oBACH,OAAO;iBACR,aAED,KAAC,GAAG,IACF,IAAI,QACJ,IAAI,EAAC,UAAU,EACf,OAAO,EAAE;4BACP,QAAQ,EAAE,QAAQ;yBACnB,YAEA,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,GAClB,EACL,UAAU,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAC,UAAU,YAAE,UAAU,GAAY,IAC5D,EACL,WAAW,IAAI,KAAC,WAAW,KAAG,IAC9B,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BaseListItem.js","sourceRoot":"","sources":["../src/BaseListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAA+C,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,QAAQ,EACR,GAAG,EACH,WAAW,GAAG,IAAI,EAClB,QAAQ,EACR,YAAY,GAAG,QAAQ,EACvB,aAAa,GAAG,SAAS,EACzB,aAAa,EACb,IAAI,EACJ,QAAQ,GAAG,OAAO,EAClB,SAAS,GAAG,WAAW,EACvB,KAAK,EACL,aAAa,EACb,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,GAAG,GAAG,QAAQ,EACd,QAAQ,EACR,YAAY,EACZ,GAAG,UAAU,EACK,EACpB,GAA4B,EAC5B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAE1C,MAAM,OAAO,GAAG,CACd,KAAC,WAAW,IACV,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EACX,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAEtE,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC1C,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,GACb,CACH,CAAC;IAEF,OAAO,CACL,8BACE,MAAC,GAAG,OACE,UAAU,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,QACR,GAAG,EAAC,IAAI,EACR,IAAI,EAAC,KAAK,EACV,GAAG,EAAE;oBACH,CAAC,IAAI;wBACH,MAAM,IAAI;wBACR,CAAC,gBAAgB,CAAC,EAAE;4BAClB,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;4BAChD,oBAAoB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBAClD;wBACD,CAAC,eAAe,CAAC,EAAE;4BACjB,sBAAsB,EAAE,MAAM,CAAC,mBAAmB,CAAC;4BACnD,uBAAuB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBACrD;qBACF;oBACH,GAAG;iBACJ,aAED,KAAC,GAAG,IACF,IAAI,QACJ,IAAI,EAAC,UAAU,EACf,GAAG,EAAE;4BACH,QAAQ,EAAE,QAAQ;yBACnB,YAEA,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,GAClB,EACL,UAAU,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAC,UAAU,YAAE,UAAU,GAAY,IAC5D,EACL,WAAW,IAAI,KAAC,WAAW,KAAG,IAC9B,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/BaseView.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { JSStyle } from "./jss";
 export interface BaseViewProps extends React.HTMLAttributes<HTMLElement> {
-    jsStyle?: JSStyle;
+    jss?: JSStyle;
     ref?: React.Ref<HTMLDivElement>;
     className?: undefined;
     grow?: boolean;

package/dist/BaseView.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { jss } from "./jss";
-const jsStyles = {
+import { toClassnames } from "./jss";
+const jsss = {
     relative: {
         position: "relative",
     },
@@ -12,15 +12,15 @@ const jsStyles = {
         flexShrink: 1,
     },
 };
-export const BaseView = React.forwardRef(({ jsStyle, children, tag, grow, shrink, relative, ...otherProps }, ref) => {
+export const BaseView = React.forwardRef(({ jss, children, tag, grow, shrink, relative, ...otherProps }, ref) => {
     const Tag = tag ?? "div";
     return (
     // @ts-ignore
-    _jsx(Tag, { ref: ref, className: jss([
-            jsStyle,
-            grow && jsStyles.grow,
-            shrink && jsStyles.shrink,
-            relative && jsStyles.relative,
+    _jsx(Tag, { ref: ref, className: toClassnames([
+            jss,
+            grow && jsss.grow,
+            shrink && jsss.shrink,
+            relative && jsss.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,EAAW,GAAG,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,QAAQ,GAA+B;IAC3C,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,OAAO,EACP,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,GAAG,CAAC;YACb,OAAO;YACP,IAAI,IAAI,QAAQ,CAAC,IAAI;YACrB,MAAM,IAAI,QAAQ,CAAC,MAAM;YACzB,QAAQ,IAAI,QAAQ,CAAC,QAAQ;SAC9B,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,EAAW,YAAY,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,IAAI,GAA+B;IACvC,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"}

package/dist/Button.js

@@ -6,14 +6,14 @@ import { Row } from "./Row";
 import { Icon } from "./Icon";
 import { getGlyphColor } from "./Interactable";
 import { cssVar } from "./jss";
-export const Button = React.forwardRef(({ children, color, bare, disabled, icon, iconSize = "medium", iconPosition = "left", align = "center", gap = "small", justify = "center", jsStyle, size = "medium", bold, padding = "medium", ...otherProps }, ref) => {
-    return (_jsx(BaseButton, { ...otherProps, bare: bare, ref: ref, color: color, disabled: disabled, padding: padding, jsStyle: [
+export const Button = React.forwardRef(({ children, color, bare, disabled, icon, iconSize = "medium", iconPosition = "left", align = "center", gap = "small", justify = "center", jss, size = "medium", bold, padding = "medium", ...otherProps }, ref) => {
+    return (_jsx(BaseButton, { ...otherProps, bare: bare, ref: ref, color: color, disabled: disabled, padding: padding, jss: [
             {
                 borderRadius: cssVar("--border-radius-m"),
                 justifyContent: "center",
                 userSelect: "none",
             },
-            jsStyle,
+            jss,
         ], children: _jsxs(Row, { grow: true, align: align, gap: gap, justify: justify, children: [icon && iconPosition === "left" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) })), _jsx(Text, { bold: bold, size: size, color: getGlyphColor(color, disabled, bare), children: children }), icon && iconPosition === "right" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) }))] }) }));
 });
 //# sourceMappingURL=Button.js.map

package/dist/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAqB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAA6B,MAAM,EAAc,MAAM,OAAO,CAAC;AAgBtE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CACE,EACE,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,YAAY,GAAG,MAAM,EACrB,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,QAAQ,EAClB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,OAAO,GAAG,QAAQ,EAClB,GAAG,UAAU,EACD,EACd,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE;YACP;gBACE,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,MAAM;aACnB;YACD,OAAO;SACR,YAED,MAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,aACtD,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,EACD,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAE1C,QAAQ,GACJ,EACN,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,IACG,GACK,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAqB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAA6B,MAAM,EAAc,MAAM,OAAO,CAAC;AAgBtE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CACE,EACE,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,YAAY,GAAG,MAAM,EACrB,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,QAAQ,EAClB,GAAG,EACH,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,OAAO,GAAG,QAAQ,EAClB,GAAG,UAAU,EACD,EACd,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;YACH;gBACE,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,MAAM;aACnB;YACD,GAAG;SACJ,YAED,MAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,aACtD,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,EACD,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAE1C,QAAQ,GACJ,EACN,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,IACG,GACK,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/Calendar.d.ts

@@ -5,7 +5,7 @@ export declare const Calendar: React.ForwardRefExoticComponent<{
     header: (props: {
         weekday: string;
     }) => JSX.Element;
-    jsStyle?: JSStyle;
+    jss?: JSStyle;
     cell: (props: {
         today?: boolean;
         date: Date;

package/dist/Calendar.js

@@ -11,7 +11,7 @@ const THU = dateFormatter.format(new Date(2000, 1, 10));
 const FRI = dateFormatter.format(new Date(2000, 1, 11));
 const SAT = dateFormatter.format(new Date(2000, 1, 12));
 const SUN = dateFormatter.format(new Date(2000, 1, 13));
-export const Calendar = React.forwardRef(({ date, cell, header, jsStyle, }, ref) => {
+export const Calendar = React.forwardRef(({ date, cell, header, jss, }, ref) => {
     const year = date.getFullYear();
     const month = date.getMonth();
     const daysInMonth = new Date(year, month + 1, 0).getDate();
@@ -20,13 +20,13 @@ export const Calendar = React.forwardRef(({ date, cell, header, jsStyle, }, ref)
     const headers = useMemo(() => {
         return (_jsxs(_Fragment, { children: [header({ weekday: MON }), header({ weekday: TUE }), header({ weekday: WED }), header({ weekday: THU }), header({ weekday: FRI }), header({ weekday: SAT }), header({ weekday: SUN })] }));
     }, []);
-    return (_jsxs(BaseView, { ref: ref, jsStyle: [
+    return (_jsxs(BaseView, { ref: ref, jss: [
             {
                 display: "grid",
                 gridTemplateColumns: "1fr 1fr 1fr 1fr 1fr 1fr 1fr",
                 gridTemplateRows: "1fr",
             },
-            jsStyle,
+            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({

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":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;IACjD,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACvD,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACvD,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACvD,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AACxD,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AACxD,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AACxD,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EACE,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,GAAG,GAcJ,EACD,GAA4B,EAC5B,EAAE;IACF,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IAChC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;IAE9B,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IAE3D,MAAM,kBAAkB,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IAC7D,MAAM,MAAM,GAAG,kBAAkB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,OAAO,CACL,8BACG,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EACxB,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EACxB,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EACxB,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EACxB,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EACxB,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EACxB,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IACxB,CACJ,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,MAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,GAAG,EAAE;YACH;gBACE,OAAO,EAAE,MAAM;gBACf,mBAAmB,EAAE,6BAA6B;gBAClD,gBAAgB,EAAE,KAAK;aACxB;YACD,GAAG;SACJ,aAEA,OAAO,EACP,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC9C,MAAM,OAAO,GAAG,IAAI,IAAI,CACtB,IAAI,CAAC,WAAW,EAAE,EAClB,IAAI,CAAC,QAAQ,EAAE,EACf,KAAK,GAAG,CAAC,GAAG,MAAM,CACnB,CAAC;gBAEF,OAAO,CACL,KAAC,KAAK,CAAC,QAAQ,cACZ,IAAI,CAAC;wBACJ,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,KAAK;wBACZ,GAAG,EAAE,IAAI;wBACT,IAAI,EAAE,KAAK,GAAG,CAAC,KAAK,CAAC;wBACrB,UAAU,EAAE,IAAI;wBAChB,KAAK,EAAE,KAAK;wBACZ,MAAM,EAAE,KAAK;qBACd,CAAC,IATiB,OAAO,CAAC,WAAW,EAAE,CAUzB,CAClB,CAAC;YACJ,CAAC,CAAC,EAED,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACnD,MAAM,OAAO,GAAG,IAAI,IAAI,CACtB,IAAI,CAAC,WAAW,EAAE,EAClB,IAAI,CAAC,QAAQ,EAAE,EACf,KAAK,GAAG,CAAC,EACT,EAAE,CAAC,gFAAgF;iBACpF,CAAC;gBAEF,OAAO,CACL,KAAC,KAAK,CAAC,QAAQ,cACZ,IAAI,CAAC;wBACJ,IAAI,EAAE,OAAO;wBACb,GAAG,EAAE,KAAK,GAAG,MAAM,GAAG,CAAC;wBACvB,IAAI,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;wBAChC,KAAK,EACH,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,KAAK,WAAW,GAAG,CAAC;wBAC7D,MAAM,EAAE,KAAK,GAAG,WAAW,GAAG,CAAC,GAAG,CAAC;wBACnC,UAAU,EAAE,KAAK;wBACjB,KAAK,EACH,OAAO,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE;4BACzC,OAAO,CAAC,QAAQ,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE;4BAC3C,OAAO,CAAC,WAAW,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;qBACpD,CAAC,IAbiB,OAAO,CAAC,WAAW,EAAE,CAczB,CAClB,CAAC;YACJ,CAAC,CAAC,IACO,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/Card.d.ts

@@ -1,4 +1,4 @@
 import { FlexLayoutProps } from "./FlexLayout";
 export interface CardProps extends FlexLayoutProps {
 }
-export declare function Card({ children, jsStyle, padding, gap, ...otherProps }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function Card({ children, jss, padding, gap, ...otherProps }: CardProps): import("react/jsx-runtime").JSX.Element;

package/dist/Card.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FlexLayout } from "./FlexLayout";
 import { cssVar } from "./jss";
-export function Card({ children, jsStyle, padding = "large", gap = "large", ...otherProps }) {
-    return (_jsx(FlexLayout, { ...otherProps, padding: padding, gap: gap, jsStyle: [
+export function Card({ children, jss, padding = "large", gap = "large", ...otherProps }) {
+    return (_jsx(FlexLayout, { ...otherProps, padding: padding, gap: gap, jss: [
             {
                 backgroundColor: cssVar("--overlay-background"),
                 borderRadius: cssVar("--border-radius-l"),
                 boxShadow: "1px 1px 4px 1px #e0e0e0",
             },
-            jsStyle,
+            jss,
         ], children: children }));
 }
 //# sourceMappingURL=Card.js.map

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,OAAO,EACP,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,OAAO,EAAE;YACP;gBACE,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;gBAC/C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,SAAS,EAAE,yBAAyB;aACrC;YACD,OAAO;SACR,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,yBAAyB;aACrC;YACD,GAAG;SACJ,YAEA,QAAQ,GACE,CACd,CAAC;AACJ,CAAC"}

package/dist/Checkbox.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BaseInput } from "./BaseInput";
-import { jss } from "./jss";
+import { toClassnames } from "./jss";
 import { StaticCheckbox, sizes } from "./StaticCheckbox";
 export function Checkbox({ checked, onClick, size, ...inputProps }) {
-    return (_jsxs("label", { className: jss({
+    return (_jsxs("label", { className: toClassnames({
             position: "relative",
             display: "flex",
             justifyContent: "center",
@@ -17,7 +17,7 @@ export function Checkbox({ checked, onClick, size, ...inputProps }) {
             ":has(:active)": {
                 transform: "scale(0.92)",
             },
-        }), children: [_jsx(StaticCheckbox, { checked: checked, size: size }), _jsx(BaseInput, { ...inputProps, type: "checkbox", role: "checkbox", "aria-checked": `${checked}`, tabIndex: 0, checked: checked, onChange: onClick, jsStyle: {
+        }), children: [_jsx(StaticCheckbox, { checked: checked, size: size }), _jsx(BaseInput, { ...inputProps, type: "checkbox", role: "checkbox", "aria-checked": `${checked}`, tabIndex: 0, checked: checked, onChange: onClick, jss: {
                     position: "absolute",
                     opacity: 0,
                     cursor: "pointer",

package/dist/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAExD,OAAO,EAAQ,GAAG,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAWzD,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,OAAO,EACP,IAAI,EACJ,GAAG,UAAU,EACC;IACd,OAAO,CACL,iBACE,SAAS,EAAE,GAAG,CAAC;YACb,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;YAClB,sBAAsB,EAAE;gBACtB,OAAO,EAAE,0BAA0B;gBACnC,YAAY,EAAE,KAAK;aACpB;YACD,eAAe,EAAE;gBACf,SAAS,EAAE,aAAa;aACzB;SACF,CAAC,aAEF,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EAChD,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,kBACD,GAAG,OAAO,EAAE,EAC1B,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE;oBACP,QAAQ,EAAE,UAAU;oBACpB,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,SAAS;oBACjB,GAAG,EAAE,CAAC;oBACN,MAAM,EAAE,CAAC;oBACT,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;oBACR,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;iBACf,GACD,IACI,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAExD,OAAO,EAAQ,YAAY,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAWzD,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,OAAO,EACP,IAAI,EACJ,GAAG,UAAU,EACC;IACd,OAAO,CACL,iBACE,SAAS,EAAE,YAAY,CAAC;YACtB,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;YAClB,sBAAsB,EAAE;gBACtB,OAAO,EAAE,0BAA0B;gBACnC,YAAY,EAAE,KAAK;aACpB;YACD,eAAe,EAAE;gBACf,SAAS,EAAE,aAAa;aACzB;SACF,CAAC,aAEF,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EAChD,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,kBACD,GAAG,OAAO,EAAE,EAC1B,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,EACjB,GAAG,EAAE;oBACH,QAAQ,EAAE,UAAU;oBACpB,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,SAAS;oBACjB,GAAG,EAAE,CAAC;oBACN,MAAM,EAAE,CAAC;oBACT,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;oBACR,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;iBACf,GACD,IACI,CACT,CAAC;AACJ,CAAC"}

package/dist/Circle.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps } from "./Box";
 interface CircleProps extends BoxProps {
 }
-export declare function Circle({ jsStyle, padding, ...otherProps }: CircleProps): import("react/jsx-runtime").JSX.Element;
+export declare function Circle({ jss, padding, ...otherProps }: CircleProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Circle.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from "./Box";
-export function Circle({ jsStyle, padding = "medium", ...otherProps }) {
-    return (_jsx(Box, { padding: padding, jsStyle: [
+export function Circle({ jss, padding = "medium", ...otherProps }) {
+    return (_jsx(Box, { padding: padding, jss: [
             {
                 borderRadius: "50%",
                 overflow: "hidden",
             },
-            jsStyle,
+            jss,
         ], ...otherProps }));
 }
 //# sourceMappingURL=Circle.js.map

package/dist/Circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../src/Circle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AAItC,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,OAAO,GAAG,QAAQ,EAClB,GAAG,UAAU,EACD;IACZ,OAAO,CACL,KAAC,GAAG,IACF,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE;YACP;gBACE,YAAY,EAAE,KAAK;gBACnB,QAAQ,EAAE,QAAQ;aACnB;YACD,OAAO;SACR,KACG,UAAU,GACd,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../src/Circle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AAItC,MAAM,UAAU,MAAM,CAAC,EACrB,GAAG,EACH,OAAO,GAAG,QAAQ,EAClB,GAAG,UAAU,EACD;IACZ,OAAO,CACL,KAAC,GAAG,IACF,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;YACH;gBACE,YAAY,EAAE,KAAK;gBACnB,QAAQ,EAAE,QAAQ;aACnB;YACD,GAAG;SACJ,KACG,UAAU,GACd,CACH,CAAC;AACJ,CAAC"}

package/dist/DarkMode.js

@@ -55,7 +55,7 @@ export function DarkModeToggle() {
         setShow(true);
     }, []);
     if (!show) {
-        return _jsx(BaseView, { jsStyle: { width: 32, height: 32 } });
+        return _jsx(BaseView, { jss: { width: 32, height: 32 } });
     }
     return (_jsx(IconButton, { "aria-label": "Toggle dark mode", icon: darkMode.enabled ? "fa-sun-o" : "fa-moon-o", size: "medium", onClick: darkMode.toggle, color: "primary", bare: true }));
 }

package/dist/DarkMode.js.map

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

package/dist/DateInput.d.ts

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

package/dist/DateInput.js

@@ -4,10 +4,10 @@ import { BaseInput } from "./BaseInput";
 import { Box } from "./Box";
 import { Icon } from "./Icon";
 import { Row } from "./Row";
-export const DateInput = React.forwardRef(({ date, onDateChange, jsStyle, icon, addOn, ...inputProps }, ref) => {
-    return (_jsxs(Row, { jsStyle: {
+export const DateInput = React.forwardRef(({ date, onDateChange, jss, icon, addOn, ...inputProps }, ref) => {
+    return (_jsxs(Row, { jss: {
             backgroundColor: "inherit",
-        }, children: [icon && (_jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "secondary", icon: icon }) })), _jsx(BaseInput, { ...inputProps, type: "date", ref: ref, value: date.toISOString().substring(0, 10), onChange: (e) => onDateChange(new Date(e.target.value)), jsStyle: [
+        }, children: [icon && (_jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "secondary", icon: icon }) })), _jsx(BaseInput, { ...inputProps, type: "date", ref: ref, value: date.toISOString().substring(0, 10), onChange: (e) => onDateChange(new Date(e.target.value)), jss: [
                     {
                         flexGrow: 1,
                         backgroundColor: "inherit",
@@ -23,7 +23,7 @@ export const DateInput = React.forwardRef(({ date, onDateChange, jsStyle, icon,
                             color: "var(--subtle-text);",
                         },
                     },
-                    jsStyle,
+                    jss,
                 ] }), addOn] }));
 });
 //# sourceMappingURL=DateInput.js.map

package/dist/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../src/DateInput.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,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAkB,EAC3E,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IACF,OAAO,EAAE;YACP,eAAe,EAAE,SAAS;SAC3B,aAEA,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,MAAM,EACX,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,OAAO,EAAE;oBACP;wBACE,QAAQ,EAAE,CAAC;wBACX,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,qBAAqB;wBAC5B,OAAO,EAAE,MAAM;wBACf,MAAM,EAAE,MAAM;wBACd,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,EAAE,GAAG,EAAE;wBACnB,eAAe,EAAE;4BACf,KAAK,EAAE,qBAAqB;yBAC7B;wBACD,WAAW,EAAE;4BACX,KAAK,EAAE,qBAAqB;yBAC7B;qBACF;oBACD,OAAO;iBACR,GACD,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../src/DateInput.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,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAkB,EACvE,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE;YACH,eAAe,EAAE,SAAS;SAC3B,aAEA,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,MAAM,EACX,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;oBACH;wBACE,QAAQ,EAAE,CAAC;wBACX,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,qBAAqB;wBAC5B,OAAO,EAAE,MAAM;wBACf,MAAM,EAAE,MAAM;wBACd,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,EAAE,GAAG,EAAE;wBACnB,eAAe,EAAE;4BACf,KAAK,EAAE,qBAAqB;yBAC7B;wBACD,WAAW,EAAE;4BACX,KAAK,EAAE,qBAAqB;yBAC7B;qBACF;oBACD,GAAG;iBACJ,GACD,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/DatePicker.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { Text } from "./Text";
-import { jss } from "./jss";
-const jsStyles = {
+import { toClassnames } from "./jss";
+const jsss = {
     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: jss(jsStyles.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(jsss.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,GAAG,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,QAAQ,GAAG;IACf,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,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,EAClC,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;wBACF,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;qBAC3C;4BAAS;wBACR,IAAI,UAAU,IAAI,IAAI,EAAE;4BACtB,YAAY,CAAC,UAAU,CAAC,CAAC;yBAC1B;qBACF;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,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;wBACF,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;qBAC3C;4BAAS;wBACR,IAAI,UAAU,IAAI,IAAI,EAAE;4BACtB,YAAY,CAAC,UAAU,CAAC,CAAC;yBAC1B;qBACF;gBACH,CAAC,GACM,IACR,CACJ,CAAC;AACJ,CAAC"}

package/dist/DatetimeInput.d.ts

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