@saas-ui/react 3.0.0-alpha.17 → 3.0.0-alpha.18
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 +13 -0
- package/dist/{chunk-5ILYOY27.js → chunk-MLJN6IOJ.js} +2 -1
- package/dist/components/grid-list/index.d.cts +4 -4
- package/dist/components/grid-list/index.d.ts +4 -4
- package/dist/components/pagination/index.cjs +2 -1
- package/dist/components/pagination/index.d.cts +5 -1
- package/dist/components/pagination/index.d.ts +5 -1
- package/dist/components/pagination/index.js +1 -1
- package/dist/index.cjs +66 -51
- package/dist/index.js +94 -80
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
@@ -1,5 +1,18 @@
|
|
1
1
|
# @saas-ui/react
|
2
2
|
|
3
|
+
## 3.0.0-alpha.18
|
4
|
+
|
5
|
+
### Minor Changes
|
6
|
+
|
7
|
+
- eb02362: Improved GridList recipe
|
8
|
+
|
9
|
+
### Patch Changes
|
10
|
+
|
11
|
+
- e7fe684: Export Pagination Context component
|
12
|
+
- eb02362: Add missing PaginationPageTextProps export
|
13
|
+
- Updated dependencies [eb02362]
|
14
|
+
- @saas-ui/core@3.0.0-alpha.5
|
15
|
+
|
3
16
|
## 3.0.0-alpha.17
|
4
17
|
|
5
18
|
### Minor Changes
|
@@ -11,6 +11,7 @@ import {
|
|
11
11
|
// src/components/pagination/pagination.tsx
|
12
12
|
var pagination_exports = {};
|
13
13
|
__export(pagination_exports, {
|
14
|
+
Context: () => Context,
|
14
15
|
Ellipsis: () => Ellipsis,
|
15
16
|
Item: () => Item,
|
16
17
|
Items: () => Items,
|
@@ -67,7 +68,6 @@ var PrevButton = forwardRef(function PaginationPrevTrigger(props, ref) {
|
|
67
68
|
var NextButton = forwardRef(function PaginationNextTrigger(props, ref) {
|
68
69
|
var _a;
|
69
70
|
const { size, variantMap: variantMap2 } = useRootProps();
|
70
|
-
const { nextPage } = usePaginationContext();
|
71
71
|
return /* @__PURE__ */ jsx(ChakraPagination.NextTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(IconButton, { variant: variantMap2.default, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx(ChevronRightIcon, {}) }) });
|
72
72
|
});
|
73
73
|
var Items = (props) => {
|
@@ -89,6 +89,7 @@ var PageText = forwardRef(
|
|
89
89
|
);
|
90
90
|
var PrevTrigger = ChakraPagination.PrevTrigger;
|
91
91
|
var NextTrigger = ChakraPagination.NextTrigger;
|
92
|
+
var Context = ChakraPagination.Context;
|
92
93
|
|
93
94
|
export {
|
94
95
|
pagination_exports
|
@@ -2,13 +2,13 @@ import * as react from 'react';
|
|
2
2
|
import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
|
3
3
|
import { GridList } from '@saas-ui/core/grid-list';
|
4
4
|
|
5
|
-
interface GridListRootProps extends GridList.RootProps,
|
5
|
+
interface GridListRootProps extends GridList.RootProps, HTMLChakraProps<'div'>, SlotRecipeProps<'suiGridList'> {
|
6
6
|
}
|
7
|
-
declare const GridListRoot: react.ForwardRefExoticComponent<
|
8
|
-
interface GridListItemProps extends HTMLChakraProps<'div'> {
|
7
|
+
declare const GridListRoot: react.ForwardRefExoticComponent<GridList.RootProps & react.RefAttributes<HTMLDivElement>>;
|
8
|
+
interface GridListItemProps extends GridList.ItemProps, HTMLChakraProps<'div'> {
|
9
9
|
}
|
10
10
|
declare const GridListItem: react.ForwardRefExoticComponent<GridListItemProps & react.RefAttributes<HTMLDivElement>>;
|
11
|
-
interface GridListHeaderProps extends HTMLChakraProps<'header'> {
|
11
|
+
interface GridListHeaderProps extends GridList.HeaderProps, HTMLChakraProps<'header'> {
|
12
12
|
}
|
13
13
|
declare const GridListHeader: react.ForwardRefExoticComponent<GridListHeaderProps & react.RefAttributes<HTMLDivElement>>;
|
14
14
|
interface GridListCellProps extends GridList.CellProps, HTMLChakraProps<'div'> {
|
@@ -2,13 +2,13 @@ import * as react from 'react';
|
|
2
2
|
import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
|
3
3
|
import { GridList } from '@saas-ui/core/grid-list';
|
4
4
|
|
5
|
-
interface GridListRootProps extends GridList.RootProps,
|
5
|
+
interface GridListRootProps extends GridList.RootProps, HTMLChakraProps<'div'>, SlotRecipeProps<'suiGridList'> {
|
6
6
|
}
|
7
|
-
declare const GridListRoot: react.ForwardRefExoticComponent<
|
8
|
-
interface GridListItemProps extends HTMLChakraProps<'div'> {
|
7
|
+
declare const GridListRoot: react.ForwardRefExoticComponent<GridList.RootProps & react.RefAttributes<HTMLDivElement>>;
|
8
|
+
interface GridListItemProps extends GridList.ItemProps, HTMLChakraProps<'div'> {
|
9
9
|
}
|
10
10
|
declare const GridListItem: react.ForwardRefExoticComponent<GridListItemProps & react.RefAttributes<HTMLDivElement>>;
|
11
|
-
interface GridListHeaderProps extends HTMLChakraProps<'header'> {
|
11
|
+
interface GridListHeaderProps extends GridList.HeaderProps, HTMLChakraProps<'header'> {
|
12
12
|
}
|
13
13
|
declare const GridListHeader: react.ForwardRefExoticComponent<GridListHeaderProps & react.RefAttributes<HTMLDivElement>>;
|
14
14
|
interface GridListCellProps extends GridList.CellProps, HTMLChakraProps<'div'> {
|
@@ -28,6 +28,7 @@ module.exports = __toCommonJS(pagination_exports2);
|
|
28
28
|
// src/components/pagination/pagination.tsx
|
29
29
|
var pagination_exports = {};
|
30
30
|
__export(pagination_exports, {
|
31
|
+
Context: () => Context,
|
31
32
|
Ellipsis: () => Ellipsis,
|
32
33
|
Item: () => Item,
|
33
34
|
Items: () => Items,
|
@@ -186,7 +187,6 @@ var PrevButton = (0, import_react2.forwardRef)(function PaginationPrevTrigger(pr
|
|
186
187
|
var NextButton = (0, import_react2.forwardRef)(function PaginationNextTrigger(props, ref) {
|
187
188
|
var _a;
|
188
189
|
const { size, variantMap: variantMap2 } = useRootProps();
|
189
|
-
const { nextPage } = (0, import_react3.usePaginationContext)();
|
190
190
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Pagination.NextTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.IconButton, { variant: variantMap2.default, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronRightIcon, {}) }) });
|
191
191
|
});
|
192
192
|
var Items = (props) => {
|
@@ -208,6 +208,7 @@ var PageText = (0, import_react2.forwardRef)(
|
|
208
208
|
);
|
209
209
|
var PrevTrigger = import_react3.Pagination.PrevTrigger;
|
210
210
|
var NextTrigger = import_react3.Pagination.NextTrigger;
|
211
|
+
var Context = import_react3.Pagination.Context;
|
211
212
|
// Annotate the CommonJS export names for ESM import in node:
|
212
213
|
0 && (module.exports = {
|
213
214
|
Pagination
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import * as _ark_ui_react from '@ark-ui/react';
|
1
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
3
|
import * as react from 'react';
|
3
4
|
import { Pagination, ButtonProps, TextProps } from '@chakra-ui/react';
|
@@ -19,19 +20,22 @@ interface PageTextProps extends TextProps {
|
|
19
20
|
declare const PageText: react.ForwardRefExoticComponent<PageTextProps & react.RefAttributes<HTMLParagraphElement>>;
|
20
21
|
declare const PrevTrigger: react.ForwardRefExoticComponent<Pagination.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
21
22
|
declare const NextTrigger: react.ForwardRefExoticComponent<Pagination.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
23
|
+
declare const Context: (props: _ark_ui_react.PaginationContextProps) => react.ReactNode;
|
22
24
|
|
25
|
+
declare const pagination_Context: typeof Context;
|
23
26
|
declare const pagination_Ellipsis: typeof Ellipsis;
|
24
27
|
declare const pagination_Item: typeof Item;
|
25
28
|
declare const pagination_Items: typeof Items;
|
26
29
|
declare const pagination_NextButton: typeof NextButton;
|
27
30
|
declare const pagination_NextTrigger: typeof NextTrigger;
|
28
31
|
declare const pagination_PageText: typeof PageText;
|
32
|
+
type pagination_PageTextProps = PageTextProps;
|
29
33
|
declare const pagination_PrevButton: typeof PrevButton;
|
30
34
|
declare const pagination_PrevTrigger: typeof PrevTrigger;
|
31
35
|
declare const pagination_Root: typeof Root;
|
32
36
|
type pagination_RootProps = RootProps;
|
33
37
|
declare namespace pagination {
|
34
|
-
export { pagination_Ellipsis as Ellipsis, pagination_Item as Item, pagination_Items as Items, pagination_NextButton as NextButton, pagination_NextTrigger as NextTrigger, pagination_PageText as PageText, pagination_PrevButton as PrevButton, pagination_PrevTrigger as PrevTrigger, pagination_Root as Root, type pagination_RootProps as RootProps };
|
38
|
+
export { pagination_Context as Context, pagination_Ellipsis as Ellipsis, pagination_Item as Item, pagination_Items as Items, pagination_NextButton as NextButton, pagination_NextTrigger as NextTrigger, pagination_PageText as PageText, type pagination_PageTextProps as PageTextProps, pagination_PrevButton as PrevButton, pagination_PrevTrigger as PrevTrigger, pagination_Root as Root, type pagination_RootProps as RootProps };
|
35
39
|
}
|
36
40
|
|
37
41
|
export { pagination as Pagination };
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import * as _ark_ui_react from '@ark-ui/react';
|
1
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
3
|
import * as react from 'react';
|
3
4
|
import { Pagination, ButtonProps, TextProps } from '@chakra-ui/react';
|
@@ -19,19 +20,22 @@ interface PageTextProps extends TextProps {
|
|
19
20
|
declare const PageText: react.ForwardRefExoticComponent<PageTextProps & react.RefAttributes<HTMLParagraphElement>>;
|
20
21
|
declare const PrevTrigger: react.ForwardRefExoticComponent<Pagination.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
21
22
|
declare const NextTrigger: react.ForwardRefExoticComponent<Pagination.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
23
|
+
declare const Context: (props: _ark_ui_react.PaginationContextProps) => react.ReactNode;
|
22
24
|
|
25
|
+
declare const pagination_Context: typeof Context;
|
23
26
|
declare const pagination_Ellipsis: typeof Ellipsis;
|
24
27
|
declare const pagination_Item: typeof Item;
|
25
28
|
declare const pagination_Items: typeof Items;
|
26
29
|
declare const pagination_NextButton: typeof NextButton;
|
27
30
|
declare const pagination_NextTrigger: typeof NextTrigger;
|
28
31
|
declare const pagination_PageText: typeof PageText;
|
32
|
+
type pagination_PageTextProps = PageTextProps;
|
29
33
|
declare const pagination_PrevButton: typeof PrevButton;
|
30
34
|
declare const pagination_PrevTrigger: typeof PrevTrigger;
|
31
35
|
declare const pagination_Root: typeof Root;
|
32
36
|
type pagination_RootProps = RootProps;
|
33
37
|
declare namespace pagination {
|
34
|
-
export { pagination_Ellipsis as Ellipsis, pagination_Item as Item, pagination_Items as Items, pagination_NextButton as NextButton, pagination_NextTrigger as NextTrigger, pagination_PageText as PageText, pagination_PrevButton as PrevButton, pagination_PrevTrigger as PrevTrigger, pagination_Root as Root, type pagination_RootProps as RootProps };
|
38
|
+
export { pagination_Context as Context, pagination_Ellipsis as Ellipsis, pagination_Item as Item, pagination_Items as Items, pagination_NextButton as NextButton, pagination_NextTrigger as NextTrigger, pagination_PageText as PageText, type pagination_PageTextProps as PageTextProps, pagination_PrevButton as PrevButton, pagination_PrevTrigger as PrevTrigger, pagination_Root as Root, type pagination_RootProps as RootProps };
|
35
39
|
}
|
36
40
|
|
37
41
|
export { pagination as Pagination };
|
package/dist/index.cjs
CHANGED
@@ -2270,7 +2270,7 @@ var appShellSlotRecipe = (0, import_react28.defineSlotRecipe)({
|
|
2270
2270
|
position: {
|
2271
2271
|
static: {
|
2272
2272
|
root: {
|
2273
|
-
height: "
|
2273
|
+
height: "100dvh"
|
2274
2274
|
}
|
2275
2275
|
},
|
2276
2276
|
fullscreen: {
|
@@ -2281,18 +2281,12 @@ var appShellSlotRecipe = (0, import_react28.defineSlotRecipe)({
|
|
2281
2281
|
}
|
2282
2282
|
},
|
2283
2283
|
variant: {
|
2284
|
-
plain: {}
|
2285
|
-
raised: {
|
2286
|
-
main: {
|
2287
|
-
boxShadow: "xs",
|
2288
|
-
zIndex: "layer-1"
|
2289
|
-
}
|
2290
|
-
}
|
2284
|
+
plain: {}
|
2291
2285
|
}
|
2292
2286
|
},
|
2293
2287
|
defaultVariants: {
|
2294
2288
|
position: "static",
|
2295
|
-
variant: "
|
2289
|
+
variant: "plain"
|
2296
2290
|
}
|
2297
2291
|
});
|
2298
2292
|
|
@@ -2303,7 +2297,6 @@ var gridListSlotRecipe = (0, import_react29.defineSlotRecipe)({
|
|
2303
2297
|
slots: ["root", "item", "header", "cell"],
|
2304
2298
|
base: {
|
2305
2299
|
root: {
|
2306
|
-
py: 2,
|
2307
2300
|
position: "relative"
|
2308
2301
|
},
|
2309
2302
|
item: {
|
@@ -2312,35 +2305,14 @@ var gridListSlotRecipe = (0, import_react29.defineSlotRecipe)({
|
|
2312
2305
|
alignItems: "center",
|
2313
2306
|
justifyContent: "space-between",
|
2314
2307
|
flex: 1,
|
2315
|
-
cursor: "pointer",
|
2316
2308
|
userSelect: "none",
|
2317
|
-
transitionProperty: "common",
|
2318
|
-
transitionDuration: "normal",
|
2319
2309
|
borderRadius: "inherit",
|
2320
2310
|
outline: "none",
|
2321
|
-
_hover: {
|
2322
|
-
bg: "blackAlpha.50",
|
2323
|
-
_dark: {
|
2324
|
-
bg: "whiteAlpha.50"
|
2325
|
-
}
|
2326
|
-
},
|
2327
2311
|
_focusVisible: {
|
2328
2312
|
boxShadow: "outline"
|
2329
2313
|
},
|
2330
|
-
_focus: {
|
2331
|
-
bg: "blackAlpha.50",
|
2332
|
-
_dark: {
|
2333
|
-
bg: "whiteAlpha.50"
|
2334
|
-
}
|
2335
|
-
},
|
2336
|
-
_active: {
|
2337
|
-
bg: "blackAlpha.100",
|
2338
|
-
_dark: {
|
2339
|
-
bg: "whiteAlpha.100"
|
2340
|
-
}
|
2341
|
-
},
|
2342
2314
|
_disabled: {
|
2343
|
-
cursor: "
|
2315
|
+
cursor: "disabled",
|
2344
2316
|
opacity: 0.5,
|
2345
2317
|
_hover: {
|
2346
2318
|
bg: "transparent",
|
@@ -2362,50 +2334,92 @@ var gridListSlotRecipe = (0, import_react29.defineSlotRecipe)({
|
|
2362
2334
|
position: "sticky",
|
2363
2335
|
fontSize: "md",
|
2364
2336
|
fontWeight: "semibold",
|
2365
|
-
color: "muted"
|
2337
|
+
color: "fg.muted"
|
2366
2338
|
},
|
2367
2339
|
cell: {
|
2368
|
-
display: "flex",
|
2369
2340
|
flexShrink: 0
|
2370
2341
|
}
|
2371
2342
|
},
|
2372
2343
|
variants: {
|
2344
|
+
interactive: {
|
2345
|
+
true: {
|
2346
|
+
item: {
|
2347
|
+
cursor: "button",
|
2348
|
+
transitionProperty: "bg",
|
2349
|
+
transitionDuration: "fast",
|
2350
|
+
_hover: {
|
2351
|
+
bg: "bg.subtle"
|
2352
|
+
},
|
2353
|
+
_active: {
|
2354
|
+
bg: "bg.subtle"
|
2355
|
+
}
|
2356
|
+
}
|
2357
|
+
}
|
2358
|
+
},
|
2359
|
+
variant: {
|
2360
|
+
simple: {},
|
2361
|
+
rounded: {
|
2362
|
+
item: {
|
2363
|
+
borderRadius: "md",
|
2364
|
+
mb: 0.5
|
2365
|
+
}
|
2366
|
+
}
|
2367
|
+
},
|
2373
2368
|
size: {
|
2374
2369
|
sm: {
|
2375
2370
|
root: {
|
2376
|
-
|
2371
|
+
textStyle: "sm",
|
2372
|
+
py: 0.5
|
2377
2373
|
},
|
2378
2374
|
item: {
|
2379
2375
|
py: 1,
|
2380
|
-
px:
|
2376
|
+
px: 2,
|
2377
|
+
gap: 1
|
2381
2378
|
},
|
2382
2379
|
header: {
|
2383
2380
|
py: 1,
|
2384
|
-
px:
|
2385
|
-
},
|
2386
|
-
cell: {
|
2387
|
-
px: 1
|
2381
|
+
px: 2
|
2388
2382
|
}
|
2389
2383
|
},
|
2390
2384
|
md: {
|
2391
2385
|
root: {
|
2392
|
-
|
2386
|
+
textStyle: "md",
|
2387
|
+
py: 1
|
2393
2388
|
},
|
2394
2389
|
item: {
|
2395
2390
|
py: 2,
|
2396
|
-
px:
|
2391
|
+
px: 3,
|
2392
|
+
gap: 2
|
2397
2393
|
},
|
2398
2394
|
header: {
|
2399
2395
|
py: 2,
|
2400
|
-
px:
|
2401
|
-
},
|
2402
|
-
cell: {
|
2403
|
-
px: 2
|
2396
|
+
px: 3
|
2404
2397
|
}
|
2405
2398
|
}
|
2406
2399
|
}
|
2407
2400
|
},
|
2401
|
+
compoundVariants: [
|
2402
|
+
{
|
2403
|
+
variant: "rounded",
|
2404
|
+
size: "sm",
|
2405
|
+
css: {
|
2406
|
+
root: {
|
2407
|
+
p: 1
|
2408
|
+
}
|
2409
|
+
}
|
2410
|
+
},
|
2411
|
+
{
|
2412
|
+
variant: "rounded",
|
2413
|
+
size: "md",
|
2414
|
+
css: {
|
2415
|
+
root: {
|
2416
|
+
p: 2
|
2417
|
+
}
|
2418
|
+
}
|
2419
|
+
}
|
2420
|
+
],
|
2408
2421
|
defaultVariants: {
|
2422
|
+
variant: "simple",
|
2409
2423
|
size: "md"
|
2410
2424
|
}
|
2411
2425
|
});
|
@@ -2488,7 +2502,7 @@ var navbarSlotRecipe = (0, import_react31.defineSlotRecipe)({
|
|
2488
2502
|
top: 0,
|
2489
2503
|
insetX: 0,
|
2490
2504
|
transitionProperty: "common",
|
2491
|
-
transitionDuration: "
|
2505
|
+
transitionDuration: "moderate",
|
2492
2506
|
transitionTimingFunction: "ease-in-out",
|
2493
2507
|
_hidden: {
|
2494
2508
|
transform: "translateY(-100%)"
|
@@ -2524,7 +2538,7 @@ var navbarSlotRecipe = (0, import_react31.defineSlotRecipe)({
|
|
2524
2538
|
boxSizing: "border-box",
|
2525
2539
|
borderRadius: "md",
|
2526
2540
|
transitionProperty: "common",
|
2527
|
-
transitionDuration: "
|
2541
|
+
transitionDuration: "moderate",
|
2528
2542
|
lineHeight: 1,
|
2529
2543
|
_focusVisible: {
|
2530
2544
|
outline: "none",
|
@@ -4570,7 +4584,7 @@ var editableSlotRecipe = (0, import_react48.defineSlotRecipe)({
|
|
4570
4584
|
display: "inline-flex",
|
4571
4585
|
alignItems: "center",
|
4572
4586
|
transitionProperty: "common",
|
4573
|
-
transitionDuration: "
|
4587
|
+
transitionDuration: "moderate",
|
4574
4588
|
cursor: "text",
|
4575
4589
|
_hover: {
|
4576
4590
|
bg: "bg.muted"
|
@@ -4585,7 +4599,7 @@ var editableSlotRecipe = (0, import_react48.defineSlotRecipe)({
|
|
4585
4599
|
py: "1",
|
4586
4600
|
px: "1",
|
4587
4601
|
transitionProperty: "common",
|
4588
|
-
transitionDuration: "
|
4602
|
+
transitionDuration: "moderate",
|
4589
4603
|
width: "full",
|
4590
4604
|
focusVisibleRing: "inside",
|
4591
4605
|
focusRingWidth: "2px",
|
@@ -9718,6 +9732,7 @@ var MenuTrigger = import_react136.Menu.Trigger;
|
|
9718
9732
|
// src/components/pagination/pagination.tsx
|
9719
9733
|
var pagination_exports = {};
|
9720
9734
|
__export(pagination_exports, {
|
9735
|
+
Context: () => Context,
|
9721
9736
|
Ellipsis: () => Ellipsis,
|
9722
9737
|
Item: () => Item,
|
9723
9738
|
Items: () => Items,
|
@@ -9767,7 +9782,6 @@ var PrevButton = (0, import_react137.forwardRef)(function PaginationPrevTrigger(
|
|
9767
9782
|
var NextButton = (0, import_react137.forwardRef)(function PaginationNextTrigger(props, ref) {
|
9768
9783
|
var _a7;
|
9769
9784
|
const { size, variantMap: variantMap2 } = useRootProps();
|
9770
|
-
const { nextPage } = (0, import_react138.usePaginationContext)();
|
9771
9785
|
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react138.Pagination.NextTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react138.IconButton, { variant: variantMap2.default, size, children: (_a7 = props.children) != null ? _a7 : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronRightIcon, {}) }) });
|
9772
9786
|
});
|
9773
9787
|
var Items = (props) => {
|
@@ -9789,6 +9803,7 @@ var PageText = (0, import_react137.forwardRef)(
|
|
9789
9803
|
);
|
9790
9804
|
var PrevTrigger = import_react138.Pagination.PrevTrigger;
|
9791
9805
|
var NextTrigger = import_react138.Pagination.NextTrigger;
|
9806
|
+
var Context = import_react138.Pagination.Context;
|
9792
9807
|
|
9793
9808
|
// src/components/password-input/password-input.tsx
|
9794
9809
|
var import_react141 = require("react");
|
package/dist/index.js
CHANGED
@@ -1,33 +1,29 @@
|
|
1
|
+
import {
|
2
|
+
Tooltip
|
3
|
+
} from "./chunk-QSNSWCTM.js";
|
1
4
|
import {
|
2
5
|
Toaster,
|
3
6
|
toast
|
4
7
|
} from "./chunk-HELHPHIQ.js";
|
5
|
-
import {
|
6
|
-
Tooltip
|
7
|
-
} from "./chunk-QSNSWCTM.js";
|
8
8
|
import {
|
9
9
|
colors
|
10
10
|
} from "./chunk-3MO37LYW.js";
|
11
11
|
import {
|
12
|
-
|
13
|
-
|
12
|
+
Radio,
|
13
|
+
RadioGroup
|
14
|
+
} from "./chunk-WYLMBMAH.js";
|
14
15
|
import {
|
15
16
|
SegmentedControl
|
16
17
|
} from "./chunk-SKXSBAOS.js";
|
18
|
+
import {
|
19
|
+
SearchInput
|
20
|
+
} from "./chunk-46ISJZBS.js";
|
17
21
|
import {
|
18
22
|
namespace_exports as namespace_exports3
|
19
23
|
} from "./chunk-BU7QENBQ.js";
|
20
|
-
import {
|
21
|
-
Persona,
|
22
|
-
PersonaAvatar,
|
23
|
-
defaultPresenceOptions
|
24
|
-
} from "./chunk-4VH4IGVF.js";
|
25
24
|
import {
|
26
25
|
steps_exports
|
27
26
|
} from "./chunk-VZG7EJ64.js";
|
28
|
-
import {
|
29
|
-
Switch
|
30
|
-
} from "./chunk-SA3OGTOO.js";
|
31
27
|
import {
|
32
28
|
sidebar_exports,
|
33
29
|
useSidebar,
|
@@ -35,12 +31,8 @@ import {
|
|
35
31
|
useSidebarStyles
|
36
32
|
} from "./chunk-GGAKUS66.js";
|
37
33
|
import {
|
38
|
-
|
39
|
-
|
40
|
-
} from "./chunk-7VSTNV2B.js";
|
41
|
-
import {
|
42
|
-
Spinner
|
43
|
-
} from "./chunk-32JGENDB.js";
|
34
|
+
Switch
|
35
|
+
} from "./chunk-SA3OGTOO.js";
|
44
36
|
import {
|
45
37
|
menu_exports
|
46
38
|
} from "./chunk-C7B3ELC4.js";
|
@@ -51,33 +43,41 @@ import {
|
|
51
43
|
NumberInput
|
52
44
|
} from "./chunk-ULAJ3JEO.js";
|
53
45
|
import {
|
54
|
-
|
55
|
-
|
46
|
+
loading_overlay_exports,
|
47
|
+
useLoadingOverlayStyles
|
48
|
+
} from "./chunk-7VSTNV2B.js";
|
49
|
+
import {
|
50
|
+
Spinner
|
51
|
+
} from "./chunk-32JGENDB.js";
|
56
52
|
import {
|
57
53
|
PasswordInput
|
58
54
|
} from "./chunk-CD2JUFI2.js";
|
59
55
|
import {
|
60
|
-
|
61
|
-
} from "./chunk-
|
56
|
+
pagination_exports
|
57
|
+
} from "./chunk-MLJN6IOJ.js";
|
62
58
|
import {
|
63
|
-
|
64
|
-
|
65
|
-
|
59
|
+
Persona,
|
60
|
+
PersonaAvatar,
|
61
|
+
defaultPresenceOptions
|
62
|
+
} from "./chunk-4VH4IGVF.js";
|
66
63
|
import {
|
67
|
-
|
68
|
-
} from "./chunk-
|
64
|
+
PinInput
|
65
|
+
} from "./chunk-2EUACKRH.js";
|
69
66
|
import {
|
70
67
|
namespace_exports as namespace_exports2
|
71
68
|
} from "./chunk-WS5XGFSL.js";
|
72
69
|
import {
|
73
70
|
EmptyState
|
74
71
|
} from "./chunk-FJFNGSPL.js";
|
72
|
+
import {
|
73
|
+
grid_list_exports
|
74
|
+
} from "./chunk-NSD5HRIP.js";
|
75
75
|
import {
|
76
76
|
IconBadge
|
77
77
|
} from "./chunk-I2RXEKTB.js";
|
78
78
|
import {
|
79
|
-
|
80
|
-
} from "./chunk-
|
79
|
+
namespace_exports
|
80
|
+
} from "./chunk-72LEGXHY.js";
|
81
81
|
import "./chunk-KTLWEUNW.js";
|
82
82
|
import {
|
83
83
|
InputGroup
|
@@ -2305,7 +2305,7 @@ var appShellSlotRecipe = defineSlotRecipe({
|
|
2305
2305
|
position: {
|
2306
2306
|
static: {
|
2307
2307
|
root: {
|
2308
|
-
height: "
|
2308
|
+
height: "100dvh"
|
2309
2309
|
}
|
2310
2310
|
},
|
2311
2311
|
fullscreen: {
|
@@ -2316,18 +2316,12 @@ var appShellSlotRecipe = defineSlotRecipe({
|
|
2316
2316
|
}
|
2317
2317
|
},
|
2318
2318
|
variant: {
|
2319
|
-
plain: {}
|
2320
|
-
raised: {
|
2321
|
-
main: {
|
2322
|
-
boxShadow: "xs",
|
2323
|
-
zIndex: "layer-1"
|
2324
|
-
}
|
2325
|
-
}
|
2319
|
+
plain: {}
|
2326
2320
|
}
|
2327
2321
|
},
|
2328
2322
|
defaultVariants: {
|
2329
2323
|
position: "static",
|
2330
|
-
variant: "
|
2324
|
+
variant: "plain"
|
2331
2325
|
}
|
2332
2326
|
});
|
2333
2327
|
|
@@ -2338,7 +2332,6 @@ var gridListSlotRecipe = defineSlotRecipe2({
|
|
2338
2332
|
slots: ["root", "item", "header", "cell"],
|
2339
2333
|
base: {
|
2340
2334
|
root: {
|
2341
|
-
py: 2,
|
2342
2335
|
position: "relative"
|
2343
2336
|
},
|
2344
2337
|
item: {
|
@@ -2347,35 +2340,14 @@ var gridListSlotRecipe = defineSlotRecipe2({
|
|
2347
2340
|
alignItems: "center",
|
2348
2341
|
justifyContent: "space-between",
|
2349
2342
|
flex: 1,
|
2350
|
-
cursor: "pointer",
|
2351
2343
|
userSelect: "none",
|
2352
|
-
transitionProperty: "common",
|
2353
|
-
transitionDuration: "normal",
|
2354
2344
|
borderRadius: "inherit",
|
2355
2345
|
outline: "none",
|
2356
|
-
_hover: {
|
2357
|
-
bg: "blackAlpha.50",
|
2358
|
-
_dark: {
|
2359
|
-
bg: "whiteAlpha.50"
|
2360
|
-
}
|
2361
|
-
},
|
2362
2346
|
_focusVisible: {
|
2363
2347
|
boxShadow: "outline"
|
2364
2348
|
},
|
2365
|
-
_focus: {
|
2366
|
-
bg: "blackAlpha.50",
|
2367
|
-
_dark: {
|
2368
|
-
bg: "whiteAlpha.50"
|
2369
|
-
}
|
2370
|
-
},
|
2371
|
-
_active: {
|
2372
|
-
bg: "blackAlpha.100",
|
2373
|
-
_dark: {
|
2374
|
-
bg: "whiteAlpha.100"
|
2375
|
-
}
|
2376
|
-
},
|
2377
2349
|
_disabled: {
|
2378
|
-
cursor: "
|
2350
|
+
cursor: "disabled",
|
2379
2351
|
opacity: 0.5,
|
2380
2352
|
_hover: {
|
2381
2353
|
bg: "transparent",
|
@@ -2397,50 +2369,92 @@ var gridListSlotRecipe = defineSlotRecipe2({
|
|
2397
2369
|
position: "sticky",
|
2398
2370
|
fontSize: "md",
|
2399
2371
|
fontWeight: "semibold",
|
2400
|
-
color: "muted"
|
2372
|
+
color: "fg.muted"
|
2401
2373
|
},
|
2402
2374
|
cell: {
|
2403
|
-
display: "flex",
|
2404
2375
|
flexShrink: 0
|
2405
2376
|
}
|
2406
2377
|
},
|
2407
2378
|
variants: {
|
2379
|
+
interactive: {
|
2380
|
+
true: {
|
2381
|
+
item: {
|
2382
|
+
cursor: "button",
|
2383
|
+
transitionProperty: "bg",
|
2384
|
+
transitionDuration: "fast",
|
2385
|
+
_hover: {
|
2386
|
+
bg: "bg.subtle"
|
2387
|
+
},
|
2388
|
+
_active: {
|
2389
|
+
bg: "bg.subtle"
|
2390
|
+
}
|
2391
|
+
}
|
2392
|
+
}
|
2393
|
+
},
|
2394
|
+
variant: {
|
2395
|
+
simple: {},
|
2396
|
+
rounded: {
|
2397
|
+
item: {
|
2398
|
+
borderRadius: "md",
|
2399
|
+
mb: 0.5
|
2400
|
+
}
|
2401
|
+
}
|
2402
|
+
},
|
2408
2403
|
size: {
|
2409
2404
|
sm: {
|
2410
2405
|
root: {
|
2411
|
-
|
2406
|
+
textStyle: "sm",
|
2407
|
+
py: 0.5
|
2412
2408
|
},
|
2413
2409
|
item: {
|
2414
2410
|
py: 1,
|
2415
|
-
px:
|
2411
|
+
px: 2,
|
2412
|
+
gap: 1
|
2416
2413
|
},
|
2417
2414
|
header: {
|
2418
2415
|
py: 1,
|
2419
|
-
px:
|
2420
|
-
},
|
2421
|
-
cell: {
|
2422
|
-
px: 1
|
2416
|
+
px: 2
|
2423
2417
|
}
|
2424
2418
|
},
|
2425
2419
|
md: {
|
2426
2420
|
root: {
|
2427
|
-
|
2421
|
+
textStyle: "md",
|
2422
|
+
py: 1
|
2428
2423
|
},
|
2429
2424
|
item: {
|
2430
2425
|
py: 2,
|
2431
|
-
px:
|
2426
|
+
px: 3,
|
2427
|
+
gap: 2
|
2432
2428
|
},
|
2433
2429
|
header: {
|
2434
2430
|
py: 2,
|
2435
|
-
px:
|
2436
|
-
},
|
2437
|
-
cell: {
|
2438
|
-
px: 2
|
2431
|
+
px: 3
|
2439
2432
|
}
|
2440
2433
|
}
|
2441
2434
|
}
|
2442
2435
|
},
|
2436
|
+
compoundVariants: [
|
2437
|
+
{
|
2438
|
+
variant: "rounded",
|
2439
|
+
size: "sm",
|
2440
|
+
css: {
|
2441
|
+
root: {
|
2442
|
+
p: 1
|
2443
|
+
}
|
2444
|
+
}
|
2445
|
+
},
|
2446
|
+
{
|
2447
|
+
variant: "rounded",
|
2448
|
+
size: "md",
|
2449
|
+
css: {
|
2450
|
+
root: {
|
2451
|
+
p: 2
|
2452
|
+
}
|
2453
|
+
}
|
2454
|
+
}
|
2455
|
+
],
|
2443
2456
|
defaultVariants: {
|
2457
|
+
variant: "simple",
|
2444
2458
|
size: "md"
|
2445
2459
|
}
|
2446
2460
|
});
|
@@ -2523,7 +2537,7 @@ var navbarSlotRecipe = defineSlotRecipe4({
|
|
2523
2537
|
top: 0,
|
2524
2538
|
insetX: 0,
|
2525
2539
|
transitionProperty: "common",
|
2526
|
-
transitionDuration: "
|
2540
|
+
transitionDuration: "moderate",
|
2527
2541
|
transitionTimingFunction: "ease-in-out",
|
2528
2542
|
_hidden: {
|
2529
2543
|
transform: "translateY(-100%)"
|
@@ -2559,7 +2573,7 @@ var navbarSlotRecipe = defineSlotRecipe4({
|
|
2559
2573
|
boxSizing: "border-box",
|
2560
2574
|
borderRadius: "md",
|
2561
2575
|
transitionProperty: "common",
|
2562
|
-
transitionDuration: "
|
2576
|
+
transitionDuration: "moderate",
|
2563
2577
|
lineHeight: 1,
|
2564
2578
|
_focusVisible: {
|
2565
2579
|
outline: "none",
|
@@ -4608,7 +4622,7 @@ var editableSlotRecipe = defineSlotRecipe21({
|
|
4608
4622
|
display: "inline-flex",
|
4609
4623
|
alignItems: "center",
|
4610
4624
|
transitionProperty: "common",
|
4611
|
-
transitionDuration: "
|
4625
|
+
transitionDuration: "moderate",
|
4612
4626
|
cursor: "text",
|
4613
4627
|
_hover: {
|
4614
4628
|
bg: "bg.muted"
|
@@ -4623,7 +4637,7 @@ var editableSlotRecipe = defineSlotRecipe21({
|
|
4623
4637
|
py: "1",
|
4624
4638
|
px: "1",
|
4625
4639
|
transitionProperty: "common",
|
4626
|
-
transitionDuration: "
|
4640
|
+
transitionDuration: "moderate",
|
4627
4641
|
width: "full",
|
4628
4642
|
focusVisibleRing: "inside",
|
4629
4643
|
focusRingWidth: "2px",
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@saas-ui/react",
|
3
|
-
"version": "3.0.0-alpha.
|
3
|
+
"version": "3.0.0-alpha.18",
|
4
4
|
"description": "Saas UI - The React component library for startups.",
|
5
5
|
"type": "module",
|
6
6
|
"exports": {
|
@@ -70,7 +70,7 @@
|
|
70
70
|
},
|
71
71
|
"dependencies": {
|
72
72
|
"@ark-ui/react": "^4.4.4",
|
73
|
-
"@saas-ui/core": "3.0.0-alpha.
|
73
|
+
"@saas-ui/core": "3.0.0-alpha.5",
|
74
74
|
"@saas-ui/hooks": "3.0.0-alpha.4"
|
75
75
|
},
|
76
76
|
"peerDependencies": {
|