@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 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, Omit<HTMLChakraProps<'div'>, 'children'>, SlotRecipeProps<'suiGridList'> {
5
+ interface GridListRootProps extends GridList.RootProps, HTMLChakraProps<'div'>, SlotRecipeProps<'suiGridList'> {
6
6
  }
7
- declare const GridListRoot: react.ForwardRefExoticComponent<Omit<GridList.RootProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
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, Omit<HTMLChakraProps<'div'>, 'children'>, SlotRecipeProps<'suiGridList'> {
5
+ interface GridListRootProps extends GridList.RootProps, HTMLChakraProps<'div'>, SlotRecipeProps<'suiGridList'> {
6
6
  }
7
- declare const GridListRoot: react.ForwardRefExoticComponent<Omit<GridList.RootProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
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 };
@@ -1,7 +1,7 @@
1
1
  'use client'
2
2
  import {
3
3
  pagination_exports
4
- } from "../../chunk-5ILYOY27.js";
4
+ } from "../../chunk-MLJN6IOJ.js";
5
5
  import "../../chunk-4TPVIHNO.js";
6
6
  import "../../chunk-RTMS5TJN.js";
7
7
  export {
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: "100vh"
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: "raised"
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: "inherit",
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
- fontSize: "sm"
2371
+ textStyle: "sm",
2372
+ py: 0.5
2377
2373
  },
2378
2374
  item: {
2379
2375
  py: 1,
2380
- px: 1
2376
+ px: 2,
2377
+ gap: 1
2381
2378
  },
2382
2379
  header: {
2383
2380
  py: 1,
2384
- px: 1
2385
- },
2386
- cell: {
2387
- px: 1
2381
+ px: 2
2388
2382
  }
2389
2383
  },
2390
2384
  md: {
2391
2385
  root: {
2392
- fontSize: "md"
2386
+ textStyle: "md",
2387
+ py: 1
2393
2388
  },
2394
2389
  item: {
2395
2390
  py: 2,
2396
- px: 2
2391
+ px: 3,
2392
+ gap: 2
2397
2393
  },
2398
2394
  header: {
2399
2395
  py: 2,
2400
- px: 2
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: "normal",
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: "normal",
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: "normal",
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: "normal",
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
- SearchInput
13
- } from "./chunk-46ISJZBS.js";
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
- loading_overlay_exports,
39
- useLoadingOverlayStyles
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
- pagination_exports
55
- } from "./chunk-5ILYOY27.js";
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
- PinInput
61
- } from "./chunk-2EUACKRH.js";
56
+ pagination_exports
57
+ } from "./chunk-MLJN6IOJ.js";
62
58
  import {
63
- Radio,
64
- RadioGroup
65
- } from "./chunk-WYLMBMAH.js";
59
+ Persona,
60
+ PersonaAvatar,
61
+ defaultPresenceOptions
62
+ } from "./chunk-4VH4IGVF.js";
66
63
  import {
67
- namespace_exports
68
- } from "./chunk-72LEGXHY.js";
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
- grid_list_exports
80
- } from "./chunk-NSD5HRIP.js";
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: "100vh"
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: "raised"
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: "inherit",
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
- fontSize: "sm"
2406
+ textStyle: "sm",
2407
+ py: 0.5
2412
2408
  },
2413
2409
  item: {
2414
2410
  py: 1,
2415
- px: 1
2411
+ px: 2,
2412
+ gap: 1
2416
2413
  },
2417
2414
  header: {
2418
2415
  py: 1,
2419
- px: 1
2420
- },
2421
- cell: {
2422
- px: 1
2416
+ px: 2
2423
2417
  }
2424
2418
  },
2425
2419
  md: {
2426
2420
  root: {
2427
- fontSize: "md"
2421
+ textStyle: "md",
2422
+ py: 1
2428
2423
  },
2429
2424
  item: {
2430
2425
  py: 2,
2431
- px: 2
2426
+ px: 3,
2427
+ gap: 2
2432
2428
  },
2433
2429
  header: {
2434
2430
  py: 2,
2435
- px: 2
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: "normal",
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: "normal",
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: "normal",
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: "normal",
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.17",
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.4",
73
+ "@saas-ui/core": "3.0.0-alpha.5",
74
74
  "@saas-ui/hooks": "3.0.0-alpha.4"
75
75
  },
76
76
  "peerDependencies": {