@techzyapp/ui-library 1.0.0 → 1.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/README.md +134 -0
- package/dist/Blockquote-CNIuJFHq.js +46 -0
- package/dist/Blockquote-CNIuJFHq.js.map +1 -0
- package/dist/Blockquote-CxHwOecc.cjs +2 -0
- package/dist/Blockquote-CxHwOecc.cjs.map +1 -0
- package/dist/Code-CUdpWlY5.cjs +2 -0
- package/dist/Code-CUdpWlY5.cjs.map +1 -0
- package/dist/Code-DaEpXHfF.js +26 -0
- package/dist/Code-DaEpXHfF.js.map +1 -0
- package/dist/CodeBlock-BWxQyKRo.js +96 -0
- package/dist/CodeBlock-BWxQyKRo.js.map +1 -0
- package/dist/CodeBlock-CgXOjKS-.cjs +2 -0
- package/dist/CodeBlock-CgXOjKS-.cjs.map +1 -0
- package/dist/Masonry--bT8SICO.js +80 -0
- package/dist/Masonry--bT8SICO.js.map +1 -0
- package/dist/Masonry-DlD-rIQX.cjs +2 -0
- package/dist/Masonry-DlD-rIQX.cjs.map +1 -0
- package/dist/components/Blockquote/Blockquote.d.cts +25 -0
- package/dist/components/Blockquote/Blockquote.d.ts +25 -0
- package/dist/components/Blockquote/index.cjs +2 -0
- package/dist/components/Blockquote/index.cjs.map +1 -0
- package/dist/components/Blockquote/index.d.cts +2 -0
- package/dist/components/Blockquote/index.d.ts +2 -0
- package/dist/components/Blockquote/index.js +6 -0
- package/dist/components/Blockquote/index.js.map +1 -0
- package/dist/components/Code/Code.d.cts +21 -0
- package/dist/components/Code/Code.d.ts +21 -0
- package/dist/components/Code/index.cjs +2 -0
- package/dist/components/Code/index.cjs.map +1 -0
- package/dist/components/Code/index.d.cts +2 -0
- package/dist/components/Code/index.d.ts +2 -0
- package/dist/components/Code/index.js +6 -0
- package/dist/components/Code/index.js.map +1 -0
- package/dist/components/CodeBlock/CodeBlock.d.cts +10 -6
- package/dist/components/CodeBlock/CodeBlock.d.ts +10 -6
- package/dist/components/CodeBlock/index.cjs +1 -1
- package/dist/components/CodeBlock/index.js +1 -1
- package/dist/components/Masonry/Masonry.d.cts +23 -0
- package/dist/components/Masonry/Masonry.d.ts +23 -0
- package/dist/components/Masonry/index.cjs +2 -0
- package/dist/components/Masonry/index.cjs.map +1 -0
- package/dist/components/Masonry/index.d.cts +2 -0
- package/dist/components/Masonry/index.d.ts +2 -0
- package/dist/components/Masonry/index.js +6 -0
- package/dist/components/Masonry/index.js.map +1 -0
- package/dist/components/index.d.cts +3 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/entries/components.cjs +1 -1
- package/dist/entries/components.js +130 -124
- package/dist/entries/components.js.map +1 -1
- package/dist/helpers/translations.d.cts +1 -1
- package/dist/helpers/translations.d.ts +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +144 -138
- package/dist/index.js.map +1 -1
- package/dist/translations-CXEeeUDL.cjs.map +1 -1
- package/dist/translations-D15tFHM1.js.map +1 -1
- package/package.json +1 -1
- package/dist/CodeBlock-DOk5wekc.cjs +0 -2
- package/dist/CodeBlock-DOk5wekc.cjs.map +0 -1
- package/dist/CodeBlock-n3KExtTO.js +0 -104
- package/dist/CodeBlock-n3KExtTO.js.map +0 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import type { ThemeColor } from '../../theme';
|
|
3
|
+
export type CodeVariant = 'soft' | 'outlined';
|
|
4
|
+
export type CodeSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export interface CodeProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
6
|
+
/** Tint style — `soft` (subtle tinted background) or `outlined` (hairline border, transparent). Defaults to `soft`. */
|
|
7
|
+
variant?: CodeVariant;
|
|
8
|
+
/** Theme palette token that tints the text and background. Defaults to `primary`. */
|
|
9
|
+
color?: ThemeColor;
|
|
10
|
+
/** Text size. Defaults to `md`. */
|
|
11
|
+
size?: CodeSize;
|
|
12
|
+
/** The inline code content. */
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* An inline code snippet — a monospace `<code>` element with a soft rounded background, for calling out
|
|
17
|
+
* commands, identifiers or short snippets within body text (e.g. `console.log("Hello")`). Tinted by
|
|
18
|
+
* `color` via the shared `--tz-btn-rgb` pattern; `variant` toggles a subtle tinted fill (`soft`) vs. a
|
|
19
|
+
* hairline border (`outlined`). For a full multi-line, syntax-highlighted block use `CodeBlock` instead.
|
|
20
|
+
*/
|
|
21
|
+
export declare const Code: import("react").ForwardRefExoticComponent<CodeProps & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import type { ThemeColor } from '../../theme';
|
|
3
|
+
export type CodeVariant = 'soft' | 'outlined';
|
|
4
|
+
export type CodeSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export interface CodeProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
6
|
+
/** Tint style — `soft` (subtle tinted background) or `outlined` (hairline border, transparent). Defaults to `soft`. */
|
|
7
|
+
variant?: CodeVariant;
|
|
8
|
+
/** Theme palette token that tints the text and background. Defaults to `primary`. */
|
|
9
|
+
color?: ThemeColor;
|
|
10
|
+
/** Text size. Defaults to `md`. */
|
|
11
|
+
size?: CodeSize;
|
|
12
|
+
/** The inline code content. */
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* An inline code snippet — a monospace `<code>` element with a soft rounded background, for calling out
|
|
17
|
+
* commands, identifiers or short snippets within body text (e.g. `console.log("Hello")`). Tinted by
|
|
18
|
+
* `color` via the shared `--tz-btn-rgb` pattern; `variant` toggles a subtle tinted fill (`soft`) vs. a
|
|
19
|
+
* hairline border (`outlined`). For a full multi-line, syntax-highlighted block use `CodeBlock` instead.
|
|
20
|
+
*/
|
|
21
|
+
export declare const Code: import("react").ForwardRefExoticComponent<CodeProps & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -4,11 +4,14 @@ export interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ch
|
|
|
4
4
|
code: string;
|
|
5
5
|
/** Shiki language id (`'tsx'`, `'json'`, `'bash'`, `'css'`, …). Defaults to `'tsx'`. */
|
|
6
6
|
language?: string;
|
|
7
|
-
/**
|
|
7
|
+
/**
|
|
8
|
+
* Optional label shown on the left of the header bar (e.g. a filename). The header bar itself always
|
|
9
|
+
* renders (whenever `copyable`), so the copy button lives in it with or without a `title`.
|
|
10
|
+
*/
|
|
8
11
|
title?: ReactNode;
|
|
9
|
-
/** Show a copy-to-clipboard button. Defaults to `true`. */
|
|
12
|
+
/** Show a copy-to-clipboard button (in the header bar). Defaults to `true`. */
|
|
10
13
|
copyable?: boolean;
|
|
11
|
-
/** Show line numbers. Defaults to `
|
|
14
|
+
/** Show line numbers. Defaults to `true`. */
|
|
12
15
|
showLineNumbers?: boolean;
|
|
13
16
|
/** Cap the block height in px — taller code scrolls inside. */
|
|
14
17
|
maxHeight?: number;
|
|
@@ -21,9 +24,10 @@ export interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ch
|
|
|
21
24
|
* is **always dark** (in both app modes) — code reads best on a dark surface, and the deep background
|
|
22
25
|
* anchors it regardless of the surrounding light/dark theme. Highlighting is **async and lazy**
|
|
23
26
|
* (`import('shiki')` on first render); until it lands — or if `shiki` isn't installed / the language
|
|
24
|
-
* is unknown — the block shows the plain code (on the same dark surface), so nothing breaks.
|
|
25
|
-
*
|
|
26
|
-
* tick
|
|
27
|
+
* is unknown — the block shows the plain code (on the same dark surface), so nothing breaks. A header
|
|
28
|
+
* bar always renders (whenever `copyable`, default `true`) and holds the copy button — which flips to a
|
|
29
|
+
* tick on click — with an optional `title` (e.g. a filename) on its left; `showLineNumbers` (default
|
|
30
|
+
* `true`), `maxHeight` (scrolls inside) and `wrap` shape the body. The whole block
|
|
27
31
|
* keeps VS Code's own dark colors (a deliberate literal-color exception, like the Modal scrim); only
|
|
28
32
|
* the outer border/radius uses `--tz-*` tokens.
|
|
29
33
|
*/
|
|
@@ -4,11 +4,14 @@ export interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ch
|
|
|
4
4
|
code: string;
|
|
5
5
|
/** Shiki language id (`'tsx'`, `'json'`, `'bash'`, `'css'`, …). Defaults to `'tsx'`. */
|
|
6
6
|
language?: string;
|
|
7
|
-
/**
|
|
7
|
+
/**
|
|
8
|
+
* Optional label shown on the left of the header bar (e.g. a filename). The header bar itself always
|
|
9
|
+
* renders (whenever `copyable`), so the copy button lives in it with or without a `title`.
|
|
10
|
+
*/
|
|
8
11
|
title?: ReactNode;
|
|
9
|
-
/** Show a copy-to-clipboard button. Defaults to `true`. */
|
|
12
|
+
/** Show a copy-to-clipboard button (in the header bar). Defaults to `true`. */
|
|
10
13
|
copyable?: boolean;
|
|
11
|
-
/** Show line numbers. Defaults to `
|
|
14
|
+
/** Show line numbers. Defaults to `true`. */
|
|
12
15
|
showLineNumbers?: boolean;
|
|
13
16
|
/** Cap the block height in px — taller code scrolls inside. */
|
|
14
17
|
maxHeight?: number;
|
|
@@ -21,9 +24,10 @@ export interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ch
|
|
|
21
24
|
* is **always dark** (in both app modes) — code reads best on a dark surface, and the deep background
|
|
22
25
|
* anchors it regardless of the surrounding light/dark theme. Highlighting is **async and lazy**
|
|
23
26
|
* (`import('shiki')` on first render); until it lands — or if `shiki` isn't installed / the language
|
|
24
|
-
* is unknown — the block shows the plain code (on the same dark surface), so nothing breaks.
|
|
25
|
-
*
|
|
26
|
-
* tick
|
|
27
|
+
* is unknown — the block shows the plain code (on the same dark surface), so nothing breaks. A header
|
|
28
|
+
* bar always renders (whenever `copyable`, default `true`) and holds the copy button — which flips to a
|
|
29
|
+
* tick on click — with an optional `title` (e.g. a filename) on its left; `showLineNumbers` (default
|
|
30
|
+
* `true`), `maxHeight` (scrolls inside) and `wrap` shape the body. The whole block
|
|
27
31
|
* keeps VS Code's own dark colors (a deliberate literal-color exception, like the Modal scrim); only
|
|
28
32
|
* the outer border/radius uses `--tz-*` tokens.
|
|
29
33
|
*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../CodeBlock-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../CodeBlock-CgXOjKS-.cjs");exports.CodeBlock=e.CodeBlock;exports.default=e.CodeBlock;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import { type Spacing } from '../Flex/Flex';
|
|
3
|
+
export interface MasonryProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/** Fixed number of columns. Defaults to `3`. Ignored when `minColumnWidth` is set. */
|
|
5
|
+
columns?: number;
|
|
6
|
+
/** Responsive: fit as many equal columns as this min pixel width allows (overrides `columns`). */
|
|
7
|
+
minColumnWidth?: number;
|
|
8
|
+
/** Gap between items, horizontally and vertically (token key, px number, or CSS value). Defaults to `md`. */
|
|
9
|
+
gap?: Spacing;
|
|
10
|
+
/** Padding around the grid (token key, px number, or CSS value). */
|
|
11
|
+
padding?: Spacing;
|
|
12
|
+
/** The items to lay out. */
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* A masonry layout — packs items of varying heights into balanced columns, always adding the next item
|
|
17
|
+
* to the **shortest** column (Pinterest-style), so columns stay level rather than following a fixed
|
|
18
|
+
* grid. Item heights are measured in the DOM (a `ResizeObserver` re-balances on content/size changes),
|
|
19
|
+
* so it works with any children. Use a fixed `columns` count or a responsive `minColumnWidth`; `gap`
|
|
20
|
+
* spaces items on both axes. Inline-styled like the other layout primitives (`Flex` / `Grid`); consumer
|
|
21
|
+
* `style` merges last. Reading order flows left-to-right across the columns.
|
|
22
|
+
*/
|
|
23
|
+
export declare const Masonry: import("react").ForwardRefExoticComponent<MasonryProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import { type Spacing } from '../Flex/Flex';
|
|
3
|
+
export interface MasonryProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/** Fixed number of columns. Defaults to `3`. Ignored when `minColumnWidth` is set. */
|
|
5
|
+
columns?: number;
|
|
6
|
+
/** Responsive: fit as many equal columns as this min pixel width allows (overrides `columns`). */
|
|
7
|
+
minColumnWidth?: number;
|
|
8
|
+
/** Gap between items, horizontally and vertically (token key, px number, or CSS value). Defaults to `md`. */
|
|
9
|
+
gap?: Spacing;
|
|
10
|
+
/** Padding around the grid (token key, px number, or CSS value). */
|
|
11
|
+
padding?: Spacing;
|
|
12
|
+
/** The items to lay out. */
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* A masonry layout — packs items of varying heights into balanced columns, always adding the next item
|
|
17
|
+
* to the **shortest** column (Pinterest-style), so columns stay level rather than following a fixed
|
|
18
|
+
* grid. Item heights are measured in the DOM (a `ResizeObserver` re-balances on content/size changes),
|
|
19
|
+
* so it works with any children. Use a fixed `columns` count or a responsive `minColumnWidth`; `gap`
|
|
20
|
+
* spaces items on both axes. Inline-styled like the other layout primitives (`Flex` / `Grid`); consumer
|
|
21
|
+
* `style` merges last. Reading order flows left-to-right across the columns.
|
|
22
|
+
*/
|
|
23
|
+
export declare const Masonry: import("react").ForwardRefExoticComponent<MasonryProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -2,11 +2,13 @@ export * from './Accordion';
|
|
|
2
2
|
export * from './Alert';
|
|
3
3
|
export * from './Avatar';
|
|
4
4
|
export * from './Badge';
|
|
5
|
+
export * from './Blockquote';
|
|
5
6
|
export * from './Breadcrumbs';
|
|
6
7
|
export * from './Button';
|
|
7
8
|
export * from './Card';
|
|
8
9
|
export * from './Checkbox';
|
|
9
10
|
export * from './ChoiceCard';
|
|
11
|
+
export * from './Code';
|
|
10
12
|
export * from './CodeBlock';
|
|
11
13
|
export * from './ColorPicker';
|
|
12
14
|
export * from './Chip';
|
|
@@ -23,6 +25,7 @@ export * from './Icon';
|
|
|
23
25
|
export * from './IconButton';
|
|
24
26
|
export * from './List';
|
|
25
27
|
export * from './Loader';
|
|
28
|
+
export * from './Masonry';
|
|
26
29
|
export * from './Modal';
|
|
27
30
|
export * from './MultilineTextField';
|
|
28
31
|
export * from './MultiSelect';
|
|
@@ -2,11 +2,13 @@ export * from './Accordion';
|
|
|
2
2
|
export * from './Alert';
|
|
3
3
|
export * from './Avatar';
|
|
4
4
|
export * from './Badge';
|
|
5
|
+
export * from './Blockquote';
|
|
5
6
|
export * from './Breadcrumbs';
|
|
6
7
|
export * from './Button';
|
|
7
8
|
export * from './Card';
|
|
8
9
|
export * from './Checkbox';
|
|
9
10
|
export * from './ChoiceCard';
|
|
11
|
+
export * from './Code';
|
|
10
12
|
export * from './CodeBlock';
|
|
11
13
|
export * from './ColorPicker';
|
|
12
14
|
export * from './Chip';
|
|
@@ -23,6 +25,7 @@ export * from './Icon';
|
|
|
23
25
|
export * from './IconButton';
|
|
24
26
|
export * from './List';
|
|
25
27
|
export * from './Loader';
|
|
28
|
+
export * from './Masonry';
|
|
26
29
|
export * from './Modal';
|
|
27
30
|
export * from './MultilineTextField';
|
|
28
31
|
export * from './MultiSelect';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../Form-Bz2xgkEm.cjs"),e=require("../Accordion-Dy_dM79Y.cjs"),s=require("../Alert-DKIjM-9x.cjs"),d=require("../Avatar-_ufXh3AY.cjs"),q=require("../AvatarGroup-TW1pt4tj.cjs"),T=require("../Badge-BQpr2Jee.cjs"),p=require("../Breadcrumbs-CHONper7.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../Form-Bz2xgkEm.cjs"),e=require("../Accordion-Dy_dM79Y.cjs"),s=require("../Alert-DKIjM-9x.cjs"),d=require("../Avatar-_ufXh3AY.cjs"),q=require("../AvatarGroup-TW1pt4tj.cjs"),T=require("../Badge-BQpr2Jee.cjs"),p=require("../Blockquote-CxHwOecc.cjs"),g=require("../Breadcrumbs-CHONper7.cjs"),C=require("../Button-D4bfVNNa.cjs"),m=require("../Card-CfyaerZZ.cjs"),F=require("../Checkbox-DXOzYIAz.cjs"),S=require("../Chip-DSrdXLBU.cjs"),r=require("../ChoiceCardGroup-6eFM1eL0.cjs"),h=require("../Code-CUdpWlY5.cjs"),P=require("../CodeBlock-CgXOjKS-.cjs"),o=require("../Col-R5mAy8T9.cjs"),k=require("../ColorPicker-BwmaXCOy.cjs"),B=require("../DatePicker-DF4Epkn8.cjs"),b=require("../DateTimePicker-C557OjBU.cjs"),y=require("../Divider-CzbhdCiD.cjs"),D=require("../Dropdown-DygP50OB.cjs"),R=require("../EmptyState-CCCpZ-ZA.cjs"),A=require("../FileUploader-B4TJHyoi.cjs"),t=require("../Sidebar-AaIlRzgk.cjs"),I=require("../Flag-EPZOrH-U.cjs"),v=require("../Flex-CqL3Ghda.cjs"),x=require("../FullscreenToggle-DDKN5n8B.cjs"),G=require("../Grid-Bw95bKkJ.cjs"),i=require("../names-C2Yj1p3u.cjs"),L=require("../Icon-CXTl_QAP.cjs"),M=require("../IconButton-D6TenQZ_.cjs"),w=require("../List-CNz2M3-q.cjs"),N=require("../ListItem-RH-D-Wey.cjs"),O=require("../Loader-D1MtlQOH.cjs"),E=require("../Masonry-DlD-rIQX.cjs"),U=require("../Modal-B2YSCVVt.cjs"),_=require("../MultiSelect-CSJKSWpA.cjs"),f=require("../MultilineTextField-Dz6Fg8RJ.cjs"),j=require("../NumberField-DBpO-Z_7.cjs"),z=require("../OtpField-BUBYyorC.cjs"),H=require("../PageLayout-Dfbjw6jD.cjs"),J=require("../Pagination-DRwTLPh8.cjs"),K=require("../Popover-CBI1icIM.cjs"),c=require("../RadioGroup-C8u7eNBS.cjs"),Q=require("../RemoveDialog-ClyZKyUG.cjs"),V=require("../RichTextEditor-CAYt1Zm1.cjs"),W=require("../RootLayout-Cp-9CVjP.cjs"),X=require("../Select-_6WogC0u.cjs"),Y=require("../Slider-dxYVXRev.cjs"),n=require("../SpeedDial-C4jxIXTr.cjs"),Z=require("../Stepper-7pPEBRLI.cjs"),$=require("../SwatchPicker-DbAU9-ux.cjs"),ee=require("../Switch-DRkZ6kHJ.cjs"),re=require("../Table-BeOumGng.cjs"),oe=require("../Tabs-BZcMnjdC.cjs"),te=require("../TagsField-kknWiJZZ.cjs"),ie=require("../TextField-BPefnD5M.cjs"),ce=require("../ThemeToggle-DTal3RX5.cjs"),ne=require("../TimePicker-CfGrCH9T.cjs"),u=require("../Timeline-CoxW0Ia_.cjs"),ue=require("../Toaster-Bk5GtPjX.cjs"),a=require("../ToggleButtonGroup-DYRLwKKh.cjs"),ae=require("../Tooltip-Ao7az09p.cjs"),le=require("../TranslatedFields-DT3bYse6.cjs"),se=require("../Typography-BFatE1_A.cjs"),de=require("../UserCard-OlLeyyS0.cjs"),qe=require("../toastStore-B4Tk2Xk7.cjs");exports.Form=l.Form;exports.Accordion=e.Accordion;exports.AccordionItem=e.AccordionItem;exports.Alert=s.Alert;exports.Avatar=d.Avatar;exports.AvatarGroup=q.AvatarGroup;exports.Badge=T.Badge;exports.Blockquote=p.Blockquote;exports.Breadcrumbs=g.Breadcrumbs;exports.Button=C.Button;exports.Card=m.Card;exports.Checkbox=F.Checkbox;exports.Chip=S.Chip;exports.ChoiceCard=r.ChoiceCard;exports.ChoiceCardGroup=r.ChoiceCardGroup;exports.Code=h.Code;exports.CodeBlock=P.CodeBlock;exports.Col=o.Col;exports.Row=o.Row;exports.ColorPicker=k.ColorPicker;exports.DatePicker=B.DatePicker;exports.DateTimePicker=b.DateTimePicker;exports.Divider=y.Divider;exports.Dropdown=D.Dropdown;exports.EmptyState=R.EmptyState;exports.FileUploader=A.FileUploader;exports.FirstRouteRedirect=t.FirstRouteRedirect;exports.Sidebar=t.Sidebar;exports.Flag=I.Flag;exports.Flex=v.Flex;exports.FullscreenToggle=x.FullscreenToggle;exports.Grid=G.Grid;exports.ICON_COUNT=i.ICON_COUNT;exports.ICON_NAMES=i.ICON_NAMES;exports.Icon=L.Icon;exports.IconButton=M.IconButton;exports.List=w.List;exports.ListItem=N.ListItem;exports.Loader=O.Loader;exports.Masonry=E.Masonry;exports.Modal=U.Modal;exports.MultiSelect=_.MultiSelect;exports.MultilineTextField=f.MultilineTextField;exports.NumberField=j.NumberField;exports.OtpField=z.OtpField;exports.PageLayout=H.PageLayout;exports.Pagination=J.Pagination;exports.Popover=K.Popover;exports.Radio=c.Radio;exports.RadioGroup=c.RadioGroup;exports.RemoveDialog=Q.RemoveDialog;exports.RichTextEditor=V.RichTextEditor;exports.RootLayout=W.RootLayout;exports.Select=X.Select;exports.Slider=Y.Slider;exports.SpeedDial=n.SpeedDial;exports.SpeedDialAction=n.SpeedDialAction;exports.Stepper=Z.Stepper;exports.SwatchPicker=$.SwatchPicker;exports.Switch=ee.Switch;exports.Table=re.Table;exports.Tabs=oe.Tabs;exports.TagsField=te.TagsField;exports.TextField=ie.TextField;exports.ThemeToggle=ce.ThemeToggle;exports.TimePicker=ne.TimePicker;exports.Timeline=u.Timeline;exports.TimelineItem=u.TimelineItem;exports.Toaster=ue.Toaster;exports.ToggleButton=a.ToggleButton;exports.ToggleButtonGroup=a.ToggleButtonGroup;exports.Tooltip=ae.Tooltip;exports.TranslatedFields=le.TranslatedFields;exports.Typography=se.Typography;exports.UserCard=de.UserCard;exports.toast=qe.toast;
|
|
2
2
|
//# sourceMappingURL=components.cjs.map
|
|
@@ -4,64 +4,67 @@ import { A as m } from "../Alert-BQpA48PY.js";
|
|
|
4
4
|
import { A as f } from "../Avatar-BJVCdo-K.js";
|
|
5
5
|
import { A as l } from "../AvatarGroup-DdJf4aT7.js";
|
|
6
6
|
import { B as d } from "../Badge-DSWigoGC.js";
|
|
7
|
-
import { B as C } from "../
|
|
8
|
-
import { B as
|
|
9
|
-
import {
|
|
10
|
-
import { C as R } from "../
|
|
11
|
-
import { C as
|
|
12
|
-
import { C as
|
|
13
|
-
import { C as
|
|
14
|
-
import { C as
|
|
15
|
-
import { C as
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import { D as U } from "../
|
|
19
|
-
import { D as
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import { F as
|
|
24
|
-
import { F as Z } from "../
|
|
25
|
-
import { F as oo } from "../
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import { I as fo } from "../
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import { L as
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import { M as
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import { R as
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import { S as
|
|
49
|
-
import { S as
|
|
50
|
-
import { S as or } from "../
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import { T as xr } from "../
|
|
55
|
-
import { T as ir } from "../
|
|
56
|
-
import { T as Tr } from "../
|
|
57
|
-
import { T as cr
|
|
58
|
-
import { T as
|
|
59
|
-
import { T as
|
|
60
|
-
import { T as
|
|
61
|
-
import { T as
|
|
62
|
-
import { T as Ir } from "../
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
7
|
+
import { B as C } from "../Blockquote-CNIuJFHq.js";
|
|
8
|
+
import { B as F } from "../Breadcrumbs-Bx5UgwDy.js";
|
|
9
|
+
import { B as u } from "../Button-DhEv0YFk.js";
|
|
10
|
+
import { C as R } from "../Card-DzClqJuu.js";
|
|
11
|
+
import { C as A } from "../Checkbox-XKL_Q5qj.js";
|
|
12
|
+
import { C as P } from "../Chip-Cfo0v3Z8.js";
|
|
13
|
+
import { C as h, a as M } from "../ChoiceCardGroup-CvFzZlgI.js";
|
|
14
|
+
import { C as L } from "../Code-DaEpXHfF.js";
|
|
15
|
+
import { C as y } from "../CodeBlock-BWxQyKRo.js";
|
|
16
|
+
import { C as N, R as v } from "../Col-D2TfZKiM.js";
|
|
17
|
+
import { C as w } from "../ColorPicker-2udt1ORM.js";
|
|
18
|
+
import { D as U } from "../DatePicker-WM9TC6L_.js";
|
|
19
|
+
import { D as q } from "../DateTimePicker-DBtcWK0F.js";
|
|
20
|
+
import { D as z } from "../Divider-LtH3dLgw.js";
|
|
21
|
+
import { D as J } from "../Dropdown-DKAXue5_.js";
|
|
22
|
+
import { E as Q } from "../EmptyState-CetM49vk.js";
|
|
23
|
+
import { F as W } from "../FileUploader-VtmmwUFE.js";
|
|
24
|
+
import { F as Y, S as Z } from "../Sidebar-DRCs2ygZ.js";
|
|
25
|
+
import { F as oo } from "../Flag-BWCX6oSR.js";
|
|
26
|
+
import { F as eo } from "../Flex-Bj3mMF5A.js";
|
|
27
|
+
import { F as to } from "../FullscreenToggle-oWzYqUPH.js";
|
|
28
|
+
import { G as po } from "../Grid-CY-syhTX.js";
|
|
29
|
+
import { I as xo, a as fo } from "../names-D8ABK2Wk.js";
|
|
30
|
+
import { I as lo } from "../Icon-CophpkHo.js";
|
|
31
|
+
import { I as co } from "../IconButton-CBusrDa9.js";
|
|
32
|
+
import { L as no } from "../List-BHgFI9Ll.js";
|
|
33
|
+
import { L as So } from "../ListItem-B4yqZR-Z.js";
|
|
34
|
+
import { L as go } from "../Loader-C4JoXOyA.js";
|
|
35
|
+
import { M as Bo } from "../Masonry--bT8SICO.js";
|
|
36
|
+
import { M as Do } from "../Modal-BuaPDlKV.js";
|
|
37
|
+
import { M as Io } from "../MultiSelect-BGRT_B60.js";
|
|
38
|
+
import { M as Mo } from "../MultilineTextField-CwNCJ9lZ.js";
|
|
39
|
+
import { N as Lo } from "../NumberField-DBvhSQCw.js";
|
|
40
|
+
import { O as yo } from "../OtpField-CTq-CUbF.js";
|
|
41
|
+
import { P as No } from "../PageLayout-DddzYw2B.js";
|
|
42
|
+
import { P as Oo } from "../Pagination-CN9V8M5C.js";
|
|
43
|
+
import { P as Eo } from "../Popover-CgIU4Rhg.js";
|
|
44
|
+
import { R as _o, a as qo } from "../RadioGroup-DbodUJW8.js";
|
|
45
|
+
import { R as zo } from "../RemoveDialog-Bvt6sH79.js";
|
|
46
|
+
import { R as Jo } from "../RichTextEditor-BTx8Py3I.js";
|
|
47
|
+
import { R as Qo } from "../RootLayout-DCpfuFWF.js";
|
|
48
|
+
import { S as Wo } from "../Select-PbTyxB1Q.js";
|
|
49
|
+
import { S as Yo } from "../Slider-oGXd5e9X.js";
|
|
50
|
+
import { S as $o, a as or } from "../SpeedDial-DgFj16BQ.js";
|
|
51
|
+
import { S as er } from "../Stepper-COKAyN1L.js";
|
|
52
|
+
import { S as tr } from "../SwatchPicker-D30aSrbY.js";
|
|
53
|
+
import { S as pr } from "../Switch-DMPJ0fhB.js";
|
|
54
|
+
import { T as xr } from "../Table-BjPLvMbf.js";
|
|
55
|
+
import { T as ir } from "../Tabs--DDM-zKe.js";
|
|
56
|
+
import { T as Tr } from "../TagsField-BTJcZS9P.js";
|
|
57
|
+
import { T as cr } from "../TextField-DMI1X09n.js";
|
|
58
|
+
import { T as nr } from "../ThemeToggle-Deh9j8pm.js";
|
|
59
|
+
import { T as Sr } from "../TimePicker-3JgvK2on.js";
|
|
60
|
+
import { T as gr, a as Rr } from "../Timeline-WkV4k_we.js";
|
|
61
|
+
import { T as Ar } from "../Toaster-D-eG1xv7.js";
|
|
62
|
+
import { T as Pr, a as Ir } from "../ToggleButtonGroup-BWd7MOcc.js";
|
|
63
|
+
import { T as Mr } from "../Tooltip-Cb_FKxT9.js";
|
|
64
|
+
import { T as Lr } from "../TranslatedFields-CI0F9bHw.js";
|
|
65
|
+
import { T as yr } from "../Typography-Cta6Rg4L.js";
|
|
66
|
+
import { U as Nr } from "../UserCard-BhqtX1vU.js";
|
|
67
|
+
import { t as Or } from "../toastStore-Cx_JOKwS.js";
|
|
65
68
|
export {
|
|
66
69
|
t as Accordion,
|
|
67
70
|
s as AccordionItem,
|
|
@@ -69,72 +72,75 @@ export {
|
|
|
69
72
|
f as Avatar,
|
|
70
73
|
l as AvatarGroup,
|
|
71
74
|
d as Badge,
|
|
72
|
-
C as
|
|
73
|
-
|
|
74
|
-
u as
|
|
75
|
-
R as
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
w as
|
|
84
|
-
U as
|
|
85
|
-
|
|
86
|
-
z as
|
|
87
|
-
J as
|
|
88
|
-
Q as
|
|
89
|
-
|
|
90
|
-
|
|
75
|
+
C as Blockquote,
|
|
76
|
+
F as Breadcrumbs,
|
|
77
|
+
u as Button,
|
|
78
|
+
R as Card,
|
|
79
|
+
A as Checkbox,
|
|
80
|
+
P as Chip,
|
|
81
|
+
h as ChoiceCard,
|
|
82
|
+
M as ChoiceCardGroup,
|
|
83
|
+
L as Code,
|
|
84
|
+
y as CodeBlock,
|
|
85
|
+
N as Col,
|
|
86
|
+
w as ColorPicker,
|
|
87
|
+
U as DatePicker,
|
|
88
|
+
q as DateTimePicker,
|
|
89
|
+
z as Divider,
|
|
90
|
+
J as Dropdown,
|
|
91
|
+
Q as EmptyState,
|
|
92
|
+
W as FileUploader,
|
|
93
|
+
Y as FirstRouteRedirect,
|
|
94
|
+
oo as Flag,
|
|
95
|
+
eo as Flex,
|
|
91
96
|
e as Form,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
97
|
+
to as FullscreenToggle,
|
|
98
|
+
po as Grid,
|
|
99
|
+
xo as ICON_COUNT,
|
|
100
|
+
fo as ICON_NAMES,
|
|
101
|
+
lo as Icon,
|
|
102
|
+
co as IconButton,
|
|
103
|
+
no as List,
|
|
104
|
+
So as ListItem,
|
|
105
|
+
go as Loader,
|
|
106
|
+
Bo as Masonry,
|
|
107
|
+
Do as Modal,
|
|
108
|
+
Io as MultiSelect,
|
|
109
|
+
Mo as MultilineTextField,
|
|
110
|
+
Lo as NumberField,
|
|
111
|
+
yo as OtpField,
|
|
112
|
+
No as PageLayout,
|
|
113
|
+
Oo as Pagination,
|
|
114
|
+
Eo as Popover,
|
|
115
|
+
_o as Radio,
|
|
116
|
+
qo as RadioGroup,
|
|
117
|
+
zo as RemoveDialog,
|
|
118
|
+
Jo as RichTextEditor,
|
|
119
|
+
Qo as RootLayout,
|
|
120
|
+
v as Row,
|
|
121
|
+
Wo as Select,
|
|
122
|
+
Z as Sidebar,
|
|
123
|
+
Yo as Slider,
|
|
124
|
+
$o as SpeedDial,
|
|
125
|
+
or as SpeedDialAction,
|
|
126
|
+
er as Stepper,
|
|
127
|
+
tr as SwatchPicker,
|
|
128
|
+
pr as Switch,
|
|
129
|
+
xr as Table,
|
|
130
|
+
ir as Tabs,
|
|
131
|
+
Tr as TagsField,
|
|
132
|
+
cr as TextField,
|
|
133
|
+
nr as ThemeToggle,
|
|
134
|
+
Sr as TimePicker,
|
|
135
|
+
gr as Timeline,
|
|
136
|
+
Rr as TimelineItem,
|
|
137
|
+
Ar as Toaster,
|
|
138
|
+
Pr as ToggleButton,
|
|
139
|
+
Ir as ToggleButtonGroup,
|
|
140
|
+
Mr as Tooltip,
|
|
141
|
+
Lr as TranslatedFields,
|
|
142
|
+
yr as Typography,
|
|
143
|
+
Nr as UserCard,
|
|
144
|
+
Or as toast
|
|
139
145
|
};
|
|
140
146
|
//# sourceMappingURL=components.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,7 +2,7 @@ import type { LocaleConfig } from '../theme';
|
|
|
2
2
|
/**
|
|
3
3
|
* Translation form helpers — framework-agnostic glue between `<TranslatedFields>`' **flat** field
|
|
4
4
|
* names (`translations[en-US].title` — the `FormData` shape) and the **nested** JSON shape
|
|
5
|
-
* (`{ translations: { 'en-US': { title } } }`). Public from
|
|
5
|
+
* (`{ translations: { 'en-US': { title } } }`). Public from `@techzyapp/ui-library/helpers`.
|
|
6
6
|
*/
|
|
7
7
|
/** The default top-level namespace for the translation field names + the nested object. */
|
|
8
8
|
export declare const DEFAULT_TRANSLATIONS_NAMESPACE = "translations";
|
|
@@ -2,7 +2,7 @@ import type { LocaleConfig } from '../theme';
|
|
|
2
2
|
/**
|
|
3
3
|
* Translation form helpers — framework-agnostic glue between `<TranslatedFields>`' **flat** field
|
|
4
4
|
* names (`translations[en-US].title` — the `FormData` shape) and the **nested** JSON shape
|
|
5
|
-
* (`{ translations: { 'en-US': { title } } }`). Public from
|
|
5
|
+
* (`{ translations: { 'en-US': { title } } }`). Public from `@techzyapp/ui-library/helpers`.
|
|
6
6
|
*/
|
|
7
7
|
/** The default top-level namespace for the translation field names + the nested object. */
|
|
8
8
|
export declare const DEFAULT_TRANSLATIONS_NAMESPACE = "translations";
|