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

package/dist/components/sidebar/index.js

@@ -3,9 +3,9 @@ import {
   __export
 } from "../../chunk-RTMS5TJN.js";
 
-// src/components/sidebar/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
+// src/components/sidebar/sidebar.tsx
+var sidebar_exports = {};
+__export(sidebar_exports, {
   Backdrop: () => SidebarBackdrop,
   Body: () => SidebarBody,
   FlyoutTrigger: () => SidebarFlyoutTrigger,
@@ -24,11 +24,10 @@ __export(namespace_exports, {
   Track: () => SidebarTrack,
   Trigger: () => SidebarTrigger
 });
+import { Sidebar, useSidebar } from "@saas-ui/core/sidebar";
 
-// src/components/sidebar/sidebar.tsx
+// src/components/sidebar/sidebar.context.ts
 import { createSlotRecipeContext } from "@chakra-ui/react";
-import { Sidebar, useSidebar } from "@saas-ui/core/sidebar";
-import { jsx } from "react/jsx-runtime";
 var {
   withContext,
   useRecipeResult,
@@ -36,8 +35,18 @@ var {
   ClassNamesProvider,
   useStyles: useSidebarStyles
 } = createSlotRecipeContext({
-  key: "sidebar"
+  key: "suiSidebar"
 });
+var {
+  withProvider: withItemProvider,
+  withContext: withItemContext,
+  useStyles: useSidebarItemStyles
+} = createSlotRecipeContext({
+  key: "suiSidebarNavItem"
+});
+
+// src/components/sidebar/sidebar.tsx
+import { jsx } from "react/jsx-runtime";
 var SidebarProvider = function SidebarProvider2(props) {
   return /* @__PURE__ */ jsx(Sidebar.Provider, { ...props, children: /* @__PURE__ */ jsx(RecipeProvider, { ...props, children: props.children }) });
 };
@@ -53,21 +62,35 @@ var SidebarRoot = withContext(
   Sidebar.Root,
   "root"
 );
-var SidebarTrigger = withContext(Sidebar.Trigger, "trigger", {
-  forwardAsChild: true
-});
+var SidebarTrigger = withContext(
+  Sidebar.Trigger,
+  "trigger",
+  {
+    forwardAsChild: true
+  }
+);
 var SidebarFlyoutTrigger = withContext(Sidebar.FlyoutTrigger, "flyoutTrigger", {
   forwardAsChild: true
 });
-var SidebarBackdrop = withContext(Sidebar.Backdrop, "backdrop", {
-  forwardAsChild: true
-});
-var SidebarHeader = withContext(Sidebar.Header, "header");
+var SidebarBackdrop = withContext(
+  Sidebar.Backdrop,
+  "backdrop",
+  {
+    forwardAsChild: true
+  }
+);
+var SidebarHeader = withContext(
+  Sidebar.Header,
+  "header"
+);
 var SidebarBody = withContext(
   Sidebar.Body,
   "body"
 );
-var SidebarFooter = withContext(Sidebar.Footer, "footer");
+var SidebarFooter = withContext(
+  Sidebar.Footer,
+  "footer"
+);
 var SidebarTrack = withContext(
   Sidebar.Track,
   "track",
@@ -84,25 +107,30 @@ var SidebarGroup = withContext(
     }
   }
 );
-var SidebarGroupHeader = withContext(Sidebar.GroupHeader, "groupHeader");
+var SidebarGroupHeader = withContext(
+  Sidebar.GroupHeader,
+  "groupHeader"
+);
 var SidebarGroupTitle = withContext(Sidebar.GroupTitle, "groupTitle");
 var SidebarGroupEndElement = withContext(Sidebar.GroupEndElement, "groupEndElement");
-var SidebarGroupContent = withContext(Sidebar.GroupContent, "groupContent");
-var {
-  withProvider: withItemProvider,
-  withContext: withItemContext,
-  useStyles: useSidebarItemStyles
-} = createSlotRecipeContext({
-  key: "sidebarNavItem"
-});
-var SidebarNavItem = withItemProvider(Sidebar.NavItem, "item");
+var SidebarGroupContent = withContext(
+  Sidebar.GroupContent,
+  "groupContent"
+);
+var SidebarNavItem = withItemProvider(
+  Sidebar.NavItem,
+  "item"
+);
 var SidebarNavButton = withItemContext(Sidebar.NavButton, "button", {
   forwardAsChild: true
 });
 var SidebarNavItemEndElement = withItemContext(Sidebar.NavItemEndElement, "endElement");
+
+// src/components/sidebar/index.ts
+import { useSidebar as useSidebar2 } from "@saas-ui/core/sidebar";
 export {
-  namespace_exports as Sidebar,
-  useSidebar,
+  sidebar_exports as Sidebar,
+  useSidebar2 as useSidebar,
   useSidebarItemStyles,
   useSidebarStyles
 };

package/dist/components/steps/index.cjs

@@ -19,15 +19,15 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/steps/index.ts
-var steps_exports = {};
-__export(steps_exports, {
-  Steps: () => namespace_exports
+var steps_exports2 = {};
+__export(steps_exports2, {
+  Steps: () => steps_exports
 });
-module.exports = __toCommonJS(steps_exports);
+module.exports = __toCommonJS(steps_exports2);
 
-// src/components/steps/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
+// src/components/steps/steps.tsx
+var steps_exports = {};
+__export(steps_exports, {
   CompletedContent: () => StepsCompletedContent,
   Content: () => StepsContent,
   Indicator: () => StepsIndicator,
@@ -37,8 +37,6 @@ __export(namespace_exports, {
   PrevTrigger: () => StepsPrevTrigger,
   Root: () => StepsRoot
 });
-
-// src/components/steps/steps.tsx
 var import_react2 = require("@chakra-ui/react");
 
 // src/components/icons/create-icon.tsx

package/dist/components/steps/index.d.cts

@@ -24,8 +24,8 @@ declare const StepsCompletedContent: react.ForwardRefExoticComponent<Steps.Compl
 declare const StepsNextTrigger: (props: Steps.NextTriggerProps) => react_jsx_runtime.JSX.Element;
 declare const StepsPrevTrigger: (props: Steps.PrevTriggerProps) => react_jsx_runtime.JSX.Element;
 
-declare namespace namespace {
+declare namespace steps {
   export { StepsCompletedContent as CompletedContent, StepsContent as Content, StepsIndicator as Indicator, type StepsIndicatorProps as IndicatorProps, StepsItem as Item, type StepsItemProps as ItemProps, StepsList as List, StepsNextTrigger as NextTrigger, StepsPrevTrigger as PrevTrigger, StepsRoot as Root, type StepsRootProps as RootProps };
 }
 
-export { namespace as Steps };
+export { steps as Steps };

package/dist/components/steps/index.d.ts

@@ -24,8 +24,8 @@ declare const StepsCompletedContent: react.ForwardRefExoticComponent<Steps.Compl
 declare const StepsNextTrigger: (props: Steps.NextTriggerProps) => react_jsx_runtime.JSX.Element;
 declare const StepsPrevTrigger: (props: Steps.PrevTriggerProps) => react_jsx_runtime.JSX.Element;
 
-declare namespace namespace {
+declare namespace steps {
   export { StepsCompletedContent as CompletedContent, StepsContent as Content, StepsIndicator as Indicator, type StepsIndicatorProps as IndicatorProps, StepsItem as Item, type StepsItemProps as ItemProps, StepsList as List, StepsNextTrigger as NextTrigger, StepsPrevTrigger as PrevTrigger, StepsRoot as Root, type StepsRootProps as RootProps };
 }
 
-export { namespace as Steps };
+export { steps as Steps };

package/dist/components/steps/index.js

@@ -7,9 +7,9 @@ import {
   __export
 } from "../../chunk-RTMS5TJN.js";
 
-// src/components/steps/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
+// src/components/steps/steps.tsx
+var steps_exports = {};
+__export(steps_exports, {
   CompletedContent: () => StepsCompletedContent,
   Content: () => StepsContent,
   Indicator: () => StepsIndicator,
@@ -19,8 +19,6 @@ __export(namespace_exports, {
   PrevTrigger: () => StepsPrevTrigger,
   Root: () => StepsRoot
 });
-
-// src/components/steps/steps.tsx
 import { Box, Steps as ChakraSteps } from "@chakra-ui/react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var StepsItem = (props) => {
@@ -67,5 +65,5 @@ var StepsPrevTrigger = (props) => {
   return /* @__PURE__ */ jsx(ChakraSteps.PrevTrigger, { ...props });
 };
 export {
-  namespace_exports as Steps
+  steps_exports as Steps
 };

package/dist/index.cjs

@@ -1454,8 +1454,8 @@ var recipes = {
   checkmark: checkmarkRecipe,
   radiomark: radiomarkRecipe,
   // Saas UI
-  command: commandRecipe,
-  iconBadge: iconBadgeRecipe
+  suiCommand: commandRecipe,
+  suiIconBadge: iconBadgeRecipe
 };
 
 // src/theme/semantic-tokens/colors.ts
@@ -1961,7 +1961,7 @@ var appShellSlotRecipe = (0, import_react28.defineSlotRecipe)({
 var import_react29 = require("@chakra-ui/react");
 var gridListSlotRecipe = (0, import_react29.defineSlotRecipe)({
   className: "sui-grid-list",
-  slots: ["root", "item", "header", "icon"],
+  slots: ["root", "item", "header", "cell"],
   base: {
     root: {
       py: 2,
@@ -2025,7 +2025,7 @@ var gridListSlotRecipe = (0, import_react29.defineSlotRecipe)({
       fontWeight: "semibold",
       color: "muted"
     },
-    icon: {
+    cell: {
       display: "flex",
       flexShrink: 0
     }
@@ -7664,13 +7664,13 @@ var slotRecipes = {
   status: statusSlotRecipe,
   timeline: timelineSlotRecipe,
   // Saas UI Recipes
-  appShell: appShellSlotRecipe,
-  loadingOverlay: loadingOverlaySlotRecipe,
-  persona: personaSlotRecipe,
-  gridList: gridListSlotRecipe,
-  navbar: navbarSlotRecipe,
-  sidebar: sidebarSlotRecipe,
-  sidebarNavItem: sidebarNavItemSlotRecipe
+  suiAppShell: appShellSlotRecipe,
+  suiLoadingOverlay: loadingOverlaySlotRecipe,
+  suiPersona: personaSlotRecipe,
+  suiGridList: gridListSlotRecipe,
+  suiNavbar: navbarSlotRecipe,
+  suiSidebar: sidebarSlotRecipe,
+  suiSidebarNavItem: sidebarNavItemSlotRecipe
 };
 
 // src/theme/text-styles.ts

package/dist/index.js

@@ -1421,8 +1421,8 @@ var recipes = {
   checkmark: checkmarkRecipe,
   radiomark: radiomarkRecipe,
   // Saas UI
-  command: commandRecipe,
-  iconBadge: iconBadgeRecipe
+  suiCommand: commandRecipe,
+  suiIconBadge: iconBadgeRecipe
 };
 
 // src/theme/semantic-tokens/colors.ts
@@ -1928,7 +1928,7 @@ var appShellSlotRecipe = defineSlotRecipe({
 import { defineSlotRecipe as defineSlotRecipe2 } from "@chakra-ui/react";
 var gridListSlotRecipe = defineSlotRecipe2({
   className: "sui-grid-list",
-  slots: ["root", "item", "header", "icon"],
+  slots: ["root", "item", "header", "cell"],
   base: {
     root: {
       py: 2,
@@ -1992,7 +1992,7 @@ var gridListSlotRecipe = defineSlotRecipe2({
       fontWeight: "semibold",
       color: "muted"
     },
-    icon: {
+    cell: {
       display: "flex",
       flexShrink: 0
     }
@@ -7631,13 +7631,13 @@ var slotRecipes = {
   status: statusSlotRecipe,
   timeline: timelineSlotRecipe,
   // Saas UI Recipes
-  appShell: appShellSlotRecipe,
-  loadingOverlay: loadingOverlaySlotRecipe,
-  persona: personaSlotRecipe,
-  gridList: gridListSlotRecipe,
-  navbar: navbarSlotRecipe,
-  sidebar: sidebarSlotRecipe,
-  sidebarNavItem: sidebarNavItemSlotRecipe
+  suiAppShell: appShellSlotRecipe,
+  suiLoadingOverlay: loadingOverlaySlotRecipe,
+  suiPersona: personaSlotRecipe,
+  suiGridList: gridListSlotRecipe,
+  suiNavbar: navbarSlotRecipe,
+  suiSidebar: sidebarSlotRecipe,
+  suiSidebarNavItem: sidebarNavItemSlotRecipe
 };
 
 // src/theme/text-styles.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/react",
-  "version": "3.0.0-alpha.3",
+  "version": "3.0.0-alpha.4",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {