@knkcs/anker 1.13.0 → 2.0.1

package/dist/components/index.d.ts

@@ -2,7 +2,7 @@ export { A as AuthCard, a as AuthCardProps, P as PageHeader, b as PageHeaderBrea
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode, MouseEventHandler } from 'react';
-import { CardRootProps, TextProps, IconButtonProps, DrawerRootProps, DialogRootProps, HTMLChakraProps, Timeline, TreeView } from '@chakra-ui/react';
+import { CardRootProps, TextProps, IconButtonProps, DrawerRootProps, HTMLChakraProps, DialogRootProps, Timeline, TreeView } from '@chakra-ui/react';
 export { TreeCollection, createTreeCollection } from '@chakra-ui/react';
 import { ColumnDef, RowSelectionState, OnChangeFn, SortingState, Row } from '@tanstack/react-table';
 import { a as SwitchProps } from '../switch-B0o6G2XE.js';
@@ -514,6 +514,28 @@ interface InlineCreatableListProps<T> {
 }
 declare const InlineCreatableList: <T>(props: InlineCreatableListProps<T>) => React$1.ReactElement;
 
+interface KnkLogoProps extends Omit<HTMLChakraProps<"img">, "as" | "src" | "alt" | "invert"> {
+    /** Pixel or token size; controls width. Default 48. */
+    boxSize?: number | string;
+    /**
+     * When true, applies a CSS filter to render the logo in white,
+     * suitable for dark backgrounds like the primary-colored sidebar.
+     */
+    invert?: boolean;
+    /** Override the default "knkcms" alt text. */
+    alt?: string;
+}
+/**
+ * KnkLogo renders the knkcms brand mark via an <img> referencing the
+ * SVG asset. Use the `invert` prop on dark backgrounds (e.g. the
+ * primary-colored sidebar) until the source SVG is rewritten to use
+ * `currentColor` for fills.
+ */
+declare const KnkLogo: {
+    ({ boxSize, invert, alt, ...rest }: KnkLogoProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface LabeledSwitchProps extends SwitchProps {
     name: string;
     label: string;
@@ -623,8 +645,8 @@ interface SidebarProps {
     children: React__default.ReactNode;
 }
 interface SidebarLogoProps {
-    wordmark: string;
-    subtitle?: string;
+    /** Lowercase product name, e.g. "odon", "core", "mediahub". */
+    productName: string;
 }
 interface SidebarSectionProps$1 {
     label: string;
@@ -672,7 +694,7 @@ declare const Sidebar: {
         displayName: string;
     };
     Logo: {
-        ({ wordmark, subtitle }: SidebarLogoProps): react_jsx_runtime.JSX.Element;
+        ({ productName }: SidebarLogoProps): react_jsx_runtime.JSX.Element;
         displayName: string;
     };
     Slot: {
@@ -980,4 +1002,4 @@ interface WidgetProps {
 }
 declare const Widget: React__default.FC<WidgetProps>;
 
-export { ActionCell, type ActionCellAction, type ActionCellProps, BooleanCell, type BooleanCellProps, BulkActionBar, type BulkActionBarProps, type BulkActionProps, type BulkPopoverActionProps, Card, CardList, CardListData, type CardListDataProps, CardListItem, type CardListItemProps, type CardListMenuItem, type CardListProps, type CardProps, ChipPicker, type ChipPickerProps, CodeCell, type CodeCellProps, ColorSwatchCell, type ColorSwatchCellProps, ContextRail, type ContextRailHeaderProps, type ContextRailProps, type ContextRailSectionProps, CountCell, type CountCellProps, DataTable, type DataTableProps, DateCell, type DateCellProps, DescriptionList, type DescriptionListProps, type DescriptionListRowProps, DeviceCell, type DeviceCellProps, type DrawerProps, DrawerRoot, FactBox, type FactBoxAction, type FactBoxProps, IdentityCell, type IdentityCellProps, InlineCreatableList, type InlineCreatableListProps, LabeledSwitch, type LabeledSwitchProps, LinkCell, type LinkCellProps, MenuCell, type MenuCellAction, type MenuCellProps, Modal, type ModalProps, NumberCell, type NumberCellProps, Pagination, type PaginationProps, SelectableCard, type SelectableCardBodyProps, type SelectableCardFooterProps, type SelectableCardProps, type SelectableCardThumbnailProps, Sidebar, type SidebarItemProps, type SidebarLogoProps, type SidebarSectionProps$1 as SidebarNavSectionProps, type SidebarProps, SidebarSection, type SidebarSectionProps, type SidebarUserMenuItemProps, type SidebarUserMenuProps, SlugCell, type SlugCellProps, StatusBadgeCell, type StatusBadgeCellProps, Stepper, StepperCompleted, StepperContainer, StepperContent, type StepperContentProps, StepperIcon, type StepperIconProps, type StepperProps, StepperProvider, StepperSeparator, type StepperSeparatorProps, StepperStep, type StepperStepProps, StepperStepTitle, StepperSteps, type StepperStepsProps, SwitchCell, type SwitchCellProps, CardList as Table, CardListData as TableData, type CardListDataProps as TableDataProps, CardListItem as TableItem, type CardListItemProps as TableItemProps, type CardListMenuItem as TableMenuItem, type CardListProps as TableProps, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, type TimelineItemProps, TimelineRoot, type TimelineRootProps, TimelineSeparator, TimelineTitle, Toolbar, type ToolbarFilterChipProps, type ToolbarSearchProps, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, type TreeViewBranchProps, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, type TreeViewItemProps, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewRoot, type TreeViewRootProps, TreeViewTree, TruncatedTextCell, type TruncatedTextCellProps, UploadDropZone, type UploadDropZoneProps, UrlCell, type UrlCellProps, type UseStepProps, type UseStepperProps, type UseStepperReturn, Widget, type WidgetProps, emptyCellValue, formatUserAgent, parseUserAgent, pluralize, truncateText, useSidebarContext, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };
+export { ActionCell, type ActionCellAction, type ActionCellProps, BooleanCell, type BooleanCellProps, BulkActionBar, type BulkActionBarProps, type BulkActionProps, type BulkPopoverActionProps, Card, CardList, CardListData, type CardListDataProps, CardListItem, type CardListItemProps, type CardListMenuItem, type CardListProps, type CardProps, ChipPicker, type ChipPickerProps, CodeCell, type CodeCellProps, ColorSwatchCell, type ColorSwatchCellProps, ContextRail, type ContextRailHeaderProps, type ContextRailProps, type ContextRailSectionProps, CountCell, type CountCellProps, DataTable, type DataTableProps, DateCell, type DateCellProps, DescriptionList, type DescriptionListProps, type DescriptionListRowProps, DeviceCell, type DeviceCellProps, type DrawerProps, DrawerRoot, FactBox, type FactBoxAction, type FactBoxProps, IdentityCell, type IdentityCellProps, InlineCreatableList, type InlineCreatableListProps, KnkLogo, type KnkLogoProps, LabeledSwitch, type LabeledSwitchProps, LinkCell, type LinkCellProps, MenuCell, type MenuCellAction, type MenuCellProps, Modal, type ModalProps, NumberCell, type NumberCellProps, Pagination, type PaginationProps, SelectableCard, type SelectableCardBodyProps, type SelectableCardFooterProps, type SelectableCardProps, type SelectableCardThumbnailProps, Sidebar, type SidebarItemProps, type SidebarLogoProps, type SidebarSectionProps$1 as SidebarNavSectionProps, type SidebarProps, SidebarSection, type SidebarSectionProps, type SidebarUserMenuItemProps, type SidebarUserMenuProps, SlugCell, type SlugCellProps, StatusBadgeCell, type StatusBadgeCellProps, Stepper, StepperCompleted, StepperContainer, StepperContent, type StepperContentProps, StepperIcon, type StepperIconProps, type StepperProps, StepperProvider, StepperSeparator, type StepperSeparatorProps, StepperStep, type StepperStepProps, StepperStepTitle, StepperSteps, type StepperStepsProps, SwitchCell, type SwitchCellProps, CardList as Table, CardListData as TableData, type CardListDataProps as TableDataProps, CardListItem as TableItem, type CardListItemProps as TableItemProps, type CardListMenuItem as TableMenuItem, type CardListProps as TableProps, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, type TimelineItemProps, TimelineRoot, type TimelineRootProps, TimelineSeparator, TimelineTitle, Toolbar, type ToolbarFilterChipProps, type ToolbarSearchProps, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, type TreeViewBranchProps, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, type TreeViewItemProps, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewRoot, type TreeViewRootProps, TreeViewTree, TruncatedTextCell, type TruncatedTextCellProps, UploadDropZone, type UploadDropZoneProps, UrlCell, type UrlCellProps, type UseStepProps, type UseStepperProps, type UseStepperReturn, Widget, type WidgetProps, emptyCellValue, formatUserAgent, parseUserAgent, pluralize, truncateText, useSidebarContext, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };

package/dist/components/index.js

@@ -8,7 +8,7 @@ export { AuthCard, PageHeader } from '../chunk-D5ICTOCW.js';
 import { Box, Flex, Heading, Text, HStack, Grid, GridItem, Code, VStack, Link, Spacer, Stack } from '../chunk-G4QMIXLC.js';
 import { PanelRightOpen, PanelRightClose, ChevronRight, Search, PanelLeftOpen, PanelLeftClose, X, Ellipsis, Plus, ChevronLeft, ArrowUp, ArrowDown, ArrowUpDown, ChevronDown, Check, Upload } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { createContext as createContext$1, Timeline, TreeView, Card as Card$1, Menu, Portal, Checkbox, Drawer, ButtonGroup, Dialog, useSlotRecipe, chakra } from '@chakra-ui/react';
+import { createContext as createContext$1, Timeline, TreeView, chakra, Card as Card$1, Menu, Portal, Checkbox, Drawer, ButtonGroup, Dialog, useSlotRecipe } from '@chakra-ui/react';
 export { createTreeCollection } from '@chakra-ui/react';
 import React3, { createContext, useState, useEffect, useMemo, useContext, useRef, Children, useCallback } from 'react';
 import dayjs from 'dayjs';
@@ -1586,6 +1586,26 @@ function InlineCreatableListInner(props) {
 }
 var InlineCreatableList = InlineCreatableListInner;
 InlineCreatableList.displayName = "InlineCreatableList";
+
+// src/assets/knk-logo.svg
+var knk_logo_default = "../knk-logo-P6UYZTG6.svg";
+var KnkLogo = ({
+  boxSize = 48,
+  invert = false,
+  alt = "knkcms",
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  chakra.img,
+  {
+    src: knk_logo_default,
+    alt,
+    width: boxSize,
+    height: "auto",
+    filter: invert ? "brightness(0) invert(1)" : void 0,
+    ...rest
+  }
+);
+KnkLogo.displayName = "KnkLogo";
 var LabeledSwitch = ({
   ref,
   ...props
@@ -1808,7 +1828,7 @@ var SidebarBody = ({ children }) => /* @__PURE__ */ jsx(Box, { flex: "1", overfl
 SidebarBody.displayName = "Sidebar.Body";
 var SidebarFooter = ({ children }) => /* @__PURE__ */ jsx(Box, { p: "3", borderTopWidth: "1px", borderTopColor: "border", children });
 SidebarFooter.displayName = "Sidebar.Footer";
-var SidebarLogo = ({ wordmark, subtitle }) => {
+var SidebarLogo = ({ productName }) => {
   const { collapsed, toggle } = useSidebarContext();
   const toggleButton = /* @__PURE__ */ jsx(
     IconButton,
@@ -1823,58 +1843,35 @@ var SidebarLogo = ({ wordmark, subtitle }) => {
   );
   if (collapsed) {
     return /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", gap: "2", children: [
-      /* @__PURE__ */ jsx(
-        Heading,
-        {
-          as: "span",
-          fontSize: "lg",
-          fontWeight: "bold",
-          color: "primary.700",
-          letterSpacing: "tight",
-          children: wordmark.charAt(0)
-        }
-      ),
+      /* @__PURE__ */ jsx(KnkLogo, { boxSize: 28, invert: true }),
       toggleButton
     ] });
   }
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      direction: "row",
-      align: "center",
-      justify: "space-between",
-      gap: "2",
-      w: "full",
-      children: [
-        /* @__PURE__ */ jsxs(Box, { mb: subtitle ? "0" : "0", children: [
-          /* @__PURE__ */ jsx(
-            Heading,
-            {
-              as: "span",
-              fontSize: "lg",
-              fontWeight: "bold",
-              color: "primary.700",
-              letterSpacing: "tight",
-              children: wordmark
-            }
-          ),
-          subtitle && /* @__PURE__ */ jsx(
-            Text,
-            {
-              fontSize: "2xs",
-              fontWeight: "semibold",
-              letterSpacing: "wider",
-              textTransform: "uppercase",
-              color: "muted",
-              mt: "0.5",
-              children: subtitle
-            }
-          )
-        ] }),
-        toggleButton
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", gap: "2", w: "full", children: [
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", gap: "2", pb: "3", children: [
+      /* @__PURE__ */ jsx(KnkLogo, { boxSize: 48, invert: true }),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          fontSize: "sm",
+          fontWeight: "semibold",
+          color: "currentColor",
+          lineHeight: "1",
+          children: productName
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        w: "full",
+        borderBottomWidth: "1px",
+        borderBottomColor: "whiteAlpha.200",
+        mb: "2"
+      }
+    ),
+    /* @__PURE__ */ jsx(Flex, { w: "full", justify: "flex-end", children: toggleButton })
+  ] });
 };
 SidebarLogo.displayName = "Sidebar.Logo";
 var SidebarSlot = ({ children }) => /* @__PURE__ */ jsx(Box, { mt: "3", children });
@@ -2694,6 +2691,6 @@ var Widget = ({
 };
 Widget.displayName = "Widget";
 
-export { ActionCell, BooleanCell, BulkActionBar, Card, CardList, CardListData, CardListItem, ChipPicker, CodeCell, ColorSwatchCell, ContextRail, CountCell, DataTable, DateCell, DescriptionList, DeviceCell, DrawerRoot, FactBox, IdentityCell, InlineCreatableList, LabeledSwitch, LinkCell, MenuCell, Modal, NumberCell, Pagination, SelectableCard, Sidebar, SidebarSection2 as SidebarSection, SlugCell, StatusBadgeCell, Stepper, StepperCompleted, StepperContainer, StepperContent, StepperIcon, StepperProvider, StepperSeparator, StepperStep, StepperStepTitle, StepperSteps, SwitchCell, CardList as Table, CardListData as TableData, CardListItem as TableItem, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineRoot, TimelineSeparator, TimelineTitle, Toolbar, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewRoot, TreeViewTree, TruncatedTextCell, UploadDropZone, UrlCell, Widget, emptyCellValue, formatUserAgent, parseUserAgent, pluralize, truncateText, useSidebarContext, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };
+export { ActionCell, BooleanCell, BulkActionBar, Card, CardList, CardListData, CardListItem, ChipPicker, CodeCell, ColorSwatchCell, ContextRail, CountCell, DataTable, DateCell, DescriptionList, DeviceCell, DrawerRoot, FactBox, IdentityCell, InlineCreatableList, KnkLogo, LabeledSwitch, LinkCell, MenuCell, Modal, NumberCell, Pagination, SelectableCard, Sidebar, SidebarSection2 as SidebarSection, SlugCell, StatusBadgeCell, Stepper, StepperCompleted, StepperContainer, StepperContent, StepperIcon, StepperProvider, StepperSeparator, StepperStep, StepperStepTitle, StepperSteps, SwitchCell, CardList as Table, CardListData as TableData, CardListItem as TableItem, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineRoot, TimelineSeparator, TimelineTitle, Toolbar, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewRoot, TreeViewTree, TruncatedTextCell, UploadDropZone, UrlCell, Widget, emptyCellValue, formatUserAgent, parseUserAgent, pluralize, truncateText, useSidebarContext, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map