@inf-monkeys-tech/monkeys-design 0.4.55 → 0.4.56

package/dist/components/data-explorer/index.d.mts

@@ -1,4 +1,4 @@
-export { D as DataExplorerActionBar, a as DataExplorerButton, b as DataExplorerCheckbox, c as DataExplorerCollectionFooter, f as DataExplorerDetailField, g as DataExplorerDetailSection, h as DataExplorerDetailShell, i as DataExplorerDisplayActionMenu, j as DataExplorerDisplayCard, k as DataExplorerDisplayCollectionView, l as DataExplorerDisplayListItem, m as DataExplorerDisplayMedia, n as DataExplorerImagePreview, o as DataExplorerPage, p as DataExplorerRecordCard, d as DataExplorerSelect, e as DataExplorerToolbarActions, q as DataExplorerToolbarShell, r as DataExplorerTree, s as DataExplorerTreeShell, u as DataExplorerView, v as DataExplorerViewCollection, w as DataExplorerViewItem, x as DataExplorerViewItemShell, y as DataExplorerViewShell, t as DataExplorerViewTree, z as getDataExplorerActionToneClassName, A as getDataExplorerMenuItemToneClassName, B as resolveDataExplorerAppearance } from '../../theme-CUATVszl.mjs';
+export { D as DataExplorerActionBar, a as DataExplorerButton, b as DataExplorerCheckbox, c as DataExplorerCollectionFooter, f as DataExplorerDetailField, g as DataExplorerDetailSection, h as DataExplorerDetailShell, i as DataExplorerDisplayActionMenu, j as DataExplorerDisplayCard, k as DataExplorerDisplayCollectionView, l as DataExplorerDisplayListItem, m as DataExplorerDisplayMedia, n as DataExplorerImagePreview, o as DataExplorerPage, p as DataExplorerRecordCard, d as DataExplorerSelect, e as DataExplorerToolbarActions, q as DataExplorerToolbarShell, r as DataExplorerTree, s as DataExplorerTreeShell, u as DataExplorerView, v as DataExplorerViewCollection, w as DataExplorerViewItem, x as DataExplorerViewItemShell, y as DataExplorerViewShell, t as DataExplorerViewTree, z as getDataExplorerActionToneClassName, A as getDataExplorerMenuItemToneClassName, B as resolveDataExplorerAppearance } from '../../theme-CplaoMqT.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { aJ as DataExplorerDraggableTreeProps } from '../../types-DikLSLsl.mjs';
 export { b as DataExplorerAction, D as DataExplorerActionBarClassNames, a as DataExplorerActionBarProps, c as DataExplorerAppearance, d as DataExplorerBackground, e as DataExplorerBorder, f as DataExplorerButtonClassNames, g as DataExplorerButtonProps, h as DataExplorerCapabilities, aK as DataExplorerCapabilityBucketsConfig, aL as DataExplorerCapabilitySidebarConfig, aM as DataExplorerCapabilityToolbarConfig, aN as DataExplorerCapabilityViewOption, aO as DataExplorerCapabilityViewsConfig, i as DataExplorerCheckboxClassNames, j as DataExplorerCheckboxProps, k as DataExplorerCollectionFooterClassNames, l as DataExplorerCollectionFooterProps, m as DataExplorerControlOption, n as DataExplorerControlTone, o as DataExplorerDensity, p as DataExplorerDetailFieldClassNames, q as DataExplorerDetailFieldDefinition, r as DataExplorerDetailFieldProps, s as DataExplorerDetailNavigation, t as DataExplorerDetailSectionClassNames, u as DataExplorerDetailSectionDefinition, v as DataExplorerDetailSectionProps, w as DataExplorerDetailShellClassNames, x as DataExplorerDetailShellProps, B as DataExplorerDisplayAction, C as DataExplorerDisplayActionContext, E as DataExplorerDisplayActionMenuClassNames, F as DataExplorerDisplayActionMenuProps, G as DataExplorerDisplayBadge, H as DataExplorerDisplayCardClassNames, I as DataExplorerDisplayCardProps, J as DataExplorerDisplayCollectionItemContext, K as DataExplorerDisplayCollectionItemPropsResolver, L as DataExplorerDisplayCollectionViewProps, M as DataExplorerDisplayItem, N as DataExplorerDisplayListItemClassNames, O as DataExplorerDisplayListItemProps, P as DataExplorerDisplayMediaClassNames, Q as DataExplorerDisplayMediaItem, R as DataExplorerDisplayMediaKind, S as DataExplorerDisplayMediaProps, T as DataExplorerDisplayMetadata, aP as DataExplorerDraggableTreeClassNames, aQ as DataExplorerDraggableTreeDragPayload, aR as DataExplorerDraggableTreeFlattenedNode, aS as DataExplorerDraggableTreeLabels, aT as DataExplorerDraggableTreeNode, aU as DataExplorerDraggableTreeRenderContext, y as DataExplorerImagePreviewClassNames, z as DataExplorerImagePreviewNaturalSize, A as DataExplorerImagePreviewProps, a4 as DataExplorerMeasuredGridOptions, U as DataExplorerPageClassNames, V as DataExplorerPageProps, _ as DataExplorerRadius, W as DataExplorerRecordCardClassNames, X as DataExplorerRecordCardProps, Y as DataExplorerResolvedTheme, Z as DataExplorerResolver, $ as DataExplorerSelectClassNames, a0 as DataExplorerSelectProps, aV as DataExplorerShellVariantId, aW as DataExplorerSurfaceConfig, aX as DataExplorerSurfaceId, a1 as DataExplorerThemePresetId, a3 as DataExplorerThemeSlots, a2 as DataExplorerThemeStyles, a5 as DataExplorerToolbarAction, a6 as DataExplorerToolbarActionItem, a7 as DataExplorerToolbarActionKind, a8 as DataExplorerToolbarActionOption, a9 as DataExplorerToolbarActionsClassNames, aa as DataExplorerToolbarActionsLayout, ab as DataExplorerToolbarActionsProps, ac as DataExplorerToolbarShellClassNames, ad as DataExplorerToolbarShellProps, ae as DataExplorerToolbarViewOption, af as DataExplorerTreeClassNames, aj as DataExplorerTreeProps, ag as DataExplorerTreeRenderProps, ah as DataExplorerTreeShellClassNames, ai as DataExplorerTreeShellProps, at as DataExplorerViewClassNames, au as DataExplorerViewCollectionClassNames, av as DataExplorerViewCollectionLayout, aw as DataExplorerViewCollectionOptions, ax as DataExplorerViewCollectionProps, ay as DataExplorerViewDefinition, az as DataExplorerViewId, aB as DataExplorerViewItemDefinition, aD as DataExplorerViewItemProps, aA as DataExplorerViewItemShellClassNames, aC as DataExplorerViewItemShellProps, aE as DataExplorerViewOption, aI as DataExplorerViewProps, aF as DataExplorerViewRenderProps, aG as DataExplorerViewShellClassNames, aH as DataExplorerViewShellProps, ak as DataExplorerViewTreeAction, al as DataExplorerViewTreeActionContext, am as DataExplorerViewTreeClassNames, an as DataExplorerViewTreeEntryType, ao as DataExplorerViewTreeGroup, ap as DataExplorerViewTreeLabels, aq as DataExplorerViewTreeNode, ar as DataExplorerViewTreeProps, as as DataExplorerViewTreeReorderPayload } from '../../types-DikLSLsl.mjs';

package/dist/components/data-explorer/index.d.ts

@@ -1,4 +1,4 @@
-export { D as DataExplorerActionBar, a as DataExplorerButton, b as DataExplorerCheckbox, c as DataExplorerCollectionFooter, f as DataExplorerDetailField, g as DataExplorerDetailSection, h as DataExplorerDetailShell, i as DataExplorerDisplayActionMenu, j as DataExplorerDisplayCard, k as DataExplorerDisplayCollectionView, l as DataExplorerDisplayListItem, m as DataExplorerDisplayMedia, n as DataExplorerImagePreview, o as DataExplorerPage, p as DataExplorerRecordCard, d as DataExplorerSelect, e as DataExplorerToolbarActions, q as DataExplorerToolbarShell, r as DataExplorerTree, s as DataExplorerTreeShell, u as DataExplorerView, v as DataExplorerViewCollection, w as DataExplorerViewItem, x as DataExplorerViewItemShell, y as DataExplorerViewShell, t as DataExplorerViewTree, z as getDataExplorerActionToneClassName, A as getDataExplorerMenuItemToneClassName, B as resolveDataExplorerAppearance } from '../../theme-BuvXrHFY.js';
+export { D as DataExplorerActionBar, a as DataExplorerButton, b as DataExplorerCheckbox, c as DataExplorerCollectionFooter, f as DataExplorerDetailField, g as DataExplorerDetailSection, h as DataExplorerDetailShell, i as DataExplorerDisplayActionMenu, j as DataExplorerDisplayCard, k as DataExplorerDisplayCollectionView, l as DataExplorerDisplayListItem, m as DataExplorerDisplayMedia, n as DataExplorerImagePreview, o as DataExplorerPage, p as DataExplorerRecordCard, d as DataExplorerSelect, e as DataExplorerToolbarActions, q as DataExplorerToolbarShell, r as DataExplorerTree, s as DataExplorerTreeShell, u as DataExplorerView, v as DataExplorerViewCollection, w as DataExplorerViewItem, x as DataExplorerViewItemShell, y as DataExplorerViewShell, t as DataExplorerViewTree, z as getDataExplorerActionToneClassName, A as getDataExplorerMenuItemToneClassName, B as resolveDataExplorerAppearance } from '../../theme-DPVX8CfK.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { aJ as DataExplorerDraggableTreeProps } from '../../types-DikLSLsl.js';
 export { b as DataExplorerAction, D as DataExplorerActionBarClassNames, a as DataExplorerActionBarProps, c as DataExplorerAppearance, d as DataExplorerBackground, e as DataExplorerBorder, f as DataExplorerButtonClassNames, g as DataExplorerButtonProps, h as DataExplorerCapabilities, aK as DataExplorerCapabilityBucketsConfig, aL as DataExplorerCapabilitySidebarConfig, aM as DataExplorerCapabilityToolbarConfig, aN as DataExplorerCapabilityViewOption, aO as DataExplorerCapabilityViewsConfig, i as DataExplorerCheckboxClassNames, j as DataExplorerCheckboxProps, k as DataExplorerCollectionFooterClassNames, l as DataExplorerCollectionFooterProps, m as DataExplorerControlOption, n as DataExplorerControlTone, o as DataExplorerDensity, p as DataExplorerDetailFieldClassNames, q as DataExplorerDetailFieldDefinition, r as DataExplorerDetailFieldProps, s as DataExplorerDetailNavigation, t as DataExplorerDetailSectionClassNames, u as DataExplorerDetailSectionDefinition, v as DataExplorerDetailSectionProps, w as DataExplorerDetailShellClassNames, x as DataExplorerDetailShellProps, B as DataExplorerDisplayAction, C as DataExplorerDisplayActionContext, E as DataExplorerDisplayActionMenuClassNames, F as DataExplorerDisplayActionMenuProps, G as DataExplorerDisplayBadge, H as DataExplorerDisplayCardClassNames, I as DataExplorerDisplayCardProps, J as DataExplorerDisplayCollectionItemContext, K as DataExplorerDisplayCollectionItemPropsResolver, L as DataExplorerDisplayCollectionViewProps, M as DataExplorerDisplayItem, N as DataExplorerDisplayListItemClassNames, O as DataExplorerDisplayListItemProps, P as DataExplorerDisplayMediaClassNames, Q as DataExplorerDisplayMediaItem, R as DataExplorerDisplayMediaKind, S as DataExplorerDisplayMediaProps, T as DataExplorerDisplayMetadata, aP as DataExplorerDraggableTreeClassNames, aQ as DataExplorerDraggableTreeDragPayload, aR as DataExplorerDraggableTreeFlattenedNode, aS as DataExplorerDraggableTreeLabels, aT as DataExplorerDraggableTreeNode, aU as DataExplorerDraggableTreeRenderContext, y as DataExplorerImagePreviewClassNames, z as DataExplorerImagePreviewNaturalSize, A as DataExplorerImagePreviewProps, a4 as DataExplorerMeasuredGridOptions, U as DataExplorerPageClassNames, V as DataExplorerPageProps, _ as DataExplorerRadius, W as DataExplorerRecordCardClassNames, X as DataExplorerRecordCardProps, Y as DataExplorerResolvedTheme, Z as DataExplorerResolver, $ as DataExplorerSelectClassNames, a0 as DataExplorerSelectProps, aV as DataExplorerShellVariantId, aW as DataExplorerSurfaceConfig, aX as DataExplorerSurfaceId, a1 as DataExplorerThemePresetId, a3 as DataExplorerThemeSlots, a2 as DataExplorerThemeStyles, a5 as DataExplorerToolbarAction, a6 as DataExplorerToolbarActionItem, a7 as DataExplorerToolbarActionKind, a8 as DataExplorerToolbarActionOption, a9 as DataExplorerToolbarActionsClassNames, aa as DataExplorerToolbarActionsLayout, ab as DataExplorerToolbarActionsProps, ac as DataExplorerToolbarShellClassNames, ad as DataExplorerToolbarShellProps, ae as DataExplorerToolbarViewOption, af as DataExplorerTreeClassNames, aj as DataExplorerTreeProps, ag as DataExplorerTreeRenderProps, ah as DataExplorerTreeShellClassNames, ai as DataExplorerTreeShellProps, at as DataExplorerViewClassNames, au as DataExplorerViewCollectionClassNames, av as DataExplorerViewCollectionLayout, aw as DataExplorerViewCollectionOptions, ax as DataExplorerViewCollectionProps, ay as DataExplorerViewDefinition, az as DataExplorerViewId, aB as DataExplorerViewItemDefinition, aD as DataExplorerViewItemProps, aA as DataExplorerViewItemShellClassNames, aC as DataExplorerViewItemShellProps, aE as DataExplorerViewOption, aI as DataExplorerViewProps, aF as DataExplorerViewRenderProps, aG as DataExplorerViewShellClassNames, aH as DataExplorerViewShellProps, ak as DataExplorerViewTreeAction, al as DataExplorerViewTreeActionContext, am as DataExplorerViewTreeClassNames, an as DataExplorerViewTreeEntryType, ao as DataExplorerViewTreeGroup, ap as DataExplorerViewTreeLabels, aq as DataExplorerViewTreeNode, ar as DataExplorerViewTreeProps, as as DataExplorerViewTreeReorderPayload } from '../../types-DikLSLsl.js';

package/dist/components/data-explorer/index.js

@@ -60,7 +60,7 @@ var baseSlots = {
   actionButtonBase: "inline-flex h-9 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
   actionButtonDefault: "border-border bg-background text-foreground hover:bg-accent/60",
   actionButtonPrimary: "border-primary/20 bg-primary/10 text-primary hover:bg-primary/15",
-  actionButtonDanger: "border-destructive/20 bg-destructive/10 text-destructive hover:bg-destructive/15",
+  actionButtonDanger: "border-destructive/20 bg-destructive/10 text-destructive-text hover:bg-destructive/15",
   actionButtonMuted: "border-border/60 bg-muted/45 text-muted-foreground hover:bg-muted/70 hover:text-foreground",
   actionButtonActive: "ring-1 ring-primary/30",
   actionButtonDisabled: "cursor-not-allowed opacity-60",
@@ -80,7 +80,7 @@ var baseSlots = {
   menuSeparator: "-mx-1 my-1 h-px bg-border",
   menuItem: "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
   menuItemPrimary: "text-primary focus:text-primary",
-  menuItemDanger: "text-destructive focus:text-destructive",
+  menuItemDanger: "text-destructive-text focus:text-destructive-text",
   menuItemMuted: "text-muted-foreground",
   menuItemIcon: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
   menuItemLabel: "truncate",
@@ -135,7 +135,7 @@ var baseSlots = {
   treeNodeChildren: "mt-0.5 min-w-0 space-y-0.5",
   treeNodeDragHandle: "inline-flex h-5 w-5 shrink-0 cursor-grab items-center justify-center rounded text-muted-foreground opacity-0 transition-opacity hover:bg-accent hover:text-foreground active:cursor-grabbing group-hover/tree-node:opacity-100",
   treeEmpty: "px-3 py-2 text-xs text-muted-foreground",
-  treeError: "px-3 py-2 text-xs text-destructive",
+  treeError: "px-3 py-2 text-xs text-destructive-text",
   treeLoading: "px-3 py-2 text-xs text-muted-foreground"
 };
 var densitySlots = {
@@ -2735,7 +2735,7 @@ function renderBadges(badges) {
         badge.tone === "primary" && "border-primary/30 bg-primary/10 text-primary",
         badge.tone === "success" && "border-emerald-500/30 bg-emerald-500/10 text-emerald-700",
         badge.tone === "warning" && "border-amber-500/30 bg-amber-500/10 text-amber-700",
-        badge.tone === "danger" && "border-destructive/30 bg-destructive/10 text-destructive",
+        badge.tone === "danger" && "border-destructive/30 bg-destructive/10 text-destructive-text",
         badge.tone === "muted" && "bg-muted text-muted-foreground"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: badge.label })
@@ -4413,6 +4413,161 @@ function DataExplorerTreeShell({
     }
   );
 }
+
+// src/locale/en-US.ts
+var enUS = {
+  locale: "en-US",
+  messages: {
+    pagination: {
+      navigation: "Pagination",
+      first: "First",
+      previous: "Previous",
+      next: "Next",
+      last: "Last",
+      page: ({ page, pageCount }) => `Page ${page} of ${pageCount}`,
+      currentPage: ({ page, pageCount }) => `Page ${page} of ${pageCount}, current page`,
+      emptyResults: "0 results",
+      range: ({ start, end, total }) => `${start}-${end} of ${total}`
+    },
+    dialog: {
+      close: "Close dialog"
+    },
+    dropdownMenu: {
+      actions: "Actions"
+    },
+    loading: {
+      spinner: "Loading"
+    },
+    layout: {
+      resizePanels: "Resize panels"
+    },
+    steps: {
+      label: "Progress",
+      current: "Current",
+      completed: "Completed",
+      error: "Error",
+      disabled: "Disabled"
+    },
+    numberInput: {
+      increment: "Increase value",
+      decrement: "Decrease value"
+    },
+    passwordInput: {
+      showPassword: "Show password",
+      hidePassword: "Hide password"
+    },
+    multiSelect: {
+      placeholder: "Select options",
+      empty: "No options",
+      removeOption: ({ value }) => `Remove ${value}`
+    },
+    table: {
+      dragColumn: ({ columnId }) => `Drag column ${columnId}`,
+      resizeColumn: ({ columnId }) => `Resize column ${columnId}`,
+      sortColumn: ({ columnId }) => columnId ? `Sort column ${columnId}` : "Sort column",
+      loadingRow: "Loading table row"
+    },
+    toolbar: {
+      theme: {
+        label: "Appearance",
+        toggle: "Toggle theme",
+        auto: "Auto",
+        light: "Light",
+        dark: "Dark"
+      },
+      language: {
+        label: "Language",
+        switch: "Switch language"
+      }
+    },
+    toast: {
+      errorTitle: "Error",
+      warningTitle: "Warning",
+      defaultErrorDescription: "Something went wrong.",
+      defaultWarningDescription: "Please check and try again."
+    },
+    dataExplorer: {
+      viewTree: {
+        actions: "More actions",
+        expand: "Expand",
+        collapse: "Collapse",
+        loading: "Loading...",
+        empty: "No views",
+        error: "Unable to load views"
+      }
+    },
+    workbench: {
+      interactiveTable: {
+        columnActions: "Column actions",
+        freezeColumn: "Freeze to left",
+        freezeEndColumn: "Freeze to right",
+        unfreezeColumn: "Unfreeze from left",
+        unfreezeEndColumn: "Unfreeze from right",
+        unfreezeAllColumns: "Unfreeze all columns",
+        resetColumnWidth: "Reset column width",
+        frozenColumnTitle: "Frozen column"
+      }
+    }
+  }
+};
+
+// src/locale/resolve-locale.ts
+function mergeMonkeysLocaleMessages(base, override) {
+  return base;
+}
+var defaultMonkeysLocale = {
+  locale: enUS.locale,
+  messages: mergeMonkeysLocaleMessages(
+    enUS.messages
+  )
+};
+
+// src/provider/context.ts
+var EMPTY_ENVIRONMENT = Object.freeze({});
+var EMPTY_PORTAL = Object.freeze({});
+var MONKEYS_PROVIDER_CONTEXTS_KEY = /* @__PURE__ */ Symbol.for(
+  "@inf-monkeys-tech/monkeys-design/provider-context@1"
+);
+function createMonkeysProviderContexts() {
+  return Object.freeze({
+    locale: react.createContext({
+      ...defaultMonkeysLocale,
+      provided: false
+    }),
+    theme: react.createContext({
+      provided: false
+    }),
+    direction: react.createContext({
+      provided: false
+    }),
+    environment: react.createContext({
+      provided: false,
+      environment: EMPTY_ENVIRONMENT,
+      portal: EMPTY_PORTAL
+    })
+  });
+}
+function getMonkeysProviderContexts() {
+  const host = globalThis;
+  const existing = host[MONKEYS_PROVIDER_CONTEXTS_KEY];
+  if (existing) return existing;
+  const contexts = createMonkeysProviderContexts();
+  Object.defineProperty(host, MONKEYS_PROVIDER_CONTEXTS_KEY, {
+    value: contexts,
+    enumerable: false,
+    configurable: false,
+    writable: false
+  });
+  return contexts;
+}
+var providerContexts = getMonkeysProviderContexts();
+var MonkeysLocaleContext = providerContexts.locale;
+providerContexts.theme;
+providerContexts.direction;
+providerContexts.environment;
+function useMonkeysLocaleMessages() {
+  return react.useContext(MonkeysLocaleContext).messages;
+}
 function ChevronIcon2({ expanded }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -4549,12 +4704,13 @@ function DataExplorerViewTree({
   onAction,
   onReorderNodes
 }) {
+  const internalLabels = useMonkeysLocaleMessages().dataExplorer.viewTree;
   const theme = resolveDataExplorerAppearance(appearance);
-  const actionLabel = labels?.actions ?? "More actions";
-  const expandLabel = labels?.expand ?? "Expand";
-  const collapseLabel = labels?.collapse ?? "Collapse";
-  const loadingContent = loadingNode ?? labels?.loading ?? "Loading...";
-  const emptyContent = empty ?? labels?.empty ?? "No views";
+  const actionLabel = labels?.actions ?? internalLabels.actions;
+  const expandLabel = labels?.expand ?? internalLabels.expand;
+  const collapseLabel = labels?.collapse ?? internalLabels.collapse;
+  const loadingContent = loadingNode ?? labels?.loading ?? internalLabels.loading;
+  const emptyContent = empty ?? labels?.empty ?? internalLabels.empty;
   const hasExplicitGroups = Array.isArray(groups);
   const resolvedGroups = react.useMemo(
     () => {
@@ -4940,7 +5096,7 @@ function DataExplorerViewTree({
                 theme.slots.treeLoading,
                 classNames?.loading
               ) : group.error || group.status === "error" ? renderPlaceholder(
-                group.error ?? labels?.error ?? "Unable to load views",
+                group.error ?? labels?.error ?? internalLabels.error,
                 theme.slots.treeError,
                 classNames?.error
               ) : groupNodeCount > 0 ? group.nodes?.map((node) => renderNode(node, group, 0)) : renderPlaceholder(