@lazar-ui/kit 0.6.1 → 0.6.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/CHANGELOG.md +15 -0
- package/dist/accordion.css +1 -1
- package/dist/accordion.js +62 -23
- package/dist/dialog.css +1 -1
- package/dist/dialog.js +62 -44
- package/dist/drawer.css +1 -1
- package/dist/drawer.js +93 -72
- package/dist/heading.js +31 -5
- package/dist/input.js +124 -86
- package/dist/menu.css +1 -1
- package/dist/menu.js +81 -63
- package/dist/separator.css +1 -0
- package/dist/separator.d.ts +21 -1
- package/dist/separator.js +22 -2
- package/dist/table.css +1 -1
- package/dist/table.js +74 -25
- package/dist/tabs.css +1 -1
- package/dist/tabs.js +73 -34
- package/dist/text.js +48 -6
- package/package.json +1 -1
- package/dist/Actions-Cii4AnwJ.mjs +0 -12
- package/dist/Actions.css +0 -1
- package/dist/ActiveFilters-BJojmc-d.mjs +0 -29
- package/dist/ActiveFilters.css +0 -1
- package/dist/Cell-BPBvEyeL.mjs +0 -21
- package/dist/Cell.css +0 -1
- package/dist/Content-1kg0isb_.mjs +0 -12
- package/dist/Content.css +0 -1
- package/dist/Context-BjkJbHVo.mjs +0 -6
- package/dist/Group-DyDpeqOP.mjs +0 -16
- package/dist/Group.css +0 -1
- package/dist/Header-Clhgyr0J.mjs +0 -29
- package/dist/Header.css +0 -1
- package/dist/Heading-CL47Fqe7.mjs +0 -30
- package/dist/InputBase-BHZWQT9-.mjs +0 -46
- package/dist/Item-CBYGbEHN.mjs +0 -47
- package/dist/Item.css +0 -1
- package/dist/Panel-B-LZtrGB.mjs +0 -11
- package/dist/Row-BfI8268z.mjs +0 -15
- package/dist/Row.css +0 -1
- package/dist/Separator-FETQ3gHZ.mjs +0 -9
- package/dist/Separator.css +0 -1
- package/dist/Tab-BfpR10OT.mjs +0 -38
- package/dist/Tab.css +0 -1
- package/dist/Text-DQPy-DZ5.mjs +0 -46
- package/dist/Title-xHMuJWGl.mjs +0 -12
- package/dist/Title.css +0 -1
- package/dist/Toolbar-BJQy4qFI.mjs +0 -11
- package/dist/Toolbar.css +0 -1
- package/dist/Trigger-C_4De6l1.mjs +0 -11
- package/dist/actions.d.ts +0 -13
- package/dist/actions.js +0 -4
- package/dist/active-filters.d.ts +0 -35
- package/dist/active-filters.js +0 -4
- package/dist/cell.d.ts +0 -20
- package/dist/cell.js +0 -4
- package/dist/content.d.ts +0 -8
- package/dist/content.js +0 -4
- package/dist/context.d.ts +0 -17
- package/dist/context.js +0 -5
- package/dist/enums-BnuDYTua.mjs +0 -4
- package/dist/enums-DUZMBQDd.mjs +0 -7
- package/dist/enums-DfSzOa3x.mjs +0 -4
- package/dist/enums-OoI2Qgqq.mjs +0 -14
- package/dist/group.d.ts +0 -12
- package/dist/group.js +0 -4
- package/dist/header.d.ts +0 -21
- package/dist/header.js +0 -4
- package/dist/input-base.d.ts +0 -29
- package/dist/input-base.js +0 -4
- package/dist/item.d.ts +0 -42
- package/dist/item.js +0 -4
- package/dist/panel.d.ts +0 -9
- package/dist/panel.js +0 -4
- package/dist/row.d.ts +0 -12
- package/dist/row.js +0 -4
- package/dist/tab.d.ts +0 -30
- package/dist/tab.js +0 -4
- package/dist/title.d.ts +0 -8
- package/dist/title.js +0 -4
- package/dist/toolbar.d.ts +0 -20
- package/dist/toolbar.js +0 -4
- package/dist/trigger.d.ts +0 -8
- package/dist/trigger.js +0 -4
- package/dist/typography.d.ts +0 -126
- package/dist/typography.js +0 -6
- /package/dist/{Heading.css → heading.css} +0 -0
- /package/dist/{InputBase.css → input.css} +0 -0
- /package/dist/{Text.css → text.css} +0 -0
package/dist/Tab-BfpR10OT.mjs
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsx as u } from "react/jsx-runtime";
|
|
2
|
-
import f from "clsx";
|
|
3
|
-
import { E as p, u as x } from "./enums-OoI2Qgqq.mjs";
|
|
4
|
-
import "react";
|
|
5
|
-
import { g as C } from "./getVariantClassName-DoCNtwBw.mjs";
|
|
6
|
-
import './Tab.css';const I = "_root_11zii_1", T = "_disabled_11zii_5", z = "_variantDefault_11zii_9", g = "_active_11zii_22", B = "_variantButtons_11zii_26", i = {
|
|
7
|
-
root: I,
|
|
8
|
-
disabled: T,
|
|
9
|
-
variantDefault: z,
|
|
10
|
-
active: g,
|
|
11
|
-
variantButtons: B
|
|
12
|
-
}, N = (o) => {
|
|
13
|
-
const { disabled: t = !1, label: s, index: a = 0, tabIndex: n = 0 } = o, { activeIndex: r, getPanelId: c, getTabId: l, setActiveTab: d, variant: b } = x(), v = c(a), _ = l(a), e = r === a, m = f(i.root, C("variant", b, i), {
|
|
14
|
-
[i.active]: e,
|
|
15
|
-
[i.disabled]: t
|
|
16
|
-
});
|
|
17
|
-
return /* @__PURE__ */ u(
|
|
18
|
-
"button",
|
|
19
|
-
{
|
|
20
|
-
"aria-selected": e,
|
|
21
|
-
"aria-controls": v,
|
|
22
|
-
"aria-disabled": t,
|
|
23
|
-
className: m,
|
|
24
|
-
disabled: t,
|
|
25
|
-
id: _,
|
|
26
|
-
onClick: () => {
|
|
27
|
-
t || d(a);
|
|
28
|
-
},
|
|
29
|
-
role: "tab",
|
|
30
|
-
tabIndex: t ? -1 : n,
|
|
31
|
-
children: s
|
|
32
|
-
}
|
|
33
|
-
);
|
|
34
|
-
};
|
|
35
|
-
N.displayName = `${p.TAB}`;
|
|
36
|
-
export {
|
|
37
|
-
N as T
|
|
38
|
-
};
|
package/dist/Tab.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._root_11zii_1{position:relative;-webkit-user-select:none;user-select:none}._root_11zii_1._disabled_11zii_5{color:var(--tab-text-disabled);cursor:not-allowed}._root_11zii_1._variantDefault_11zii_9{border-bottom:2px solid transparent;color:var(--tab-text);font-size:var(--lui-font-size-md);font-weight:var(--lui-font-weight-medium);line-height:var(--line-height-md);padding:var(--lui-space-3) var(--lui-space-5);transition:border-color .3s,color .3s;white-space:nowrap}._root_11zii_1._variantDefault_11zii_9:focus{border-color:var(--tab-text-active)}._root_11zii_1._variantDefault_11zii_9._active_11zii_22{border-color:var(--tab-border-active);color:var(--tab-text-active)}._root_11zii_1._variantButtons_11zii_26{align-items:center;background:var(--tab-bg-buttons);border-radius:var(--tab-radius-buttons);color:var(--tab-text-buttons);display:flex;flex:1;flex-direction:column;font-size:var(--tab-font-buttons);font-weight:var(--lui-font-weight-medium);gap:var(--tab-gap-buttons);height:64px;justify-content:center;line-height:var(--line-height-md);max-width:320px;padding:var(--tab-padding-y-buttons) var(--tab-padding-x-buttons)}._root_11zii_1._variantButtons_11zii_26:focus{box-shadow:0 0 0 2px #98a2b324}._root_11zii_1._variantButtons_11zii_26._active_11zii_22{background:var(--tab-bg-buttons-active);color:var(--tab-text-buttons-active)}@media only screen and (max-width:1023px){._root_11zii_1._variantButtons_11zii_26{gap:var(--tab-gap-buttons);height:40px;justify-content:center;padding:var(--lui-space-2) var(--lui-space-5);white-space:nowrap}}
|
package/dist/Text-DQPy-DZ5.mjs
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx as h } from "react/jsx-runtime";
|
|
2
|
-
import j from "react";
|
|
3
|
-
import v from "clsx";
|
|
4
|
-
import { g as w } from "./getDecorationStyle-BCBONKEl.mjs";
|
|
5
|
-
import { g as t } from "./getVariantClassName-DoCNtwBw.mjs";
|
|
6
|
-
import './Text.css';const y = "Text", z = "sm", S = "normal", u = "p", T = "_root_1vl2j_1", p = "_truncate_1vl2j_5", f = "_sizeXs_1vl2j_12", D = "_sizeSm_1vl2j_18", N = "_sizeMd_1vl2j_24", L = "_sizeLg_1vl2j_30", M = "_weightNormal_1vl2j_37", b = "_weightMedium_1vl2j_41", A = "_weightSemibold_1vl2j_45", B = "_weightBold_1vl2j_49", E = "_colorPrimary_1vl2j_54", x = "_colorSecondary_1vl2j_58", P = "_colorTertiary_1vl2j_62", C = "_colorDisabled_1vl2j_66", F = "_colorBrand_1vl2j_70", o = {
|
|
7
|
-
root: T,
|
|
8
|
-
truncate: p,
|
|
9
|
-
sizeXs: f,
|
|
10
|
-
sizeSm: D,
|
|
11
|
-
sizeMd: N,
|
|
12
|
-
sizeLg: L,
|
|
13
|
-
weightNormal: M,
|
|
14
|
-
weightMedium: b,
|
|
15
|
-
weightSemibold: A,
|
|
16
|
-
weightBold: B,
|
|
17
|
-
colorPrimary: E,
|
|
18
|
-
colorSecondary: x,
|
|
19
|
-
colorTertiary: P,
|
|
20
|
-
colorDisabled: C,
|
|
21
|
-
colorBrand: F
|
|
22
|
-
}, I = j.forwardRef((r, s) => {
|
|
23
|
-
const {
|
|
24
|
-
as: l = u,
|
|
25
|
-
children: c,
|
|
26
|
-
color: e,
|
|
27
|
-
size: i = z,
|
|
28
|
-
weight: _ = S,
|
|
29
|
-
truncate: n = !1,
|
|
30
|
-
underline: a,
|
|
31
|
-
strikethrough: m
|
|
32
|
-
} = r, d = w({ strikethrough: m, underline: a }), g = v(
|
|
33
|
-
o.root,
|
|
34
|
-
t("size", i, o),
|
|
35
|
-
t("weight", _, o),
|
|
36
|
-
e && t("color", e, o),
|
|
37
|
-
{
|
|
38
|
-
[o.truncate]: n
|
|
39
|
-
}
|
|
40
|
-
);
|
|
41
|
-
return /* @__PURE__ */ h(l, { className: g, ref: s, style: d, children: c });
|
|
42
|
-
});
|
|
43
|
-
I.displayName = y;
|
|
44
|
-
export {
|
|
45
|
-
I as T
|
|
46
|
-
};
|
package/dist/Title-xHMuJWGl.mjs
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { E as s } from "./enums-DfSzOa3x.mjs";
|
|
3
|
-
import './Title.css';const e = "_root_1ae0y_1", n = {
|
|
4
|
-
root: e
|
|
5
|
-
}, a = (o) => {
|
|
6
|
-
const { children: t } = o;
|
|
7
|
-
return /* @__PURE__ */ r("div", { className: n.root, children: t });
|
|
8
|
-
};
|
|
9
|
-
a.displayName = s.TITLE;
|
|
10
|
-
export {
|
|
11
|
-
a as T
|
|
12
|
-
};
|
package/dist/Title.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._root_1ae0y_1{color:var(--dialog-title-color);font-family:var(--dialog-title-font-family);font-size:var(--dialog-title-font-size);font-style:normal;font-weight:var(--dialog-title-weight);line-height:var(--dialog-title-line-height);max-height:100%}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import './Toolbar.css';const r = "Table.Toolbar", a = "_root_d4szt_6", c = {
|
|
3
|
-
root: a
|
|
4
|
-
}, e = (o) => {
|
|
5
|
-
const { children: t } = o;
|
|
6
|
-
return /* @__PURE__ */ s("div", { className: c.root, children: t });
|
|
7
|
-
};
|
|
8
|
-
e.displayName = r;
|
|
9
|
-
export {
|
|
10
|
-
e as T
|
|
11
|
-
};
|
package/dist/Toolbar.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{--toolbar-gap: var(--lui-space-3);--toolbar-padding: var(--lui-space-3) 0}._root_d4szt_6{align-items:center;display:flex;gap:var(--toolbar-gap);padding:var(--toolbar-padding)}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import { usePopoverContext as a } from "./popover.js";
|
|
3
|
-
import { E as n } from "./enums-DUZMBQDd.mjs";
|
|
4
|
-
const s = (e) => {
|
|
5
|
-
const { children: o } = e, { triggerRef: t, state: r } = a();
|
|
6
|
-
return /* @__PURE__ */ p("span", { "aria-expanded": r.isOpen, "aria-haspopup": "true", onClick: () => r.toggle(), ref: t, children: o });
|
|
7
|
-
};
|
|
8
|
-
s.displayName = n.TRIGGER;
|
|
9
|
-
export {
|
|
10
|
-
s as T
|
|
11
|
-
};
|
package/dist/actions.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { default as default_2 } from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Dialog Actions sub component.
|
|
5
|
-
*
|
|
6
|
-
* Used to render the actions of the dialog.
|
|
7
|
-
*/
|
|
8
|
-
export declare const Actions: default_2.FC<IActionsProps>;
|
|
9
|
-
|
|
10
|
-
export declare interface IActionsProps extends default_2.PropsWithChildren {
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { }
|
package/dist/actions.js
DELETED
package/dist/active-filters.d.ts
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { default as default_2 } from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Table.ActiveFilters — displays active filter chips with individual remove buttons
|
|
5
|
-
* and an optional "Clear all" button.
|
|
6
|
-
*
|
|
7
|
-
* Returns `null` when there are no active filters.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <Table.ActiveFilters
|
|
12
|
-
* filters={[
|
|
13
|
-
* { key: 'status', label: 'Status', value: 'Active' },
|
|
14
|
-
* { key: 'role', label: 'Role', value: 'Admin' },
|
|
15
|
-
* ]}
|
|
16
|
-
* onRemove={(key) => console.log('remove', key)}
|
|
17
|
-
* onClearAll={() => console.log('clear all')}
|
|
18
|
-
* />
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export declare const ActiveFilters: default_2.FC<IActiveFiltersProps>;
|
|
22
|
-
|
|
23
|
-
export declare interface IActiveFiltersProps {
|
|
24
|
-
filters: IFilterItem[];
|
|
25
|
-
onRemove: (key: string) => void;
|
|
26
|
-
onClearAll?: () => void;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export declare interface IFilterItem {
|
|
30
|
-
key: string;
|
|
31
|
-
label: string;
|
|
32
|
-
value: string;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
export { }
|
package/dist/active-filters.js
DELETED
package/dist/cell.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { default as default_2 } from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Table cell. Must be used as a child of `<Table.Row>`.
|
|
5
|
-
* Supports text alignment and header styling via `as="th"`.
|
|
6
|
-
*/
|
|
7
|
-
export declare const Cell: default_2.FC<IProps>;
|
|
8
|
-
|
|
9
|
-
declare interface IProps extends default_2.PropsWithChildren {
|
|
10
|
-
/** Text alignment. */
|
|
11
|
-
align?: 'left' | 'center' | 'right';
|
|
12
|
-
/** HTML tag: `'td'` (default) or `'th'`. */
|
|
13
|
-
as?: 'td' | 'th';
|
|
14
|
-
/** Tooltip text (native `title` attribute). */
|
|
15
|
-
title?: string;
|
|
16
|
-
/** Cell width. */
|
|
17
|
-
width?: string;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export { }
|
package/dist/cell.js
DELETED
package/dist/content.d.ts
DELETED
package/dist/content.js
DELETED
package/dist/context.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Context as Context_2 } from 'react';
|
|
2
|
-
|
|
3
|
-
export declare const Context: Context_2<IContext | null>;
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Accordion Context.
|
|
7
|
-
*/
|
|
8
|
-
export declare interface IContext {
|
|
9
|
-
/** Toggle handler for an item. */
|
|
10
|
-
onItemToggle: (value: string) => void;
|
|
11
|
-
/** Currently open item value. */
|
|
12
|
-
openValue: string | null;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export declare const useAccordionContext: () => IContext | null;
|
|
16
|
-
|
|
17
|
-
export { }
|
package/dist/context.js
DELETED
package/dist/enums-BnuDYTua.mjs
DELETED
package/dist/enums-DUZMBQDd.mjs
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
const a = "Menu", t = "bottom start";
|
|
2
|
-
var T = ((r) => (r.CHECKBOX = `${a}.Checkbox`, r.CONTENT = `${a}.Content`, r.GROUP = `${a}.Group`, r.ITEM = `${a}.Item`, r.SEPARATOR = `${a}.Separator`, r.TRIGGER = `${a}.Trigger`, r))(T || {});
|
|
3
|
-
export {
|
|
4
|
-
t as D,
|
|
5
|
-
T as E,
|
|
6
|
-
a
|
|
7
|
-
};
|
package/dist/enums-DfSzOa3x.mjs
DELETED
package/dist/enums-OoI2Qgqq.mjs
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { createContext as s, useContext as n } from "react";
|
|
2
|
-
const o = s(null), T = () => {
|
|
3
|
-
const t = n(o);
|
|
4
|
-
if (!t)
|
|
5
|
-
throw new Error("useTabsContext should be used inside Tabs component");
|
|
6
|
-
return t;
|
|
7
|
-
}, e = "Tabs";
|
|
8
|
-
var r = ((t) => (t.PANEL = `${e}.Panel`, t.TAB = `${e}.Tab`, t))(r || {}), a = /* @__PURE__ */ ((t) => (t.BUTTONS = "buttons", t.DEFAULT = "default", t))(a || {});
|
|
9
|
-
export {
|
|
10
|
-
o as C,
|
|
11
|
-
r as E,
|
|
12
|
-
a,
|
|
13
|
-
T as u
|
|
14
|
-
};
|
package/dist/group.d.ts
DELETED
package/dist/group.js
DELETED
package/dist/header.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { default as default_2 } from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Drawer Header sub-component.
|
|
5
|
-
*
|
|
6
|
-
* Renders the title and a close button.
|
|
7
|
-
* Must be used within a Drawer component.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <Drawer.Header>
|
|
12
|
-
* Drawer Title
|
|
13
|
-
* </Drawer.Header>
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
|
-
export declare const Header: default_2.FC<IHeaderProps>;
|
|
17
|
-
|
|
18
|
-
export declare interface IHeaderProps extends default_2.PropsWithChildren {
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export { }
|
package/dist/header.js
DELETED
package/dist/input-base.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { default as default_2 } from 'react';
|
|
2
|
-
|
|
3
|
-
export declare interface IInputProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'suffix' | 'size' | 'onChange' | 'onBlur' | 'onFocus'> {
|
|
4
|
-
ref?: default_2.Ref<HTMLInputElement>;
|
|
5
|
-
invalid?: boolean;
|
|
6
|
-
size?: TInputSize;
|
|
7
|
-
before?: default_2.ReactNode;
|
|
8
|
-
after?: default_2.ReactNode;
|
|
9
|
-
onChange?: (value: string) => void;
|
|
10
|
-
onBlur?: (e: default_2.FocusEvent<HTMLInputElement>) => void;
|
|
11
|
-
onFocus?: (e: default_2.FocusEvent<HTMLInputElement>) => void;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* Base Input component. Renders a native `<input>` with support for `before`/`after` slots, sizing, and invalid/disabled states.
|
|
16
|
-
* All native `<input>` attributes are passed through automatically.
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* <Input placeholder="Enter text" />
|
|
21
|
-
* <Input size="lg" invalid placeholder="Error" />
|
|
22
|
-
* <Input before={<SearchIcon />} placeholder="Search" />
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
export declare const Input: default_2.FC<IInputProps>;
|
|
26
|
-
|
|
27
|
-
declare type TInputSize = 'sm' | 'md' | 'lg';
|
|
28
|
-
|
|
29
|
-
export { }
|
package/dist/input-base.js
DELETED
package/dist/item.d.ts
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { default as default_2 } from 'react';
|
|
2
|
-
import { IconName } from 'lucide-react/dynamic';
|
|
3
|
-
|
|
4
|
-
export declare interface IItemProps extends default_2.PropsWithChildren {
|
|
5
|
-
/** Unique value for accordion control mode. */
|
|
6
|
-
value?: string;
|
|
7
|
-
/** Icon name displayed before the title. */
|
|
8
|
-
icon?: IconName;
|
|
9
|
-
/** Controlled open state. */
|
|
10
|
-
open?: boolean;
|
|
11
|
-
/** Callback when open state changes. */
|
|
12
|
-
onOpenChange?: (isOpen: boolean) => void;
|
|
13
|
-
/** Item title text. */
|
|
14
|
-
title: string;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* Accordion item. Must be a direct child of `<Accordion>`.
|
|
19
|
-
*
|
|
20
|
-
* Can be used standalone without a `value` prop (multi-select, each item manages
|
|
21
|
-
* its own open state independently) or with a `value` prop for single-select mode
|
|
22
|
-
* controlled by the parent Accordion via `defaultValue` or `value` + `onValueChange`.
|
|
23
|
-
*
|
|
24
|
-
* @example
|
|
25
|
-
* // Standalone without `value` (multi-select)
|
|
26
|
-
* ```tsx
|
|
27
|
-
* <Accordion.Item title="Settings" icon="settings">
|
|
28
|
-
* Settings content
|
|
29
|
-
* </Accordion.Item>
|
|
30
|
-
* ```
|
|
31
|
-
*
|
|
32
|
-
* @example
|
|
33
|
-
* // With `value` for single-select
|
|
34
|
-
* ```tsx
|
|
35
|
-
* <Accordion.Item value="settings" title="Settings">
|
|
36
|
-
* Settings content
|
|
37
|
-
* </Accordion.Item>
|
|
38
|
-
* ```
|
|
39
|
-
*/
|
|
40
|
-
export declare const Item: default_2.FC<IItemProps>;
|
|
41
|
-
|
|
42
|
-
export { }
|
package/dist/item.js
DELETED
package/dist/panel.d.ts
DELETED
package/dist/panel.js
DELETED
package/dist/row.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { default as default_2 } from 'react';
|
|
2
|
-
|
|
3
|
-
declare interface IProps extends default_2.PropsWithChildren {
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Table row. Must be used as a child of `<Table>`.
|
|
8
|
-
* Accepts `<Table.Cell>` children.
|
|
9
|
-
*/
|
|
10
|
-
export declare const Row: default_2.FC<IProps>;
|
|
11
|
-
|
|
12
|
-
export { }
|
package/dist/row.js
DELETED
package/dist/tab.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { default as default_2 } from 'react';
|
|
2
|
-
|
|
3
|
-
export declare interface ITabProps {
|
|
4
|
-
/** Index at list of tabs. */
|
|
5
|
-
index?: number;
|
|
6
|
-
/** Disabled tab flag. */
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
/** Label. */
|
|
9
|
-
label: string;
|
|
10
|
-
/** HTML tabindex attribute. */
|
|
11
|
-
tabIndex?: number;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* Individual tab button. Must be used as a child of `<Tabs>`.
|
|
16
|
-
*
|
|
17
|
-
* Manages its active/disabled state via parent context and sets proper ARIA attributes (`role="tab"`, `aria-selected`, `aria-controls`).
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* ```tsx
|
|
21
|
-
* <Tabs defaultActiveIndex={0}>
|
|
22
|
-
* <Tabs.Tab label="First" />
|
|
23
|
-
* <Tabs.Tab label="Second" disabled />
|
|
24
|
-
* <Tabs.Tab label="Third" />
|
|
25
|
-
* </Tabs>
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export declare const Tab: default_2.FC<ITabProps>;
|
|
29
|
-
|
|
30
|
-
export { }
|
package/dist/tab.js
DELETED
package/dist/title.d.ts
DELETED
package/dist/title.js
DELETED
package/dist/toolbar.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { default as default_2 } from 'react';
|
|
2
|
-
|
|
3
|
-
export declare interface IToolbarProps extends default_2.PropsWithChildren {
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Table.Toolbar — a simple flex-wrapper that sits above the Table
|
|
8
|
-
* and contains arbitrary controls (inputs, buttons, filters, etc.).
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Table.Toolbar>
|
|
13
|
-
* <Input placeholder="Search..." />
|
|
14
|
-
* <Button>Export</Button>
|
|
15
|
-
* </Table.Toolbar>
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
export declare const Toolbar: default_2.FC<IToolbarProps>;
|
|
19
|
-
|
|
20
|
-
export { }
|
package/dist/toolbar.js
DELETED
package/dist/trigger.d.ts
DELETED
package/dist/trigger.js
DELETED