tekivex-ui 2.3.0 → 2.5.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 +436 -83
- package/dist/TkxForm-BWK4LqY3.js +1461 -0
- package/dist/TkxForm-ljQjX7KD.cjs +15 -0
- package/dist/charts.cjs +1 -0
- package/dist/charts.js +480 -0
- package/dist/headless.cjs +1 -0
- package/dist/headless.js +258 -0
- package/dist/index-BINBzXuY.cjs +2 -0
- package/dist/index-eT_U4qB2.js +512 -0
- package/dist/index.cjs +20 -32
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7942 -8903
- package/dist/src/charts/TkxAreaChart.d.ts +29 -0
- package/dist/src/charts/TkxAreaChart.d.ts.map +1 -0
- package/dist/src/charts/TkxBarChart.d.ts +28 -0
- package/dist/src/charts/TkxBarChart.d.ts.map +1 -0
- package/dist/src/charts/TkxDonutChart.d.ts +23 -0
- package/dist/src/charts/TkxDonutChart.d.ts.map +1 -0
- package/dist/src/charts/TkxLineChart.d.ts +35 -0
- package/dist/src/charts/TkxLineChart.d.ts.map +1 -0
- package/dist/src/charts/TkxPieChart.d.ts +19 -0
- package/dist/src/charts/TkxPieChart.d.ts.map +1 -0
- package/dist/src/charts/TkxRadarChart.d.ts +20 -0
- package/dist/src/charts/TkxRadarChart.d.ts.map +1 -0
- package/dist/src/charts/TkxScatterChart.d.ts +28 -0
- package/dist/src/charts/TkxScatterChart.d.ts.map +1 -0
- package/dist/src/charts/index.d.ts +15 -0
- package/dist/src/charts/index.d.ts.map +1 -0
- package/dist/src/charts/shared.d.ts +33 -0
- package/dist/src/charts/shared.d.ts.map +1 -0
- package/dist/src/components/TkxDataGrid.d.ts +16 -2
- package/dist/src/components/TkxDataGrid.d.ts.map +1 -1
- package/dist/src/components/TkxForm.d.ts +33 -3
- package/dist/src/components/TkxForm.d.ts.map +1 -1
- package/dist/src/components/TkxImage.d.ts.map +1 -1
- package/dist/src/components/TkxTypography.d.ts +1 -1
- package/dist/src/components/TkxTypography.d.ts.map +1 -1
- package/dist/src/engine/tkx.d.ts.map +1 -1
- package/dist/src/headless/index.d.ts +18 -0
- package/dist/src/headless/index.d.ts.map +1 -0
- package/dist/src/headless/useControllable.d.ts +20 -0
- package/dist/src/headless/useControllable.d.ts.map +1 -0
- package/dist/src/headless/useDebounce.d.ts +14 -0
- package/dist/src/headless/useDebounce.d.ts.map +1 -0
- package/dist/src/headless/useDisclosure.d.ts +20 -0
- package/dist/src/headless/useDisclosure.d.ts.map +1 -0
- package/dist/src/headless/useFormState.d.ts +44 -0
- package/dist/src/headless/useFormState.d.ts.map +1 -0
- package/dist/src/headless/useIntersectionObserver.d.ts +23 -0
- package/dist/src/headless/useIntersectionObserver.d.ts.map +1 -0
- package/dist/src/headless/useListSelection.d.ts +29 -0
- package/dist/src/headless/useListSelection.d.ts.map +1 -0
- package/dist/src/headless/useLocalStorage.d.ts +9 -0
- package/dist/src/headless/useLocalStorage.d.ts.map +1 -0
- package/dist/src/headless/useMediaQuery.d.ts +21 -0
- package/dist/src/headless/useMediaQuery.d.ts.map +1 -0
- package/dist/src/headless/useRovingTabIndex.d.ts +33 -0
- package/dist/src/headless/useRovingTabIndex.d.ts.map +1 -0
- package/dist/src/headless/useThrottle.d.ts +9 -0
- package/dist/src/headless/useThrottle.d.ts.map +1 -0
- package/dist/src/i18n/index.d.ts +47 -2
- package/dist/src/i18n/index.d.ts.map +1 -1
- package/dist/src/themes/index.d.ts.map +1 -1
- package/package.json +61 -7
- package/src/charts/TkxAreaChart.tsx +119 -0
- package/src/charts/TkxBarChart.tsx +115 -0
- package/src/charts/TkxDonutChart.tsx +145 -0
- package/src/charts/TkxLineChart.tsx +135 -0
- package/src/charts/TkxPieChart.tsx +82 -0
- package/src/charts/TkxRadarChart.tsx +90 -0
- package/src/charts/TkxScatterChart.tsx +102 -0
- package/src/charts/index.ts +20 -0
- package/src/charts/shared.ts +45 -0
- package/src/components/TkxDataGrid.tsx +532 -268
- package/src/components/TkxForm.tsx +67 -15
- package/src/components/TkxImage.tsx +1 -1
- package/src/components/TkxTypography.tsx +4 -2
- package/src/engine/tkx.ts +60 -3
- package/src/headless/index.ts +44 -0
- package/src/headless/useControllable.ts +40 -0
- package/src/headless/useDebounce.ts +35 -0
- package/src/headless/useDisclosure.ts +28 -0
- package/src/headless/useFormState.ts +111 -0
- package/src/headless/useIntersectionObserver.ts +51 -0
- package/src/headless/useListSelection.ts +101 -0
- package/src/headless/useLocalStorage.ts +46 -0
- package/src/headless/useMediaQuery.ts +37 -0
- package/src/headless/useRovingTabIndex.ts +84 -0
- package/src/headless/useThrottle.ts +46 -0
- package/src/i18n/I18nProvider.tsx +1 -1
- package/src/i18n/index.ts +678 -38
- package/src/themes/index.ts +31 -4
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { type ChartMargin } from './shared';
|
|
2
|
+
export interface TkxAreaChartSeries {
|
|
3
|
+
key: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
/** Fill opacity. Default: 0.2 */
|
|
7
|
+
fillOpacity?: number;
|
|
8
|
+
/** Whether to stack this series. Default: false */
|
|
9
|
+
stacked?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface TkxAreaChartProps {
|
|
12
|
+
data: Record<string, any>[];
|
|
13
|
+
series: TkxAreaChartSeries[];
|
|
14
|
+
xKey: string;
|
|
15
|
+
height?: number;
|
|
16
|
+
margin?: ChartMargin;
|
|
17
|
+
showGrid?: boolean;
|
|
18
|
+
showLegend?: boolean;
|
|
19
|
+
showTooltip?: boolean;
|
|
20
|
+
/** Smooth curves. Default: true */
|
|
21
|
+
smooth?: boolean;
|
|
22
|
+
xTickFormatter?: (value: any) => string;
|
|
23
|
+
yTickFormatter?: (value: any) => string;
|
|
24
|
+
yDomain?: [number | 'auto' | 'dataMin' | 'dataMax', number | 'auto' | 'dataMin' | 'dataMax'];
|
|
25
|
+
/** aria-label for the chart container */
|
|
26
|
+
ariaLabel?: string;
|
|
27
|
+
}
|
|
28
|
+
export declare function TkxAreaChart({ data, series, xKey, height, margin, showGrid, showLegend, showTooltip, smooth, xTickFormatter, yTickFormatter, yDomain, ariaLabel, }: TkxAreaChartProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
//# sourceMappingURL=TkxAreaChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TkxAreaChart.d.ts","sourceRoot":"","sources":["../../../src/charts/TkxAreaChart.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAkD,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5F,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;IAC7F,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,MAAY,EACZ,MAAuB,EACvB,QAAe,EACf,UAAiB,EACjB,WAAkB,EAClB,MAAa,EACb,cAAc,EACd,cAAc,EACd,OAAO,EACP,SAAwB,GACzB,EAAE,iBAAiB,2CA+DnB"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { type ChartMargin } from './shared';
|
|
2
|
+
export interface TkxBarChartSeries {
|
|
3
|
+
key: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
/** Stack ID — bars with the same stackId are stacked. */
|
|
7
|
+
stackId?: string;
|
|
8
|
+
radius?: number | [number, number, number, number];
|
|
9
|
+
}
|
|
10
|
+
export interface TkxBarChartProps {
|
|
11
|
+
data: Record<string, any>[];
|
|
12
|
+
series: TkxBarChartSeries[];
|
|
13
|
+
xKey: string;
|
|
14
|
+
height?: number;
|
|
15
|
+
margin?: ChartMargin;
|
|
16
|
+
showGrid?: boolean;
|
|
17
|
+
showLegend?: boolean;
|
|
18
|
+
showTooltip?: boolean;
|
|
19
|
+
layout?: 'vertical' | 'horizontal';
|
|
20
|
+
barSize?: number;
|
|
21
|
+
/** Use gradient fill per series. Default: false */
|
|
22
|
+
gradient?: boolean;
|
|
23
|
+
xTickFormatter?: (value: any) => string;
|
|
24
|
+
yTickFormatter?: (value: any) => string;
|
|
25
|
+
ariaLabel?: string;
|
|
26
|
+
}
|
|
27
|
+
export declare function TkxBarChart({ data, series, xKey, height, margin, showGrid, showLegend, showTooltip, layout, barSize, xTickFormatter, yTickFormatter, ariaLabel, }: TkxBarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
//# sourceMappingURL=TkxBarChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TkxBarChart.d.ts","sourceRoot":"","sources":["../../../src/charts/TkxBarChart.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAkD,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5F,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,MAAY,EACZ,MAAuB,EACvB,QAAe,EACf,UAAiB,EACjB,WAAkB,EAClB,MAAqB,EACrB,OAAO,EACP,cAAc,EACd,cAAc,EACd,SAAuB,GACxB,EAAE,gBAAgB,2CA2DlB"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface TkxDonutChartSlice {
|
|
2
|
+
name: string;
|
|
3
|
+
value: number;
|
|
4
|
+
color?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface TkxDonutChartProps {
|
|
7
|
+
data: TkxDonutChartSlice[];
|
|
8
|
+
height?: number;
|
|
9
|
+
showLegend?: boolean;
|
|
10
|
+
showTooltip?: boolean;
|
|
11
|
+
/** Center label — large text (e.g. total value) */
|
|
12
|
+
centerLabel?: string;
|
|
13
|
+
/** Center sublabel — small text below centerLabel */
|
|
14
|
+
centerSublabel?: string;
|
|
15
|
+
/** Inner radius as number or percentage string. Default: '55%' */
|
|
16
|
+
innerRadius?: number | string;
|
|
17
|
+
/** Outer radius as number or percentage string. Default: '75%' */
|
|
18
|
+
outerRadius?: number | string;
|
|
19
|
+
startAngle?: number;
|
|
20
|
+
ariaLabel?: string;
|
|
21
|
+
}
|
|
22
|
+
export declare function TkxDonutChart({ data, height, showLegend, showTooltip, centerLabel, centerSublabel, innerRadius, outerRadius, startAngle, ariaLabel, }: TkxDonutChartProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
//# sourceMappingURL=TkxDonutChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TkxDonutChart.d.ts","sourceRoot":"","sources":["../../../src/charts/TkxDonutChart.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,MAAY,EACZ,UAAiB,EACjB,WAAkB,EAClB,WAAW,EACX,cAAc,EACd,WAAmB,EACnB,WAAmB,EACnB,UAAe,EACf,SAAyB,GAC1B,EAAE,kBAAkB,2CAyEpB"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { type ChartMargin } from './shared';
|
|
2
|
+
export interface TkxLineChartSeries {
|
|
3
|
+
key: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
strokeWidth?: number;
|
|
7
|
+
dashed?: boolean;
|
|
8
|
+
dot?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface TkxReferenceLineConfig {
|
|
11
|
+
y?: number;
|
|
12
|
+
x?: number | string;
|
|
13
|
+
label?: string;
|
|
14
|
+
color?: string;
|
|
15
|
+
dashed?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export interface TkxLineChartProps {
|
|
18
|
+
data: Record<string, any>[];
|
|
19
|
+
series: TkxLineChartSeries[];
|
|
20
|
+
xKey: string;
|
|
21
|
+
height?: number;
|
|
22
|
+
margin?: ChartMargin;
|
|
23
|
+
showGrid?: boolean;
|
|
24
|
+
showLegend?: boolean;
|
|
25
|
+
showTooltip?: boolean;
|
|
26
|
+
smooth?: boolean;
|
|
27
|
+
referenceLines?: TkxReferenceLineConfig[];
|
|
28
|
+
xTickFormatter?: (value: any) => string;
|
|
29
|
+
yTickFormatter?: (value: any) => string;
|
|
30
|
+
yDomain?: [number | 'auto' | 'dataMin' | 'dataMax', number | 'auto' | 'dataMin' | 'dataMax'];
|
|
31
|
+
connectNulls?: boolean;
|
|
32
|
+
ariaLabel?: string;
|
|
33
|
+
}
|
|
34
|
+
export declare function TkxLineChart({ data, series, xKey, height, margin, showGrid, showLegend, showTooltip, smooth, referenceLines, xTickFormatter, yTickFormatter, yDomain, connectNulls, ariaLabel, }: TkxLineChartProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
//# sourceMappingURL=TkxLineChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TkxLineChart.d.ts","sourceRoot":"","sources":["../../../src/charts/TkxLineChart.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAkD,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5F,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;IAC7F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,MAAY,EACZ,MAAuB,EACvB,QAAe,EACf,UAAiB,EACjB,WAAkB,EAClB,MAAa,EACb,cAAmB,EACnB,cAAc,EACd,cAAc,EACd,OAAO,EACP,YAAoB,EACpB,SAAwB,GACzB,EAAE,iBAAiB,2CAqEnB"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface TkxPieChartSlice {
|
|
2
|
+
name: string;
|
|
3
|
+
value: number;
|
|
4
|
+
color?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface TkxPieChartProps {
|
|
7
|
+
data: TkxPieChartSlice[];
|
|
8
|
+
height?: number;
|
|
9
|
+
showLegend?: boolean;
|
|
10
|
+
showTooltip?: boolean;
|
|
11
|
+
showLabels?: boolean;
|
|
12
|
+
/** Outer radius as a number (px) or percentage string. Default: '70%' */
|
|
13
|
+
outerRadius?: number | string;
|
|
14
|
+
/** Start angle in degrees. Default: 90 (12 o'clock) */
|
|
15
|
+
startAngle?: number;
|
|
16
|
+
ariaLabel?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare function TkxPieChart({ data, height, showLegend, showTooltip, showLabels, outerRadius, startAngle, ariaLabel, }: TkxPieChartProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
//# sourceMappingURL=TkxPieChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TkxPieChart.d.ts","sourceRoot":"","sources":["../../../src/charts/TkxPieChart.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAY,EACZ,UAAiB,EACjB,WAAkB,EAClB,UAAkB,EAClB,WAAmB,EACnB,UAAe,EACf,SAAuB,GACxB,EAAE,gBAAgB,2CA0ClB"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export interface TkxRadarSeries {
|
|
2
|
+
key: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
color?: string;
|
|
5
|
+
fillOpacity?: number;
|
|
6
|
+
}
|
|
7
|
+
export interface TkxRadarChartProps {
|
|
8
|
+
data: Record<string, any>[];
|
|
9
|
+
series: TkxRadarSeries[];
|
|
10
|
+
/** Key in data for the axis labels (e.g. 'subject', 'metric') */
|
|
11
|
+
angleKey: string;
|
|
12
|
+
height?: number;
|
|
13
|
+
showLegend?: boolean;
|
|
14
|
+
showTooltip?: boolean;
|
|
15
|
+
/** Outer radius as percentage string or number. Default: '70%' */
|
|
16
|
+
outerRadius?: string | number;
|
|
17
|
+
ariaLabel?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare function TkxRadarChart({ data, series, angleKey, height, showLegend, showTooltip, outerRadius, ariaLabel, }: TkxRadarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
//# sourceMappingURL=TkxRadarChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TkxRadarChart.d.ts","sourceRoot":"","sources":["../../../src/charts/TkxRadarChart.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,iEAAiE;IACjE,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAY,EACZ,UAAiB,EACjB,WAAkB,EAClB,WAAmB,EACnB,SAAyB,GAC1B,EAAE,kBAAkB,2CA+CpB"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { type ChartMargin } from './shared';
|
|
2
|
+
export interface TkxScatterSeries {
|
|
3
|
+
data: {
|
|
4
|
+
x: number;
|
|
5
|
+
y: number;
|
|
6
|
+
z?: number;
|
|
7
|
+
label?: string;
|
|
8
|
+
}[];
|
|
9
|
+
name?: string;
|
|
10
|
+
color?: string;
|
|
11
|
+
}
|
|
12
|
+
export interface TkxScatterChartProps {
|
|
13
|
+
series: TkxScatterSeries[];
|
|
14
|
+
height?: number;
|
|
15
|
+
margin?: ChartMargin;
|
|
16
|
+
showGrid?: boolean;
|
|
17
|
+
showLegend?: boolean;
|
|
18
|
+
showTooltip?: boolean;
|
|
19
|
+
xLabel?: string;
|
|
20
|
+
yLabel?: string;
|
|
21
|
+
xTickFormatter?: (value: any) => string;
|
|
22
|
+
yTickFormatter?: (value: any) => string;
|
|
23
|
+
/** Z-axis range (bubble size). Default: [20, 400] */
|
|
24
|
+
zRange?: [number, number];
|
|
25
|
+
ariaLabel?: string;
|
|
26
|
+
}
|
|
27
|
+
export declare function TkxScatterChart({ series, height, margin, showGrid, showLegend, showTooltip, xTickFormatter, yTickFormatter, zRange, ariaLabel, }: TkxScatterChartProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
//# sourceMappingURL=TkxScatterChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TkxScatterChart.d.ts","sourceRoot":"","sources":["../../../src/charts/TkxScatterChart.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAkD,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5F,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;IACxC,qDAAqD;IACrD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,MAAY,EACZ,MAAuB,EACvB,QAAe,EACf,UAAiB,EACjB,WAAkB,EAClB,cAAc,EACd,cAAc,EACd,MAAkB,EAClB,SAA2B,GAC5B,EAAE,oBAAoB,2CAsDtB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export { TkxAreaChart } from './TkxAreaChart';
|
|
2
|
+
export { TkxBarChart } from './TkxBarChart';
|
|
3
|
+
export { TkxLineChart } from './TkxLineChart';
|
|
4
|
+
export { TkxPieChart } from './TkxPieChart';
|
|
5
|
+
export { TkxDonutChart } from './TkxDonutChart';
|
|
6
|
+
export { TkxScatterChart } from './TkxScatterChart';
|
|
7
|
+
export { TkxRadarChart } from './TkxRadarChart';
|
|
8
|
+
export type { TkxAreaChartProps } from './TkxAreaChart';
|
|
9
|
+
export type { TkxBarChartProps } from './TkxBarChart';
|
|
10
|
+
export type { TkxLineChartProps } from './TkxLineChart';
|
|
11
|
+
export type { TkxPieChartProps } from './TkxPieChart';
|
|
12
|
+
export type { TkxDonutChartProps } from './TkxDonutChart';
|
|
13
|
+
export type { TkxScatterChartProps } from './TkxScatterChart';
|
|
14
|
+
export type { TkxRadarChartProps } from './TkxRadarChart';
|
|
15
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { ThemeTokens } from '../themes';
|
|
2
|
+
/** Default palette: uses theme tokens then falls back to categorical colors */
|
|
3
|
+
export declare function getDefaultColors(theme: ThemeTokens): string[];
|
|
4
|
+
export interface ChartMargin {
|
|
5
|
+
top?: number;
|
|
6
|
+
right?: number;
|
|
7
|
+
bottom?: number;
|
|
8
|
+
left?: number;
|
|
9
|
+
}
|
|
10
|
+
export declare const DEFAULT_MARGIN: ChartMargin;
|
|
11
|
+
/** Common recharts tooltip style that matches TekiVex theme */
|
|
12
|
+
export declare function tooltipStyle(theme: ThemeTokens): {
|
|
13
|
+
contentStyle: {
|
|
14
|
+
backgroundColor: string;
|
|
15
|
+
border: string;
|
|
16
|
+
borderRadius: number;
|
|
17
|
+
boxShadow: string;
|
|
18
|
+
color: string;
|
|
19
|
+
fontSize: number;
|
|
20
|
+
};
|
|
21
|
+
labelStyle: {
|
|
22
|
+
color: string;
|
|
23
|
+
fontWeight: number;
|
|
24
|
+
marginBottom: number;
|
|
25
|
+
};
|
|
26
|
+
itemStyle: {
|
|
27
|
+
color: string;
|
|
28
|
+
};
|
|
29
|
+
cursor: {
|
|
30
|
+
fill: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=shared.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/charts/shared.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,+EAA+E;AAC/E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,EAAE,CAa7D;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,cAAc,EAAE,WAAyD,CAAC;AAEvF,+DAA+D;AAC/D,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW;;;;;;;;;;;;;;;;;;;;EAc9C"}
|
|
@@ -18,7 +18,9 @@ export interface TkxDataGridProps<T = any> {
|
|
|
18
18
|
selectable?: boolean;
|
|
19
19
|
selectedRows?: string[];
|
|
20
20
|
onSelectionChange?: (ids: string[]) => void;
|
|
21
|
+
/** Enable column sorting. When true, clicks sort data client-side unless onSort is also provided. */
|
|
21
22
|
sortable?: boolean;
|
|
23
|
+
/** External sort handler. When provided, raw data is NOT sorted internally — you must pass pre-sorted data. */
|
|
22
24
|
onSort?: (key: string, direction: 'asc' | 'desc') => void;
|
|
23
25
|
loading?: boolean;
|
|
24
26
|
emptyMessage?: string;
|
|
@@ -28,10 +30,22 @@ export interface TkxDataGridProps<T = any> {
|
|
|
28
30
|
compact?: boolean;
|
|
29
31
|
maxHeight?: number | string;
|
|
30
32
|
onRowClick?: (row: T) => void;
|
|
31
|
-
/** Enable virtual scrolling. Defaults to auto (enabled when data
|
|
33
|
+
/** Enable virtual scrolling. Defaults to auto (enabled when data ≥ 50 rows and maxHeight is set). */
|
|
32
34
|
virtualScroll?: boolean;
|
|
33
35
|
/** Row height in pixels for virtual scrolling calculations. Default: 40 */
|
|
34
36
|
rowHeight?: number;
|
|
37
|
+
/** Show column filter inputs below the header row. */
|
|
38
|
+
showFilters?: boolean;
|
|
39
|
+
/** Controlled filter values keyed by column key. */
|
|
40
|
+
filterValues?: Record<string, string>;
|
|
41
|
+
/** Called when a column filter changes. */
|
|
42
|
+
onFilterChange?: (key: string, value: string) => void;
|
|
43
|
+
/** Rows per page for built-in pagination. Set to 0 to disable. Default: 0 (disabled). */
|
|
44
|
+
pageSize?: number;
|
|
45
|
+
/** Show a CSV export button in the toolbar. */
|
|
46
|
+
showExport?: boolean;
|
|
47
|
+
/** File name for CSV export (without .csv extension). Default: "export". */
|
|
48
|
+
exportFileName?: string;
|
|
35
49
|
}
|
|
36
|
-
export declare function TkxDataGrid<T = any>({ columns, data, rowKey, selectable, selectedRows, onSelectionChange, sortable, onSort, loading, emptyMessage, stickyHeader, striped, bordered, compact, maxHeight, onRowClick, virtualScroll, rowHeight, }: TkxDataGridProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
export declare function TkxDataGrid<T = any>({ columns, data, rowKey, selectable, selectedRows, onSelectionChange, sortable, onSort, loading, emptyMessage, stickyHeader, striped, bordered, compact, maxHeight, onRowClick, virtualScroll, rowHeight, showFilters, filterValues: externalFilterValues, onFilterChange, pageSize, showExport, exportFileName, }: TkxDataGridProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
37
51
|
//# sourceMappingURL=TkxDataGrid.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TkxDataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/TkxDataGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"TkxDataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/TkxDataGrid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,12 @@ export interface TkxFormProps {
|
|
|
16
16
|
children: ReactNode;
|
|
17
17
|
className?: string;
|
|
18
18
|
style?: CSSProperties;
|
|
19
|
+
/**
|
|
20
|
+
* An external FormInstance created via useTkxForm().
|
|
21
|
+
* When provided, the form exposes its internal instance through this reference,
|
|
22
|
+
* enabling programmatic control from outside the component tree.
|
|
23
|
+
*/
|
|
24
|
+
form?: FormInstance;
|
|
19
25
|
}
|
|
20
26
|
export interface TkxFormFieldProps {
|
|
21
27
|
name: string;
|
|
@@ -39,11 +45,35 @@ export interface FormInstance {
|
|
|
39
45
|
isFieldTouched: (name: string) => boolean;
|
|
40
46
|
}
|
|
41
47
|
/**
|
|
42
|
-
*
|
|
43
|
-
*
|
|
48
|
+
* Returns a FormInstance for programmatic access to form state.
|
|
49
|
+
*
|
|
50
|
+
* - Inside a <TkxForm>: returns the form's live instance (reads/writes real field state).
|
|
51
|
+
* - Outside a <TkxForm>: returns a standalone instance backed by a ref store.
|
|
52
|
+
* Pass it to <TkxForm form={instance}> to connect it to a form.
|
|
53
|
+
*
|
|
54
|
+
* @example — programmatic access inside a form
|
|
55
|
+
* ```tsx
|
|
56
|
+
* function MyInnerButtons() {
|
|
57
|
+
* const form = useTkxForm(); // connected to parent TkxForm
|
|
58
|
+
* return <button onClick={() => form.resetFields()}>Reset</button>;
|
|
59
|
+
* }
|
|
60
|
+
* ```
|
|
61
|
+
*
|
|
62
|
+
* @example — external instance (Ant Design pattern)
|
|
63
|
+
* ```tsx
|
|
64
|
+
* function Parent() {
|
|
65
|
+
* const form = useTkxForm();
|
|
66
|
+
* return (
|
|
67
|
+
* <TkxForm form={form}>
|
|
68
|
+
* <TkxFormField name="email" label="Email"><TkxInput label="Email" /></TkxFormField>
|
|
69
|
+
* <button onClick={() => console.log(form.getFieldsValue())}>Log</button>
|
|
70
|
+
* </TkxForm>
|
|
71
|
+
* );
|
|
72
|
+
* }
|
|
73
|
+
* ```
|
|
44
74
|
*/
|
|
45
75
|
export declare function useTkxForm(): FormInstance;
|
|
46
|
-
export declare function TkxForm({ onSubmit, onValuesChange, initialValues, layout, disabled, children, className, style, }: TkxFormProps): import("react/jsx-runtime").JSX.Element;
|
|
76
|
+
export declare function TkxForm({ onSubmit, onValuesChange, initialValues, layout, disabled, children, className, style, form: externalInstance, }: TkxFormProps): import("react/jsx-runtime").JSX.Element;
|
|
47
77
|
export declare namespace TkxForm {
|
|
48
78
|
var displayName: string;
|
|
49
79
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TkxForm.d.ts","sourceRoot":"","sources":["../../../src/components/TkxForm.tsx"],"names":[],"mappings":"AAMA,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,aAAa,EAEnB,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAID,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACjE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"TkxForm.d.ts","sourceRoot":"","sources":["../../../src/components/TkxForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TkxImage.d.ts","sourceRoot":"","sources":["../../../src/components/TkxImage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAC5E,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1E,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACrF,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAC3C,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAoCD,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,GAAG,EACH,QAAQ,EACR,WAAwB,EACxB,GAAa,EACb,KAAc,EACd,MAAe,EACf,OAAO,EACP,
|
|
1
|
+
{"version":3,"file":"TkxImage.d.ts","sourceRoot":"","sources":["../../../src/components/TkxImage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAC5E,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1E,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACrF,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAC3C,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAoCD,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,GAAG,EACH,QAAQ,EACR,WAAwB,EACxB,GAAa,EACb,KAAc,EACd,MAAe,EACf,OAAO,EACP,IAAW,EACX,OAAe,EACf,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,2CAuMf"}
|
|
@@ -1048,7 +1048,7 @@ export declare function TkxText({ children, type, strong, italic, underline, del
|
|
|
1048
1048
|
fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
|
|
1049
1049
|
fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
|
|
1050
1050
|
fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
|
|
1051
|
-
fontWeight
|
|
1051
|
+
fontWeight?: import("csstype").Property.FontWeight | undefined;
|
|
1052
1052
|
fontWidth?: import("csstype").Property.FontWidth | undefined;
|
|
1053
1053
|
forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
|
|
1054
1054
|
gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TkxTypography.d.ts","sourceRoot":"","sources":["../../../src/components/TkxTypography.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TkxTypography.d.ts","sourceRoot":"","sources":["../../../src/components/TkxTypography.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tkx.d.ts","sourceRoot":"","sources":["../../../src/engine/tkx.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tkx.d.ts","sourceRoot":"","sources":["../../../src/engine/tkx.ts"],"names":[],"mappings":"AAoxBA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,QAAQ,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAmBhG;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,GAAG,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAmFjD;AAED,qCAAqC;AACrC,eAAO,MAAM,EAAE,YAAM,CAAC;AAItB,qEAAqE;AACrE,wBAAgB,gBAAgB,IAAI,MAAM,CAEzC;AAED,4DAA4D;AAC5D,wBAAgB,cAAc,IAAI,IAAI,CAOrC;AAGD;;;GAGG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE5E;AAGD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACnD;AAID,wBAAgB,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAEpD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAElD;AAED,wBAAgB,cAAc,IAAI,MAAM,EAAE,CAEzC;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAKhF"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export { useReducedMotion, useHighContrast, useFocusTrap, useAnnounce, useEscapeKey, useClickOutside, } from '../hooks';
|
|
2
|
+
export { useTkxForm } from '../components/TkxForm';
|
|
3
|
+
export type { FormInstance, ValidationRule } from '../components/TkxForm';
|
|
4
|
+
export { extractAtomicCSS, resetAtomicCSS, cx, tkxPlugin, tkxRemovePlugin, tkxListPlugins } from '../engine/tkx';
|
|
5
|
+
export { extractCSS, resetStyles, injectStyles, cssVar } from '../engine/css';
|
|
6
|
+
export { meetsAA, meetsAAA, contrastRatio } from '../engine/wcag';
|
|
7
|
+
export { sanitizeString, sanitizeProps } from '../engine/security';
|
|
8
|
+
export { useDisclosure } from './useDisclosure';
|
|
9
|
+
export { useRovingTabIndex } from './useRovingTabIndex';
|
|
10
|
+
export { useFormState } from './useFormState';
|
|
11
|
+
export { useListSelection } from './useListSelection';
|
|
12
|
+
export { useDebounce } from './useDebounce';
|
|
13
|
+
export { useThrottle } from './useThrottle';
|
|
14
|
+
export { useControllable } from './useControllable';
|
|
15
|
+
export { useMediaQuery } from './useMediaQuery';
|
|
16
|
+
export { useLocalStorage } from './useLocalStorage';
|
|
17
|
+
export { useIntersectionObserver } from './useIntersectionObserver';
|
|
18
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/headless/index.ts"],"names":[],"mappings":"AAYA,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,eAAe,GAChB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG1E,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACjH,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Unified controlled/uncontrolled state management.
|
|
3
|
+
* The component accepts both a controlled `value` + `onChange` pair
|
|
4
|
+
* OR works standalone with internal state when they're not provided.
|
|
5
|
+
*
|
|
6
|
+
* This is the same pattern used by Radix UI, Mantine, and Ant Design internally.
|
|
7
|
+
*
|
|
8
|
+
* @example — in a custom Select component:
|
|
9
|
+
* const [currentValue, setCurrentValue] = useControllable({
|
|
10
|
+
* value: props.value, // may be undefined (uncontrolled)
|
|
11
|
+
* onChange: props.onChange, // may be undefined
|
|
12
|
+
* defaultValue: '',
|
|
13
|
+
* });
|
|
14
|
+
*/
|
|
15
|
+
export declare function useControllable<T>({ value, onChange, defaultValue, }: {
|
|
16
|
+
value?: T;
|
|
17
|
+
onChange?: (value: T) => void;
|
|
18
|
+
defaultValue: T;
|
|
19
|
+
}): [T, (next: T) => void];
|
|
20
|
+
//# sourceMappingURL=useControllable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useControllable.d.ts","sourceRoot":"","sources":["../../../src/headless/useControllable.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,EACjC,KAAK,EACL,QAAQ,EACR,YAAY,GACb,EAAE;IACD,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,YAAY,EAAE,CAAC,CAAC;CACjB,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,CAezB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Returns a debounced version of the value that only updates after the
|
|
3
|
+
* specified delay has passed without changes.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* const debouncedSearch = useDebounce(searchQuery, 300);
|
|
7
|
+
* useEffect(() => { fetchResults(debouncedSearch); }, [debouncedSearch]);
|
|
8
|
+
*/
|
|
9
|
+
export declare function useDebounce<T>(value: T, delay: number): T;
|
|
10
|
+
/**
|
|
11
|
+
* Returns a debounced callback that only fires after the delay.
|
|
12
|
+
*/
|
|
13
|
+
export declare function useDebouncedCallback<T extends (...args: any[]) => any>(fn: T, delay: number): (...args: Parameters<T>) => void;
|
|
14
|
+
//# sourceMappingURL=useDebounce.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../../src/headless/useDebounce.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAOzD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACpE,EAAE,EAAE,CAAC,EACL,KAAK,EAAE,MAAM,GACZ,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CASlC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export interface UseDisclosureReturn {
|
|
2
|
+
isOpen: boolean;
|
|
3
|
+
open: () => void;
|
|
4
|
+
close: () => void;
|
|
5
|
+
toggle: () => void;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Manages boolean open/close state for modals, drawers, popovers, dropdowns, etc.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* const { isOpen, open, close, toggle } = useDisclosure();
|
|
12
|
+
* return (
|
|
13
|
+
* <>
|
|
14
|
+
* <button onClick={open}>Open</button>
|
|
15
|
+
* {isOpen && <MyModal onClose={close} />}
|
|
16
|
+
* </>
|
|
17
|
+
* );
|
|
18
|
+
*/
|
|
19
|
+
export declare function useDisclosure(initialState?: boolean): UseDisclosureReturn;
|
|
20
|
+
//# sourceMappingURL=useDisclosure.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDisclosure.d.ts","sourceRoot":"","sources":["../../../src/headless/useDisclosure.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,YAAY,UAAQ,GAAG,mBAAmB,CAMvE"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export type FormFieldValue = string | number | boolean | string[] | null | undefined;
|
|
2
|
+
export interface FieldState {
|
|
3
|
+
value: FormFieldValue;
|
|
4
|
+
error: string | null;
|
|
5
|
+
touched: boolean;
|
|
6
|
+
dirty: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface UseFormStateOptions<T extends Record<string, FormFieldValue>> {
|
|
9
|
+
initialValues: T;
|
|
10
|
+
validate?: (values: T) => Partial<Record<keyof T, string>>;
|
|
11
|
+
}
|
|
12
|
+
export interface UseFormStateReturn<T extends Record<string, FormFieldValue>> {
|
|
13
|
+
values: T;
|
|
14
|
+
errors: Partial<Record<keyof T, string>>;
|
|
15
|
+
touched: Partial<Record<keyof T, boolean>>;
|
|
16
|
+
dirty: boolean;
|
|
17
|
+
isValid: boolean;
|
|
18
|
+
setValue: (name: keyof T, value: FormFieldValue) => void;
|
|
19
|
+
setValues: (values: Partial<T>) => void;
|
|
20
|
+
touchField: (name: keyof T) => void;
|
|
21
|
+
validate: () => boolean;
|
|
22
|
+
reset: () => void;
|
|
23
|
+
getFieldProps: (name: keyof T) => {
|
|
24
|
+
value: FormFieldValue;
|
|
25
|
+
onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => void;
|
|
26
|
+
onBlur: () => void;
|
|
27
|
+
'aria-invalid': boolean | undefined;
|
|
28
|
+
'aria-describedby': string | undefined;
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Headless form state manager — no components, no context, no validation library required.
|
|
33
|
+
* Works with any input elements.
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* const { values, errors, getFieldProps, validate } = useFormState({
|
|
37
|
+
* initialValues: { email: '', password: '' },
|
|
38
|
+
* validate: ({ email }) => ({
|
|
39
|
+
* email: !email.includes('@') ? 'Invalid email' : undefined,
|
|
40
|
+
* }),
|
|
41
|
+
* });
|
|
42
|
+
*/
|
|
43
|
+
export declare function useFormState<T extends Record<string, FormFieldValue>>({ initialValues, validate: validateFn, }: UseFormStateOptions<T>): UseFormStateReturn<T>;
|
|
44
|
+
//# sourceMappingURL=useFormState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFormState.d.ts","sourceRoot":"","sources":["../../../src/headless/useFormState.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;AAErF,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC;IAC3E,aAAa,EAAE,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;CAC5D;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC;IAC1E,MAAM,EAAE,CAAC,CAAC;IACV,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;IACzC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IAC3C,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzD,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK;QAChC,KAAK,EAAE,cAAc,CAAC;QACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;QACrG,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC;QACpC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;KACxC,CAAC;CACH;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE,EACrE,aAAa,EACb,QAAQ,EAAE,UAAU,GACrB,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CA2DhD"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type RefObject } from 'react';
|
|
2
|
+
export interface UseIntersectionObserverOptions {
|
|
3
|
+
threshold?: number | number[];
|
|
4
|
+
rootMargin?: string;
|
|
5
|
+
root?: Element | null;
|
|
6
|
+
/** Unobserve after first intersection (useful for lazy-load). Default: false */
|
|
7
|
+
once?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface UseIntersectionObserverReturn {
|
|
10
|
+
ref: RefObject<HTMLElement | null>;
|
|
11
|
+
isIntersecting: boolean;
|
|
12
|
+
entry: IntersectionObserverEntry | null;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Observe when an element enters or leaves the viewport.
|
|
16
|
+
* Perfect for lazy loading, infinite scroll, and scroll-triggered animations.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* const { ref, isIntersecting } = useIntersectionObserver({ threshold: 0.1 });
|
|
20
|
+
* return <div ref={ref} style={{ opacity: isIntersecting ? 1 : 0 }}>Animated content</div>;
|
|
21
|
+
*/
|
|
22
|
+
export declare function useIntersectionObserver({ threshold, rootMargin, root, once, }?: UseIntersectionObserverOptions): UseIntersectionObserverReturn;
|
|
23
|
+
//# sourceMappingURL=useIntersectionObserver.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useIntersectionObserver.d.ts","sourceRoot":"","sources":["../../../src/headless/useIntersectionObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,8BAA8B;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACtB,gFAAgF;IAChF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,6BAA6B;IAC5C,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACnC,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC;CACzC;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAa,EACb,UAAkB,EAClB,IAAW,EACX,IAAY,GACb,GAAE,8BAAmC,GAAG,6BAA6B,CAqBrE"}
|