@plastic-js/tsumiki 0.1.5 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/components/Dialog.js +3 -6
  2. package/dist/components/Dialog.js.map +1 -1
  3. package/package.json +1 -1
package/dist/components/Dialog.js CHANGED
@@ -3,7 +3,7 @@ import Icon from "./Icon.js";
3
3
  import { Dialog } from "@plastic-js/ark";
4
4
  import { insert, jsx, mergeProps, setProp, template } from "@plastic-js/plastic/jsx-runtime";
5
5
  import { css } from "@emotion/css";
6
- import { splitProps } from "@plastic-js/plastic";
6
+ import { mergeProps as mergeProps$1, splitProps } from "@plastic-js/plastic";
7
7
  //#region src/components/Dialog.jsx
8
8
  var _tmpl4 = template("<button type=\"button\"></button>");
9
9
  var _tmpl3 = template("<div><!><!></div>");
@@ -14,7 +14,6 @@ var backdropClass = css({
14
14
  inset: 0,
15
15
  background: "rgba(0, 0, 0, 0.6)",
16
16
  backdropFilter: "blur(4px)",
17
- zIndex: 9998,
18
17
  "&[hidden]": { display: "none" }
19
18
  });
20
19
  var positionerClass = css({
@@ -23,7 +22,6 @@ var positionerClass = css({
23
22
  display: "flex",
24
23
  alignItems: "flex-end",
25
24
  justifyContent: "center",
26
- zIndex: 9999,
27
25
  "@media (min-width: 640px)": {
28
26
  alignItems: "center",
29
27
  padding: "24px"
@@ -126,8 +124,7 @@ var Root = (props = {}) => {
126
124
  "closeOnInteractOutside",
127
125
  "lazyMount"
128
126
  ]);
129
- return OriginalRoot({
130
- ...rest,
127
+ return OriginalRoot(mergeProps$1(rest, {
131
128
  closeOnInteractOutside: local.closeOnInteractOutside ?? false,
132
129
  lazyMount: local.lazyMount ?? true,
133
130
  onOpenChange: (open) => {
@@ -135,7 +132,7 @@ var Root = (props = {}) => {
135
132
  if (open) local.onOpen?.();
136
133
  else local.onClose?.();
137
134
  }
138
- });
135
+ }));
139
136
  };
140
137
  var Preset = (props) => {
141
138
  const [local, rootProps] = splitProps(props, [
package/dist/components/Dialog.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.js","names":["css","Dialog","splitProps","Portal","Icon","_tmpl4","_template","_tmpl3","_tmpl2","_tmpl","backdropClass","position","inset","background","backdropFilter","zIndex","display","positionerClass","alignItems","justifyContent","padding","contentClass","border","borderRadius","width","maxWidth","maxHeight","flexDirection","color","boxShadow","headClass","borderBottom","titleWrapClass","gap","minWidth","titleIconClass","flexShrink","titleClass","fontSize","fontWeight","margin","closeBtnClass","height","lineHeight","cursor","bodyClass","overflowY","footClass","borderTop","btnClass","flex","fontFamily","borderColor","btnPrimaryClass","filter","opacity","OriginalRoot","Root","props","local","rest","closeOnInteractOutside","lazyMount","onOpenChange","open","onOpen","onClose","Preset","rootProps","_jsx","_mergeProps","children","Backdrop","className","Positioner","Content","_el0","cloneNode","_el1","firstChild","_el2","_el3","nextSibling","_el4","_insert","icon","size","svg","Title","title","_setProp","CloseTrigger","hidden","cancelText","confirmText","type","loading","onConfirm","Object","assign"],"sources":["../../src/components/Dialog.jsx"],"sourcesContent":["import { css } from '@emotion/css'\nimport { Dialog } from '@plastic-js/ark'\nimport { splitProps } from '@plastic-js/plastic'\nimport Portal from './Portal.jsx'\nimport Icon from './Icon.jsx'\n\nconst backdropClass = css({\n\tposition: 'fixed',\n\tinset: 0,\n\tbackground: 'rgba(0, 0, 0, 0.6)',\n\tbackdropFilter: 'blur(4px)',\n\tzIndex: 9998,\n\t'&[hidden]': { display: 'none' },\n})\n\nconst positionerClass = css({\n\tposition: 'fixed',\n\tinset: 0,\n\tdisplay: 'flex',\n\talignItems: 'flex-end',\n\tjustifyContent: 'center',\n\tzIndex: 9999,\n\t'@media (min-width: 640px)': {\n\t\talignItems: 'center',\n\t\tpadding: '24px',\n\t},\n})\n\nconst contentClass = css({\n\tbackground: 'var(--surface)',\n\tborder: '1px solid var(--border)',\n\tborderRadius: '20px 20px 0 0',\n\twidth: '100%',\n\tmaxWidth: '480px',\n\tmaxHeight: '92vh',\n\tdisplay: 'flex',\n\tflexDirection: 'column',\n\tcolor: 'var(--ink)',\n\tboxShadow: '0 -8px 32px rgba(0,0,0,0.4)',\n\t'&[hidden]': { display: 'none' },\n\t'@media (min-width: 640px)': {\n\t\tborderRadius: '20px',\n\t},\n})\n\nconst headClass = css({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'space-between',\n\tpadding: '18px 20px',\n\tborderBottom: '1px solid var(--border)',\n})\n\nconst titleWrapClass = css({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tgap: '10px',\n\tminWidth: 0,\n})\n\nconst titleIconClass = css({\n\tflexShrink: 0,\n\tcolor: 'var(--accent)',\n})\n\nconst titleClass = css({\n\tfontSize: '18px',\n\tfontWeight: 700,\n\tmargin: 0,\n})\n\nconst closeBtnClass = css({\n\twidth: '32px',\n\theight: '32px',\n\tborderRadius: '50%',\n\tbackground: 'transparent',\n\tborder: 'none',\n\tcolor: 'var(--muted)',\n\tfontSize: '22px',\n\tlineHeight: 1,\n\tcursor: 'pointer',\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'center',\n\t'&:hover': { background: 'rgba(255,255,255,0.06)', color: 'var(--ink)' },\n\t'&[hidden]': { display: 'none' },\n})\n\nconst bodyClass = css({\n\tpadding: '20px',\n\toverflowY: 'auto',\n})\n\nconst footClass = css({\n\tdisplay: 'flex',\n\tgap: '10px',\n\tpadding: '14px 20px 20px',\n\tborderTop: '1px solid var(--border)',\n})\n\nconst btnClass = css({\n\tflex: 1,\n\theight: '46px',\n\tborderRadius: '10px',\n\tborder: '1px solid var(--border)',\n\tbackground: 'transparent',\n\tcolor: 'var(--ink)',\n\tfontSize: '15px',\n\tfontWeight: 600,\n\tfontFamily: 'inherit',\n\tcursor: 'pointer',\n\t'&:hover': { borderColor: 'rgba(255,255,255,0.2)' },\n})\n\nconst btnPrimaryClass = css({\n\tbackground: 'var(--accent)',\n\tborderColor: 'var(--accent)',\n\tcolor: '#fff',\n\t'&:hover': { filter: 'brightness(1.08)' },\n\t'&:disabled': { opacity: 0.5, cursor: 'not-allowed' },\n})\n\nconst OriginalRoot = Dialog.Root\n\nconst Root = (props = {})=> {\n\tconst [local, rest] = splitProps(props, ['onOpen', 'onClose', 'onOpenChange', 'closeOnInteractOutside', 'lazyMount'])\n\treturn OriginalRoot({\n\t\t...rest,\n\t\tcloseOnInteractOutside: local.closeOnInteractOutside ?? false,\n\t\t// Defer rendering the dialog body until it is first opened, then keep it\n\t\t// mounted. ark's Positioner gates its subtree on this via presence strategy.\n\t\tlazyMount: local.lazyMount ?? true,\n\t\tonOpenChange: (open)=> {\n\t\t\tlocal.onOpenChange?.(open)\n\t\t\tif (open){ local.onOpen?.() } else { local.onClose?.() }\n\t\t},\n\t})\n}\n\nconst Preset = (props)=> {\n\tconst [local, rootProps] = splitProps(props, ['title', 'icon', 'cancelText', 'confirmText', 'onConfirm', 'loading', 'children'])\n\treturn (\n\t\t<Root {...rootProps}>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop className={backdropClass} />\n\t\t\t\t<Dialog.Positioner className={positionerClass}>\n\t\t\t\t\t<Dialog.Content className={contentClass}>\n\t\t\t\t\t\t<div className={headClass}>\n\t\t\t\t\t\t\t<div className={titleWrapClass}>\n\t\t\t\t\t\t\t\t{local.icon && <Icon className={titleIconClass} size={20} svg={local.icon} />}\n\t\t\t\t\t\t\t\t<Dialog.Title className={titleClass}>\n\t\t\t\t\t\t\t\t\t{local.title}\n\t\t\t\t\t\t\t\t</Dialog.Title>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Dialog.CloseTrigger aria-label='Close' className={closeBtnClass} hidden>×</Dialog.CloseTrigger>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className={bodyClass}>\n\t\t\t\t\t\t\t{local.children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{((local.cancelText ?? 'Cancel') || (local.confirmText ?? 'Confirm')) && (\n\t\t\t\t\t\t\t<div className={footClass}>\n\t\t\t\t\t\t\t\t<Dialog.CloseTrigger className={btnClass} type='button'>\n\t\t\t\t\t\t\t\t\t{local.cancelText ?? 'Cancel'}\n\t\t\t\t\t\t\t\t</Dialog.CloseTrigger>\n\t\t\t\t\t\t\t\t{(local.confirmText ?? 'Confirm') && (\n\t\t\t\t\t\t\t\t\t<button className={`${btnClass} ${btnPrimaryClass}`} disabled={local.loading?.()} onClick={local.onConfirm} type='button'>\n\t\t\t\t\t\t\t\t\t\t{local.loading?.() ? 'Loading…' : local.confirmText ?? 'Confirm'}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Portal>\n\t\t</Root>\n\t)\n}\n\nexport default Object.assign(Root, {\n\t...Dialog, OriginalRoot: Root, Root: Preset,\n})\n"],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.js","names":["css","Dialog","mergeProps","splitProps","Portal","Icon","_tmpl4","_template","_tmpl3","_tmpl2","_tmpl","backdropClass","position","inset","background","backdropFilter","display","positionerClass","alignItems","justifyContent","padding","contentClass","border","borderRadius","width","maxWidth","maxHeight","flexDirection","color","boxShadow","headClass","borderBottom","titleWrapClass","gap","minWidth","titleIconClass","flexShrink","titleClass","fontSize","fontWeight","margin","closeBtnClass","height","lineHeight","cursor","bodyClass","overflowY","footClass","borderTop","btnClass","flex","fontFamily","borderColor","btnPrimaryClass","filter","opacity","OriginalRoot","Root","props","local","rest","closeOnInteractOutside","lazyMount","onOpenChange","open","onOpen","onClose","Preset","rootProps","_jsx","_mergeProps","children","Backdrop","className","Positioner","Content","_el0","cloneNode","_el1","firstChild","_el2","_el3","nextSibling","_el4","_insert","icon","size","svg","Title","title","_setProp","CloseTrigger","hidden","cancelText","confirmText","type","loading","onConfirm","Object","assign"],"sources":["../../src/components/Dialog.jsx"],"sourcesContent":["import { css } from '@emotion/css'\nimport { Dialog } from '@plastic-js/ark'\nimport { mergeProps, splitProps } from '@plastic-js/plastic'\nimport Portal from './Portal.jsx'\nimport Icon from './Icon.jsx'\n\nconst backdropClass = css({\n\tposition: 'fixed',\n\tinset: 0,\n\tbackground: 'rgba(0, 0, 0, 0.6)',\n\tbackdropFilter: 'blur(4px)',\n\t'&[hidden]': { display: 'none' },\n})\n\nconst positionerClass = css({\n\tposition: 'fixed',\n\tinset: 0,\n\tdisplay: 'flex',\n\talignItems: 'flex-end',\n\tjustifyContent: 'center',\n\t'@media (min-width: 640px)': {\n\t\talignItems: 'center',\n\t\tpadding: '24px',\n\t},\n})\n\nconst contentClass = css({\n\tbackground: 'var(--surface)',\n\tborder: '1px solid var(--border)',\n\tborderRadius: '20px 20px 0 0',\n\twidth: '100%',\n\tmaxWidth: '480px',\n\tmaxHeight: '92vh',\n\tdisplay: 'flex',\n\tflexDirection: 'column',\n\tcolor: 'var(--ink)',\n\tboxShadow: '0 -8px 32px rgba(0,0,0,0.4)',\n\t'&[hidden]': { display: 'none' },\n\t'@media (min-width: 640px)': {\n\t\tborderRadius: '20px',\n\t},\n})\n\nconst headClass = css({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'space-between',\n\tpadding: '18px 20px',\n\tborderBottom: '1px solid var(--border)',\n})\n\nconst titleWrapClass = css({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tgap: '10px',\n\tminWidth: 0,\n})\n\nconst titleIconClass = css({\n\tflexShrink: 0,\n\tcolor: 'var(--accent)',\n})\n\nconst titleClass = css({\n\tfontSize: '18px',\n\tfontWeight: 700,\n\tmargin: 0,\n})\n\nconst closeBtnClass = css({\n\twidth: '32px',\n\theight: '32px',\n\tborderRadius: '50%',\n\tbackground: 'transparent',\n\tborder: 'none',\n\tcolor: 'var(--muted)',\n\tfontSize: '22px',\n\tlineHeight: 1,\n\tcursor: 'pointer',\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'center',\n\t'&:hover': { background: 'rgba(255,255,255,0.06)', color: 'var(--ink)' },\n\t'&[hidden]': { display: 'none' },\n})\n\nconst bodyClass = css({\n\tpadding: '20px',\n\toverflowY: 'auto',\n})\n\nconst footClass = css({\n\tdisplay: 'flex',\n\tgap: '10px',\n\tpadding: '14px 20px 20px',\n\tborderTop: '1px solid var(--border)',\n})\n\nconst btnClass = css({\n\tflex: 1,\n\theight: '46px',\n\tborderRadius: '10px',\n\tborder: '1px solid var(--border)',\n\tbackground: 'transparent',\n\tcolor: 'var(--ink)',\n\tfontSize: '15px',\n\tfontWeight: 600,\n\tfontFamily: 'inherit',\n\tcursor: 'pointer',\n\t'&:hover': { borderColor: 'rgba(255,255,255,0.2)' },\n})\n\nconst btnPrimaryClass = css({\n\tbackground: 'var(--accent)',\n\tborderColor: 'var(--accent)',\n\tcolor: '#fff',\n\t'&:hover': { filter: 'brightness(1.08)' },\n\t'&:disabled': { opacity: 0.5, cursor: 'not-allowed' },\n})\n\nconst OriginalRoot = Dialog.Root\n\nconst Root = (props = {})=> {\n\tconst [local, rest] = splitProps(props, ['onOpen', 'onClose', 'onOpenChange', 'closeOnInteractOutside', 'lazyMount'])\n\treturn OriginalRoot(mergeProps(rest, {\n\t\tcloseOnInteractOutside: local.closeOnInteractOutside ?? false,\n\t\t// Defer rendering the dialog body until it is first opened, then keep it\n\t\t// mounted. ark's Positioner gates its subtree on this via presence strategy.\n\t\tlazyMount: local.lazyMount ?? true,\n\t\tonOpenChange: (open)=> {\n\t\t\tlocal.onOpenChange?.(open)\n\t\t\tif (open){ local.onOpen?.() } else { local.onClose?.() }\n\t\t},\n\t}))\n}\n\nconst Preset = (props)=> {\n\tconst [local, rootProps] = splitProps(props, ['title', 'icon', 'cancelText', 'confirmText', 'onConfirm', 'loading', 'children'])\n\treturn (\n\t\t<Root {...rootProps}>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop className={backdropClass} />\n\t\t\t\t<Dialog.Positioner className={positionerClass}>\n\t\t\t\t\t<Dialog.Content className={contentClass}>\n\t\t\t\t\t\t<div className={headClass}>\n\t\t\t\t\t\t\t<div className={titleWrapClass}>\n\t\t\t\t\t\t\t\t{local.icon && <Icon className={titleIconClass} size={20} svg={local.icon} />}\n\t\t\t\t\t\t\t\t<Dialog.Title className={titleClass}>\n\t\t\t\t\t\t\t\t\t{local.title}\n\t\t\t\t\t\t\t\t</Dialog.Title>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Dialog.CloseTrigger aria-label='Close' className={closeBtnClass} hidden>×</Dialog.CloseTrigger>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className={bodyClass}>\n\t\t\t\t\t\t\t{local.children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{((local.cancelText ?? 'Cancel') || (local.confirmText ?? 'Confirm')) && (\n\t\t\t\t\t\t\t<div className={footClass}>\n\t\t\t\t\t\t\t\t<Dialog.CloseTrigger className={btnClass} type='button'>\n\t\t\t\t\t\t\t\t\t{local.cancelText ?? 'Cancel'}\n\t\t\t\t\t\t\t\t</Dialog.CloseTrigger>\n\t\t\t\t\t\t\t\t{(local.confirmText ?? 'Confirm') && (\n\t\t\t\t\t\t\t\t\t<button className={`${btnClass} ${btnPrimaryClass}`} disabled={local.loading?.()} onClick={local.onConfirm} type='button'>\n\t\t\t\t\t\t\t\t\t\t{local.loading?.() ? 'Loading…' : local.confirmText ?? 'Confirm'}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Portal>\n\t\t</Root>\n\t)\n}\n\nexport default Object.assign(Root, {\n\t...Dialog, OriginalRoot: Root, Root: Preset,\n})\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plastic-js/tsumiki",
3
- "version": "0.1.5",
3
+ "version": "0.1.7",
4
4
  "description": "A UI component library for Plastic JS.",
5
5
  "license": "MIT",
6
6
  "author": "tigre",