@editora/ui-react 0.1.6 → 0.1.8
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.
- package/dist/Accordion.cjs.js +1 -0
- package/dist/Accordion.d.ts +3 -0
- package/dist/Accordion.d.ts.map +1 -0
- package/dist/Accordion.esm.js +89 -0
- package/dist/Alert.cjs.js +1 -0
- package/dist/Alert.d.ts +2 -0
- package/dist/Alert.d.ts.map +1 -0
- package/dist/Alert.esm.js +53 -0
- package/dist/AppHeader-49a8d3e0.mjs +98 -0
- package/dist/AppHeader-5c427700.js +33 -0
- package/dist/AppHeader.cjs.js +1 -0
- package/dist/AppHeader.d.ts +3 -0
- package/dist/AppHeader.d.ts.map +1 -0
- package/dist/AppHeader.esm.js +5 -0
- package/dist/Breadcrumb.cjs.js +1 -0
- package/dist/Breadcrumb.d.ts +3 -0
- package/dist/Breadcrumb.d.ts.map +1 -0
- package/dist/Breadcrumb.esm.js +80 -0
- package/dist/Card.cjs.js +34 -0
- package/dist/Card.d.ts +3 -0
- package/dist/Card.d.ts.map +1 -0
- package/dist/Card.esm.js +67 -0
- package/dist/Collapsible.cjs.js +1 -0
- package/dist/Collapsible.d.ts +3 -0
- package/dist/Collapsible.d.ts.map +1 -0
- package/dist/Collapsible.esm.js +113 -0
- package/dist/Combobox.cjs.js +1 -0
- package/dist/Combobox.d.ts +3 -0
- package/dist/Combobox.d.ts.map +1 -0
- package/dist/Combobox.esm.js +118 -0
- package/dist/Command-93c3b761.mjs +62 -0
- package/dist/Command-da77cea8.js +1 -0
- package/dist/Command.cjs.js +1 -0
- package/dist/Command.d.ts +3 -0
- package/dist/Command.d.ts.map +1 -0
- package/dist/Command.esm.js +7 -0
- package/dist/CommandPalette-136d08a9.mjs +68 -0
- package/dist/CommandPalette-e827844c.js +1 -0
- package/dist/CommandPalette.cjs.js +1 -0
- package/dist/CommandPalette.d.ts +3 -0
- package/dist/CommandPalette.d.ts.map +1 -0
- package/dist/CommandPalette.esm.js +7 -0
- package/dist/Drawer.cjs.js +1 -0
- package/dist/Drawer.d.ts +3 -0
- package/dist/Drawer.d.ts.map +1 -0
- package/dist/Drawer.esm.js +124 -0
- package/dist/FloatingToolbar.cjs.js +1 -0
- package/dist/FloatingToolbar.d.ts +3 -0
- package/dist/FloatingToolbar.d.ts.map +1 -0
- package/dist/FloatingToolbar.esm.js +100 -0
- package/dist/Form.cjs.js +1 -0
- package/dist/Form.d.ts +3 -0
- package/dist/Form.d.ts.map +1 -0
- package/dist/Form.esm.js +98 -0
- package/dist/HoverCard.cjs.js +1 -0
- package/dist/HoverCard.d.ts +3 -0
- package/dist/HoverCard.d.ts.map +1 -0
- package/dist/HoverCard.esm.js +61 -0
- package/dist/Input.cjs.js +1 -0
- package/dist/Input.d.ts +3 -0
- package/dist/Input.d.ts.map +1 -0
- package/dist/Input.esm.js +126 -0
- package/dist/Label.cjs.js +1 -0
- package/dist/Label.d.ts +3 -0
- package/dist/Label.d.ts.map +1 -0
- package/dist/Label.esm.js +46 -0
- package/dist/Layout.cjs.js +1 -0
- package/dist/Layout.d.ts +3 -0
- package/dist/Layout.d.ts.map +1 -0
- package/dist/Layout.esm.js +70 -0
- package/dist/Menu-010405cb.js +1 -0
- package/dist/Menu-43e67281.mjs +142 -0
- package/dist/Menu.cjs.js +1 -0
- package/dist/Menu.d.ts +3 -0
- package/dist/Menu.d.ts.map +1 -0
- package/dist/Menu.esm.js +6 -0
- package/dist/Menubar.cjs.js +1 -0
- package/dist/Menubar.d.ts +3 -0
- package/dist/Menubar.d.ts.map +1 -0
- package/dist/Menubar.esm.js +75 -0
- package/dist/Popover.cjs.js +1 -0
- package/dist/Popover.d.ts +3 -0
- package/dist/Popover.d.ts.map +1 -0
- package/dist/Popover.esm.js +68 -0
- package/dist/QuickActions.cjs.js +1 -0
- package/dist/QuickActions.d.ts +3 -0
- package/dist/QuickActions.d.ts.map +1 -0
- package/dist/QuickActions.esm.js +68 -0
- package/dist/Rating.cjs.js +1 -0
- package/dist/Rating.d.ts +2 -0
- package/dist/Rating.d.ts.map +1 -0
- package/dist/Rating.esm.js +81 -0
- package/dist/Select.cjs.js +1 -0
- package/dist/Select.d.ts +3 -0
- package/dist/Select.d.ts.map +1 -0
- package/dist/Select.esm.js +143 -0
- package/dist/SelectionPopup.cjs.js +1 -0
- package/dist/SelectionPopup.d.ts +3 -0
- package/dist/SelectionPopup.d.ts.map +1 -0
- package/dist/SelectionPopup.esm.js +85 -0
- package/dist/Sidebar.cjs.js +105 -0
- package/dist/Sidebar.d.ts +3 -0
- package/dist/Sidebar.d.ts.map +1 -0
- package/dist/Sidebar.esm.js +10161 -0
- package/dist/Switch.cjs.js +1 -0
- package/dist/Switch.d.ts +3 -0
- package/dist/Switch.d.ts.map +1 -0
- package/dist/Switch.esm.js +67 -0
- package/dist/Tabs.cjs.js +1 -0
- package/dist/Tabs.d.ts +3 -0
- package/dist/Tabs.d.ts.map +1 -0
- package/dist/Tabs.esm.js +78 -0
- package/dist/Textarea.cjs.js +1 -0
- package/dist/Textarea.d.ts +3 -0
- package/dist/Textarea.d.ts.map +1 -0
- package/dist/Textarea.esm.js +125 -0
- package/dist/ToggleGroup-4e0917a9.js +1 -0
- package/dist/ToggleGroup-5ef6a876.mjs +118 -0
- package/dist/ToggleGroup.cjs.js +1 -0
- package/dist/ToggleGroup.d.ts +3 -0
- package/dist/ToggleGroup.d.ts.map +1 -0
- package/dist/ToggleGroup.esm.js +5 -0
- package/dist/Tree.cjs.js +1 -0
- package/dist/Tree.d.ts +3 -0
- package/dist/Tree.d.ts.map +1 -0
- package/dist/Tree.esm.js +44 -0
- package/dist/Wizard.cjs.js +1 -0
- package/dist/Wizard.d.ts +3 -0
- package/dist/Wizard.d.ts.map +1 -0
- package/dist/Wizard.esm.js +172 -0
- package/dist/__tests__/RatingDemo.d.ts +4 -0
- package/dist/__tests__/RatingDemo.d.ts.map +1 -0
- package/dist/_internals-b9f3e909.js +1 -0
- package/dist/_internals-f8fb69a8.mjs +23 -0
- package/dist/components/Accordion.cjs.js +1 -0
- package/dist/components/Accordion.d.ts +10 -5
- package/dist/components/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion.esm.js +6 -0
- package/dist/components/Alert.cjs.js +1 -0
- package/dist/components/Alert.d.ts +14 -6
- package/dist/components/Alert.d.ts.map +1 -1
- package/dist/components/Alert.esm.js +10 -0
- package/dist/components/AppHeader.cjs.js +1 -0
- package/dist/components/AppHeader.d.ts +15 -8
- package/dist/components/AppHeader.d.ts.map +1 -1
- package/dist/components/AppHeader.esm.js +5 -0
- package/dist/components/Breadcrumb.cjs.js +1 -0
- package/dist/components/Breadcrumb.d.ts +27 -8
- package/dist/components/Breadcrumb.d.ts.map +1 -1
- package/dist/components/Breadcrumb.esm.js +7 -0
- package/dist/components/Card.cjs.js +1 -0
- package/dist/components/Card.d.ts +21 -13
- package/dist/components/Card.d.ts.map +1 -1
- package/dist/components/Card.esm.js +6 -0
- package/dist/components/Collapsible.cjs.js +1 -0
- package/dist/components/Collapsible.d.ts +29 -5
- package/dist/components/Collapsible.d.ts.map +1 -1
- package/dist/components/Collapsible.esm.js +7 -0
- package/dist/components/Combobox.cjs.js +1 -0
- package/dist/components/Combobox.d.ts +15 -2
- package/dist/components/Combobox.d.ts.map +1 -1
- package/dist/components/Combobox.esm.js +6 -0
- package/dist/components/Command.cjs.js +1 -0
- package/dist/components/Command.d.ts +17 -3
- package/dist/components/Command.d.ts.map +1 -1
- package/dist/components/Command.esm.js +7 -0
- package/dist/components/CommandPalette.cjs.js +1 -0
- package/dist/components/CommandPalette.d.ts +14 -12
- package/dist/components/CommandPalette.d.ts.map +1 -1
- package/dist/components/CommandPalette.esm.js +7 -0
- package/dist/components/DataTable.d.ts +1 -1
- package/dist/components/Drawer.cjs.js +1 -0
- package/dist/components/Drawer.d.ts +19 -10
- package/dist/components/Drawer.d.ts.map +1 -1
- package/dist/components/Drawer.esm.js +6 -0
- package/dist/components/Dropdown.d.ts +45 -29
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/FloatingToolbar.cjs.js +1 -0
- package/dist/components/FloatingToolbar.d.ts +7 -275
- package/dist/components/FloatingToolbar.d.ts.map +1 -1
- package/dist/components/FloatingToolbar.esm.js +7 -0
- package/dist/components/Form.cjs.js +1 -0
- package/dist/components/Form.d.ts +13 -30
- package/dist/components/Form.d.ts.map +1 -1
- package/dist/components/Form.esm.js +6 -0
- package/dist/components/HoverCard.cjs.js +1 -0
- package/dist/components/HoverCard.d.ts +8 -3
- package/dist/components/HoverCard.d.ts.map +1 -1
- package/dist/components/HoverCard.esm.js +6 -0
- package/dist/components/Input.cjs.js +1 -0
- package/dist/components/Input.d.ts +10 -3
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.esm.js +6 -0
- package/dist/components/Label.cjs.js +1 -0
- package/dist/components/Label.d.ts +6 -1
- package/dist/components/Label.d.ts.map +1 -1
- package/dist/components/Label.esm.js +6 -0
- package/dist/components/Layout.cjs.js +1 -0
- package/dist/components/Layout.d.ts +33 -8
- package/dist/components/Layout.d.ts.map +1 -1
- package/dist/components/Layout.esm.js +6 -0
- package/dist/components/Menu.cjs.js +1 -0
- package/dist/components/Menu.d.ts +46 -12
- package/dist/components/Menu.d.ts.map +1 -1
- package/dist/components/Menu.esm.js +6 -0
- package/dist/components/Menubar.cjs.js +1 -0
- package/dist/components/Menubar.d.ts +11 -266
- package/dist/components/Menubar.d.ts.map +1 -1
- package/dist/components/Menubar.esm.js +6 -0
- package/dist/components/Popover.cjs.js +1 -0
- package/dist/components/Popover.d.ts +6 -1
- package/dist/components/Popover.d.ts.map +1 -1
- package/dist/components/Popover.esm.js +7 -0
- package/dist/components/QuickActions.cjs.js +1 -0
- package/dist/components/QuickActions.d.ts +4 -1
- package/dist/components/QuickActions.d.ts.map +1 -1
- package/dist/components/QuickActions.esm.js +6 -0
- package/dist/components/Rating.cjs.js +1 -0
- package/dist/components/Rating.d.ts +52 -0
- package/dist/components/Rating.d.ts.map +1 -0
- package/dist/components/Rating.esm.js +5 -0
- package/dist/components/Select.cjs.js +1 -0
- package/dist/components/Select.d.ts +16 -1
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.esm.js +6 -0
- package/dist/components/SelectionPopup.cjs.js +1 -0
- package/dist/components/SelectionPopup.d.ts +21 -269
- package/dist/components/SelectionPopup.d.ts.map +1 -1
- package/dist/components/SelectionPopup.esm.js +7 -0
- package/dist/components/Sidebar.cjs.js +1 -0
- package/dist/components/Sidebar.d.ts +56 -21
- package/dist/components/Sidebar.d.ts.map +1 -1
- package/dist/components/Sidebar.esm.js +6 -0
- package/dist/components/Switch.cjs.js +1 -0
- package/dist/components/Switch.d.ts +4 -1
- package/dist/components/Switch.d.ts.map +1 -1
- package/dist/components/Switch.esm.js +6 -0
- package/dist/components/Tabs.cjs.js +1 -0
- package/dist/components/Tabs.d.ts +14 -1
- package/dist/components/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs.esm.js +6 -0
- package/dist/components/Textarea.cjs.js +1 -0
- package/dist/components/Textarea.d.ts +8 -1
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.esm.js +6 -0
- package/dist/components/ToggleGroup.cjs.js +1 -0
- package/dist/components/ToggleGroup.d.ts +32 -1
- package/dist/components/ToggleGroup.d.ts.map +1 -1
- package/dist/components/ToggleGroup.esm.js +5 -0
- package/dist/components/Tree.cjs.js +1 -0
- package/dist/components/Tree.d.ts +21 -4
- package/dist/components/Tree.d.ts.map +1 -1
- package/dist/components/Tree.esm.js +5 -0
- package/dist/components/Wizard.cjs.js +1 -0
- package/dist/components/Wizard.d.ts +39 -7
- package/dist/components/Wizard.d.ts.map +1 -1
- package/dist/components/Wizard.esm.js +5 -0
- package/dist/components/index.d.ts +13 -4
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs.js +1 -170
- package/dist/index.d.ts +15 -9
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +3854 -15810
- package/package.json +182 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("react"),O=require("./_internals-b9f3e909.js");function q(r){if(r&&r.__esModule)return r;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const i=q(M),x=typeof window<"u"?i.useLayoutEffect:i.useEffect;function B(r,t,e){if(e==null){r.removeAttribute(t);return}e?r.setAttribute(t,""):r.removeAttribute(t)}function l(r,t,e){const c=r.getAttribute(t);if(e==null||e===""){c!=null&&r.removeAttribute(t);return}c!==e&&r.setAttribute(t,e)}function v(r){var t;return(t=r.detail)==null?void 0:t.open}const w=i.forwardRef(function({multiple:t,collapsible:e,open:c,variant:u,size:d,radius:f,tone:o,indicator:m,shape:b,elevation:g,onToggle:s,onChangeOpen:a,children:P,...j},L){const y=i.useRef(null);return i.useImperativeHandle(L,()=>y.current),i.useEffect(()=>{O.warnIfElementNotRegistered("ui-accordion","Accordion")},[]),x(()=>{const n=y.current;n&&(B(n,"multiple",t),e==null?n.removeAttribute("collapsible"):n.setAttribute("collapsible",String(!!e)),c==null?n.removeAttribute("open"):n.setAttribute("open",Array.isArray(c)?JSON.stringify(c):String(c)),l(n,"variant",u&&u!=="surface"?u:null),l(n,"size",d&&d!=="md"?d:null),l(n,"radius",f!=null?String(f):null),l(n,"tone",o&&o!=="neutral"?o:null),l(n,"indicator",m&&m!=="line"?m:null),l(n,"shape",b&&b!=="default"?b:null),l(n,"elevation",g&&g!=="default"?g:null))},[t,e,c,u,d,f,o,m,b,g]),i.useEffect(()=>{const n=y.current;if(!n||!s&&!a)return;const p=E=>{const A=v(E);A!=null&&(s==null||s(A))},S=E=>{const A=v(E);A!=null&&(a==null||a(A))};return n.addEventListener("toggle",p),n.addEventListener("change",S),()=>{n.removeEventListener("toggle",p),n.removeEventListener("change",S)}},[s,a]),i.createElement("ui-accordion",{ref:y,...j},P)});w.displayName="Accordion";const N=i.forwardRef(function({disabled:t,description:e,badge:c,children:u,...d},f){const o={ref:f,"data-ui-accordion-item":"",...d};return t&&(o.disabled=!0),e!=null&&(o["data-description"]=String(e)),c!=null&&(o["data-badge"]=String(c)),i.createElement("div",o,u)});N.displayName="AccordionItem";const R=i.forwardRef(function({type:t,children:e,...c},u){return i.createElement("button",{ref:u,type:t||"button","data-ui-accordion-trigger":"",...c},e)});R.displayName="AccordionTrigger";const _=i.forwardRef(function({children:t,...e},c){return i.createElement("div",{ref:c,"data-ui-accordion-panel":"",...e},t)});_.displayName="AccordionPanel";const I=Object.assign(w,{Item:N,Trigger:R,Panel:_});I.displayName="Accordion";exports.Accordion=I;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import * as i from "react";
|
|
2
|
+
import { w as B } from "./_internals-f8fb69a8.mjs";
|
|
3
|
+
const j = typeof window < "u" ? i.useLayoutEffect : i.useEffect;
|
|
4
|
+
function H(c, t, r) {
|
|
5
|
+
if (r == null) {
|
|
6
|
+
c.removeAttribute(t);
|
|
7
|
+
return;
|
|
8
|
+
}
|
|
9
|
+
r ? c.setAttribute(t, "") : c.removeAttribute(t);
|
|
10
|
+
}
|
|
11
|
+
function l(c, t, r) {
|
|
12
|
+
const n = c.getAttribute(t);
|
|
13
|
+
if (r == null || r === "") {
|
|
14
|
+
n != null && c.removeAttribute(t);
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
n !== r && c.setAttribute(t, r);
|
|
18
|
+
}
|
|
19
|
+
function I(c) {
|
|
20
|
+
var t;
|
|
21
|
+
return (t = c.detail) == null ? void 0 : t.open;
|
|
22
|
+
}
|
|
23
|
+
const N = i.forwardRef(function({ multiple: t, collapsible: r, open: n, variant: u, size: d, radius: f, tone: o, indicator: m, shape: b, elevation: E, onToggle: s, onChangeOpen: a, children: S, ...P }, x) {
|
|
24
|
+
const y = i.useRef(null);
|
|
25
|
+
return i.useImperativeHandle(x, () => y.current), i.useEffect(() => {
|
|
26
|
+
B("ui-accordion", "Accordion");
|
|
27
|
+
}, []), j(() => {
|
|
28
|
+
const e = y.current;
|
|
29
|
+
e && (H(e, "multiple", t), r == null ? e.removeAttribute("collapsible") : e.setAttribute("collapsible", String(!!r)), n == null ? e.removeAttribute("open") : e.setAttribute("open", Array.isArray(n) ? JSON.stringify(n) : String(n)), l(e, "variant", u && u !== "surface" ? u : null), l(e, "size", d && d !== "md" ? d : null), l(e, "radius", f != null ? String(f) : null), l(e, "tone", o && o !== "neutral" ? o : null), l(e, "indicator", m && m !== "line" ? m : null), l(e, "shape", b && b !== "default" ? b : null), l(e, "elevation", E && E !== "default" ? E : null));
|
|
30
|
+
}, [t, r, n, u, d, f, o, m, b, E]), i.useEffect(() => {
|
|
31
|
+
const e = y.current;
|
|
32
|
+
if (!e || !s && !a)
|
|
33
|
+
return;
|
|
34
|
+
const p = (g) => {
|
|
35
|
+
const A = I(g);
|
|
36
|
+
A != null && (s == null || s(A));
|
|
37
|
+
}, w = (g) => {
|
|
38
|
+
const A = I(g);
|
|
39
|
+
A != null && (a == null || a(A));
|
|
40
|
+
};
|
|
41
|
+
return e.addEventListener("toggle", p), e.addEventListener("change", w), () => {
|
|
42
|
+
e.removeEventListener("toggle", p), e.removeEventListener("change", w);
|
|
43
|
+
};
|
|
44
|
+
}, [s, a]), i.createElement("ui-accordion", { ref: y, ...P }, S);
|
|
45
|
+
});
|
|
46
|
+
N.displayName = "Accordion";
|
|
47
|
+
const R = i.forwardRef(function({ disabled: t, description: r, badge: n, children: u, ...d }, f) {
|
|
48
|
+
const o = {
|
|
49
|
+
ref: f,
|
|
50
|
+
"data-ui-accordion-item": "",
|
|
51
|
+
...d
|
|
52
|
+
};
|
|
53
|
+
return t && (o.disabled = !0), r != null && (o["data-description"] = String(r)), n != null && (o["data-badge"] = String(n)), i.createElement("div", o, u);
|
|
54
|
+
});
|
|
55
|
+
R.displayName = "AccordionItem";
|
|
56
|
+
const v = i.forwardRef(function({ type: t, children: r, ...n }, u) {
|
|
57
|
+
return i.createElement(
|
|
58
|
+
"button",
|
|
59
|
+
{
|
|
60
|
+
ref: u,
|
|
61
|
+
type: t || "button",
|
|
62
|
+
"data-ui-accordion-trigger": "",
|
|
63
|
+
...n
|
|
64
|
+
},
|
|
65
|
+
r
|
|
66
|
+
);
|
|
67
|
+
});
|
|
68
|
+
v.displayName = "AccordionTrigger";
|
|
69
|
+
const L = i.forwardRef(function({ children: t, ...r }, n) {
|
|
70
|
+
return i.createElement(
|
|
71
|
+
"div",
|
|
72
|
+
{
|
|
73
|
+
ref: n,
|
|
74
|
+
"data-ui-accordion-panel": "",
|
|
75
|
+
...r
|
|
76
|
+
},
|
|
77
|
+
t
|
|
78
|
+
);
|
|
79
|
+
});
|
|
80
|
+
L.displayName = "AccordionPanel";
|
|
81
|
+
const J = Object.assign(N, {
|
|
82
|
+
Item: R,
|
|
83
|
+
Trigger: v,
|
|
84
|
+
Panel: L
|
|
85
|
+
});
|
|
86
|
+
J.displayName = "Accordion";
|
|
87
|
+
export {
|
|
88
|
+
J as Accordion
|
|
89
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("react"),w=t=>t&&t.__esModule?t:{default:t},y=w(A),L=typeof window<"u"?A.useLayoutEffect:A.useEffect;function R(t){const{title:c,description:s,tone:o,variant:n,layout:f,size:l,radius:a,elevation:i,indicator:u,dismissible:b,open:d,headless:r,onClose:v,children:I,...S}=t,p=A.useRef(null);return A.useEffect(()=>{const e=p.current;if(!e)return;const h=()=>v==null?void 0:v();return e.addEventListener("close",h),()=>e.removeEventListener("close",h)},[v]),L(()=>{const e=p.current;e&&(c?e.setAttribute("title",c):e.removeAttribute("title"),s?e.setAttribute("description",s):e.removeAttribute("description"),o?e.setAttribute("tone",o):e.removeAttribute("tone"),n?e.setAttribute("variant",n):e.removeAttribute("variant"),f?e.setAttribute("layout",f):e.removeAttribute("layout"),l&&l!=="md"?e.setAttribute("size",l):e.removeAttribute("size"),a!=null?e.setAttribute("radius",String(a)):e.removeAttribute("radius"),i&&i!=="low"?e.setAttribute("elevation",i):e.removeAttribute("elevation"),u&&u!=="line"?e.setAttribute("indicator",u):e.removeAttribute("indicator"),b?e.setAttribute("dismissible",""):e.removeAttribute("dismissible"),r?e.setAttribute("headless",""):e.removeAttribute("headless"),typeof d=="boolean"?d?e.removeAttribute("hidden"):e.setAttribute("hidden",""):e.removeAttribute("hidden"))},[c,s,o,n,f,l,a,i,u,b,d,r]),y.default.createElement("ui-alert",{ref:p,...S},I)}function m(t,c,s,o){const n=y.default.forwardRef(function({as:l,children:a,style:i,...u},b){const d=l||t,r={ref:b,...u};return s&&(r.slot=s),o&&(r[o]=""),i&&(r.style=i),y.default.createElement(d,r,a)});return n.displayName=c,n}const E=m("span","AlertIcon","icon","data-ui-alert-icon"),_=m("div","AlertTitle","title","data-ui-alert-title"),T=m("div","AlertDescription",void 0,"data-ui-alert-description"),g=m("div","AlertActions","actions","data-ui-alert-actions"),D=Object.assign(R,{Icon:E,Title:_,Description:T,Actions:g,displayName:"Alert"});exports.Alert=D;exports.AlertActions=g;exports.AlertDescription=T;exports.AlertIcon=E;exports.AlertTitle=_;exports.default=D;
|
package/dist/Alert.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import p, { useRef as I, useEffect as h, useLayoutEffect as L } from "react";
|
|
2
|
+
const T = typeof window < "u" ? L : h;
|
|
3
|
+
function g(m) {
|
|
4
|
+
const {
|
|
5
|
+
title: u,
|
|
6
|
+
description: r,
|
|
7
|
+
tone: s,
|
|
8
|
+
variant: o,
|
|
9
|
+
layout: d,
|
|
10
|
+
size: n,
|
|
11
|
+
radius: a,
|
|
12
|
+
elevation: t,
|
|
13
|
+
indicator: l,
|
|
14
|
+
dismissible: A,
|
|
15
|
+
open: c,
|
|
16
|
+
headless: i,
|
|
17
|
+
onClose: f,
|
|
18
|
+
children: E,
|
|
19
|
+
...w
|
|
20
|
+
} = m, v = I(null);
|
|
21
|
+
return h(() => {
|
|
22
|
+
const e = v.current;
|
|
23
|
+
if (!e)
|
|
24
|
+
return;
|
|
25
|
+
const y = () => f == null ? void 0 : f();
|
|
26
|
+
return e.addEventListener("close", y), () => e.removeEventListener("close", y);
|
|
27
|
+
}, [f]), T(() => {
|
|
28
|
+
const e = v.current;
|
|
29
|
+
e && (u ? e.setAttribute("title", u) : e.removeAttribute("title"), r ? e.setAttribute("description", r) : e.removeAttribute("description"), s ? e.setAttribute("tone", s) : e.removeAttribute("tone"), o ? e.setAttribute("variant", o) : e.removeAttribute("variant"), d ? e.setAttribute("layout", d) : e.removeAttribute("layout"), n && n !== "md" ? e.setAttribute("size", n) : e.removeAttribute("size"), a != null ? e.setAttribute("radius", String(a)) : e.removeAttribute("radius"), t && t !== "low" ? e.setAttribute("elevation", t) : e.removeAttribute("elevation"), l && l !== "line" ? e.setAttribute("indicator", l) : e.removeAttribute("indicator"), A ? e.setAttribute("dismissible", "") : e.removeAttribute("dismissible"), i ? e.setAttribute("headless", "") : e.removeAttribute("headless"), typeof c == "boolean" ? c ? e.removeAttribute("hidden") : e.setAttribute("hidden", "") : e.removeAttribute("hidden"));
|
|
30
|
+
}, [u, r, s, o, d, n, a, t, l, A, c, i]), p.createElement("ui-alert", { ref: v, ...w }, E);
|
|
31
|
+
}
|
|
32
|
+
function b(m, u, r, s) {
|
|
33
|
+
const o = p.forwardRef(function({ as: n, children: a, style: t, ...l }, A) {
|
|
34
|
+
const c = n || m, i = { ref: A, ...l };
|
|
35
|
+
return r && (i.slot = r), s && (i[s] = ""), t && (i.style = t), p.createElement(c, i, a);
|
|
36
|
+
});
|
|
37
|
+
return o.displayName = u, o;
|
|
38
|
+
}
|
|
39
|
+
const z = b("span", "AlertIcon", "icon", "data-ui-alert-icon"), D = b("div", "AlertTitle", "title", "data-ui-alert-title"), R = b("div", "AlertDescription", void 0, "data-ui-alert-description"), S = b("div", "AlertActions", "actions", "data-ui-alert-actions"), N = Object.assign(g, {
|
|
40
|
+
Icon: z,
|
|
41
|
+
Title: D,
|
|
42
|
+
Description: R,
|
|
43
|
+
Actions: S,
|
|
44
|
+
displayName: "Alert"
|
|
45
|
+
});
|
|
46
|
+
export {
|
|
47
|
+
N as Alert,
|
|
48
|
+
S as AlertActions,
|
|
49
|
+
R as AlertDescription,
|
|
50
|
+
z as AlertIcon,
|
|
51
|
+
D as AlertTitle,
|
|
52
|
+
N as default
|
|
53
|
+
};
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import p from "react";
|
|
2
|
+
const y = "editora-ui-react-app-header-runtime-styles";
|
|
3
|
+
function w() {
|
|
4
|
+
if (typeof document > "u" || document.getElementById(y))
|
|
5
|
+
return;
|
|
6
|
+
const t = document.createElement("style");
|
|
7
|
+
t.id = y, t.textContent = `
|
|
8
|
+
ui-app-header [data-ui-app-header-start],
|
|
9
|
+
ui-app-header [data-ui-app-header-center],
|
|
10
|
+
ui-app-header [data-ui-app-header-end] {
|
|
11
|
+
min-width: 0;
|
|
12
|
+
display: inline-flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
ui-app-header [data-ui-app-header-start] {
|
|
17
|
+
gap: 10px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
ui-app-header [data-ui-app-header-center] {
|
|
21
|
+
gap: 10px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
ui-app-header [data-ui-app-header-end] {
|
|
25
|
+
gap: 8px;
|
|
26
|
+
justify-content: flex-end;
|
|
27
|
+
flex-wrap: wrap;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
ui-app-header [data-ui-app-header-title] {
|
|
31
|
+
display: block;
|
|
32
|
+
min-width: 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
ui-app-header [data-ui-app-header-subtitle] {
|
|
36
|
+
display: block;
|
|
37
|
+
min-width: 0;
|
|
38
|
+
}
|
|
39
|
+
`, document.head.appendChild(t);
|
|
40
|
+
}
|
|
41
|
+
function o(t, r, a) {
|
|
42
|
+
a ? t.setAttribute(r, "") : t.removeAttribute(r);
|
|
43
|
+
}
|
|
44
|
+
function f(t, r, a) {
|
|
45
|
+
a == null || a === "" ? t.removeAttribute(r) : t.setAttribute(r, String(a));
|
|
46
|
+
}
|
|
47
|
+
const x = p.forwardRef(function({
|
|
48
|
+
children: r,
|
|
49
|
+
sticky: a,
|
|
50
|
+
bordered: s,
|
|
51
|
+
dense: l,
|
|
52
|
+
headless: H,
|
|
53
|
+
showMenuButton: m,
|
|
54
|
+
variant: n,
|
|
55
|
+
tone: i,
|
|
56
|
+
size: u,
|
|
57
|
+
radius: c,
|
|
58
|
+
elevation: d,
|
|
59
|
+
onMenuTrigger: E,
|
|
60
|
+
...S
|
|
61
|
+
}, g) {
|
|
62
|
+
const A = p.useRef(null);
|
|
63
|
+
return p.useImperativeHandle(g, () => A.current), p.useEffect(() => {
|
|
64
|
+
w();
|
|
65
|
+
}, []), p.useEffect(() => {
|
|
66
|
+
const e = A.current;
|
|
67
|
+
if (!e || !E)
|
|
68
|
+
return;
|
|
69
|
+
const b = () => E();
|
|
70
|
+
return e.addEventListener("menu-trigger", b), () => e.removeEventListener("menu-trigger", b);
|
|
71
|
+
}, [E]), p.useLayoutEffect(() => {
|
|
72
|
+
const e = A.current;
|
|
73
|
+
e && (o(e, "sticky", a), o(e, "bordered", s), o(e, "dense", l), o(e, "headless", H), o(e, "show-menu-button", m), f(e, "variant", n && n !== "surface" ? n : null), f(e, "tone", i && i !== "neutral" ? i : null), f(e, "size", u && u !== "md" ? u : null), f(e, "radius", c ?? null), f(e, "elevation", d && d !== "low" ? d : null));
|
|
74
|
+
}, [a, s, l, H, m, n, i, u, c, d]), p.createElement("ui-app-header", { ref: A, ...S }, r);
|
|
75
|
+
});
|
|
76
|
+
function h(t, r, a, s) {
|
|
77
|
+
const l = p.forwardRef(function({ as: m, children: n, ...i }, u) {
|
|
78
|
+
const c = m || t, d = { ref: u, slot: a, ...i };
|
|
79
|
+
return s && (d[s] = ""), p.createElement(c, d, n);
|
|
80
|
+
});
|
|
81
|
+
return l.displayName = r, l;
|
|
82
|
+
}
|
|
83
|
+
const C = h("div", "AppHeaderStart", "start", "data-ui-app-header-start"), R = h("div", "AppHeaderCenter", "center", "data-ui-app-header-center"), _ = h("div", "AppHeaderTitle", "title", "data-ui-app-header-title"), v = h("div", "AppHeaderSubtitle", "subtitle", "data-ui-app-header-subtitle"), I = h("div", "AppHeaderEnd", "end", "data-ui-app-header-end"), L = Object.assign(x, {
|
|
84
|
+
Start: C,
|
|
85
|
+
Center: R,
|
|
86
|
+
Title: _,
|
|
87
|
+
Subtitle: v,
|
|
88
|
+
End: I
|
|
89
|
+
});
|
|
90
|
+
L.displayName = "AppHeader";
|
|
91
|
+
export {
|
|
92
|
+
C as A,
|
|
93
|
+
L as C,
|
|
94
|
+
R as a,
|
|
95
|
+
_ as b,
|
|
96
|
+
v as c,
|
|
97
|
+
I as d
|
|
98
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";const T=require("react"),I=e=>e&&e.__esModule?e:{default:e},p=I(T),S="editora-ui-react-app-header-runtime-styles";function L(){if(typeof document>"u"||document.getElementById(S))return;const e=document.createElement("style");e.id=S,e.textContent=`
|
|
2
|
+
ui-app-header [data-ui-app-header-start],
|
|
3
|
+
ui-app-header [data-ui-app-header-center],
|
|
4
|
+
ui-app-header [data-ui-app-header-end] {
|
|
5
|
+
min-width: 0;
|
|
6
|
+
display: inline-flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
ui-app-header [data-ui-app-header-start] {
|
|
11
|
+
gap: 10px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
ui-app-header [data-ui-app-header-center] {
|
|
15
|
+
gap: 10px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
ui-app-header [data-ui-app-header-end] {
|
|
19
|
+
gap: 8px;
|
|
20
|
+
justify-content: flex-end;
|
|
21
|
+
flex-wrap: wrap;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
ui-app-header [data-ui-app-header-title] {
|
|
25
|
+
display: block;
|
|
26
|
+
min-width: 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
ui-app-header [data-ui-app-header-subtitle] {
|
|
30
|
+
display: block;
|
|
31
|
+
min-width: 0;
|
|
32
|
+
}
|
|
33
|
+
`,document.head.appendChild(e)}function o(e,r,a){a?e.setAttribute(r,""):e.removeAttribute(r)}function f(e,r,a){a==null||a===""?e.removeAttribute(r):e.setAttribute(r,String(a))}const D=p.default.forwardRef(function({children:r,sticky:a,bordered:l,dense:s,headless:H,showMenuButton:h,variant:n,tone:u,size:i,radius:c,elevation:d,onMenuTrigger:E,...x},v){const m=p.default.useRef(null);return p.default.useImperativeHandle(v,()=>m.current),p.default.useEffect(()=>{L()},[]),p.default.useEffect(()=>{const t=m.current;if(!t||!E)return;const b=()=>E();return t.addEventListener("menu-trigger",b),()=>t.removeEventListener("menu-trigger",b)},[E]),p.default.useLayoutEffect(()=>{const t=m.current;t&&(o(t,"sticky",a),o(t,"bordered",l),o(t,"dense",s),o(t,"headless",H),o(t,"show-menu-button",h),f(t,"variant",n&&n!=="surface"?n:null),f(t,"tone",u&&u!=="neutral"?u:null),f(t,"size",i&&i!=="md"?i:null),f(t,"radius",c??null),f(t,"elevation",d&&d!=="low"?d:null))},[a,l,s,H,h,n,u,i,c,d]),p.default.createElement("ui-app-header",{ref:m,...x},r)});function A(e,r,a,l){const s=p.default.forwardRef(function({as:h,children:n,...u},i){const c=h||e,d={ref:i,slot:a,...u};return l&&(d[l]=""),p.default.createElement(c,d,n)});return s.displayName=r,s}const y=A("div","AppHeaderStart","start","data-ui-app-header-start"),g=A("div","AppHeaderCenter","center","data-ui-app-header-center"),C=A("div","AppHeaderTitle","title","data-ui-app-header-title"),_=A("div","AppHeaderSubtitle","subtitle","data-ui-app-header-subtitle"),w=A("div","AppHeaderEnd","end","data-ui-app-header-end"),R=Object.assign(D,{Start:y,Center:g,Title:C,Subtitle:_,End:w});R.displayName="AppHeader";exports.AppHeaderCenter=g;exports.AppHeaderEnd=w;exports.AppHeaderStart=y;exports.AppHeaderSubtitle=_;exports.AppHeaderTitle=C;exports.ComposedAppHeader=R;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./AppHeader-5c427700.js");require("react");exports.AppHeader=e.ComposedAppHeader;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../src/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EACV,cAAc,EACd,qBAAqB,GACtB,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),L=require("./_internals-b9f3e909.js"),M=f=>f&&f.__esModule?f:{default:f},B=M(s),q=typeof window<"u"?s.useLayoutEffect:s.useEffect,N=B.default.forwardRef(function({children:E,separator:a,maxItems:o,currentIndex:d,size:r,variant:l,radius:n,elevation:i,tone:y,state:b,disabled:_,ariaLabel:h,onSelect:g,...S},j){const m=s.useRef(null);return s.useImperativeHandle(j,()=>m.current),s.useEffect(()=>{L.warnIfElementNotRegistered("ui-breadcrumb","Breadcrumb")},[]),s.useEffect(()=>{const e=m.current;if(!e||!g)return;const u=p=>{const t=p.detail;t&&g(t)};return e.addEventListener("ui-select",u),()=>e.removeEventListener("ui-select",u)},[g]),q(()=>{const e=m.current;if(!e)return;const u=(t,c)=>{const A=e.getAttribute(t);if(c==null){A!=null&&e.removeAttribute(t);return}A!==c&&e.setAttribute(t,c)},p=(t,c,A="presence")=>{if(A==="presence"){c?e.hasAttribute(t)||e.setAttribute(t,""):e.hasAttribute(t)&&e.removeAttribute(t);return}if(c==null){e.hasAttribute(t)&&e.removeAttribute(t);return}const R=c?"true":"false";e.getAttribute(t)!==R&&e.setAttribute(t,R)};u("separator",a||null),u("max-items",o!=null&&Number.isFinite(o)?String(o):null),u("current-index",d!=null&&Number.isFinite(d)?String(d):null),u("size",r&&r!=="md"&&r!=="2"?r:null),u("variant",l&&l!=="default"&&l!=="surface"?l:null),u("radius",n!=null&&n!==""&&n!=="md"?String(n):null),u("elevation",i&&i!=="default"&&i!=="none"?i:null),u("tone",y||null),u("state",b&&b!=="idle"?b:null),p("disabled",_),u("aria-label",h||null)},[a,o,d,r,l,n,i,y,b,_,h]),B.default.createElement("ui-breadcrumb",{ref:m,...S},E)});N.displayName="Breadcrumb";const w=B.default.forwardRef(function({children:E,href:a,label:o,index:d,className:r,...l},n){const i=["item",r].filter(Boolean).join(" ");return B.default.createElement("div",{...l,ref:n,className:i,"data-label":o,"data-index":d,"data-href":a},E)});w.displayName="Breadcrumb.Item";const v=Object.assign(N,{Item:w});exports.Breadcrumb=v;exports.default=v;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../src/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import b, { useRef as F, useImperativeHandle as S, useEffect as E, useLayoutEffect as _ } from "react";
|
|
2
|
+
import { w as H } from "./_internals-f8fb69a8.mjs";
|
|
3
|
+
const I = typeof window < "u" ? _ : E, N = b.forwardRef(function({
|
|
4
|
+
children: A,
|
|
5
|
+
separator: o,
|
|
6
|
+
maxItems: s,
|
|
7
|
+
currentIndex: f,
|
|
8
|
+
size: u,
|
|
9
|
+
variant: n,
|
|
10
|
+
radius: l,
|
|
11
|
+
elevation: i,
|
|
12
|
+
tone: g,
|
|
13
|
+
state: d,
|
|
14
|
+
disabled: h,
|
|
15
|
+
ariaLabel: y,
|
|
16
|
+
onSelect: p,
|
|
17
|
+
...j
|
|
18
|
+
}, v) {
|
|
19
|
+
const m = F(null);
|
|
20
|
+
return S(v, () => m.current), E(() => {
|
|
21
|
+
H("ui-breadcrumb", "Breadcrumb");
|
|
22
|
+
}, []), E(() => {
|
|
23
|
+
const e = m.current;
|
|
24
|
+
if (!e || !p)
|
|
25
|
+
return;
|
|
26
|
+
const r = (B) => {
|
|
27
|
+
const t = B.detail;
|
|
28
|
+
t && p(t);
|
|
29
|
+
};
|
|
30
|
+
return e.addEventListener("ui-select", r), () => e.removeEventListener("ui-select", r);
|
|
31
|
+
}, [p]), I(() => {
|
|
32
|
+
const e = m.current;
|
|
33
|
+
if (!e)
|
|
34
|
+
return;
|
|
35
|
+
const r = (t, c) => {
|
|
36
|
+
const a = e.getAttribute(t);
|
|
37
|
+
if (c == null) {
|
|
38
|
+
a != null && e.removeAttribute(t);
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
a !== c && e.setAttribute(t, c);
|
|
42
|
+
}, B = (t, c, a = "presence") => {
|
|
43
|
+
if (a === "presence") {
|
|
44
|
+
c ? e.hasAttribute(t) || e.setAttribute(t, "") : e.hasAttribute(t) && e.removeAttribute(t);
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
if (c == null) {
|
|
48
|
+
e.hasAttribute(t) && e.removeAttribute(t);
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
const w = c ? "true" : "false";
|
|
52
|
+
e.getAttribute(t) !== w && e.setAttribute(t, w);
|
|
53
|
+
};
|
|
54
|
+
r("separator", o || null), r("max-items", s != null && Number.isFinite(s) ? String(s) : null), r("current-index", f != null && Number.isFinite(f) ? String(f) : null), r("size", u && u !== "md" && u !== "2" ? u : null), r("variant", n && n !== "default" && n !== "surface" ? n : null), r("radius", l != null && l !== "" && l !== "md" ? String(l) : null), r("elevation", i && i !== "default" && i !== "none" ? i : null), r("tone", g || null), r("state", d && d !== "idle" ? d : null), B("disabled", h), r("aria-label", y || null);
|
|
55
|
+
}, [o, s, f, u, n, l, i, g, d, h, y]), b.createElement("ui-breadcrumb", { ref: m, ...j }, A);
|
|
56
|
+
});
|
|
57
|
+
N.displayName = "Breadcrumb";
|
|
58
|
+
const R = b.forwardRef(function({ children: A, href: o, label: s, index: f, className: u, ...n }, l) {
|
|
59
|
+
const i = ["item", u].filter(Boolean).join(" ");
|
|
60
|
+
return /* @__PURE__ */ b.createElement(
|
|
61
|
+
"div",
|
|
62
|
+
{
|
|
63
|
+
...n,
|
|
64
|
+
ref: l,
|
|
65
|
+
className: i,
|
|
66
|
+
"data-label": s,
|
|
67
|
+
"data-index": f,
|
|
68
|
+
"data-href": o
|
|
69
|
+
},
|
|
70
|
+
A
|
|
71
|
+
);
|
|
72
|
+
});
|
|
73
|
+
R.displayName = "Breadcrumb.Item";
|
|
74
|
+
const q = Object.assign(N, {
|
|
75
|
+
Item: R
|
|
76
|
+
});
|
|
77
|
+
export {
|
|
78
|
+
q as Breadcrumb,
|
|
79
|
+
q as default
|
|
80
|
+
};
|
package/dist/Card.cjs.js
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react"),v=require("./_internals-b9f3e909.js"),g=e=>e&&e.__esModule?e:{default:e},o=g(h),C="editora-ui-react-card-runtime-styles";function y(){if(typeof document>"u"||document.getElementById(C))return;const e=document.createElement("style");e.id=C,e.textContent=`
|
|
2
|
+
ui-card [data-ui-card-header] {
|
|
3
|
+
display: grid;
|
|
4
|
+
gap: var(--ui-card-header-gap, 4px);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
ui-card [data-ui-card-footer] {
|
|
8
|
+
font-size: var(--ui-card-footer-size, 13px);
|
|
9
|
+
line-height: var(--ui-card-footer-line-height, 18px);
|
|
10
|
+
color: var(--ui-color-muted, #64748b);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
ui-card [data-ui-card-media] {
|
|
14
|
+
display: block;
|
|
15
|
+
min-block-size: var(--ui-card-media-min-height, 148px);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
ui-card [data-ui-card-title] {
|
|
19
|
+
display: block;
|
|
20
|
+
margin: 0;
|
|
21
|
+
font-size: var(--ui-card-title-size, 18px);
|
|
22
|
+
line-height: var(--ui-card-title-line-height, 24px);
|
|
23
|
+
font-weight: 700;
|
|
24
|
+
color: var(--ui-color-text, #202020);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
ui-card [data-ui-card-description] {
|
|
28
|
+
display: block;
|
|
29
|
+
margin: 0;
|
|
30
|
+
font-size: var(--ui-card-description-size, 14px);
|
|
31
|
+
line-height: var(--ui-card-description-line-height, 20px);
|
|
32
|
+
color: var(--ui-color-muted, #64748b);
|
|
33
|
+
}
|
|
34
|
+
`,document.head.appendChild(e)}const _=o.default.forwardRef(function({variant:n,size:r,radius:a,tone:d,elevation:s,interactive:l,disabled:f,children:c,...p},m){o.default.useEffect(()=>{v.warnIfElementNotRegistered("ui-card","Card"),y()},[]);const t={ref:m,...p};return n&&(t.variant=n),r&&(t.size=r),a!==void 0&&(t.radius=String(a)),d&&(t.tone=d),s&&(t.elevation=s),l&&(t.interactive=!0),f&&(t.disabled=!0),o.default.createElement("ui-card",t,c)});function i(e,n,r,a){const d=o.default.forwardRef(function({as:l,children:f,style:c,...p},m){const t=l||e,u={ref:m,...p};return r&&(u.slot=r),a&&(u[a]=""),c&&(u.style=c),o.default.createElement(t,u,f)});return d.displayName=n,d}const b=i("div","CardHeader","header","data-ui-card-header"),x=i("div","CardFooter","footer","data-ui-card-footer"),E=i("div","CardInset","inset"),R=i("div","CardMedia","media","data-ui-card-media"),z=i("h3","CardTitle",void 0,"data-ui-card-title"),I=i("p","CardDescription",void 0,"data-ui-card-description"),M=Object.assign(_,{Header:b,Footer:x,Inset:E,Media:R,Title:z,Description:I});exports.Card=M;
|
package/dist/Card.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}
|
package/dist/Card.esm.js
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import o from "react";
|
|
2
|
+
import { w as h } from "./_internals-f8fb69a8.mjs";
|
|
3
|
+
const C = "editora-ui-react-card-runtime-styles";
|
|
4
|
+
function v() {
|
|
5
|
+
if (typeof document > "u" || document.getElementById(C))
|
|
6
|
+
return;
|
|
7
|
+
const i = document.createElement("style");
|
|
8
|
+
i.id = C, i.textContent = `
|
|
9
|
+
ui-card [data-ui-card-header] {
|
|
10
|
+
display: grid;
|
|
11
|
+
gap: var(--ui-card-header-gap, 4px);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
ui-card [data-ui-card-footer] {
|
|
15
|
+
font-size: var(--ui-card-footer-size, 13px);
|
|
16
|
+
line-height: var(--ui-card-footer-line-height, 18px);
|
|
17
|
+
color: var(--ui-color-muted, #64748b);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
ui-card [data-ui-card-media] {
|
|
21
|
+
display: block;
|
|
22
|
+
min-block-size: var(--ui-card-media-min-height, 148px);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
ui-card [data-ui-card-title] {
|
|
26
|
+
display: block;
|
|
27
|
+
margin: 0;
|
|
28
|
+
font-size: var(--ui-card-title-size, 18px);
|
|
29
|
+
line-height: var(--ui-card-title-line-height, 24px);
|
|
30
|
+
font-weight: 700;
|
|
31
|
+
color: var(--ui-color-text, #202020);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
ui-card [data-ui-card-description] {
|
|
35
|
+
display: block;
|
|
36
|
+
margin: 0;
|
|
37
|
+
font-size: var(--ui-card-description-size, 14px);
|
|
38
|
+
line-height: var(--ui-card-description-line-height, 20px);
|
|
39
|
+
color: var(--ui-color-muted, #64748b);
|
|
40
|
+
}
|
|
41
|
+
`, document.head.appendChild(i);
|
|
42
|
+
}
|
|
43
|
+
const g = o.forwardRef(function({ variant: n, size: t, radius: a, tone: d, elevation: u, interactive: l, disabled: f, children: c, ...p }, m) {
|
|
44
|
+
o.useEffect(() => {
|
|
45
|
+
h("ui-card", "Card"), v();
|
|
46
|
+
}, []);
|
|
47
|
+
const e = { ref: m, ...p };
|
|
48
|
+
return n && (e.variant = n), t && (e.size = t), a !== void 0 && (e.radius = String(a)), d && (e.tone = d), u && (e.elevation = u), l && (e.interactive = !0), f && (e.disabled = !0), o.createElement("ui-card", e, c);
|
|
49
|
+
});
|
|
50
|
+
function r(i, n, t, a) {
|
|
51
|
+
const d = o.forwardRef(function({ as: l, children: f, style: c, ...p }, m) {
|
|
52
|
+
const e = l || i, s = { ref: m, ...p };
|
|
53
|
+
return t && (s.slot = t), a && (s[a] = ""), c && (s.style = c), o.createElement(e, s, f);
|
|
54
|
+
});
|
|
55
|
+
return d.displayName = n, d;
|
|
56
|
+
}
|
|
57
|
+
const x = r("div", "CardHeader", "header", "data-ui-card-header"), y = r("div", "CardFooter", "footer", "data-ui-card-footer"), b = r("div", "CardInset", "inset"), E = r("div", "CardMedia", "media", "data-ui-card-media"), z = r("h3", "CardTitle", void 0, "data-ui-card-title"), I = r("p", "CardDescription", void 0, "data-ui-card-description"), w = Object.assign(g, {
|
|
58
|
+
Header: x,
|
|
59
|
+
Footer: y,
|
|
60
|
+
Inset: b,
|
|
61
|
+
Media: E,
|
|
62
|
+
Title: z,
|
|
63
|
+
Description: I
|
|
64
|
+
});
|
|
65
|
+
export {
|
|
66
|
+
w as Card
|
|
67
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const B=require("react"),V=require("./_internals-b9f3e909.js");function $(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const u=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,u.get?u:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const n=$(B),_=typeof window<"u"?n.useLayoutEffect:n.useEffect;function R(e,t,l){if(l==null){e.removeAttribute(t);return}l?e.setAttribute(t,""):e.removeAttribute(t)}function N(e){return e.detail}const j=n.forwardRef(function({open:t,headless:l,disabled:u,readOnly:A,state:y,size:v,variant:C,tone:E,radius:s,iconPosition:M,closeOnEscape:w,onToggle:a,onChangeOpen:p,onToggleDetail:d,onChangeDetail:b,children:q,...P},k){const m=n.useRef(null);return n.useImperativeHandle(k,()=>m.current),n.useEffect(()=>{V.warnIfElementNotRegistered("ui-collapsible","Collapsible")},[]),_(()=>{const r=m.current;if(r)if(s!=null&&s!==""&&s!=="md"){let i=String(s);typeof s=="string"&&!s.includes("px")&&!s.includes("em")&&!s.includes("rem")?i={none:"0px",sm:"6px",md:"14px",lg:"20px",full:"9999px"}[s]||String(s):typeof s=="number"&&(i=`${s}px`),r.style.setProperty("--ui-collapsible-radius",i)}else r.style.removeProperty("--ui-collapsible-radius")},[s]),_(()=>{const r=m.current;if(!r)return;R(r,"open",t),R(r,"headless",l),R(r,"disabled",u),R(r,"readonly",A);const i=(c,f)=>{const o=r.getAttribute(c);if(f==null){o!=null&&r.removeAttribute(c);return}o!==f&&r.setAttribute(c,f)};i("state",y&&y!=="idle"?y:null),i("size",v&&v!=="md"?v:null),i("variant",C&&C!=="default"?C:null),i("tone",E&&E!=="neutral"?E:null),i("icon-position",M&&M!=="right"?M:null),i("close-on-escape",typeof w=="boolean"?w?"true":"false":null)},[t,l,u,A,y,v,C,E,s,M,w]),n.useEffect(()=>{const r=m.current;if(!r||!a&&!p&&!d&&!b)return;const i=f=>{const o=N(f);o&&(a==null||a(o.open),d==null||d(o))},c=f=>{const o=N(f);o&&(p==null||p(o.open),b==null||b(o))};return r.addEventListener("toggle",i),r.addEventListener("change",c),()=>{r.removeEventListener("toggle",i),r.removeEventListener("change",c)}},[a,p,d,b]),n.createElement("ui-collapsible",{ref:m,...P},q)});j.displayName="Collapsible";const L=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u,slot:"header"},t)});L.displayName="Collapsible.Header";const S=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u,slot:"caption"},t)});S.displayName="Collapsible.Caption";const x=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u,slot:"meta"},t)});x.displayName="Collapsible.Meta";const H=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u},t)});H.displayName="Collapsible.Content";const I=Object.assign(j,{Header:L,Caption:S,Meta:x,Content:H});exports.Collapsible=I;exports.default=I;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../src/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC"}
|