@saas-ui/react 3.0.0-alpha.3 → 3.0.0-alpha.31

package/CHANGELOG.md

@@ -1,5 +1,238 @@
 # @saas-ui/react
 
+## 3.0.0-alpha.31
+
+### Patch Changes
+
+- Inputs now use semanti radii tokens
+- SegmentGroup now use semantic radii tokens
+- Forward ref to LoadingOverlay.Root
+
+## 3.0.0-alpha.30
+
+### Patch Changes
+
+- Updated dependencies [0f49a18]
+  - @saas-ui/hooks@3.0.0-alpha.5
+  - @saas-ui/core@3.0.0-alpha.8
+
+## 3.0.0-alpha.29
+
+### Patch Changes
+
+- Improved text selection color contrast
+
+## 3.0.0-alpha.28
+
+### Patch Changes
+
+- 6a8bf46: Decreased default overlay translucency
+- 6a8bf46: Fix dialog backdrop z-index
+
+## 3.0.0-alpha.27
+
+### Patch Changes
+
+- 56b0623: Update with upstream changes
+- 56b0623: Fixed issue where backdrop would render on top of dialog and drawer
+
+## 3.0.0-alpha.26
+
+### Patch Changes
+
+- c51e12c: Improved radii tokens
+
+## 3.0.0-alpha.25
+
+### Minor Changes
+
+- 8d8ffaa: Translucency and backdrop effect of overlay elements can now be configured
+- 8d8ffaa: Added FileUpload component
+- 8d8ffaa: Added Popover component
+- 8d8ffaa: Added semantic tokens and scales for control, panel and indicator
+
+### Patch Changes
+
+- 8d8ffaa: Added ghost variant to tabs recipe
+
+## 3.0.0-alpha.24
+
+### Minor Changes
+
+- ac2d80d: Improved toaster styles and allow setting global defaults
+
+### Patch Changes
+
+- 9d47676: Improved tabs recipe, new pills variant and xs size
+
+## 3.0.0-alpha.23
+
+### Patch Changes
+
+- 8ac704a: Improved tag recipe and support status component.
+
+## 3.0.0-alpha.22
+
+### Minor Changes
+
+- Added Status component
+- Added Badge and Tag components
+
+### Patch Changes
+
+- Fixed GridList prop forwarding
+- Changed default Button variant to surface
+- Fixed issue where Button colorPalette could not be changed using the recipe
+- Rename Drawer and Dialog CloseTrigger to CloseButton
+- Improved Button glass variant hover color
+- Improved semantic grays and shadows balance
+
+## 3.0.0-alpha.21
+
+### Patch Changes
+
+- 6f9f04d: Fixed issue where Sidebar mode could not be controlled
+- Updated dependencies [6f9f04d]
+  - @saas-ui/core@3.0.0-alpha.7
+
+## 3.0.0-alpha.20
+
+### Minor Changes
+
+- f85d493: Added Sidebar.Context component that allows you to access sidebar context using a render prop
+- f85d493: Sidebar mode can now be controlled using the sidebar context
+
+### Patch Changes
+
+- Updated dependencies [f85d493]
+- Updated dependencies [f85d493]
+  - @saas-ui/core@3.0.0-alpha.6
+
+## 3.0.0-alpha.19
+
+### Patch Changes
+
+- ba3b566: Improved Sidebar contrast
+- 38082d4: Improved horizontal field styles
+- ba3b566: Improved focusRing styles
+- ba3b566: Added SegmentControl stories and made sizing consistent with buttons
+- 3a73bc8: Fixed incorrect props type for GridListRoot
+- ba3b566: Sidebar.Button now renders a div with role="button"
+- 727b902: Allow click event on Sidebar.Track to be prevented
+
+## 3.0.0-alpha.18
+
+### Minor Changes
+
+- eb02362: Improved GridList recipe
+
+### Patch Changes
+
+- e7fe684: Export Pagination Context component
+- eb02362: Add missing PaginationPageTextProps export
+- Updated dependencies [eb02362]
+  - @saas-ui/core@3.0.0-alpha.5
+
+## 3.0.0-alpha.17
+
+### Minor Changes
+
+- a2ef175: Added Pagination component
+
+## 3.0.0-alpha.16
+
+### Patch Changes
+
+- 205580d: Added option to customize the Command modifiers
+- 205580d: Added size variant to Command
+
+## 3.0.0-alpha.15
+
+### Patch Changes
+
+- 2285040: Improved avatar and persona sizes
+- 2285040: No longer showing presence badge if no presence is set
+
+## 3.0.0-alpha.14
+
+### Patch Changes
+
+- 0067207: Fixed issue where paddingStart would not apply to grouped inputs
+- 0067207: Added 4.5 spacing
+
+## 3.0.0-alpha.13
+
+### Patch Changes
+
+- b51aff9: Improved form components recipes sizing
+- b51aff9: Fixed passing menu button props to button component
+
+## 3.0.0-alpha.12
+
+### Patch Changes
+
+- 61ce1b5: Fixed sidebar item end element positioning
+
+## 3.0.0-alpha.11
+
+### Patch Changes
+
+- 19309d4: Improved Sidebar recipe with beter balance and added --sidebar-item-icon-color variable
+- 19309d4: Improved font size balance
+
+## 3.0.0-alpha.10
+
+### Patch Changes
+
+- 212a7e6: Add missing focusRing semantic tokens
+- 942e9a0: Improved SidebarNavItem positioning
+- 212a7e6: Improved yellow color tokens
+- 65fac53: Fixed semantic token inconsistencies
+
+## 3.0.0-alpha.9
+
+### Minor Changes
+
+- f0f5ab0: Improve Navbar composition
+
+## 3.0.0-alpha.8
+
+### Patch Changes
+
+- 64e680e: Update default button colorPalette to gray
+- 64e680e: Export Menu.Context
+
+## 3.0.0-alpha.7
+
+### Major Changes
+
+- 8e760c5: Added new wide gammut color tokens
+
+## 3.0.0-alpha.6
+
+### Minor Changes
+
+- 95c8652: Update to Chakra UI 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [95c8652]
+  - @saas-ui/hooks@3.0.0-alpha.4
+  - @saas-ui/core@3.0.0-alpha.4
+
+## 3.0.0-alpha.5
+
+### Minor Changes
+
+- e9fec88: Added toaster and menu components
+- f62c3d6: Export all components from root barrel file
+
+## 3.0.0-alpha.4
+
+### Patch Changes
+
+- 7808a76: Restructure slot components and add ui namespaces to recipes
+
 ## 3.0.0-alpha.3
 
 ### Patch Changes
@@ -38,11 +271,187 @@
 
 - v3 alpha release
 
+## 2.11.4
+
+### Patch Changes
+
+- Updated dependencies [091fd38]
+  - @saas-ui/forms@2.11.0
+  - @saas-ui/modals@2.4.4
+  - @saas-ui/data-table@13.0.4
+
+## 2.11.3
+
+### Patch Changes
+
+- Updated dependencies [eb53116]
+  - @saas-ui/forms@2.10.0
+  - @saas-ui/modals@2.4.3
+  - @saas-ui/data-table@13.0.3
+
+## 2.11.2
+
+### Patch Changes
+
+- 862937a: Bump chakra version
+- Updated dependencies [862937a]
+  - @saas-ui/data-table@13.0.2
+  - @saas-ui/nprogress@2.2.1
+  - @saas-ui/hotkeys@2.5.1
+  - @saas-ui/modals@2.4.2
+  - @saas-ui/forms@2.9.1
+  - @saas-ui/theme@2.6.1
+  - @saas-ui/core@2.8.1
+
+## 2.11.1
+
+### Patch Changes
+
+- Updated dependencies [a69829a]
+  - @saas-ui/hooks@2.3.0
+  - @saas-ui/modals@2.4.1
+  - @saas-ui/data-table@13.0.1
+
+## 2.11.0
+
+### Minor Changes
+
+- 803ede7: Updated Chakra UI version range to >=2.9.0 <3
+
+### Patch Changes
+
+- Updated dependencies [803ede7]
+  - @saas-ui/data-table@13.0.0
+  - @saas-ui/nprogress@2.2.0
+  - @saas-ui/hotkeys@2.5.0
+  - @saas-ui/modals@2.4.0
+  - @saas-ui/forms@2.9.0
+  - @saas-ui/hooks@2.2.0
+  - @saas-ui/theme@2.6.0
+  - @saas-ui/core@2.8.0
+
+## 2.10.5
+
+### Patch Changes
+
+- c9daf50: Fixed issue where link component prop would not be passed to NavItem
+- Updated dependencies [c9daf50]
+  - @saas-ui/core@2.7.2
+  - @saas-ui/data-table@12.0.5
+  - @saas-ui/forms@2.8.2
+  - @saas-ui/hotkeys@2.4.2
+  - @saas-ui/modals@2.3.5
+
+## 2.10.4
+
+### Patch Changes
+
+- a863a5e: Updated package type to fix next 15 support
+- Updated dependencies [a863a5e]
+  - @saas-ui/modals@2.3.4
+  - @saas-ui/data-table@12.0.4
+
+## 2.10.3
+
 ### Patch Changes
 
 - Updated dependencies
+  <<<<<<< HEAD
   - @saas-ui/hooks@3.0.0-alpha.0
-  - @saas-ui/core@3.0.0-alpha.0
+  - # @saas-ui/core@3.0.0-alpha.0
+  - @saas-ui/modals@2.3.3
+  - @saas-ui/data-table@12.0.3
+
+## 2.10.2
+
+### Patch Changes
+
+- 7669720: Fixed publint issues
+- Updated dependencies [7669720]
+  - @saas-ui/modals@2.3.2
+  - @saas-ui/data-table@12.0.2
+
+## 2.10.1
+
+### Patch Changes
+
+- 5e24ec4: Fixed issue where as prop on NavItem would always be overruled by internal Link prop if href is passed
+- Updated dependencies [5e24ec4]
+  - @saas-ui/core@2.7.1
+  - @saas-ui/data-table@12.0.1
+  - @saas-ui/forms@2.8.1
+  - @saas-ui/hotkeys@2.4.1
+  - @saas-ui/modals@2.3.1
+
+## 2.10.0
+
+### Minor Changes
+
+- fc799df: Removed deprecated Chakra UI dependency
+
+### Patch Changes
+
+- Updated dependencies [fc799df]
+  - @saas-ui/hotkeys@2.4.0
+  - @saas-ui/modals@2.3.0
+  - @saas-ui/forms@2.8.0
+  - @saas-ui/core@2.7.0
+  - @saas-ui/data-table@12.0.0
+
+## 2.9.1
+
+### Patch Changes
+
+- f0ee3db: Updated to Chakra 2.10
+- Updated dependencies [f0ee3db]
+  - @saas-ui/data-table@11.0.1
+  - @saas-ui/nprogress@2.1.1
+  - @saas-ui/hotkeys@2.3.1
+  - @saas-ui/modals@2.2.1
+  - @saas-ui/forms@2.7.1
+  - @saas-ui/theme@2.5.1
+  - @saas-ui/core@2.6.1
+
+## 2.9.0
+
+### Minor Changes
+
+- 2ac496a: Upgraded to Chakra UI v2.9.3
+
+### Patch Changes
+
+- Updated dependencies [2ac496a]
+  - @saas-ui/data-table@11.0.0
+  - @saas-ui/nprogress@2.1.0
+  - @saas-ui/hotkeys@2.3.0
+  - @saas-ui/modals@2.2.0
+  - @saas-ui/forms@2.7.0
+  - @saas-ui/hooks@2.1.0
+  - @saas-ui/theme@2.5.0
+  - @saas-ui/core@2.6.0
+
+## 2.8.11
+
+### Patch Changes
+
+- 5e000e0: Removed background color from loading overlay fill variant
+- Updated dependencies [5e000e0]
+  - @saas-ui/theme@2.4.2
+  - @saas-ui/core@2.5.6
+  - @saas-ui/data-table@10.0.11
+  - @saas-ui/forms@2.6.11
+  - @saas-ui/hotkeys@2.2.14
+  - @saas-ui/modals@2.1.41
+
+## 2.8.10
+
+### Patch Changes
+
+- Updated dependencies [fc2203a]
+  - @saas-ui/forms@2.6.10
+  - @saas-ui/modals@2.1.40
+  - @saas-ui/data-table@10.0.10
+    > > > > > > > v3
 
 ## 2.8.9
 

package/dist/chunk-2EUACKRH.js

@@ -0,0 +1,26 @@
+'use client'
+
+// src/components/pin-input/pin-input.tsx
+import { forwardRef } from "react";
+import { PinInput as ChakraPinInput, Group } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PinInput = forwardRef(
+  function PinInput2(props, ref) {
+    const {
+      pinLength = 4,
+      inputProps,
+      rootRef,
+      attached,
+      gap = attached ? 0 : 2,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(ChakraPinInput.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraPinInput.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ jsx(ChakraPinInput.Control, { children: /* @__PURE__ */ jsx(Group, { attached, gap, children: Array.from({ length: pinLength }).map((_, index) => /* @__PURE__ */ jsx(ChakraPinInput.Input, { index }, index)) }) })
+    ] });
+  }
+);
+
+export {
+  PinInput
+};

package/dist/chunk-32DD6PHF.js

@@ -0,0 +1,63 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-YXGJOOMM.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/dialog/dialog.tsx
+var dialog_exports = {};
+__export(dialog_exports, {
+  ActionTrigger: () => ActionTrigger,
+  Backdrop: () => Backdrop,
+  Body: () => Body,
+  CloseButton: () => CloseButton2,
+  CloseTrigger: () => CloseTrigger,
+  Content: () => Content,
+  Context: () => Context,
+  Description: () => Description,
+  DialogContext: () => DialogContext,
+  Footer: () => Footer,
+  Header: () => Header,
+  Root: () => Root,
+  Title: () => Title,
+  Trigger: () => Trigger
+});
+import { forwardRef } from "react";
+import { Dialog as ChakraDialog, Portal } from "@chakra-ui/react";
+import { DialogContext } from "@ark-ui/react/dialog";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Content = forwardRef(
+  function DialogContent(props, ref) {
+    const {
+      children,
+      portalled = true,
+      portalRef,
+      backdrop = true,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(Portal, { disabled: !portalled, container: portalRef, children: [
+      backdrop && /* @__PURE__ */ jsx(ChakraDialog.Backdrop, {}),
+      /* @__PURE__ */ jsx(ChakraDialog.Positioner, { children: /* @__PURE__ */ jsx(ChakraDialog.Content, { ref, ...rest, asChild: false, children }) })
+    ] });
+  }
+);
+var CloseButton2 = forwardRef(function DialogCloseTrigger(props, ref) {
+  return /* @__PURE__ */ jsx(ChakraDialog.CloseTrigger, { ...props, asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children: props.children }) });
+});
+var CloseTrigger = ChakraDialog.CloseTrigger;
+var Root = ChakraDialog.Root;
+var Context = ChakraDialog.Context;
+var Footer = ChakraDialog.Footer;
+var Header = ChakraDialog.Header;
+var Body = ChakraDialog.Body;
+var Backdrop = ChakraDialog.Backdrop;
+var Title = ChakraDialog.Title;
+var Description = ChakraDialog.Description;
+var Trigger = ChakraDialog.Trigger;
+var ActionTrigger = ChakraDialog.ActionTrigger;
+
+export {
+  dialog_exports
+};

package/dist/chunk-3JZ42NYM.js

@@ -0,0 +1,100 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-YXGJOOMM.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/select/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Content: () => SelectContent,
+  Item: () => SelectItem,
+  ItemGroup: () => SelectItemGroup,
+  ItemText: () => SelectItemText,
+  Label: () => SelectLabel,
+  Root: () => SelectRoot,
+  Trigger: () => SelectTrigger,
+  ValueText: () => SelectValueText
+});
+
+// src/components/select/select.tsx
+import { forwardRef } from "react";
+import { Portal, Select as SelectPrimitive } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SelectTrigger = forwardRef(
+  function SelectTrigger2(props, ref) {
+    const { children, clearable, ...rest } = props;
+    return /* @__PURE__ */ jsxs(SelectPrimitive.Control, { ...rest, children: [
+      /* @__PURE__ */ jsx(SelectPrimitive.Trigger, { ref, children }),
+      /* @__PURE__ */ jsxs(SelectPrimitive.IndicatorGroup, { children: [
+        clearable && /* @__PURE__ */ jsx(SelectClearTrigger, {}),
+        /* @__PURE__ */ jsx(SelectPrimitive.Indicator, {})
+      ] })
+    ] });
+  }
+);
+var SelectClearTrigger = forwardRef(function SelectClearTrigger2(props, ref) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ jsx(
+    CloseButton,
+    {
+      size: "xs",
+      variant: "plain",
+      focusVisibleRing: "inside",
+      focusRingWidth: "2px",
+      pointerEvents: "auto"
+    }
+  ) });
+});
+var SelectContent = forwardRef(
+  function SelectContent2(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(SelectPrimitive.Positioner, { children: /* @__PURE__ */ jsx(SelectPrimitive.Content, { ...rest, ref }) }) });
+  }
+);
+var SelectItem = forwardRef(
+  function SelectItem2(props, ref) {
+    const { item, children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(SelectPrimitive.Item, { item, ...rest, ref, children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, {})
+    ] }, item.value);
+  }
+);
+var SelectValueText = forwardRef(function SelectValueText2(props, ref) {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ jsx(SelectPrimitive.ValueText, { ...rest, ref, children: /* @__PURE__ */ jsx(SelectPrimitive.Context, { children: (select) => {
+    const items = select.selectedItems;
+    if (items.length === 0) return props.placeholder;
+    if (children) return children(items);
+    if (items.length === 1)
+      return select.collection.stringifyItem(items[0]);
+    return `${items.length} selected`;
+  } }) });
+});
+var SelectRoot = forwardRef(function SelectRoot2(props, ref) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Root,
+    {
+      ...props,
+      ref,
+      positioning: { sameWidth: true, ...props.positioning }
+    }
+  );
+});
+var SelectItemGroup = forwardRef(
+  function SelectItemGroup2(props, ref) {
+    const { children, label, ...rest } = props;
+    return /* @__PURE__ */ jsxs(SelectPrimitive.ItemGroup, { ...rest, ref, children: [
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemGroupLabel, { children: label }),
+      children
+    ] });
+  }
+);
+var SelectLabel = SelectPrimitive.Label;
+var SelectItemText = SelectPrimitive.ItemText;
+
+export {
+  namespace_exports
+};