@adgytec/adgytec-web-ui-components 0.0.2
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/LICENSE +21 -0
- package/README.md +1 -0
- package/dist/App.d.ts +2 -0
- package/dist/Avatar-vPRORJSz.js +35 -0
- package/dist/Disclosure-Ca5ZAmfb.js +28 -0
- package/dist/DisclousreGroup-B6FGUjyO.js +9 -0
- package/dist/FieldError-CZn24fiL.js +17 -0
- package/dist/Input-KLfZufI4.js +33 -0
- package/dist/Link-CbLEp2fF.js +31 -0
- package/dist/MenuButton-BEwnL_jL.js +6 -0
- package/dist/MenuLabel-ClmuA9_6.js +43 -0
- package/dist/ModalAction-B3eX47ca.js +50 -0
- package/dist/ModalBase-DLaR_yid.js +28 -0
- package/dist/NavigationMenu-BjA8VR1X.js +47 -0
- package/dist/NavigationResponsive-D5y5iL5X.js +12 -0
- package/dist/NavigationSidebar-DqUwV4eC.js +35 -0
- package/dist/OutlinedButton-dMBAASb-.js +14 -0
- package/dist/OutlinedButtonLink-CzIaUCY6.js +36 -0
- package/dist/Popover-D3iGWJwQ.js +14 -0
- package/dist/Select-Dc9k8ybI.js +85 -0
- package/dist/Sidebar-Dk_3EG71.js +50 -0
- package/dist/TextArea-DBZO5z2H.js +33 -0
- package/dist/TextButton-EYzLjods.js +37 -0
- package/dist/Tooltip-DAYtebkl.js +27 -0
- package/dist/Tree-BwmYvUlr.js +35 -0
- package/dist/assets/Avatar.css +1 -0
- package/dist/assets/Disclosure.css +1 -0
- package/dist/assets/DisclousreGroup.css +1 -0
- package/dist/assets/FieldError.css +1 -0
- package/dist/assets/Input.css +1 -0
- package/dist/assets/Link.css +1 -0
- package/dist/assets/MenuLabel.css +1 -0
- package/dist/assets/ModalAction.css +1 -0
- package/dist/assets/ModalBase.css +1 -0
- package/dist/assets/NavigationMenu.css +1 -0
- package/dist/assets/NavigationSidebar.css +1 -0
- package/dist/assets/Popover.css +1 -0
- package/dist/assets/Select.css +1 -0
- package/dist/assets/Sidebar.css +1 -0
- package/dist/assets/TextArea.css +1 -0
- package/dist/assets/Tooltip.css +1 -0
- package/dist/assets/Tree.css +1 -0
- package/dist/assets/useSplash.css +1 -0
- package/dist/components/Avatar/Avatar.d.ts +2 -0
- package/dist/components/Avatar/index.d.ts +2 -0
- package/dist/components/Avatar/index.js +6 -0
- package/dist/components/Avatar/types.d.ts +32 -0
- package/dist/components/Button/Button.d.ts +2 -0
- package/dist/components/Button/ButtonLink.d.ts +2 -0
- package/dist/components/Button/FilledButton.d.ts +2 -0
- package/dist/components/Button/OutlinedButton.d.ts +2 -0
- package/dist/components/Button/TextButton.d.ts +2 -0
- package/dist/components/Button/index.d.ts +5 -0
- package/dist/components/Button/index.js +11 -0
- package/dist/components/Button/types.d.ts +28 -0
- package/dist/components/Disclosure/Disclosure/Disclosure.d.ts +2 -0
- package/dist/components/Disclosure/Disclosure/index.d.ts +2 -0
- package/dist/components/Disclosure/Disclosure/index.js +4 -0
- package/dist/components/Disclosure/Disclosure/types.d.ts +6 -0
- package/dist/components/Disclosure/DisclousureGroup/DisclousreGroup.d.ts +2 -0
- package/dist/components/Disclosure/DisclousureGroup/index.d.ts +2 -0
- package/dist/components/Disclosure/DisclousureGroup/index.js +4 -0
- package/dist/components/Disclosure/DisclousureGroup/types.d.ts +4 -0
- package/dist/components/Error/Error.d.ts +2 -0
- package/dist/components/Error/type.d.ts +4 -0
- package/dist/components/Form/FieldError/FieldError.d.ts +2 -0
- package/dist/components/Form/Input/Input.d.ts +2 -0
- package/dist/components/Form/Input/index.d.ts +2 -0
- package/dist/components/Form/Input/index.js +4 -0
- package/dist/components/Form/Input/types.d.ts +8 -0
- package/dist/components/Form/Label/Label.d.ts +2 -0
- package/dist/components/Form/TextArea/TextArea.d.ts +2 -0
- package/dist/components/Form/TextArea/index.d.ts +2 -0
- package/dist/components/Form/TextArea/index.js +4 -0
- package/dist/components/Form/TextArea/types.d.ts +8 -0
- package/dist/components/Link/FilledButtonLink.d.ts +2 -0
- package/dist/components/Link/Link.d.ts +2 -0
- package/dist/components/Link/OutlinedButtonLink.d.ts +2 -0
- package/dist/components/Link/index.d.ts +4 -0
- package/dist/components/Link/index.js +7 -0
- package/dist/components/Link/types.d.ts +7 -0
- package/dist/components/Menu/Menu.d.ts +2 -0
- package/dist/components/Menu/MenuButton.d.ts +2 -0
- package/dist/components/Menu/MenuLabel.d.ts +2 -0
- package/dist/components/Menu/index.d.ts +3 -0
- package/dist/components/Menu/index.js +6 -0
- package/dist/components/Menu/types.d.ts +19 -0
- package/dist/components/Modal/ModalAction/ModalAction.d.ts +2 -0
- package/dist/components/Modal/ModalAction/index.d.ts +2 -0
- package/dist/components/Modal/ModalAction/index.js +6 -0
- package/dist/components/Modal/ModalAction/types.d.ts +21 -0
- package/dist/components/Modal/ModalBase/ModalBase.d.ts +2 -0
- package/dist/components/Modal/ModalBase/index.d.ts +2 -0
- package/dist/components/Modal/ModalBase/index.js +4 -0
- package/dist/components/Modal/ModalBase/types.d.ts +9 -0
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/Modal/index.js +1 -0
- package/dist/components/Navigation/NavigationMenu/NavigationMenu.d.ts +2 -0
- package/dist/components/Navigation/NavigationMenu/index.d.ts +2 -0
- package/dist/components/Navigation/NavigationMenu/index.js +4 -0
- package/dist/components/Navigation/NavigationMenu/types.d.ts +5 -0
- package/dist/components/Navigation/NavigationResponsive/NavigationResponsive.d.ts +2 -0
- package/dist/components/Navigation/NavigationResponsive/index.d.ts +2 -0
- package/dist/components/Navigation/NavigationResponsive/index.js +4 -0
- package/dist/components/Navigation/NavigationResponsive/types.d.ts +10 -0
- package/dist/components/Navigation/NavigationSidebar/NavigationSidebar.d.ts +2 -0
- package/dist/components/Navigation/NavigationSidebar/index.d.ts +2 -0
- package/dist/components/Navigation/NavigationSidebar/index.js +4 -0
- package/dist/components/Navigation/NavigationSidebar/types.d.ts +9 -0
- package/dist/components/Navigation/index.d.ts +1 -0
- package/dist/components/Navigation/index.js +1 -0
- package/dist/components/Popover/Popover.d.ts +2 -0
- package/dist/components/Select/Select.d.ts +2 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Select/index.js +4 -0
- package/dist/components/Select/types.d.ts +20 -0
- package/dist/components/Sidebar/Sidebar.d.ts +2 -0
- package/dist/components/Sidebar/index.d.ts +2 -0
- package/dist/components/Sidebar/index.js +6 -0
- package/dist/components/Sidebar/types.d.ts +23 -0
- package/dist/components/Splash/Splash.d.ts +2 -0
- package/dist/components/Splash/types.d.ts +8 -0
- package/dist/components/Splash/useSplash.d.ts +6 -0
- package/dist/components/Tooltip/Tooltip.d.ts +2 -0
- package/dist/components/Tooltip/index.d.ts +1 -0
- package/dist/components/Tooltip/index.js +1 -0
- package/dist/components/Tooltip/types.d.ts +7 -0
- package/dist/components/Tree/Tree.d.ts +2 -0
- package/dist/components/Tree/index.d.ts +2 -0
- package/dist/components/Tree/index.js +4 -0
- package/dist/components/Tree/types.d.ts +7 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.js +54 -0
- package/dist/main.d.ts +0 -0
- package/dist/types-C1YOMbh5.js +4 -0
- package/dist/useSplash-DXNKEPAC.js +50 -0
- package/dist/utils/types.d.ts +61 -0
- package/dist/vite.svg +1 -0
- package/package.json +44 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as o, jsxs as l, Fragment as m } from "react/jsx-runtime";
|
|
2
|
+
import { u as $, a as c, B as f, s, S as u } from "./useSplash-DXNKEPAC.js";
|
|
3
|
+
import { Button as T } from "react-aria-components";
|
|
4
|
+
import { T as p } from "./Tooltip-DAYtebkl.js";
|
|
5
|
+
import { C as S } from "./types-C1YOMbh5.js";
|
|
6
|
+
const g = ({
|
|
7
|
+
variant: t,
|
|
8
|
+
theme: n = S.primary,
|
|
9
|
+
shape: a = c.rectangle,
|
|
10
|
+
description: B,
|
|
11
|
+
children: e,
|
|
12
|
+
...i
|
|
13
|
+
}) => {
|
|
14
|
+
const { coords: r, handlePress: h } = $(i.onPress), d = typeof e == "function";
|
|
15
|
+
return a === c.shrink && t !== f.text && (a = c.rectangle), /* @__PURE__ */ o(p, { theme: n, description: B, children: /* @__PURE__ */ o(
|
|
16
|
+
T,
|
|
17
|
+
{
|
|
18
|
+
...i,
|
|
19
|
+
className: i.className ?? `${s.button} ${s["button-link"]} ${s[t]} ${s[n]} ${s[a]}`,
|
|
20
|
+
onPress: h,
|
|
21
|
+
children: d ? (x) => /* @__PURE__ */ l(m, { children: [
|
|
22
|
+
r && /* @__PURE__ */ o(u, { ...r }),
|
|
23
|
+
e(x)
|
|
24
|
+
] }) : /* @__PURE__ */ l(m, { children: [
|
|
25
|
+
r && /* @__PURE__ */ o(u, { ...r }),
|
|
26
|
+
e
|
|
27
|
+
] })
|
|
28
|
+
}
|
|
29
|
+
) });
|
|
30
|
+
}, k = (t) => {
|
|
31
|
+
const { children: n } = t;
|
|
32
|
+
return /* @__PURE__ */ o(g, { ...t, variant: f.text, children: n });
|
|
33
|
+
};
|
|
34
|
+
export {
|
|
35
|
+
g as B,
|
|
36
|
+
k as T
|
|
37
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsxs as e, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { TooltipTrigger as i, Tooltip as _, OverlayArrow as c } from "react-aria-components";
|
|
3
|
+
import { C as g } from "./types-C1YOMbh5.js";
|
|
4
|
+
import './assets/Tooltip.css';const l = "_tooltip_xgkug_1", n = "_primary_xgkug_133", p = "_secondary_xgkug_153", u = "_tertiary_xgkug_163", m = "_error_xgkug_173", y = "_success_xgkug_193", o = {
|
|
5
|
+
tooltip: l,
|
|
6
|
+
"tooltip-arrow": "_tooltip-arrow_xgkug_53",
|
|
7
|
+
primary: n,
|
|
8
|
+
"primary-variant": "_primary-variant_xgkug_143",
|
|
9
|
+
secondary: p,
|
|
10
|
+
tertiary: u,
|
|
11
|
+
error: m,
|
|
12
|
+
"inverse-surface": "_inverse-surface_xgkug_183",
|
|
13
|
+
success: y
|
|
14
|
+
}, d = ({
|
|
15
|
+
children: t,
|
|
16
|
+
description: s,
|
|
17
|
+
theme: a = g.inverseSurface
|
|
18
|
+
}) => s ? /* @__PURE__ */ e(i, { delay: 500, children: [
|
|
19
|
+
t,
|
|
20
|
+
/* @__PURE__ */ e(_, { className: `${o.tooltip} ${o[a]}`, children: [
|
|
21
|
+
/* @__PURE__ */ r(c, { className: `${o["tooltip-arrow"]}`, children: /* @__PURE__ */ r("svg", { viewBox: "0 0 8 8", children: /* @__PURE__ */ r("path", { d: "M0 0 L4 4 L8 0" }) }) }),
|
|
22
|
+
s
|
|
23
|
+
] })
|
|
24
|
+
] }) : t;
|
|
25
|
+
export {
|
|
26
|
+
d as T
|
|
27
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as t, Fragment as u, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import { Tree as p, TreeItem as h, TreeItemContent as l } from "react-aria-components";
|
|
3
|
+
import { ChevronRight as T } from "lucide-react";
|
|
4
|
+
import './assets/Tree.css';const b = "_tree_1hbk9_1", o = {
|
|
5
|
+
tree: b,
|
|
6
|
+
"tree-item": "_tree-item_1hbk9_11"
|
|
7
|
+
}, a = ({ item: e }) => {
|
|
8
|
+
if (e.type === "separator") return /* @__PURE__ */ t(u, {});
|
|
9
|
+
const r = e.type === "link", c = e.type === "button", d = e.type === "item-node", i = e.active;
|
|
10
|
+
return /* @__PURE__ */ s(
|
|
11
|
+
h,
|
|
12
|
+
{
|
|
13
|
+
textValue: e.id,
|
|
14
|
+
target: e.target,
|
|
15
|
+
onAction: e.onPress,
|
|
16
|
+
href: e.href,
|
|
17
|
+
className: o["tree-item"],
|
|
18
|
+
...r && { "data-link": !0 },
|
|
19
|
+
...c && { "data-button": !0 },
|
|
20
|
+
...d && { "data-node": !0 },
|
|
21
|
+
...i && { "data-active": !0 },
|
|
22
|
+
children: [
|
|
23
|
+
/* @__PURE__ */ s(l, { children: [
|
|
24
|
+
e.node,
|
|
25
|
+
e.subItems && /* @__PURE__ */ t(T, { strokeWidth: 3 })
|
|
26
|
+
] }),
|
|
27
|
+
e.subItems && e.subItems.map((n) => /* @__PURE__ */ t(a, { item: n }, n.id))
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
e.id
|
|
31
|
+
);
|
|
32
|
+
}, _ = ({ items: e }) => /* @__PURE__ */ t(p, { className: o.tree, children: e.map((r) => /* @__PURE__ */ t(a, { item: r }, r.id)) });
|
|
33
|
+
export {
|
|
34
|
+
_ as T
|
|
35
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._avatar_hl5i2_1{--_base-inline-size: 1rem;--_base-font-size: 1rem;--_inline-size: calc( var(--_base-inline-size) * var(--_inline-size-multiplier) );--_font-size: calc(var(--_base-font-size) * var(--_font-multiplier));inline-size:var(--_inline-size);font-size:var(--_font-size);aspect-ratio:1/1;border-radius:var(--radius-circular);overflow:hidden}._node_hl5i2_37{display:flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase;background-color:var(--_avatar-bg);color:var(--_avatar-color)}._image_hl5i2_61 img{-o-object-fit:cover;object-fit:cover;inline-size:100%;block-size:100%}._small_hl5i2_79{--_inline-size-multiplier: 2;--_font-multiplier: .875}._normal_hl5i2_89{--_inline-size-multiplier: 2.5;--_font-multiplier: 1}._large_hl5i2_99{--_inline-size-multiplier: 3;--_font-multiplier: 1.125}._primary_hl5i2_111{--_avatar-bg: var(--color-primary);--_avatar-color: var(--color-on-primary)}._primary-variant_hl5i2_121{--_avatar-bg: var(--color-primary-variant);--_avatar-color: var(--color-on-primary-variant)}._secondary_hl5i2_131{--_avatar-bg: var(--color-secondary);--_avatar-color: var(--color-on-secondary)}._tertiary_hl5i2_141{--_avatar-bg: var(--color-tertiary);--_avatar-color: var(--color-on-tertiary)}._error_hl5i2_151{--_avatar-bg: var(--color-error);--_avatar-color: var(--color-on-error)}._inverse-surface_hl5i2_161{--_avatar-bg: var(--color-inverse-surface);--_avatar-color: var(--color-inverse-on-surface)}._success_hl5i2_171{--_avatar-bg: var(--color-success);--_avatar-color: var(--color-on-success)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._disclosure_1cz7p_1{display:grid;gap:.5rem}._disclosure_1cz7p_1[data-expanded] svg{rotate:90deg}._trigger_1cz7p_23{font-size:var(--_trigger-font-size, 1.125rem)}._trigger_1cz7p_23 [slot=trigger]{display:flex;align-items:center;gap:.5rem}._trigger_1cz7p_23 svg{width:.875em;transition:rotate .25s}._panel_1cz7p_55{font-size:var(--_panel-font-size)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._disclosure-group_vh6v0_1{display:grid;gap:1rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._label_1ladm_1{font-weight:500}._error_srqbn_1{font-size:.875rem;color:var(--color-error)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._input_sezs4_1{display:grid;gap:.25rem}._editor_sezs4_11{font-weight:500;border-radius:var(--radius);padding-inline:.625em;padding-block:.625em;max-inline-size:100%;border-style:solid;background-color:var(--color-surface-container-highest);color:var(--color-on-surface)}._editor_sezs4_11[data-invalid]{border-color:var(--color-error)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._link_1nmvo_1{--_link-text: transparent;--_color: var(--_link-text);cursor:pointer;font-weight:500;text-underline-offset:.125em;text-decoration-thickness:.075em;text-decoration-color:transparent;color:var(--_color);transition:color .25s,text-decoration-color .25s}._link_1nmvo_1[data-hovered=true],._link_1nmvo_1[data-focused=true]{--_color: hsl(from var(--_link-text) h s calc(l + 10) );text-decoration-color:currentColor}._link_1nmvo_1[data-pressed=true]{--_color: hsl(from var(--_link-text) h s calc(l - 5) )}._link_1nmvo_1[data-underline]{text-decoration-color:currentColor}._primary_1nmvo_65{--_link-text: var(--color-primary)}._primary-variant_1nmvo_73{--_link-text: var(--color-primary-variant)}._secondary_1nmvo_81{--_link-text: var(--color-secondary)}._tertiary_1nmvo_89{--_link-text: var(--color-tertiary)}._error_1nmvo_97{--_link-text: var(--color-error)}._inverse-surface_1nmvo_105{--_link-text: var(--color-inverse-surface)}._success_1nmvo_113{--_link-text: var(--color-success)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._menu_c70ku_1{display:grid;gap:.5rem;border-radius:inherit}._menu-item_c70ku_13{inline-size:100%;display:grid;border-radius:inherit}._menu-item_c70ku_13:not(._item-node_c70ku_23){padding-block:.375rem;padding-inline:.5rem;color:var(--_item-text);background-color:var(--_item-color);text-decoration:none;cursor:pointer}._menu-item_c70ku_13:not(._item-node_c70ku_23)[data-has-submenu]{display:flex;gap:.25rem;align-items:center;justify-content:space-between}._menu-item_c70ku_13:not(._item-node_c70ku_23)[data-hovered],._menu-item_c70ku_13:not(._item-node_c70ku_23)[data-focused],._menu-item_c70ku_13:not(._item-node_c70ku_23)[data-open]{--_item-color: hsl(from var(--_popover-bg) h s calc(l + 10) );--_item-text: hsl(from var(--_popover-text) h s calc(l + 10) )}._menu-item_c70ku_13:not(._item-node_c70ku_23)[data-selected]{--_item-color: hsl(from var(--_popover-bg) h s calc(l - 10) );--_item-text: hsl(from var(--_popover-text) h s calc(l - 10) )}._separator_c70ku_85{background-color:var(--color-outline);block-size:.075rem;margin-block:.25rem}._pressable_c70ku_99{display:flex;align-items:center;gap:.25rem;cursor:pointer}._pressable_c70ku_99 svg{width:.875em}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._modal_fqn0t_1{display:grid;gap:1.5rem}._modal-header_fqn0t_11{font-size:clamp(1.5rem,1.75vi,1.75rem)}._modal-content_fqn0t_19{display:grid;gap:.75rem}._modal-action_fqn0t_29{display:flex;gap:1rem;align-items:center}._modal-action_fqn0t_29._end_fqn0t_39{flex-direction:row-reverse;justify-content:end}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._modal-overlay_nlxyg_1{background-color:hsl(from var(--color-surface) h s l / .5);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);position:fixed;inset:0;display:flex;align-items:center;justify-content:center}._modal-overlay_nlxyg_1[data-entering]{animation:_modal-fade_nlxyg_1 .2s}._modal-overlay_nlxyg_1[data-exiting]{animation:_modal-fade_nlxyg_1 .15s reverse ease-in}._modal_nlxyg_1{--_modal-bg: var(--color-surface-container);--_modal-text: var(--colol-on-surface);max-inline-size:min(90dvi,60rem);max-block-size:90dvb;overflow:scroll;border-radius:var(--radius);box-shadow:var(--elevation-1);padding-inline:clamp(1rem,2vi,1.5rem);padding-block:clamp(1rem,2vi,1.5rem);background-color:var(--_modal-bg);color:var(--_modal-text)}._modal_nlxyg_1[data-entering]{animation:_modal-zoom_nlxyg_1 .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes _modal-fade_nlxyg_1{0%{opacity:0}to{opacity:1}}@keyframes _modal-zoom_nlxyg_1{0%{transform:scale(.8)}to{transform:scale(1)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._menu_sata7_1{display:flex;gap:1rem;align-items:center;justify-content:space-between;font-size:1.125rem}._menu_sata7_1>*{flex-shrink:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._nav_15psm_1{--_tree-font-size: 1.25rem;--_tree-gap: 1.5em;display:grid}._close_15psm_15{display:flex;justify-content:end;position:sticky;inset-block-start:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._popover_1o45j_1{--_popover-bg: var(--color-surface-container);--_popover-color: var(--colol-on-surface);background-color:var(--_popover-bg);color:var(--_popover-color);padding-inline:.5em;padding-block:.5em;overflow:scroll;max-inline-size:min(90vi,50rem);min-inline-size:min(25vi,10rem);box-shadow:var(--elevation-2);border-radius:var(--radius);transition:transform .25s,opacity .25s;transform:translateZ(0)}._popover_1o45j_1[data-placement=bottom]{--_origin: translateY(-.25rem)}._popover_1o45j_1[data-placement=top]{--_origin: translateY(.25rem)}._popover_1o45j_1[data-placement=right]{--_origin: translateX(-.25rem)}._popover_1o45j_1[data-placement=left]{--_origin: translateX(.25rem)}._popover_1o45j_1[data-entering],._popover_1o45j_1[data-exiting]{transform:var(--_origin);opacity:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._select_3q7jl_1{display:grid;gap:.25rem}._selected-value_3q7jl_11 ._option-description_3q7jl_13{display:none}._selected-value_3q7jl_11[data-placeholder]{font-style:italic}._trigger_3q7jl_31{display:flex;align-items:center;gap:.75rem;justify-content:space-between}._options-list_3q7jl_45{display:grid;gap:1rem;border-radius:inherit}._options-item-group_3q7jl_57{display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;border-radius:inherit;padding-inline:.75rem;padding-block:.5rem;color:var(--_item-text);background-color:var(--_item-color);transition:background-color .25s,color .25s}._options-item-group_3q7jl_57[data-hovered],._options-item-group_3q7jl_57[data-focused]{--_item-color: hsl(from var(--_popover-bg) h s calc(l + 10) );--_item-text: hsl(from var(--_popover-text) h s calc(l + 10) )}._options-item-group_3q7jl_57[data-selected]{--_item-color: hsl(from var(--_popover-bg) h s calc(l - 10) );--_item-text: hsl(from var(--_popover-text) h s calc(l - 10) )}._options-item_3q7jl_57{display:grid;gap:.25em}._options-item_3q7jl_57 ._option-description_3q7jl_13{font-size:.875em;font-style:italic}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._modal-overlay_1vuul_1{--_animation-duration: .3s;background-color:hsl(from var(--color-surface) h s l / .5);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);position:fixed;inset:0}._modal-overlay_1vuul_1[data-entering]{animation:_modal-fade_1vuul_1 var(--_animation-duration)}._modal-overlay_1vuul_1[data-exiting]{animation:_modal-fade_1vuul_1 var(--_animation-duration) reverse ease-in}._modal_1vuul_1{--_modal-bg: var(--color-surface-container);--_modal-text: var(--colol-on-surface);--_border-width: .025rem;position:fixed;overflow:scroll;inset-inline-start:var(--_inline-start);inset-block-start:var(--_block-start);inset-inline-end:var(--_inline-end);inset-block-end:var(--_block-end);padding-inline:clamp(1.5rem,2.25vi,2rem);padding-block:clamp(1.5rem,2.25vi,2rem);background-color:var(--_modal-bg);color:var(--_modal-text);border-width:0;border-style:solid;border-color:var(--color-outline);box-shadow:var(--elevation-1)}._modal_1vuul_1[data-entering]{animation-duration:var(--_animation-duration);animation-name:var(--_slide-animation)}._modal_1vuul_1[data-exiting]{animation-duration:var(--_animation-duration);animation-timing-function:ease-in;animation-name:var(--_slide-animation);animation-direction:reverse}._inline-start_1vuul_117{--_inline-start: 0;--_block-start: 0;--_block-end: 0;--_inline-end: var(--_size);--_from: -100%;--_slide-animation: _inline-slide_1vuul_1;border-inline-end-width:var(--_border-width);border-start-end-radius:var(--radius-sidebar);border-end-end-radius:var(--radius-sidebar)}._inline-end_1vuul_145{--_inline-end: 0;--_block-start: 0;--_block-end: 0;--_inline-start: var(--_size);--_from: 100%;--_slide-animation: _inline-slide_1vuul_1;border-inline-start-width:var(--_border-width);border-start-start-radius:var(--radius-sidebar);border-end-start-radius:var(--radius-sidebar)}._block-start_1vuul_173{--_inline-end: 0;--_inline-start: 0;--_block-start: 0;--_block-end: var(--_size);--_from: -100%;--_slide-animation: _block-slide_1vuul_1;border-block-end-width:vaR(--_border-width);border-end-start-radius:var(--radius-sidebar);border-end-end-radius:var(--radius-sidebar)}._block-end_1vuul_201{--_inline-end: 0;--_inline-start: 0;--_block-end: 0;--_block-start: var(--_size);--_from: 100%;--_slide-animation: _block-slide_1vuul_1;border-block-start-width:vaR(--_border-width);border-start-end-radius:var(--radius-sidebar);border-start-start-radius:var(--radius-sidebar)}@keyframes _modal-fade_1vuul_1{0%{opacity:0}to{opacity:1}}@keyframes _inline-slide_1vuul_1{0%{transform:translate(var(--_from))}to{transform:translate(0)}}@keyframes _block-slide_1vuul_1{0%{transform:translateY(var(--_from))}to{transform:translateY(0)}}._full_1vuul_291{--_size: 0;border-radius:0;border:none}._three-quarters_1vuul_305{--_size: 25%}._half_1vuul_313{--_size: 50%}._quarter_1vuul_321{--_size: 75%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._textarea_1fx5i_1{display:grid;gap:.25rem}._editor_1fx5i_11{font-weight:500;border-radius:var(--radius);padding-inline:.625em;padding-block:.625em;max-inline-size:100%;border-style:solid;background-color:var(--color-surface-container-highest);color:var(--color-on-surface);resize:vertical;max-height:15rem}._editor_1fx5i_11[data-invalid]{border-color:var(--color-error)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._tooltip_xgkug_1{font-size:.875rem;text-align:center;background-color:var(--_bg);color:var(--_color);padding-inline:.75em;padding-block:.5em;outline:none;max-width:15rem;margin:.625rem;border-radius:var(--radius);box-shadow:var(--elevation-1);transition:transform .25s,opacity .25s;transform:translateZ(0)}._tooltip_xgkug_1[data-placement=bottom]{--_origin: translateY(-.25rem)}._tooltip_xgkug_1[data-placement=bottom] ._tooltip-arrow_xgkug_53 svg{rotate:180deg}._tooltip_xgkug_1[data-placement=top]{--_origin: translateY(.25rem)}._tooltip_xgkug_1[data-placement=right]{--_origin: translateX(-.25rem)}._tooltip_xgkug_1[data-placement=right] ._tooltip-arrow_xgkug_53 svg{rotate:90deg}._tooltip_xgkug_1[data-placement=left]{--_origin: translateX(.25rem)}._tooltip_xgkug_1[data-placement=left] ._tooltip-arrow_xgkug_53 svg{rotate:-90deg}._tooltip_xgkug_1[data-entering],._tooltip_xgkug_1[data-exiting]{transform:var(--_origin);opacity:0}._tooltip-arrow_xgkug_53 svg{display:block;fill:var(--_bg);inline-size:.625rem;aspect-ratio:1/1}._primary_xgkug_133{--_bg: var(--color-primary-container);--_color: var(--color-on-primary-container)}._primary-variant_xgkug_143{--_bg: var(--color-primary-variant-container);--_color: var(--color-on-primary-variant-container)}._secondary_xgkug_153{--_bg: var(--color-secondary-container);--_color: var(--color-on-secondary-container)}._tertiary_xgkug_163{--_bg: var(--color-tertiary-container);--_color: var(--color-on-tertiary-container)}._error_xgkug_173{--_bg: var(--color-error-container);--_color: var(--color-on-error-container)}._inverse-surface_xgkug_183{--_bg: var(--color-surface-container);--_color: var(--color-on-surface)}._success_xgkug_193{--_bg: var(--color-success-container);--_color: var(--color-on-success-container)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._tree_1hbk9_1{display:grid;gap:var(--_tree-gap, 1em)}._tree-item_1hbk9_11{display:flex;align-items:center;gap:.5em;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;font-size:var(--_tree-font-size, 1rem);cursor:context-menu;padding-inline-start:calc(calc(var(--tree-item-level) - 1) * 1em);transition:text-decoration-color .25s}._tree-item_1hbk9_11[data-active]{color:var(--color-primary)}._tree-item_1hbk9_11:not([data-node]){cursor:pointer}._tree-item_1hbk9_11[data-link][data-hovered],._tree-item_1hbk9_11[data-link][data-focus-visible]{text-decoration-color:currentColor}._tree-item_1hbk9_11 svg{transition:rotate .25s;width:.875em}._tree-item_1hbk9_11[data-expanded] svg{rotate:90deg}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._button_127bq_1{--_button-color: transparent;--_button-text: transparent;--_border-color: var(--_button-color);border-radius:var(--_radius);cursor:pointer;border:.125rem solid var(--_border-color);font-weight:500;text-align:center;padding-inline:var(--_pi);padding-block:var(--_pb);background-color:var(--_bg);color:var(--_color);position:relative;overflow:hidden;transition:background-color .25s,color .25s}._button_127bq_1[data-hovered],._button_127bq_1[data-focused]{--_bg: hsl(from var(--_button-color) h s calc(l + 10) );--_color: hsl(from var(--_button-text) h s calc(l + 10) )}._button_127bq_1[data-pressed]{--_bg: hsl(from var(--_button-color) h s calc(l - 5) );--_color: hsl(from var(--_button-text) h s calc(l - 5) )}._button-link_127bq_73{text-underline-offset:.125em;text-decoration-thickness:.075em;text-decoration-color:transparent}._button-link_127bq_73[data-hovered],._button-link_127bq_73[data-focused],._button-link_127bq_73[data-underline]{text-decoration-color:currentColor}._square_127bq_105{--_pi: .625em;--_pb: .625em;aspect-ratio:1/1;--_radius: var(--radius-circular)}._avatar_127bq_121{--_pi: .125em;--_pb: .125em;aspect-ratio:1/1;--_radius: var(--radius-circular)}._rectangle_127bq_137{--_pi: 1.125em;--_pb: .625em;--_radius: var(--radius-button)}._shrink_127bq_149{--_pi: 0;--_pb: 0}._primary_127bq_161{--_button-color: var(--color-primary);--_button-text: var(--color-on-primary)}._primary-variant_127bq_171{--_button-color: var(--color-primary-variant);--_button-text: var(--color-on-primary-variant)}._secondary_127bq_181{--_button-color: var(--color-secondary);--_button-text: var(--color-on-secondary)}._tertiary_127bq_191{--_button-color: var(--color-tertiary);--_button-text: var(--color-on-tertiary)}._error_127bq_201{--_button-color: var(--color-error);--_button-text: var(--color-on-error)}._inverse-surface_127bq_211{--_button-color: var(--color-inverse-surface);--_button-text: var(--color-inverse-on-surface)}._success_127bq_221{--_button-color: var(--color-success);--_button-text: var(--color-on-success)}._filled_127bq_233{--_bg: var(--_button-color);--_color: var(--_button-text)}._outlined_127bq_243{--_bg: transparent;--_color: var(--_button-color)}._text_127bq_253{--_bg: transparent;--_border-color: transparent;--_color: var(--_button-color)}._splash_zhwi0_1{position:absolute;inline-size:25%;aspect-ratio:1/1;border-radius:50%;background-color:hsl(from var(--color-surface-variant) h s l / .5);animation:_ripple_zhwi0_1 .5s linear;opacity:0}@keyframes _ripple_zhwi0_1{0%{scale:0;opacity:1}to{scale:8;opacity:0}}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ColorTheme } from '../../utils/types';
|
|
3
|
+
export declare enum AvatarSize {
|
|
4
|
+
small = "small",
|
|
5
|
+
normal = "normal",
|
|
6
|
+
large = "large"
|
|
7
|
+
}
|
|
8
|
+
export declare enum AvatarType {
|
|
9
|
+
image = "image",
|
|
10
|
+
node = "node"
|
|
11
|
+
}
|
|
12
|
+
interface AvatarRootProps {
|
|
13
|
+
size?: AvatarSize;
|
|
14
|
+
label?: string;
|
|
15
|
+
theme?: ColorTheme;
|
|
16
|
+
}
|
|
17
|
+
interface AvatarWithSrc extends AvatarRootProps {
|
|
18
|
+
src: string;
|
|
19
|
+
children?: never;
|
|
20
|
+
}
|
|
21
|
+
interface AvatarWithChildren extends AvatarRootProps {
|
|
22
|
+
src?: never;
|
|
23
|
+
children: string;
|
|
24
|
+
}
|
|
25
|
+
export type AvatarProps = AvatarWithSrc | AvatarWithChildren;
|
|
26
|
+
export interface AvatarBaseProps {
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
size: AvatarSize;
|
|
29
|
+
type: AvatarType;
|
|
30
|
+
theme: ColorTheme;
|
|
31
|
+
}
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { B as a, T as n } from "../../TextButton-EYzLjods.js";
|
|
2
|
+
import { a as e, B as r } from "../../useSplash-DXNKEPAC.js";
|
|
3
|
+
import { F as s, O as p } from "../../OutlinedButton-dMBAASb-.js";
|
|
4
|
+
export {
|
|
5
|
+
a as Button,
|
|
6
|
+
e as ButtonShape,
|
|
7
|
+
r as ButtonVariant,
|
|
8
|
+
s as FilledButton,
|
|
9
|
+
p as OutlinedButton,
|
|
10
|
+
n as TextButton
|
|
11
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ColorTheme } from '../../utils/types';
|
|
2
|
+
import { ButtonProps as AriaButtonProps, LinkProps } from 'react-aria-components';
|
|
3
|
+
export declare enum ButtonVariant {
|
|
4
|
+
filled = "filled",
|
|
5
|
+
outlined = "outlined",
|
|
6
|
+
text = "text"
|
|
7
|
+
}
|
|
8
|
+
export declare enum ButtonShape {
|
|
9
|
+
rectangle = "rectangle",
|
|
10
|
+
square = "square",
|
|
11
|
+
avatar = "avatar",
|
|
12
|
+
shrink = "shrink"
|
|
13
|
+
}
|
|
14
|
+
export interface ButtonProps extends ButtonVariantProps {
|
|
15
|
+
variant: ButtonVariant;
|
|
16
|
+
}
|
|
17
|
+
export interface ButtonVariantProps extends AriaButtonProps {
|
|
18
|
+
theme?: ColorTheme;
|
|
19
|
+
shape?: ButtonShape;
|
|
20
|
+
description?: string;
|
|
21
|
+
}
|
|
22
|
+
export interface ButtonLinkProps extends LinkProps {
|
|
23
|
+
theme?: ColorTheme;
|
|
24
|
+
variant?: ButtonVariant;
|
|
25
|
+
shape?: ButtonShape;
|
|
26
|
+
description?: string;
|
|
27
|
+
underline?: boolean;
|
|
28
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TextFieldProps, InputProps as AriaInputProps, LabelProps, FieldErrorProps } from 'react-aria-components';
|
|
2
|
+
export interface InputProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
textFieldProps?: TextFieldProps;
|
|
5
|
+
inputProps?: AriaInputProps;
|
|
6
|
+
labelProps?: LabelProps;
|
|
7
|
+
fieldErrorProps?: FieldErrorProps;
|
|
8
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TextFieldProps, TextAreaProps as AriaTextAreaProps, LabelProps, FieldErrorProps } from 'react-aria-components';
|
|
2
|
+
export interface TextAreaProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
textFieldProps?: TextFieldProps;
|
|
5
|
+
textAreaProps?: AriaTextAreaProps;
|
|
6
|
+
labelProps?: LabelProps;
|
|
7
|
+
fieldErrorProps?: FieldErrorProps;
|
|
8
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { HierarchyItemType } from '../../utils/types';
|
|
3
|
+
import { ButtonVariantProps } from '../Button/types';
|
|
4
|
+
export interface MenuProps {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
menuItems: HierarchyItemType[];
|
|
7
|
+
}
|
|
8
|
+
export interface MenuButtonProps {
|
|
9
|
+
children: ReactElement<ButtonVariantProps>;
|
|
10
|
+
menuItems: HierarchyItemType[];
|
|
11
|
+
}
|
|
12
|
+
export interface MenuLabelProps {
|
|
13
|
+
children: ReactNode;
|
|
14
|
+
description?: string;
|
|
15
|
+
menuItems: HierarchyItemType[];
|
|
16
|
+
}
|
|
17
|
+
export interface RenderMenuProps {
|
|
18
|
+
menuItem: HierarchyItemType;
|
|
19
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { ButtonVariantProps } from '../../Button/types';
|
|
3
|
+
import { DialogRenderProps } from 'react-aria-components';
|
|
4
|
+
export declare enum ModalActionPlacement {
|
|
5
|
+
start = "start",
|
|
6
|
+
end = "end"
|
|
7
|
+
}
|
|
8
|
+
export declare enum ModalCloseText {
|
|
9
|
+
close = "Close",
|
|
10
|
+
cancel = "Cancel"
|
|
11
|
+
}
|
|
12
|
+
export interface ModalActionProps {
|
|
13
|
+
trigger: ReactElement<ButtonVariantProps>;
|
|
14
|
+
header?: string;
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
actionPlacement?: ModalActionPlacement;
|
|
17
|
+
modalAction: ReactElement<ButtonVariantProps> | ((opts: DialogRenderProps) => ReactElement<ButtonVariantProps>);
|
|
18
|
+
closeText?: ModalCloseText;
|
|
19
|
+
isDismissable?: boolean;
|
|
20
|
+
isKeyboardDismissableDisabled?: boolean;
|
|
21
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { ButtonVariantProps } from '../../Button/types';
|
|
3
|
+
import { DialogRenderProps } from 'react-aria-components';
|
|
4
|
+
export interface ModalBaseProps {
|
|
5
|
+
trigger: ReactElement<ButtonVariantProps>;
|
|
6
|
+
children: ReactNode | ((opts: DialogRenderProps) => ReactNode);
|
|
7
|
+
isDismissable?: boolean;
|
|
8
|
+
isKeyboardDismissableDisabled?: boolean;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|