@godxjp/ui 13.9.3 → 13.11.0

package/dist/components/general/index.js

@@ -1,48 +1,8 @@
-export { Button, buttonVariants } from '../../chunk-XBFUROAY.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import { cn } from '../../chunk-U7N2A7A3.js';
-import * as React from 'react';
-
-var Text = React.forwardRef(
-  ({
-    as = "span",
-    size = "sm",
-    tone = "default",
-    weight = "regular",
-    align,
-    truncate,
-    tabular,
-    mono,
-    className,
-    ...props
-  }, ref) => React.createElement(as, {
-    ref,
-    "data-slot": "text",
-    "data-size": size,
-    "data-tone": tone,
-    "data-weight": weight,
-    "data-align": align,
-    "data-truncate": truncate ? "" : void 0,
-    "data-tabular": tabular ? "" : void 0,
-    "data-mono": mono ? "" : void 0,
-    className: cn("ui-text", className),
-    ...props
-  })
-);
-Text.displayName = "Text";
-var Heading = React.forwardRef(
-  ({ level = 2, as, tone = "default", align, truncate, className, ...props }, ref) => React.createElement(as ?? `h${level}`, {
-    ref,
-    "data-slot": "heading",
-    "data-level": level,
-    "data-tone": tone,
-    "data-align": align,
-    "data-truncate": truncate ? "" : void 0,
-    className: cn("ui-heading", className),
-    ...props
-  })
-);
-Heading.displayName = "Heading";
-
-export { Heading, Text };
+import { Button, buttonVariants } from "./button";
+import { Text, Heading } from "./typography";
+export {
+  Button,
+  Heading,
+  Text,
+  buttonVariants
+};

package/dist/components/general/typography.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+export type { TextProp, TextProp as TextProps, HeadingProp, HeadingProp as HeadingProps, } from "../../props/components/general.prop";
+/**
+ * Text — the typographic primitive. Use it INSTEAD of a hand-rolled `<span className="text-[13px]
+ * font-medium text-muted-foreground">`. `size` only accepts steps of the golden-ratio type scale
+ * (never an arbitrary px), `tone` maps to semantic foreground tokens, `weight` respects the system's
+ * 2-weight scale. Fully token-driven via `[data-slot="text"]` rules in text-layout.css.
+ */
+export declare const Text: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "color"> & {
+    as?: "span" | "p" | "div" | "label" | "strong" | "em" | "small" | "code" | "kbd" | "dt" | "dd" | "caption" | "abbr";
+    size?: import("../../props").TextSizeProp;
+    tone?: import("../../props").TextToneProp;
+    weight?: import("../../props").FontWeightProp;
+    align?: import("../../props").TextAlignProp;
+    truncate?: boolean;
+    tabular?: boolean;
+    mono?: boolean;
+    htmlFor?: string;
+} & React.RefAttributes<HTMLElement>>;
+/**
+ * Heading — h1..h4 sized from the `--heading-h*` tokens. `level` sets both the size token and the
+ * semantic element; override the rendered element with `as` (e.g. a visual h2 that is a real <h1>).
+ */
+export declare const Heading: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
+    level?: import("../../props").HeadingLevelProp;
+    as?: "h1" | "h2" | "h3" | "h4" | "div";
+    tone?: import("../../props").TextToneProp;
+    align?: import("../../props").TextAlignProp;
+    truncate?: boolean;
+} & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/general/typography.js

@@ -0,0 +1,46 @@
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const Text = React.forwardRef(
+  ({
+    as = "span",
+    size = "sm",
+    tone = "default",
+    weight = "regular",
+    align,
+    truncate,
+    tabular,
+    mono,
+    className,
+    ...props
+  }, ref) => React.createElement(as, {
+    ref,
+    "data-slot": "text",
+    "data-size": size,
+    "data-tone": tone,
+    "data-weight": weight,
+    "data-align": align,
+    "data-truncate": truncate ? "" : void 0,
+    "data-tabular": tabular ? "" : void 0,
+    "data-mono": mono ? "" : void 0,
+    className: cn("ui-text", className),
+    ...props
+  })
+);
+Text.displayName = "Text";
+const Heading = React.forwardRef(
+  ({ level = 2, as, tone = "default", align, truncate, className, ...props }, ref) => React.createElement(as ?? `h${level}`, {
+    ref,
+    "data-slot": "heading",
+    "data-level": level,
+    "data-tone": tone,
+    "data-align": align,
+    "data-truncate": truncate ? "" : void 0,
+    className: cn("ui-heading", className),
+    ...props
+  })
+);
+Heading.displayName = "Heading";
+export {
+  Heading,
+  Text
+};

package/dist/components/layout/app-shell.d.ts

@@ -0,0 +1,3 @@
+import type { AppShellProp } from "../../props/components/layout.prop";
+export type { AppShellProp, AppShellProp as AppShellProps, } from "../../props/components/layout.prop";
+export declare function AppShell({ sidebar, topbar, topbarLeft, topbarRight, logo, breadcrumb, footer, children, sidebarCollapsed, }: AppShellProp): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/app-shell.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "../../i18n/use-translation";
+function AppShell({
+  sidebar,
+  topbar,
+  topbarLeft,
+  topbarRight,
+  logo,
+  breadcrumb,
+  footer,
+  children,
+  sidebarCollapsed = false
+}) {
+  const { t } = useTranslation();
+  const resolvedTopbar = topbar !== void 0 ? topbar : /* @__PURE__ */ jsxs("div", { className: "app-topbar-rail", children: [
+    logo !== void 0 && /* @__PURE__ */ jsx("div", { className: "app-topbar-logo", children: logo }),
+    topbarLeft !== void 0 && /* @__PURE__ */ jsx("div", { className: "app-topbar-left", children: topbarLeft }),
+    /* @__PURE__ */ jsx("div", { className: "app-topbar-spacer" }),
+    topbarRight !== void 0 && /* @__PURE__ */ jsx("div", { className: "app-topbar-right", children: topbarRight })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "app-root", "data-collapsed": sidebarCollapsed ? "true" : void 0, children: [
+    /* @__PURE__ */ jsx("aside", { className: "app-sidebar", "aria-label": t("layout.appShell.sidebarLabel"), children: sidebar }),
+    /* @__PURE__ */ jsx("header", { className: "app-topbar", "aria-label": t("layout.appShell.headerLabel"), children: resolvedTopbar }),
+    /* @__PURE__ */ jsxs("main", { className: "app-main", "aria-label": t("layout.appShell.mainLabel"), children: [
+      breadcrumb !== void 0 && /* @__PURE__ */ jsx("div", { className: "app-breadcrumb", children: breadcrumb }),
+      children
+    ] }),
+    footer !== void 0 && /* @__PURE__ */ jsx("footer", { className: "app-footer", "aria-label": t("layout.appShell.footerLabel"), children: footer })
+  ] });
+}
+export {
+  AppShell
+};

package/dist/components/layout/aspect-ratio.d.ts

@@ -0,0 +1 @@
+export { AspectRatio } from "../ui/aspect-ratio";

package/dist/components/layout/aspect-ratio.js

@@ -0,0 +1,4 @@
+import { AspectRatio } from "../ui/aspect-ratio";
+export {
+  AspectRatio
+};

package/dist/components/layout/breadcrumb.d.ts

@@ -0,0 +1,7 @@
+import type { ElementType } from "react";
+import type { BreadcrumbProp } from "../../props/vocabulary/navigation.prop";
+export type BreadcrumbProps = {
+    items: BreadcrumbProp;
+    linkComponent?: ElementType;
+};
+export declare function Breadcrumb({ items, linkComponent: LinkComponent }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/breadcrumb.js

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "lucide-react";
+import { useTranslation } from "../../i18n/use-translation";
+function Breadcrumb({ items, linkComponent: LinkComponent = "a" }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("nav", { "aria-label": t("navigation.breadcrumb.ariaLabel"), className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ jsxs("li", { className: "ui-breadcrumb-item", children: [
+      item.to && !isLast ? /* @__PURE__ */ jsx(LinkComponent, { href: item.to, to: item.to, className: "ui-breadcrumb-link", children: item.label }) : /* @__PURE__ */ jsx("span", { className: "ui-breadcrumb-current", "aria-current": isLast ? "page" : void 0, children: item.label }),
+      !isLast ? /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" }) : null
+    ] }, item.to ?? index);
+  }) }) });
+}
+export {
+  Breadcrumb
+};

package/dist/components/layout/flex.d.ts

@@ -0,0 +1,3 @@
+import type { FlexProp } from "../../props/components/layout.prop";
+export type { FlexAlignProp, FlexDirectionProp, FlexJustifyProp, FlexProp, FlexProp as FlexProps, } from "../../props/components/layout.prop";
+export declare function Flex({ direction, gap, align, justify, wrap, className, children, ...props }: FlexProp): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/flex.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { flexGapClass } from "../../lib/variants";
+function Flex({
+  direction = "col",
+  gap = "md",
+  align,
+  justify,
+  wrap = false,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-direction": direction,
+      "data-align": align,
+      "data-justify": justify,
+      "data-wrap": wrap ? "true" : void 0,
+      className: cn("ui-flex", flexGapClass[gap], className),
+      ...props,
+      children
+    }
+  );
+}
+export {
+  Flex
+};

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

@@ -1,60 +1,19 @@
-export { F as Flex, P as PageContainer } from '../../flex-1Cy46L0M.js';
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './resizable.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as AppShellProp, g as SidebarProp, S as SidebarItemData, j as TopbarProp, R as ResponsiveGridColumnsProp } from '../../layout.prop-fCz-Vlie.js';
-export { F as FlexAlignProp, a as FlexDirectionProp, b as FlexJustifyProp, c as FlexProp, c as FlexProps, P as PageContainerProp, P as PageContainerProps, f as SidebarProduct, h as SidebarSectionProp, T as TopbarProduct, i as TopbarProject } from '../../layout.prop-fCz-Vlie.js';
-import * as React from 'react';
-import { ElementType, ReactNode } from 'react';
-import { a as BreadcrumbProp } from '../../navigation.prop-CXDaVNaR.js';
-export { B as BreadcrumbItem, B as BreadcrumbItemProp } from '../../navigation.prop-CXDaVNaR.js';
-export { A as AspectRatio, S as Separator } from '../../aspect-ratio-CZZJd9Km.js';
-import 'react-resizable-panels';
-import '../../shared.prop-BvMSLFJ6.js';
-import '../../content.prop-DrV_zDy-.js';
-import '../../layout.prop-CXvl2rVR.js';
-import '@radix-ui/react-separator';
-import '@radix-ui/react-aspect-ratio';
-
-declare function AppShell({ sidebar, topbar, topbarLeft, topbarRight, logo, breadcrumb, footer, children, sidebarCollapsed, }: AppShellProp): react_jsx_runtime.JSX.Element;
-
-type BreadcrumbProps = {
-    items: BreadcrumbProp;
-    linkComponent?: ElementType;
-};
-declare function Breadcrumb({ items, linkComponent: LinkComponent }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
-
-type RenderItem = (item: SidebarItemData) => React.ReactNode;
-type SidebarHeaderProps = React.HTMLAttributes<HTMLDivElement>;
-type SidebarSectionProps = {
-    label?: string;
-    collapsed?: boolean;
-    children?: React.ReactNode;
-};
-type SidebarItemProps = {
-    item: SidebarItemData;
-    active?: boolean;
-    sub?: boolean;
-    onActivate?: (id: string) => void;
-    renderItem?: RenderItem;
-};
-declare function SidebarHeader({ children, className, ...props }: SidebarHeaderProps): react_jsx_runtime.JSX.Element;
-declare function SidebarSection({ label, collapsed, children, className, ...props }: SidebarSectionProps & React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function SidebarItem({ item, active, sub, onActivate, renderItem, children, ...props }: SidebarItemProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick">): react_jsx_runtime.JSX.Element;
-declare function Sidebar({ activeId, onSelect, sections, product, onProductClick, brand, collapsed, children, renderItem, footer, }: SidebarProp): react_jsx_runtime.JSX.Element;
-
-declare function Topbar({ product, project, productMenu, projectMenu, projectPlaceholder, onProductOpen, onProjectOpen, onSearchOpen, onTweaksOpen, collapsed, onToggleCollapsed, rightSlot, unread, searchPlaceholder, onNotificationsOpen, user, }: TopbarProp): react_jsx_runtime.JSX.Element;
-
-type ResponsiveGridProps = {
-    columns?: ResponsiveGridColumnsProp;
-    children: ReactNode;
-};
-declare function ResponsiveGrid({ columns, children }: ResponsiveGridProps): react_jsx_runtime.JSX.Element;
-
-type SplitPaneProps = {
-    children: ReactNode;
-    aside: ReactNode;
-    asideWidth?: "sm" | "md";
-};
-declare function SplitPane({ children, aside, asideWidth }: SplitPaneProps): react_jsx_runtime.JSX.Element;
-
-export { AppShell, AppShellProp as AppShellProps, Breadcrumb, type BreadcrumbProps, ResponsiveGrid, type ResponsiveGridProps, Sidebar, SidebarHeader, SidebarItem, SidebarItemData, SidebarProp, SidebarProp as SidebarProps, SidebarSection, SplitPane, type SplitPaneProps, Topbar, TopbarProp as TopbarProps };
+export { PageContainer } from "./page-container";
+export type { PageContainerProp, PageContainerProps, BreadcrumbItem, BreadcrumbItemProp, } from "./page-container";
+export { Flex } from "./flex";
+export type { FlexAlignProp, FlexDirectionProp, FlexJustifyProp, FlexProp, FlexProps, } from "./flex";
+export { ResizablePanel, ResizablePanelGroup, ResizableHandle } from "./resizable";
+export { AppShell } from "./app-shell";
+export type { AppShellProps } from "./app-shell";
+export { Breadcrumb } from "./breadcrumb";
+export type { BreadcrumbProps } from "./breadcrumb";
+export { Sidebar, SidebarHeader, SidebarItem, SidebarSection } from "./sidebar";
+export type { SidebarItemData, SidebarProductProp as SidebarProduct, SidebarProp, SidebarProp as SidebarProps, SidebarSectionProp, } from "../../props/components/layout.prop";
+export { Topbar } from "./topbar";
+export type { TopbarProduct, TopbarProject, TopbarProps } from "./topbar";
+export { ResponsiveGrid } from "./responsive-grid";
+export type { ResponsiveGridProps } from "./responsive-grid";
+export { SplitPane } from "./split-pane";
+export type { SplitPaneProps } from "./split-pane";
+export { Separator } from "./separator";
+export { AspectRatio } from "./aspect-ratio";

package/dist/components/layout/index.js

@@ -1,12 +1,29 @@
-export { AppShell, Breadcrumb, PageContainer, Sidebar, SidebarHeader, SidebarItem, SidebarSection, SplitPane, Topbar } from '../../chunk-I6G4IO7V.js';
-export { AspectRatio, Separator } from '../../chunk-XK3M3VRR.js';
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../chunk-W4REF4TD.js';
-import '../../chunk-LMKUKCTN.js';
-import '../../chunk-32WO3YLB.js';
-import '../../chunk-DV52WNXO.js';
-export { Flex } from '../../chunk-INIIF7F7.js';
-import '../../chunk-DY5C44UP.js';
-export { ResponsiveGrid } from '../../chunk-C3PKEV6S.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
+import { PageContainer } from "./page-container";
+import { Flex } from "./flex";
+import { ResizablePanel, ResizablePanelGroup, ResizableHandle } from "./resizable";
+import { AppShell } from "./app-shell";
+import { Breadcrumb } from "./breadcrumb";
+import { Sidebar, SidebarHeader, SidebarItem, SidebarSection } from "./sidebar";
+import { Topbar } from "./topbar";
+import { ResponsiveGrid } from "./responsive-grid";
+import { SplitPane } from "./split-pane";
+import { Separator } from "./separator";
+import { AspectRatio } from "./aspect-ratio";
+export {
+  AppShell,
+  AspectRatio,
+  Breadcrumb,
+  Flex,
+  PageContainer,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  ResponsiveGrid,
+  Separator,
+  Sidebar,
+  SidebarHeader,
+  SidebarItem,
+  SidebarSection,
+  SplitPane,
+  Topbar
+};

package/dist/components/layout/page-container.d.ts

@@ -0,0 +1,8 @@
+import type { PageContainerProp, PageInsetProp } from "../../props/components/layout.prop";
+export type { PageContainerProp, PageContainerProp as PageContainerProps, } from "../../props/components/layout.prop";
+export type { BreadcrumbItemProp, BreadcrumbItemProp as BreadcrumbItem, } from "../../props/vocabulary/navigation.prop";
+export declare function PageContainerInset({ className, children, ...props }: PageInsetProp): import("react/jsx-runtime").JSX.Element;
+declare function PageContainerRoot({ title, subtitle, extra, footer, breadcrumb, linkComponent: LinkComponent, density, variant, stickyFooter, fill, children, className, }: PageContainerProp): import("react/jsx-runtime").JSX.Element;
+export declare const PageContainer: typeof PageContainerRoot & {
+    Inset: typeof PageContainerInset;
+};

package/dist/components/layout/page-container.js

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "lucide-react";
+import { cn } from "../../lib/utils";
+import { densityClass, pageContainerVariantClass } from "../../lib/variants";
+function PageContainerInset({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("ui-page-container-inset", className), ...props, children });
+}
+function PageContainerRoot({
+  title,
+  subtitle,
+  extra,
+  footer,
+  breadcrumb,
+  linkComponent: LinkComponent = "a",
+  density = "default",
+  variant = "default",
+  stickyFooter = false,
+  fill = false,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "ui-page-container",
+        densityClass[density],
+        pageContainerVariantClass[variant],
+        stickyFooter && "ui-page-container--sticky-footer",
+        fill && "ui-page-container--fill",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "ui-page-header", children: [
+          breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: breadcrumb.map((item, i) => {
+            const isLast = i === breadcrumb.length - 1;
+            return /* @__PURE__ */ jsxs("li", { className: "ui-inline-xs", children: [
+              item.to && !isLast ? /* @__PURE__ */ jsx(
+                LinkComponent,
+                {
+                  href: item.to,
+                  to: item.to,
+                  className: "hover:text-foreground hover:underline",
+                  children: item.label
+                }
+              ) : /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: isLast ? "text-foreground" : "",
+                  "aria-current": isLast ? "page" : void 0,
+                  children: item.label
+                }
+              ),
+              !isLast && /* @__PURE__ */ jsx(ChevronRight, { className: "size-3", "aria-hidden": "true" })
+            ] }, i);
+          }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: "ui-page-header-row", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("h1", { className: "ui-page-title", children: title }),
+              subtitle && /* @__PURE__ */ jsx("p", { className: "ui-page-subtitle", children: subtitle })
+            ] }),
+            extra && /* @__PURE__ */ jsx("div", { className: "ui-page-header-extra", children: extra })
+          ] })
+        ] }),
+        children != null && /* @__PURE__ */ jsx("div", { className: "ui-page-body", children }),
+        footer && /* @__PURE__ */ jsx("footer", { className: "ui-page-footer", children: footer })
+      ]
+    }
+  );
+}
+const PageContainer = Object.assign(PageContainerRoot, {
+  Inset: PageContainerInset
+});
+export {
+  PageContainer,
+  PageContainerInset
+};

package/dist/components/layout/resizable.d.ts

@@ -1,18 +1,14 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import * as ResizablePrimitive from 'react-resizable-panels';
-
-declare const ResizablePanelGroup: {
-    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Group>): react_jsx_runtime.JSX.Element;
+import * as React from "react";
+import * as ResizablePrimitive from "react-resizable-panels";
+export declare const ResizablePanelGroup: {
+    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Group>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const ResizablePanel: {
-    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
+export declare const ResizablePanel: {
+    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Panel>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const ResizableHandle: {
-    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Separator>): react_jsx_runtime.JSX.Element;
+export declare const ResizableHandle: {
+    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/components/layout/resizable.js

@@ -1,2 +1,44 @@
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../chunk-W4REF4TD.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx } from "react/jsx-runtime";
+import * as ResizablePrimitive from "react-resizable-panels";
+import { cn } from "../../lib/utils";
+const ResizablePanelGroup = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.Group,
+  {
+    "data-slot": "resizable-panel-group",
+    className: cn("ui-resizable-panel-group", className),
+    ...props
+  }
+);
+ResizablePanelGroup.displayName = "ResizablePanelGroup";
+const ResizablePanel = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.Panel,
+  {
+    "data-slot": "resizable-panel",
+    className: cn("ui-resizable-panel", className),
+    ...props
+  }
+);
+ResizablePanel.displayName = "ResizablePanel";
+const ResizableHandle = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.Separator,
+  {
+    "data-slot": "resizable-handle",
+    className: cn("ui-resizable-handle", className),
+    ...props
+  }
+);
+ResizableHandle.displayName = "ResizableHandle";
+export {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup
+};

package/dist/components/layout/responsive-grid.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import type { ResponsiveGridColumnsProp } from "../../props/components/layout.prop";
+export type ResponsiveGridProps = {
+    columns?: ResponsiveGridColumnsProp;
+    children: ReactNode;
+};
+export declare function ResponsiveGrid({ columns, children }: ResponsiveGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/{chunk-C3PKEV6S.js → components/layout/responsive-grid.js}

@@ -1,6 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
-
-// src/components/layout/responsive-grid.tsx
+import { jsx } from "react/jsx-runtime";
 function resolveColumns(columns) {
   if (typeof columns === "number") {
     return {
@@ -18,5 +16,6 @@ function resolveColumns(columns) {
 function ResponsiveGrid({ columns = 4, children }) {
   return /* @__PURE__ */ jsx("div", { className: "ui-responsive-grid", style: resolveColumns(columns), children });
 }
-
-export { ResponsiveGrid };
+export {
+  ResponsiveGrid
+};

package/dist/components/layout/separator.d.ts

@@ -0,0 +1 @@
+export { Separator } from "../ui/separator";

package/dist/components/layout/separator.js

@@ -0,0 +1,4 @@
+import { Separator } from "../ui/separator";
+export {
+  Separator
+};

package/dist/components/layout/sidebar.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import type { SidebarItemData, SidebarProp } from "../../props/components/layout.prop";
+export type { SidebarItemData, SidebarProductProp as SidebarProduct, SidebarProp, SidebarProp as SidebarProps, } from "../../props/components/layout.prop";
+type RenderItem = (item: SidebarItemData) => React.ReactNode;
+type SidebarHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+type SidebarSectionProps = {
+    label?: string;
+    collapsed?: boolean;
+    children?: React.ReactNode;
+};
+type SidebarItemProps = {
+    item: SidebarItemData;
+    active?: boolean;
+    sub?: boolean;
+    onActivate?: (id: string) => void;
+    renderItem?: RenderItem;
+};
+export declare function SidebarHeader({ children, className, ...props }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarSection({ label, collapsed, children, className, ...props }: SidebarSectionProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarItem({ item, active, sub, onActivate, renderItem, children, ...props }: SidebarItemProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick">): import("react/jsx-runtime").JSX.Element;
+export declare function Sidebar({ activeId, onSelect, sections, product, onProductClick, brand, collapsed, children, renderItem, footer, }: SidebarProp): import("react/jsx-runtime").JSX.Element;