@koine/react 2.0.0-beta.2 → 2.0.0-beta.5

package/Details/Details.mjs

@@ -1,30 +1,26 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useEffect, useId, useRef, useState, } from "react";
+import { forwardRef, useCallback, useEffect, useId, useRef, useState } from "react";
+import { extendComponent } from "../helpers";
 import { useWindowSize } from "../hooks/useWindowSize";
-import { extendComponent, } from "../helpers";
-export var Root = "details";
-export var Summary = "summary";
-export var Body = "div";
-export var Content = "div";
+export const Root = "details";
+export const Summary = "summary";
+export const Body = "div";
+export const Content = "div";
 /**
  * FIXME: it actually works even without forwardRef, check if we do need it
  *
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details
- */
-var DetailsWithRef = forwardRef(function Details(_a, ref) {
-    var id = _a.id, propOpen = _a.open, recalc = _a.recalc, summary = _a.summary, children = _a.children, _Root = _a.Root, _Summary = _a.Summary, _Body = _a.Body, _Content = _a.Content, onChange = _a.onChange, props = __rest(_a, ["id", "open", "recalc", "summary", "children", "Root", "Summary", "Body", "Content", "onChange"]);
-    var isControlled = typeof propOpen !== "undefined";
-    var _b = useState(propOpen), stateOpen = _b[0], setStateOpen = _b[1];
-    var _c = useState(0), height = _c[0], setHeight = _c[1];
-    var hash = id ? "#".concat(id) : "";
-    var winSize = useWindowSize();
-    var open = isControlled ? propOpen : stateOpen;
-    var _d = useState(open ? "unset" : "hidden"), overflow = _d[0], setOverflow = _d[1];
-    var content = useRef(null);
-    var defaultId = useId();
+ */ const DetailsWithRef = /*#__PURE__*/ forwardRef(function Details({ id, open: propOpen, recalc, summary, children, Root: _Root, Summary: _Summary, Body: _Body, Content: _Content, onChange, ...props }, ref) {
+    const isControlled = typeof propOpen !== "undefined";
+    const [stateOpen, setStateOpen] = useState(propOpen);
+    const [, /* height */ setHeight] = useState(0);
+    const hash = id ? `#${id}` : "";
+    const winSize = useWindowSize();
+    const open = isControlled ? propOpen : stateOpen;
+    const [overflow /* setOverflow */ ] = useState(open ? "unset" : "hidden");
+    const content = useRef(null);
+    const defaultId = useId();
     id = id || defaultId;
-    var handleClick = useCallback(function () {
+    const handleClick = useCallback(()=>{
         if (hash) {
             window.history.replaceState(null, "", open ? window.location.pathname + window.location.search : hash);
         }
@@ -32,32 +28,55 @@ var DetailsWithRef = forwardRef(function Details(_a, ref) {
             onChange();
         }
         if (!isControlled) {
-            setStateOpen(function (prevOpen) { return !prevOpen; });
+            setStateOpen((prevOpen)=>!prevOpen);
         }
-    }, [open, hash, onChange, isControlled]);
-    useEffect(function () {
+    }, [
+        open,
+        hash,
+        onChange,
+        isControlled
+    ]);
+    useEffect(()=>{
         if (content.current) {
             setHeight(Math.ceil(content.current.offsetHeight));
         }
-    }, [winSize, recalc]);
+    }, [
+        winSize,
+        recalc
+    ]);
     // deeplink on mount
-    useEffect(function () {
+    useEffect(()=>{
         if (!isControlled && hash && window.location.hash === hash) {
             setStateOpen(true);
         }
-    }, [hash, isControlled]);
-    return (_jsxs(Root, __assign({}, props, { open: open || false, children: [_jsx(Summary, { "$open": open, onClick: handleClick, children: summary || " " }), _jsx(Body, { "$open": open, style: { overflow: overflow }, children: _jsx(Content
-                // ref={content}
-                , { "$open": open, 
-                    // aria-expanded={open}
-                    // aria-label={open ? ariaCollapse : ariaExpand}
-                    style: {
-                        pointerEvents: open ? "all" : "none",
-                    }, children: children }) })] })));
-});
-export var KoineDetails = extendComponent(DetailsWithRef, {
-    Root: Root,
-    Summary: Summary,
-    Body: Body,
-    Content: Content,
+    }, [
+        hash,
+        isControlled
+    ]);
+    return /*#__PURE__*/ React.createElement(Root, {
+        ...props,
+        open: open || false
+    }, /*#__PURE__*/ React.createElement(Summary, {
+        $open: open,
+        onClick: handleClick
+    }, summary || " "), /*#__PURE__*/ React.createElement(Body, {
+        $open: open,
+        style: {
+            overflow
+        }
+    }, /*#__PURE__*/ React.createElement(Content, {
+        // ref={content}
+        $open: open,
+        // aria-expanded={open}
+        // aria-label={open ? ariaCollapse : ariaExpand}
+        style: {
+            pointerEvents: open ? "all" : "none"
+        }
+    }, children)));
 });
+export const KoineDetails = extendComponent(DetailsWithRef, {
+    Root,
+    Summary,
+    Body,
+    Content
+}); // export default Details;

package/Details/Details.stories.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    default: function() {
+        return _default;
+    },
+    Bare: function() {
+        return Bare;
+    }
+});
+const _stories = require("@koine/stories");
+const _Details = require("./Details");
+const _default = {
+    component: _Details.KoineDetails,
+    title: "Base/Details",
+    ..._stories.storyDetailsMeta
+};
+const BareTemplate = (args)=>{
+    // return <StoryDetails {...args} Details={KoineDetails} />;
+    return /*#__PURE__*/ React.createElement(_stories.StoryDetails, {
+        ...args,
+        Details: _Details.KoineDetails
+    });
+// return <div><Details {...args} /></div>;
+};
+const Bare = BareTemplate.bind({});
+Bare.args = {
+    summary: "Details summary",
+    children: "Medium"
+};

package/Details/Details.stories.mjs

@@ -0,0 +1,20 @@
+import { StoryDetails, storyDetailsMeta } from "@koine/stories";
+import { KoineDetails } from "./Details";
+export default {
+    component: KoineDetails,
+    title: "Base/Details",
+    ...storyDetailsMeta
+};
+const BareTemplate = (args)=>{
+    // return <StoryDetails {...args} Details={KoineDetails} />;
+    return /*#__PURE__*/ React.createElement(StoryDetails, {
+        ...args,
+        Details: KoineDetails
+    });
+// return <div><Details {...args} /></div>;
+};
+export const Bare = BareTemplate.bind({});
+Bare.args = {
+    summary: "Details summary",
+    children: "Medium"
+};

package/Details/index.js

@@ -1,4 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Details"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Details"), exports);

package/Dialog/DialogMui.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
 import ModalUnstyled, { type ModalProps as ModalUnstyledProps } from "@mui/base/Modal";
 import type { MotionProps } from "framer-motion";
+import React from "react";
 import type { Simplify } from "@koine/utils";
 import { type WithComponents } from "../helpers";
 type ReducedModalUnstyledProps = Omit<ModalUnstyledProps, "onClose" | "BackdropComponent" | "classes" | "closeAfterTransition" | "component" | "components" | "componentsProps">;
@@ -83,11 +83,11 @@ export declare const Body: NonNullable<React.ElementType<Omit<React.DetailedHTML
 export declare const KoineDialog: ((props: Omit<{
     key?: React.Key | null | undefined;
     id?: string | undefined;
-    title?: string | undefined;
-    color?: string | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
     slot?: string | undefined;
     style?: React.CSSProperties | undefined;
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    title?: string | undefined;
+    color?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -130,7 +130,7 @@ export declare const KoineDialog: ((props: Omit<{
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -144,12 +144,12 @@ export declare const KoineDialog: ((props: Omit<{
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "location" | "time" | "true" | "false" | "page" | "step" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "location" | "true" | "false" | "page" | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;

package/Dialog/DialogMui.js

@@ -1,19 +1,52 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KoineDialog = exports.Body = exports.Header = exports.Close = exports.Paper = exports.Container = exports.Backdrop = exports.Root = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Modal_1 = tslib_1.__importDefault(require("@mui/base/Modal"));
-var md_1 = require("react-icons/md");
-var helpers_1 = require("../helpers");
-exports.Root = Modal_1.default;
-exports.Backdrop = "div";
-exports.Container = "div";
-exports.Paper = "div";
-exports.Close = "button";
-exports.Header = "div";
-exports.Body = "div";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Root: function() {
+        return Root;
+    },
+    Backdrop: function() {
+        return Backdrop;
+    },
+    Container: function() {
+        return Container;
+    },
+    Paper: function() {
+        return Paper;
+    },
+    Close: function() {
+        return Close;
+    },
+    Header: function() {
+        return Header;
+    },
+    Body: function() {
+        return Body;
+    },
+    KoineDialog: function() {
+        return KoineDialog;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _Modal = /*#__PURE__*/ _interop_require_default._(require("@mui/base/Modal"));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _md = require("react-icons/md");
+const _helpers = require("../helpers");
+const Root = _Modal.default;
+const Backdrop = "div";
+const Container = "div";
+const Paper = "div";
+const Close = "button";
+const Header = "div";
+const Body = "div";
 // const Dialog = ({
 //   children,
 //   title,
@@ -48,18 +81,16 @@ exports.Body = "div";
  * - Uses backdrop blur by default
  *
  * FIXME: it actually works even without forwardRef, check if we do need it
- */
-var DialogWithRef = (0, react_1.forwardRef)(function Dialog(_a, ref) {
-    var children = _a.children, title = _a.title, $scrollPaper = _a.$scrollPaper, _Root = _a.Root, _Backdrop = _a.Backdrop, _Container = _a.Container, _Paper = _a.Paper, _Close = _a.Close, _Header = _a.Header, _Body = _a.Body, onClose = _a.onClose, props = tslib_1.__rest(_a, ["children", "title", "$scrollPaper", "Root", "Backdrop", "Container", "Paper", "Close", "Header", "Body", "onClose"]);
+ */ const DialogWithRef = /*#__PURE__*/ (0, _react.forwardRef)(function Dialog({ children, title, $scrollPaper, Root: _Root, Backdrop: _Backdrop, Container: _Container, Paper: _Paper, Close: _Close, Header: _Header, Body: _Body, onClose, ...props }, ref) {
     // click handling is taken from
     // @see https://github.com/mui/material-ui/blob/c758b6c0b30f0831110458a746690b33147c45df/packages/mui-material/src/Dialog/Dialog.js#L205-L226
-    var backdropClick = (0, react_1.useRef)();
-    var handleMouseDown = function (event) {
+    const backdropClick = (0, _react.useRef)();
+    const handleMouseDown = (event)=>{
         // We don't want to close the dialog when clicking the dialog content.
         // Make sure the event starts and ends on the same DOM element.
         backdropClick.current = event.target === event.currentTarget;
     };
-    var handleBackdropClick = function (event) {
+    const handleBackdropClick = (event)=>{
         // Ignore the events not coming from the "backdrop".
         if (!backdropClick.current) {
             return;
@@ -70,14 +101,30 @@ var DialogWithRef = (0, react_1.forwardRef)(function Dialog(_a, ref) {
             onClose(event, "backdropClick");
         }
     };
-    return ((0, jsx_runtime_1.jsx)(exports.Root, tslib_1.__assign({ slots: { backdrop: exports.Backdrop }, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { children: (0, jsx_runtime_1.jsx)(exports.Container, { "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown, children: (0, jsx_runtime_1.jsxs)(exports.Paper, { "aria-label": title || "", "$scrollPaper": $scrollPaper, children: [title && (0, jsx_runtime_1.jsx)(exports.Header, { children: title }), (0, jsx_runtime_1.jsx)(exports.Close, { onClick: onClose, children: (0, jsx_runtime_1.jsx)(md_1.MdClear, {}) }), (0, jsx_runtime_1.jsx)(exports.Body, { children: children })] }) }) })));
-});
-exports.KoineDialog = (0, helpers_1.extendComponent)(DialogWithRef, {
-    Root: exports.Root,
-    Backdrop: exports.Backdrop,
-    Container: exports.Container,
-    Paper: exports.Paper,
-    Close: exports.Close,
-    Header: exports.Header,
-    Body: exports.Body,
+    return /*#__PURE__*/ _react.default.createElement(Root, {
+        slots: {
+            backdrop: Backdrop
+        },
+        onClick: handleBackdropClick,
+        onClose: onClose,
+        ref: ref,
+        ...props
+    }, /*#__PURE__*/ _react.default.createElement(Container, {
+        $scrollPaper: $scrollPaper,
+        onMouseDown: handleMouseDown
+    }, /*#__PURE__*/ _react.default.createElement(Paper, {
+        "aria-label": title || "",
+        $scrollPaper: $scrollPaper
+    }, title && /*#__PURE__*/ _react.default.createElement(Header, null, title), /*#__PURE__*/ _react.default.createElement(Close, {
+        onClick: onClose
+    }, /*#__PURE__*/ _react.default.createElement(_md.MdClear, null)), /*#__PURE__*/ _react.default.createElement(Body, null, children))));
 });
+const KoineDialog = (0, _helpers.extendComponent)(DialogWithRef, {
+    Root,
+    Backdrop,
+    Container,
+    Paper,
+    Close,
+    Header,
+    Body
+}); // export default Dialog;

package/Dialog/DialogMui.mjs

@@ -1,16 +1,14 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef } from "react";
 import ModalUnstyled from "@mui/base/Modal";
+import React, { forwardRef, useRef } from "react";
 import { MdClear as IconClose } from "react-icons/md";
 import { extendComponent } from "../helpers";
-export var Root = ModalUnstyled;
-export var Backdrop = "div";
-export var Container = "div";
-export var Paper = "div";
-export var Close = "button";
-export var Header = "div";
-export var Body = "div";
+export const Root = ModalUnstyled;
+export const Backdrop = "div";
+export const Container = "div";
+export const Paper = "div";
+export const Close = "button";
+export const Header = "div";
+export const Body = "div";
 // const Dialog = ({
 //   children,
 //   title,
@@ -45,18 +43,16 @@ export var Body = "div";
  * - Uses backdrop blur by default
  *
  * FIXME: it actually works even without forwardRef, check if we do need it
- */
-var DialogWithRef = forwardRef(function Dialog(_a, ref) {
-    var children = _a.children, title = _a.title, $scrollPaper = _a.$scrollPaper, _Root = _a.Root, _Backdrop = _a.Backdrop, _Container = _a.Container, _Paper = _a.Paper, _Close = _a.Close, _Header = _a.Header, _Body = _a.Body, onClose = _a.onClose, props = __rest(_a, ["children", "title", "$scrollPaper", "Root", "Backdrop", "Container", "Paper", "Close", "Header", "Body", "onClose"]);
+ */ const DialogWithRef = /*#__PURE__*/ forwardRef(function Dialog({ children, title, $scrollPaper, Root: _Root, Backdrop: _Backdrop, Container: _Container, Paper: _Paper, Close: _Close, Header: _Header, Body: _Body, onClose, ...props }, ref) {
     // click handling is taken from
     // @see https://github.com/mui/material-ui/blob/c758b6c0b30f0831110458a746690b33147c45df/packages/mui-material/src/Dialog/Dialog.js#L205-L226
-    var backdropClick = useRef();
-    var handleMouseDown = function (event) {
+    const backdropClick = useRef();
+    const handleMouseDown = (event)=>{
         // We don't want to close the dialog when clicking the dialog content.
         // Make sure the event starts and ends on the same DOM element.
         backdropClick.current = event.target === event.currentTarget;
     };
-    var handleBackdropClick = function (event) {
+    const handleBackdropClick = (event)=>{
         // Ignore the events not coming from the "backdrop".
         if (!backdropClick.current) {
             return;
@@ -67,14 +63,30 @@ var DialogWithRef = forwardRef(function Dialog(_a, ref) {
             onClose(event, "backdropClick");
         }
     };
-    return (_jsx(Root, __assign({ slots: { backdrop: Backdrop }, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { children: _jsx(Container, { "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown, children: _jsxs(Paper, { "aria-label": title || "", "$scrollPaper": $scrollPaper, children: [title && _jsx(Header, { children: title }), _jsx(Close, { onClick: onClose, children: _jsx(IconClose, {}) }), _jsx(Body, { children: children })] }) }) })));
-});
-export var KoineDialog = extendComponent(DialogWithRef, {
-    Root: Root,
-    Backdrop: Backdrop,
-    Container: Container,
-    Paper: Paper,
-    Close: Close,
-    Header: Header,
-    Body: Body,
+    return /*#__PURE__*/ React.createElement(Root, {
+        slots: {
+            backdrop: Backdrop
+        },
+        onClick: handleBackdropClick,
+        onClose: onClose,
+        ref: ref,
+        ...props
+    }, /*#__PURE__*/ React.createElement(Container, {
+        $scrollPaper: $scrollPaper,
+        onMouseDown: handleMouseDown
+    }, /*#__PURE__*/ React.createElement(Paper, {
+        "aria-label": title || "",
+        $scrollPaper: $scrollPaper
+    }, title && /*#__PURE__*/ React.createElement(Header, null, title), /*#__PURE__*/ React.createElement(Close, {
+        onClick: onClose
+    }, /*#__PURE__*/ React.createElement(IconClose, null)), /*#__PURE__*/ React.createElement(Body, null, children))));
 });
+export const KoineDialog = extendComponent(DialogWithRef, {
+    Root,
+    Backdrop,
+    Container,
+    Paper,
+    Close,
+    Header,
+    Body
+}); // export default Dialog;

package/Dialog/DialogMui.stories.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    default: function() {
+        return _default;
+    },
+    Bare: function() {
+        return Bare;
+    }
+});
+const _stories = require("@koine/stories");
+const _DialogMui = require("./DialogMui");
+const _default = {
+    component: _DialogMui.KoineDialog,
+    title: "Base/Dialog"
+};
+const BareTemplate = (args)=>{
+    // return <StoryDialog {...args} Dialog={KoineDialog} />;
+    return /*#__PURE__*/ React.createElement(_stories.StoryDialog, {
+        ...args,
+        Dialog: _DialogMui.KoineDialog
+    });
+// return <div><Dialog {...args} /></div>;
+};
+const Bare = BareTemplate.bind({});
+Bare.args = {
+    title: "Dialog title",
+    children: _stories.LoremIpsum
+};

package/Dialog/DialogMui.stories.mjs

@@ -0,0 +1,19 @@
+import { LoremIpsum, StoryDialog } from "@koine/stories";
+import { KoineDialog } from "./DialogMui";
+export default {
+    component: KoineDialog,
+    title: "Base/Dialog"
+};
+const BareTemplate = (args)=>{
+    // return <StoryDialog {...args} Dialog={KoineDialog} />;
+    return /*#__PURE__*/ React.createElement(StoryDialog, {
+        ...args,
+        Dialog: KoineDialog
+    });
+// return <div><Dialog {...args} /></div>;
+};
+export const Bare = BareTemplate.bind({});
+Bare.args = {
+    title: "Dialog title",
+    children: LoremIpsum
+};

package/Dialog/css/bare.d.ts

@@ -48,11 +48,11 @@ export declare const Body: import("react").ForwardRefExoticComponent<Omit<{
 export declare const KoineDialog: ((props: Omit<{
     key?: import("react").Key | null | undefined;
     id?: string | undefined;
-    title?: string | undefined;
-    color?: string | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    title?: string | undefined;
+    color?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -95,7 +95,7 @@ export declare const KoineDialog: ((props: Omit<{
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -109,12 +109,12 @@ export declare const KoineDialog: ((props: Omit<{
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "location" | "time" | "true" | "false" | "page" | "step" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "location" | "true" | "false" | "page" | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;

package/Dialog/css/bare.js

@@ -1,24 +1,55 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KoineDialog = exports.Body = exports.Header = exports.Close = exports.Paper = exports.Container = exports.Backdrop = exports.Root = void 0;
-var tslib_1 = require("tslib");
-var helpers_1 = require("../../helpers");
-var _ = tslib_1.__importStar(require("../DialogMui"));
-// export type { KoineDialogProps } from "../DialogMui";
-exports.Root = (0, helpers_1.classed)(_.Root)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["dialog"], ["dialog"])));
-exports.Backdrop = (0, helpers_1.classed)(_.Backdrop)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["dialogBackdrop"], ["dialogBackdrop"])));
-exports.Container = (0, helpers_1.classed)(_.Container)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["dialogContainer"], ["dialogContainer"])));
-exports.Paper = (0, helpers_1.classed)(_.Paper)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["dialogPaper"], ["dialogPaper"])));
-exports.Close = (0, helpers_1.classed)(_.Close)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\"dialogClose"], ["\"dialogClose"])));
-exports.Header = (0, helpers_1.classed)(_.Header)(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["dialogHeader"], ["dialogHeader"])));
-exports.Body = (0, helpers_1.classed)(_.Body)(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["dialogBody"], ["dialogBody"])));
-exports.KoineDialog = (0, helpers_1.extendComponent)(_.KoineDialog, {
-    Root: exports.Root,
-    Backdrop: exports.Backdrop,
-    Container: exports.Container,
-    Paper: exports.Paper,
-    Close: exports.Close,
-    Header: exports.Header,
-    Body: exports.Body,
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Root: function() {
+        return Root;
+    },
+    Backdrop: function() {
+        return Backdrop;
+    },
+    Container: function() {
+        return Container;
+    },
+    Paper: function() {
+        return Paper;
+    },
+    Close: function() {
+        return Close;
+    },
+    Header: function() {
+        return Header;
+    },
+    Body: function() {
+        return Body;
+    },
+    KoineDialog: function() {
+        return KoineDialog;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _helpers = require("../../helpers");
+const _DialogMui = /*#__PURE__*/ _interop_require_wildcard._(require("../DialogMui"));
+const Root = (0, _helpers.classed)(_DialogMui.Root)`dialog`;
+const Backdrop = (0, _helpers.classed)(_DialogMui.Backdrop)`dialogBackdrop`;
+const Container = (0, _helpers.classed)(_DialogMui.Container)`dialogContainer`;
+const Paper = (0, _helpers.classed)(_DialogMui.Paper)`dialogPaper`;
+const Close = (0, _helpers.classed)(_DialogMui.Close)`"dialogClose`;
+const Header = (0, _helpers.classed)(_DialogMui.Header)`dialogHeader`;
+const Body = (0, _helpers.classed)(_DialogMui.Body)`dialogBody`;
+const KoineDialog = (0, _helpers.extendComponent)(_DialogMui.KoineDialog, {
+    Root,
+    Backdrop,
+    Container,
+    Paper,
+    Close,
+    Header,
+    Body
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;