@parto-system-design/ui 1.1.16 → 1.1.17

package/dist/components/ui/badge.d.cts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
     variant?: "warning" | "success" | "default" | "outline" | "destructive" | "secondary" | "brand" | null | undefined;
-    size?: "small" | "xs" | "sm" | "md" | "lg" | "large" | "tiny" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "small" | "large" | "tiny" | null | undefined;
     dot?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {

package/dist/components/ui/badge.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
     variant?: "warning" | "success" | "default" | "outline" | "destructive" | "secondary" | "brand" | null | undefined;
-    size?: "small" | "xs" | "sm" | "md" | "lg" | "large" | "tiny" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "small" | "large" | "tiny" | null | undefined;
     dot?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {

package/dist/components/ui/button.d.cts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "warning" | "text" | "default" | "outline" | "dashed" | "destructive" | "primary" | "secondary" | "danger" | "ghost" | null | undefined;
+    variant?: "warning" | "link" | "text" | "default" | "outline" | "dashed" | "destructive" | "primary" | "secondary" | "danger" | "ghost" | null | undefined;
     block?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     disabled?: boolean | null | undefined;
@@ -12,7 +12,7 @@ declare const buttonVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type LoadingVariantProps = VariantProps<typeof loadingVariants>;
 declare const loadingVariants: (props?: ({
-    variant?: "link" | "warning" | "text" | "default" | "outline" | "dashed" | "destructive" | "primary" | "secondary" | "danger" | "ghost" | null | undefined;
+    variant?: "warning" | "link" | "text" | "default" | "outline" | "dashed" | "destructive" | "primary" | "secondary" | "danger" | "ghost" | null | undefined;
     loading?: boolean | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>, Omit<ButtonVariantProps, 'disabled'>, Omit<LoadingVariantProps, 'variant'> {

package/dist/components/ui/button.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "warning" | "text" | "default" | "outline" | "dashed" | "destructive" | "primary" | "secondary" | "danger" | "ghost" | null | undefined;
+    variant?: "warning" | "link" | "text" | "default" | "outline" | "dashed" | "destructive" | "primary" | "secondary" | "danger" | "ghost" | null | undefined;
     block?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     disabled?: boolean | null | undefined;
@@ -12,7 +12,7 @@ declare const buttonVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type LoadingVariantProps = VariantProps<typeof loadingVariants>;
 declare const loadingVariants: (props?: ({
-    variant?: "link" | "warning" | "text" | "default" | "outline" | "dashed" | "destructive" | "primary" | "secondary" | "danger" | "ghost" | null | undefined;
+    variant?: "warning" | "link" | "text" | "default" | "outline" | "dashed" | "destructive" | "primary" | "secondary" | "danger" | "ghost" | null | undefined;
     loading?: boolean | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>, Omit<ButtonVariantProps, 'disabled'>, Omit<LoadingVariantProps, 'variant'> {

package/dist/components/ui/switch.d.cts

@@ -4,7 +4,7 @@ import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { VariantProps } from 'class-variance-authority';
 
 declare const switchRootVariants: (props?: ({
-    size?: "small" | "medium" | "sm" | "md" | "lg" | "large" | null | undefined;
+    size?: "medium" | "sm" | "md" | "lg" | "small" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchRootVariants> {
 }

package/dist/components/ui/switch.d.ts

@@ -4,7 +4,7 @@ import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { VariantProps } from 'class-variance-authority';
 
 declare const switchRootVariants: (props?: ({
-    size?: "small" | "medium" | "sm" | "md" | "lg" | "large" | null | undefined;
+    size?: "medium" | "sm" | "md" | "lg" | "small" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchRootVariants> {
 }

package/dist/index.cjs

@@ -20056,6 +20056,7 @@ var NAV_RAIL_WIDTH = "3.5rem";
 var NAV_PANEL_WIDTH = "16rem";
 var NAV_PANEL_WIDTH_MOBILE = "18rem";
 var NAV_RAIL_KEYBOARD_SHORTCUT = "\\";
+var APP_SECONDARY_WIDTH = "16rem";
 var NavRailContext = React126__namespace.createContext(null);
 function useNavRail() {
   const context = React126__namespace.useContext(NavRailContext);
@@ -20380,7 +20381,15 @@ var AppLayoutContent = React126__namespace.forwardRef(
         "data-panel-open": panelOpen,
         className: cn(
           "relative flex w-full flex-1 flex-col transition-[padding] duration-200 ease-linear",
-          !isMobile && "ps-(--nav-rail-width)",
+          // Always reserve space for the NavRail plus the optional persistent
+          // AppSecondary side panel. `--app-secondary-width` is set by an
+          // `<AppSecondary>` instance when mounted, and falls back to 0px when
+          // there is no AppSecondary on the current page.
+          !isMobile && "ps-[calc(var(--nav-rail-width)+var(--app-secondary-width,0px))]",
+          // When the hover NavPanel opens, push content over by the panel
+          // width — but only when no AppSecondary is mounted (otherwise the
+          // panel overlays the secondary visually and content stays put to
+          // avoid layout jumpiness on hover).
           !isMobile && panelOpen && "ps-[calc(var(--nav-rail-width)+var(--nav-panel-width))]",
           className
         ),
@@ -20391,6 +20400,76 @@ var AppLayoutContent = React126__namespace.forwardRef(
   }
 );
 AppLayoutContent.displayName = "AppLayoutContent";
+var AppSecondary = React126__namespace.forwardRef(({ className, style, side = "start", widthVar = APP_SECONDARY_WIDTH, children, ...props }, ref) => {
+  const { isMobile } = useNavRail();
+  React126__namespace.useLayoutEffect(() => {
+    if (typeof document === "undefined") return;
+    document.documentElement.style.setProperty("--app-secondary-width", widthVar);
+    return () => {
+      document.documentElement.style.removeProperty("--app-secondary-width");
+    };
+  }, [widthVar]);
+  if (isMobile) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "aside",
+    {
+      ref,
+      "data-slot": "app-secondary",
+      "data-side": side,
+      "aria-label": "\u0646\u0648\u0627\u0631 \u062C\u0627\u0646\u0628\u06CC",
+      className: cn(
+        "bg-background-surface-100 text-foreground fixed inset-y-0 z-10 hidden flex-col border-e md:flex",
+        // Position: just inside the rail on the matching side
+        side === "start" && "start-(--nav-rail-width) border-s-0",
+        side === "end" && "end-(--nav-rail-width) border-e-0 border-s",
+        className
+      ),
+      style: {
+        width: widthVar,
+        ...style
+      },
+      ...props,
+      children
+    }
+  );
+});
+AppSecondary.displayName = "AppSecondary";
+var AppSecondaryHeader = React126__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "app-secondary-header",
+      className: cn("flex h-12 shrink-0 items-center gap-2 border-b px-4", className),
+      ...props
+    }
+  )
+);
+AppSecondaryHeader.displayName = "AppSecondaryHeader";
+var AppSecondaryContent = React126__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "app-secondary-content",
+      className: cn("flex flex-1 flex-col overflow-y-auto", className),
+      ...props
+    }
+  )
+);
+AppSecondaryContent.displayName = "AppSecondaryContent";
+var AppSecondaryFooter = React126__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "app-secondary-footer",
+      className: cn("flex shrink-0 items-center gap-2 border-t px-4 py-3", className),
+      ...props
+    }
+  )
+);
+AppSecondaryFooter.displayName = "AppSecondaryFooter";
 var NavRailTrigger = React126__namespace.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { setOpenMobile } = useNavRail();
@@ -25913,6 +25992,10 @@ exports.AnimatedNumber = AnimatedNumber;
 exports.AppBar = AppBar;
 exports.AppLayout = AppLayout;
 exports.AppLayoutContent = AppLayoutContent;
+exports.AppSecondary = AppSecondary;
+exports.AppSecondaryContent = AppSecondaryContent;
+exports.AppSecondaryFooter = AppSecondaryFooter;
+exports.AppSecondaryHeader = AppSecondaryHeader;
 exports.AspectRatio = AspectRatio;
 exports.Autocomplete = Autocomplete;
 exports.Avatar = Avatar;