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

package/Dialog/sc/material.js

@@ -1,24 +1,78 @@
 "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 styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-var helpers_1 = require("../../helpers");
-var bare_1 = require("./bare");
-exports.Root = (0, styled_components_1.default)(bare_1.KoineDialog.Root)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
-exports.Backdrop = (0, styled_components_1.default)(bare_1.KoineDialog.Backdrop)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  background: rgba(0, 0, 0, 0.5);\n  filter: backdrop-blur(4px);\n"], ["\n  background: rgba(0, 0, 0, 0.5);\n  filter: backdrop-blur(4px);\n"])));
-exports.Container = (0, styled_components_1.default)(bare_1.KoineDialog.Container)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject([""], [""])));
-exports.Paper = (0, styled_components_1.default)(bare_1.KoineDialog.Paper)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  max-width: 640px;\n  margin: 64px;\n  border-radius: 4px;\n  background: white;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n"], ["\n  max-width: 640px;\n  margin: 64px;\n  border-radius: 4px;\n  background: white;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n"])));
-exports.Close = (0, styled_components_1.default)(bare_1.KoineDialog.Close)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 8px;\n  font-size: 2rem;\n  opacity: 0.5;\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 8px;\n  font-size: 2rem;\n  opacity: 0.5;\n"])));
-exports.Header = (0, styled_components_1.default)(bare_1.KoineDialog.Header)(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n  padding: 16px;\n  font-size: 1.25rem;\n"], ["\n  padding: 16px;\n  font-size: 1.25rem;\n"])));
-exports.Body = (0, styled_components_1.default)(bare_1.KoineDialog.Body)(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n  padding: 16px;\n  border-top: 1px solid rgba(0, 0, 0, 0.08);\n"], ["\n  padding: 16px;\n  border-top: 1px solid rgba(0, 0, 0, 0.08);\n"])));
-exports.KoineDialog = (0, helpers_1.extendComponent)(bare_1.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_default = require("@swc/helpers/_/_interop_require_default");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
+const _helpers = require("../../helpers");
+const _bare = require("./bare");
+const Root = (0, _styledcomponents.default)(_bare.KoineDialog.Root)``;
+const Backdrop = (0, _styledcomponents.default)(_bare.KoineDialog.Backdrop)`
+  background: rgba(0, 0, 0, 0.5);
+  filter: backdrop-blur(4px);
+`;
+const Container = (0, _styledcomponents.default)(_bare.KoineDialog.Container)``;
+const Paper = (0, _styledcomponents.default)(_bare.KoineDialog.Paper)`
+  max-width: 640px;
+  margin: 64px;
+  border-radius: 4px;
+  background: white;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+`;
+const Close = (0, _styledcomponents.default)(_bare.KoineDialog.Close)`
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 8px;
+  font-size: 2rem;
+  opacity: 0.5;
+`;
+const Header = (0, _styledcomponents.default)(_bare.KoineDialog.Header)`
+  padding: 16px;
+  font-size: 1.25rem;
+`;
+const Body = (0, _styledcomponents.default)(_bare.KoineDialog.Body)`
+  padding: 16px;
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
+`;
+const KoineDialog = (0, _helpers.extendComponent)(_bare.KoineDialog, {
+    Root,
+    Backdrop,
+    Container,
+    Paper,
+    Close,
+    Header,
+    Body
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/Dialog/sc/material.mjs

@@ -1,21 +1,41 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
 import { extendComponent } from "../../helpers";
 import { KoineDialog as _ } from "./bare";
-export var Root = styled(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-export var Backdrop = styled(_.Backdrop)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: rgba(0, 0, 0, 0.5);\n  filter: backdrop-blur(4px);\n"], ["\n  background: rgba(0, 0, 0, 0.5);\n  filter: backdrop-blur(4px);\n"])));
-export var Container = styled(_.Container)(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
-export var Paper = styled(_.Paper)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  max-width: 640px;\n  margin: 64px;\n  border-radius: 4px;\n  background: white;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n"], ["\n  max-width: 640px;\n  margin: 64px;\n  border-radius: 4px;\n  background: white;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n"])));
-export var Close = styled(_.Close)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 8px;\n  font-size: 2rem;\n  opacity: 0.5;\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 8px;\n  font-size: 2rem;\n  opacity: 0.5;\n"])));
-export var Header = styled(_.Header)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  padding: 16px;\n  font-size: 1.25rem;\n"], ["\n  padding: 16px;\n  font-size: 1.25rem;\n"])));
-export var Body = styled(_.Body)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  padding: 16px;\n  border-top: 1px solid rgba(0, 0, 0, 0.08);\n"], ["\n  padding: 16px;\n  border-top: 1px solid rgba(0, 0, 0, 0.08);\n"])));
-export var KoineDialog = extendComponent(_, {
-    Root: Root,
-    Backdrop: Backdrop,
-    Container: Container,
-    Paper: Paper,
-    Close: Close,
-    Header: Header,
-    Body: Body,
+export const Root = styled(_.Root)``;
+export const Backdrop = styled(_.Backdrop)`
+  background: rgba(0, 0, 0, 0.5);
+  filter: backdrop-blur(4px);
+`;
+export const Container = styled(_.Container)``;
+export const Paper = styled(_.Paper)`
+  max-width: 640px;
+  margin: 64px;
+  border-radius: 4px;
+  background: white;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+`;
+export const Close = styled(_.Close)`
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 8px;
+  font-size: 2rem;
+  opacity: 0.5;
+`;
+export const Header = styled(_.Header)`
+  padding: 16px;
+  font-size: 1.25rem;
+`;
+export const Body = styled(_.Body)`
+  padding: 16px;
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
+`;
+export const KoineDialog = extendComponent(_, {
+    Root,
+    Backdrop,
+    Container,
+    Paper,
+    Close,
+    Header,
+    Body
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/Dialog/tw/bare.d.ts

@@ -75,11 +75,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;
@@ -122,7 +122,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;
@@ -136,12 +136,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/tw/bare.js

@@ -1,45 +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"));
-exports.Root = (0, helpers_1.classed)(_.Root)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["< class=\"dialog fixed z-[1300] inset-0"], ["< class=\"dialog fixed z-[1300] inset-0"])));
-exports.Backdrop = (0, helpers_1.classed)(_.Backdrop)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["< class=\"dialogBackdrop fixed -z-[1] inset-0 [-webkit-tap-highlight-color:transparent]"], ["< class=\"dialogBackdrop fixed -z-[1] inset-0 [-webkit-tap-highlight-color:transparent]"])));
-/**
- * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L64-L85
- */
-exports.Container = (0, helpers_1.classed)(_.Container)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["< class=\"dialogContainer h-full outline-0 ", ""], ["< class=\"dialogContainer h-full outline-0 ", ""])), function (p) {
-    return p.$scrollPaper
-        ? "flex justify-center items-center"
-        : "overflow-y-auto overflow-x-hidden text-center [after:content:''] after:inline-block after:align-middle after:h-full after:w-0";
+Object.defineProperty(exports, "__esModule", {
+    value: true
 });
-/**
- * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L104-L157
- */
-exports.Paper = (0, helpers_1.classed)(_.Paper)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["< class=\"dialogPaper relative ", ""], ["< class=\"dialogPaper relative ", ""])), function (p) {
-    return p.$scrollPaper
-        ? "flex flex-col max-h-[calc(100%-64px)]"
-        : "inline-block align-middle [text-align:initial]";
+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;
+    }
 });
-exports.Close = (0, helpers_1.classed)(_.Close)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["< class=\"dialogClose"], ["< class=\"dialogClose"])));
-exports.Header = (0, helpers_1.classed)(_.Header)(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["< class=\"dialogHeader"], ["< class=\"dialogHeader"])));
-/**
- * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/DialogContent/DialogContent.js#L29-L44
- * The arbitrary rule webkit-overflow-scrolling is to add iOS momentum scrolling for iOS < 13.0,
- * this was removed from tailiwnd 2.0 on
- *
- * @see https://github.com/tailwindlabs/tailwindcss.com/issues/483
- * @see https://v2.tailwindcss.com/docs/upgrading-to-v2#the-scrolling-touch-and-scrolling-auto-utilities-have-been-removed
- */
-exports.Body = (0, helpers_1.classed)(_.Body)(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["< class=\"dialogBody flex-1 basis-auto overflow-y-auto [-webkit-overflow-scrolling:touch]"], ["< class=\"dialogBody flex-1 basis-auto overflow-y-auto [-webkit-overflow-scrolling:touch]"])));
-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,
+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)`< class="dialog fixed z-[1300] inset-0`;
+const Backdrop = (0, _helpers.classed)(_DialogMui.Backdrop)`< class="dialogBackdrop fixed -z-[1] inset-0 [-webkit-tap-highlight-color:transparent]`;
+const Container = (0, _helpers.classed)(_DialogMui.Container)`< class="dialogContainer h-full outline-0 ${(p)=>p.$scrollPaper ? "flex justify-center items-center" : "overflow-y-auto overflow-x-hidden text-center [after:content:''] after:inline-block after:align-middle after:h-full after:w-0"}`;
+const Paper = (0, _helpers.classed)(_DialogMui.Paper)`< class="dialogPaper relative ${(p)=>p.$scrollPaper ? "flex flex-col max-h-[calc(100%-64px)]" : "inline-block align-middle [text-align:initial]"}`;
+const Close = (0, _helpers.classed)(_DialogMui.Close)`< class="dialogClose`;
+const Header = (0, _helpers.classed)(_DialogMui.Header)`< class="dialogHeader`;
+const Body = (0, _helpers.classed)(_DialogMui.Body)`< class="dialogBody flex-1 basis-auto overflow-y-auto [-webkit-overflow-scrolling:touch]`;
+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;

package/Dialog/tw/bare.mjs

@@ -1,26 +1,15 @@
-import { __makeTemplateObject } from "tslib";
 import { classed, extendComponent } from "../../helpers";
 import * as _ from "../DialogMui";
-export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["< class=\"dialog fixed z-[1300] inset-0"], ["< class=\"dialog fixed z-[1300] inset-0"])));
-export var Backdrop = classed(_.Backdrop)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["< class=\"dialogBackdrop fixed -z-[1] inset-0 [-webkit-tap-highlight-color:transparent]"], ["< class=\"dialogBackdrop fixed -z-[1] inset-0 [-webkit-tap-highlight-color:transparent]"])));
+export const Root = classed(_.Root)`< class="dialog fixed z-[1300] inset-0`;
+export const Backdrop = classed(_.Backdrop)`< class="dialogBackdrop fixed -z-[1] inset-0 [-webkit-tap-highlight-color:transparent]`;
 /**
  * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L64-L85
- */
-export var Container = classed(_.Container)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["< class=\"dialogContainer h-full outline-0 ", ""], ["< class=\"dialogContainer h-full outline-0 ", ""])), function (p) {
-    return p.$scrollPaper
-        ? "flex justify-center items-center"
-        : "overflow-y-auto overflow-x-hidden text-center [after:content:''] after:inline-block after:align-middle after:h-full after:w-0";
-});
+ */ export const Container = classed(_.Container)`< class="dialogContainer h-full outline-0 ${(p)=>p.$scrollPaper ? "flex justify-center items-center" : "overflow-y-auto overflow-x-hidden text-center [after:content:''] after:inline-block after:align-middle after:h-full after:w-0"}`;
 /**
  * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Dialog/Dialog.js#L104-L157
- */
-export var Paper = classed(_.Paper)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["< class=\"dialogPaper relative ", ""], ["< class=\"dialogPaper relative ", ""])), function (p) {
-    return p.$scrollPaper
-        ? "flex flex-col max-h-[calc(100%-64px)]"
-        : "inline-block align-middle [text-align:initial]";
-});
-export var Close = classed(_.Close)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["< class=\"dialogClose"], ["< class=\"dialogClose"])));
-export var Header = classed(_.Header)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["< class=\"dialogHeader"], ["< class=\"dialogHeader"])));
+ */ export const Paper = classed(_.Paper)`< class="dialogPaper relative ${(p)=>p.$scrollPaper ? "flex flex-col max-h-[calc(100%-64px)]" : "inline-block align-middle [text-align:initial]"}`;
+export const Close = classed(_.Close)`< class="dialogClose`;
+export const Header = classed(_.Header)`< class="dialogHeader`;
 /**
  * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/DialogContent/DialogContent.js#L29-L44
  * The arbitrary rule webkit-overflow-scrolling is to add iOS momentum scrolling for iOS < 13.0,
@@ -28,15 +17,13 @@ export var Header = classed(_.Header)(templateObject_6 || (templateObject_6 = __
  *
  * @see https://github.com/tailwindlabs/tailwindcss.com/issues/483
  * @see https://v2.tailwindcss.com/docs/upgrading-to-v2#the-scrolling-touch-and-scrolling-auto-utilities-have-been-removed
- */
-export var Body = classed(_.Body)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["< class=\"dialogBody flex-1 basis-auto overflow-y-auto [-webkit-overflow-scrolling:touch]"], ["< class=\"dialogBody flex-1 basis-auto overflow-y-auto [-webkit-overflow-scrolling:touch]"])));
-export var KoineDialog = extendComponent(_.KoineDialog, {
-    Root: Root,
-    Backdrop: Backdrop,
-    Container: Container,
-    Paper: Paper,
-    Close: Close,
-    Header: Header,
-    Body: Body,
+ */ export const Body = classed(_.Body)`< class="dialogBody flex-1 basis-auto overflow-y-auto [-webkit-overflow-scrolling:touch]`;
+export const KoineDialog = extendComponent(_.KoineDialog, {
+    Root,
+    Backdrop,
+    Container,
+    Paper,
+    Close,
+    Header,
+    Body
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/Dialog/tw/elegant.d.ts

@@ -81,11 +81,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;
@@ -128,7 +128,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;
@@ -142,12 +142,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/tw/elegant.js

@@ -1,23 +1,54 @@
 "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 bare_1 = require("./bare");
-exports.Root = (0, helpers_1.classed)(bare_1.KoineDialog.Root)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
-exports.Backdrop = (0, helpers_1.classed)(bare_1.KoineDialog.Backdrop)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["< class=\"bg-white/[.5] backdrop-blur-sm"], ["< class=\"bg-white/[.5] backdrop-blur-sm"])));
-exports.Container = (0, helpers_1.classed)(bare_1.KoineDialog.Container)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject([""], [""])));
-exports.Paper = (0, helpers_1.classed)(bare_1.KoineDialog.Paper)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["< class=\"bg-white shadow-xl m-8 max-w-screen-sm border border-gray-400"], ["< class=\"bg-white shadow-xl m-8 max-w-screen-sm border border-gray-400"])));
-exports.Close = (0, helpers_1.classed)(bare_1.KoineDialog.Close)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["< class=\"absolute top-0 right-0 p-8 text-2xl opacity-20 hover:opacity-100 focus:opacity-100"], ["< class=\"absolute top-0 right-0 p-8 text-2xl opacity-20 hover:opacity-100 focus:opacity-100"])));
-exports.Header = (0, helpers_1.classed)(bare_1.KoineDialog.Header)(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["< class=\"p-8 text-2xl bold italic"], ["< class=\"p-8 text-2xl bold italic"])));
-exports.Body = (0, helpers_1.classed)(bare_1.KoineDialog.Body)(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["< class=\"p-8 pt-4"], ["< class=\"p-8 pt-4"])));
-exports.KoineDialog = (0, helpers_1.extendComponent)(bare_1.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 _helpers = require("../../helpers");
+const _bare = require("./bare");
+const Root = (0, _helpers.classed)(_bare.KoineDialog.Root)``;
+const Backdrop = (0, _helpers.classed)(_bare.KoineDialog.Backdrop)`< class="bg-white/[.5] backdrop-blur-sm`;
+const Container = (0, _helpers.classed)(_bare.KoineDialog.Container)``;
+const Paper = (0, _helpers.classed)(_bare.KoineDialog.Paper)`< class="bg-white shadow-xl m-8 max-w-screen-sm border border-gray-400`;
+const Close = (0, _helpers.classed)(_bare.KoineDialog.Close)`< class="absolute top-0 right-0 p-8 text-2xl opacity-20 hover:opacity-100 focus:opacity-100`;
+const Header = (0, _helpers.classed)(_bare.KoineDialog.Header)`< class="p-8 text-2xl bold italic`;
+const Body = (0, _helpers.classed)(_bare.KoineDialog.Body)`< class="p-8 pt-4`;
+const KoineDialog = (0, _helpers.extendComponent)(_bare.KoineDialog, {
+    Root,
+    Backdrop,
+    Container,
+    Paper,
+    Close,
+    Header,
+    Body
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/Dialog/tw/elegant.mjs

@@ -1,20 +1,18 @@
-import { __makeTemplateObject } from "tslib";
 import { classed, extendComponent } from "../../helpers";
 import { KoineDialog as _ } from "./bare";
-export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-export var Backdrop = classed(_.Backdrop)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["< class=\"bg-white/[.5] backdrop-blur-sm"], ["< class=\"bg-white/[.5] backdrop-blur-sm"])));
-export var Container = classed(_.Container)(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
-export var Paper = classed(_.Paper)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["< class=\"bg-white shadow-xl m-8 max-w-screen-sm border border-gray-400"], ["< class=\"bg-white shadow-xl m-8 max-w-screen-sm border border-gray-400"])));
-export var Close = classed(_.Close)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["< class=\"absolute top-0 right-0 p-8 text-2xl opacity-20 hover:opacity-100 focus:opacity-100"], ["< class=\"absolute top-0 right-0 p-8 text-2xl opacity-20 hover:opacity-100 focus:opacity-100"])));
-export var Header = classed(_.Header)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["< class=\"p-8 text-2xl bold italic"], ["< class=\"p-8 text-2xl bold italic"])));
-export var Body = classed(_.Body)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["< class=\"p-8 pt-4"], ["< class=\"p-8 pt-4"])));
-export var KoineDialog = extendComponent(_, {
-    Root: Root,
-    Backdrop: Backdrop,
-    Container: Container,
-    Paper: Paper,
-    Close: Close,
-    Header: Header,
-    Body: Body,
+export const Root = classed(_.Root)``;
+export const Backdrop = classed(_.Backdrop)`< class="bg-white/[.5] backdrop-blur-sm`;
+export const Container = classed(_.Container)``;
+export const Paper = classed(_.Paper)`< class="bg-white shadow-xl m-8 max-w-screen-sm border border-gray-400`;
+export const Close = classed(_.Close)`< class="absolute top-0 right-0 p-8 text-2xl opacity-20 hover:opacity-100 focus:opacity-100`;
+export const Header = classed(_.Header)`< class="p-8 text-2xl bold italic`;
+export const Body = classed(_.Body)`< class="p-8 pt-4`;
+export const KoineDialog = extendComponent(_, {
+    Root,
+    Backdrop,
+    Container,
+    Paper,
+    Close,
+    Header,
+    Body
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/Dialog/tw/framer.d.ts

@@ -4,11 +4,11 @@ export type { KoineDialogProps } from "../DialogMui";
 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;
@@ -51,7 +51,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;
@@ -65,12 +65,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/tw/framer.js

@@ -1,19 +1,26 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KoineDialog = void 0;
-var framer_motion_1 = require("framer-motion");
-var helpers_1 = require("../../helpers");
-var basic_1 = require("../m/basic");
-var bare_1 = require("../m/bare");
-var bare_2 = require("./bare");
-exports.KoineDialog = (0, helpers_1.extendComponent)(bare_1.KoineDialog, {
-    Root: bare_2.Root,
-    Backdrop: (0, framer_motion_1.m)(bare_2.Backdrop),
-    Container: bare_2.Container,
-    Paper: (0, framer_motion_1.m)(bare_2.Paper),
-    Close: bare_2.Close,
-    Header: bare_2.Header,
-    Body: bare_2.Body,
-    mBackdrop: basic_1.dialogBackdropMotion,
-    mPaper: basic_1.dialogPaperMotion,
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "KoineDialog", {
+    enumerable: true,
+    get: function() {
+        return KoineDialog;
+    }
+});
+const _framermotion = require("framer-motion");
+const _helpers = require("../../helpers");
+const _bare = require("../m/bare");
+const _basic = require("../m/basic");
+const _bare1 = require("./bare");
+const KoineDialog = (0, _helpers.extendComponent)(_bare.KoineDialog, {
+    Root: _bare1.Root,
+    Backdrop: (0, _framermotion.m)(_bare1.Backdrop),
+    Container: _bare1.Container,
+    Paper: (0, _framermotion.m)(_bare1.Paper),
+    Close: _bare1.Close,
+    Header: _bare1.Header,
+    Body: _bare1.Body,
+    mBackdrop: _basic.dialogBackdropMotion,
+    mPaper: _basic.dialogPaperMotion
 });

package/Dialog/tw/framer.mjs

@@ -1,16 +1,16 @@
 import { m } from "framer-motion";
 import { extendComponent } from "../../helpers";
-import { dialogBackdropMotion, dialogPaperMotion } from "../m/basic";
 import { KoineDialog as _ } from "../m/bare";
-import { Root, Backdrop, Container, Paper, Close, Header, Body } from "./bare";
-export var KoineDialog = extendComponent(_, {
-    Root: Root,
+import { dialogBackdropMotion, dialogPaperMotion } from "../m/basic";
+import { Backdrop, Body, Close, Container, Header, Paper, Root } from "./bare";
+export const KoineDialog = extendComponent(_, {
+    Root,
     Backdrop: m(Backdrop),
-    Container: Container,
+    Container,
     Paper: m(Paper),
-    Close: Close,
-    Header: Header,
-    Body: Body,
+    Close,
+    Header,
+    Body,
     mBackdrop: dialogBackdropMotion,
-    mPaper: dialogPaperMotion,
+    mPaper: dialogPaperMotion
 });