@inf-monkeys-tech/monkeys-design 0.4.36 → 0.4.38

package/dist/styles/login-page.scss

@@ -0,0 +1,423 @@
+.login-page {
+  --login-page-primary-color: var(--login-page-theme-primary-color, hsl(var(--primary, 222.2 47.4% 11.2%)));
+  --login-page-primary-foreground: hsl(var(--primary-foreground, 0 0% 100%));
+  --login-page-radius: var(--login-page-theme-radius, var(--radius, 12px));
+  --login-page-text-color: hsl(var(--foreground, 222.2 47.4% 11.2%));
+  --login-page-muted-color: hsl(var(--muted-foreground, 215.4 16.3% 46.9%));
+  --login-page-background-base: #ffffff;
+  --login-page-panel-bg: color-mix(in srgb, hsl(var(--background, 0 0% 100%)) 92%, transparent);
+  --login-page-panel-border: color-mix(in srgb, var(--login-page-primary-color) 22%, transparent);
+  --login-page-panel-shadow: 0 24px 80px rgb(15 23 42 / 18%);
+  --login-page-control-bg: hsl(var(--background, 0 0% 100%));
+  --login-page-control-border: hsl(var(--border, 214.3 31.8% 91.4%));
+  --login-page-control-text: var(--login-page-text-color);
+  --login-page-control-placeholder: var(--login-page-muted-color);
+  --login-page-control-focus: color-mix(in srgb, var(--login-page-primary-color) 26%, transparent);
+  --login-page-callout-warning-bg: rgb(254 252 232 / 86%);
+  --login-page-callout-warning-border: rgb(250 204 21 / 46%);
+  --login-page-callout-warning-text: rgb(113 63 18);
+  --login-page-callout-success-bg: rgb(240 253 244 / 86%);
+  --login-page-callout-success-border: rgb(34 197 94 / 34%);
+  --login-page-callout-success-text: rgb(22 101 52);
+  --login-page-callout-danger-bg: rgb(254 242 242 / 88%);
+  --login-page-callout-danger-border: rgb(248 113 113 / 40%);
+  --login-page-callout-danger-text: rgb(153 27 27);
+  --login-page-background-gradient: radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--login-page-primary-color) 22%, transparent), transparent 32%),
+    linear-gradient(135deg, color-mix(in srgb, var(--login-page-primary-color) 18%, var(--login-page-background-base)) 0%, var(--login-page-background-base) 58%);
+  --login-page-logo-size: 48px;
+  --login-page-form-width: 500px;
+  --login-page-form-padding: 72px;
+  --login-page-form-min-height: 720px;
+
+  position: relative;
+  display: flex;
+  min-height: 100vh;
+  width: 100vw;
+  align-items: center;
+  justify-content: flex-end;
+  overflow: hidden;
+  padding: clamp(24px, 5vw, 72px);
+  color: var(--login-page-text-color);
+  background: var(--login-page-background-gradient);
+  box-sizing: border-box;
+}
+
+.dark .login-page {
+  --login-page-background-base: #000000;
+  --login-page-text-color: hsl(var(--foreground, 210 40% 98%));
+  --login-page-muted-color: hsl(var(--muted-foreground, 215 20.2% 65.1%));
+  --login-page-panel-bg: color-mix(in srgb, hsl(var(--background, 222.2 84% 4.9%)) 88%, transparent);
+  --login-page-panel-border: color-mix(in srgb, var(--login-page-primary-color) 30%, transparent);
+  --login-page-panel-shadow: 0 24px 80px rgb(0 0 0 / 36%);
+  --login-page-control-bg: hsl(var(--background, 222.2 84% 4.9%));
+  --login-page-control-border: hsl(var(--border, 217.2 32.6% 17.5%));
+  --login-page-callout-warning-bg: rgb(113 63 18 / 28%);
+  --login-page-callout-warning-border: rgb(250 204 21 / 34%);
+  --login-page-callout-warning-text: rgb(254 240 138);
+  --login-page-callout-success-bg: rgb(22 101 52 / 28%);
+  --login-page-callout-success-border: rgb(34 197 94 / 32%);
+  --login-page-callout-success-text: rgb(187 247 208);
+  --login-page-callout-danger-bg: rgb(127 29 29 / 30%);
+  --login-page-callout-danger-border: rgb(248 113 113 / 34%);
+  --login-page-callout-danger-text: rgb(254 202 202);
+}
+
+.login-page *,
+.login-page *::before,
+.login-page *::after {
+  box-sizing: border-box;
+}
+
+.login-page__background {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  background: var(--login-page-background-gradient);
+  background-position: center;
+  background-size: cover;
+}
+
+.login-page__background::after {
+  position: absolute;
+  inset: 0;
+  content: '';
+  background: var(--login-page-background-overlay, transparent);
+}
+
+.login-page__toolbar {
+  position: absolute;
+  top: clamp(20px, 4vw, 48px);
+  right: clamp(20px, 4vw, 48px);
+  z-index: 2;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.login-page__logo {
+  position: absolute;
+  left: clamp(20px, 4vw, 48px);
+  z-index: 1;
+  display: flex;
+  align-items: center;
+}
+
+.login-page__logo--top {
+  top: clamp(20px, 4vw, 48px);
+}
+
+.login-page__logo--middle {
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.login-page__logo--bottom {
+  bottom: clamp(20px, 4vw, 48px);
+}
+
+.login-page__logo-image {
+  display: block;
+  height: var(--login-page-logo-size);
+  width: auto;
+  max-width: min(320px, 42vw);
+  object-fit: contain;
+  transform-origin: left center;
+}
+
+.login-page__form {
+  position: relative;
+  z-index: 1;
+  width: min(var(--login-page-form-width), 100%);
+  min-height: min(var(--login-page-form-min-height), calc(100vh - 48px));
+  padding: var(--login-page-form-padding);
+  overflow: hidden;
+  color: var(--login-page-text-color);
+  background: var(--login-page-panel-bg);
+  border: 1px solid var(--login-page-panel-border);
+  border-radius: var(--login-page-radius);
+  box-shadow: var(--login-page-panel-shadow);
+  backdrop-filter: blur(16px);
+}
+
+.login-page__back {
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 36px;
+  padding: 0 14px;
+  color: var(--login-page-text-color);
+  background: color-mix(in srgb, var(--login-page-control-bg) 86%, transparent);
+  border: 1px solid var(--login-page-control-border);
+  border-radius: var(--login-page-radius);
+  cursor: pointer;
+}
+
+.login-page__back:hover {
+  border-color: var(--login-page-primary-color);
+}
+
+.login-page__back-icon,
+.login-page__tab-icon,
+.login-page__oauth-icon {
+  display: inline-flex;
+  width: 18px;
+  height: 18px;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+}
+
+.login-page__back-icon svg,
+.login-page__tab-icon svg,
+.login-page__oauth-icon svg {
+  width: 100%;
+  height: 100%;
+}
+
+.login-page__title {
+  margin: 64px 0 28px;
+  color: var(--login-page-title-color, var(--login-page-text-color));
+  font-size: 28px;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+.login-page__tabs {
+  display: grid;
+  grid-auto-columns: 1fr;
+  grid-auto-flow: column;
+  gap: 0;
+  margin-bottom: 28px;
+  overflow: hidden;
+  border: 1px solid var(--login-page-control-border);
+  border-radius: var(--login-page-radius);
+  background: color-mix(in srgb, var(--login-page-control-bg) 76%, transparent);
+}
+
+.login-page__tab {
+  display: inline-flex;
+  min-width: 0;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  min-height: 44px;
+  padding: 0 16px;
+  color: var(--login-page-muted-color);
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+  font: inherit;
+}
+
+.login-page__tab--active {
+  color: var(--login-page-primary-foreground);
+  background: var(--login-page-primary-color);
+}
+
+.login-page__form-fields {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+}
+
+.login-page__input {
+  display: block;
+  width: 100%;
+  min-height: 48px;
+  padding: 0 16px;
+  color: var(--login-page-control-text);
+  background: var(--login-page-control-bg);
+  border: 1px solid var(--login-page-control-border);
+  border-radius: var(--login-page-radius);
+  outline: none;
+  font: inherit;
+}
+
+.login-page__input::placeholder {
+  color: var(--login-page-control-placeholder);
+}
+
+.login-page__input:focus {
+  border-color: var(--login-page-primary-color);
+  box-shadow: 0 0 0 3px var(--login-page-control-focus);
+}
+
+.login-page__remember {
+  display: inline-flex;
+  width: fit-content;
+  align-items: center;
+  gap: 8px;
+  color: var(--login-page-muted-color);
+  font-size: 14px;
+}
+
+.login-page__checkbox {
+  width: 16px;
+  height: 16px;
+  accent-color: var(--login-page-primary-color);
+}
+
+.login-page__method-footer {
+  display: flex;
+  min-height: 32px;
+  align-items: center;
+  justify-content: flex-end;
+  color: var(--login-page-muted-color);
+  font-size: 14px;
+}
+
+.login-page__submit,
+.login-page__oauth-button,
+.login-page__callout-action,
+.login-page__method-footer-action {
+  display: inline-flex;
+  min-height: 46px;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 0 18px;
+  border-radius: var(--login-page-radius);
+  cursor: pointer;
+  font: inherit;
+  font-weight: 600;
+}
+
+.login-page__submit {
+  width: 100%;
+  color: var(--login-page-primary-foreground);
+  background: var(--login-page-primary-color);
+  border: 1px solid transparent;
+}
+
+.login-page__submit:hover:not(:disabled),
+.login-page__oauth-button:hover:not(:disabled),
+.login-page__callout-action:hover:not(:disabled),
+.login-page__method-footer-action:hover:not(:disabled) {
+  transform: translateY(-1px);
+}
+
+.login-page__submit:disabled,
+.login-page__oauth-button:disabled,
+.login-page__callout-action:disabled,
+.login-page__method-footer-action:disabled,
+.login-page__input:disabled {
+  cursor: not-allowed;
+  opacity: 0.62;
+}
+
+.login-page__method-footer-action {
+  min-height: 32px;
+  padding: 0;
+  color: var(--login-page-primary-color);
+  background: transparent;
+  border: 0;
+}
+
+.login-page__callout {
+  margin-top: 18px;
+  padding: 14px;
+  color: var(--login-page-callout-text, var(--login-page-text-color));
+  background: var(--login-page-callout-bg, color-mix(in srgb, var(--login-page-primary-color) 10%, transparent));
+  border: 1px solid var(--login-page-callout-border, color-mix(in srgb, var(--login-page-primary-color) 28%, transparent));
+  border-radius: var(--login-page-radius);
+}
+
+.login-page__callout--warning {
+  --login-page-callout-bg: var(--login-page-callout-warning-bg);
+  --login-page-callout-border: var(--login-page-callout-warning-border);
+  --login-page-callout-text: var(--login-page-callout-warning-text);
+}
+
+.login-page__callout--success {
+  --login-page-callout-bg: var(--login-page-callout-success-bg);
+  --login-page-callout-border: var(--login-page-callout-success-border);
+  --login-page-callout-text: var(--login-page-callout-success-text);
+}
+
+.login-page__callout--danger {
+  --login-page-callout-bg: var(--login-page-callout-danger-bg);
+  --login-page-callout-border: var(--login-page-callout-danger-border);
+  --login-page-callout-text: var(--login-page-callout-danger-text);
+}
+
+.login-page__callout-title {
+  font-weight: 700;
+}
+
+.login-page__callout-description,
+.login-page__callout-detail {
+  margin: 6px 0 0;
+  color: color-mix(in srgb, currentColor 76%, transparent);
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.login-page__callout-action {
+  min-height: 36px;
+  margin-top: 12px;
+  color: var(--login-page-text-color);
+  background: var(--login-page-control-bg);
+  border: 1px solid var(--login-page-control-border);
+}
+
+.login-page__oauth-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  margin-top: 22px;
+}
+
+.login-page__oauth-label {
+  color: var(--login-page-muted-color);
+  font-size: 14px;
+}
+
+.login-page__oauth-list {
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 10px;
+}
+
+.login-page__oauth-button {
+  min-width: min(180px, 100%);
+  color: var(--login-page-text-color);
+  background: color-mix(in srgb, var(--login-page-control-bg) 78%, transparent);
+  border: 1px solid var(--login-page-control-border);
+}
+
+@media (max-width: 768px) {
+  .login-page {
+    justify-content: center;
+    padding: 20px;
+  }
+
+  .login-page__form {
+    width: 100%;
+    min-height: auto;
+    padding: 56px 20px 24px;
+  }
+
+  .login-page__title {
+    margin-top: 40px;
+    font-size: 24px;
+  }
+
+  .login-page__logo {
+    left: 20px;
+  }
+
+  .login-page__toolbar {
+    top: 20px;
+    right: 20px;
+  }
+
+  .login-page__tabs {
+    grid-auto-flow: row;
+  }
+}

package/dist/theme-DnbkgyCq.d.mts

@@ -0,0 +1,61 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, a0 as DataExplorerSelectProps, ab as DataExplorerToolbarActionsProps, r as DataExplorerDetailFieldProps, v as DataExplorerDetailSectionProps, x as DataExplorerDetailShellProps, F as DataExplorerDisplayActionMenuProps, I as DataExplorerDisplayCardProps, L as DataExplorerDisplayCollectionViewProps, O as DataExplorerDisplayListItemProps, S as DataExplorerDisplayMediaProps, A as DataExplorerImagePreviewProps, V as DataExplorerPageProps, X as DataExplorerRecordCardProps, ad as DataExplorerToolbarShellProps, aj as DataExplorerTreeProps, ai as DataExplorerTreeShellProps, ar as DataExplorerViewTreeProps, az as DataExplorerViewId, aI as DataExplorerViewProps, ax as DataExplorerViewCollectionProps, aD as DataExplorerViewItemProps, aC as DataExplorerViewItemShellProps, aH as DataExplorerViewShellProps, Y as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from './types-BnC3Z85r.mjs';
+import * as React from 'react';
+
+declare function DataExplorerActionBar<TContext = unknown>({ context, actions, leading, trailing, children, empty, appearance, className, classNames, }: DataExplorerActionBarProps<TContext>): react_jsx_runtime.JSX.Element | null;
+
+declare const DataExplorerButton: React.ForwardRefExoticComponent<DataExplorerButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function DataExplorerCheckbox({ checked, icon, label, title, disabled, appearance, className, classNames, style, onCheckedChange, }: DataExplorerCheckboxProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerCollectionFooter({ selectedCount, loadedStart, loadedEnd, total, currentPage, pageSize, pageSizeOptions, loading, selectedLabel, loadedLabel, pageSizeLabel, pageText, tone, appearance, className, classNames, onJump, onPageSizeChange, }: DataExplorerCollectionFooterProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerSelect({ value, options, label, placeholder, icon, title, triggerLabel, disabled, display, align, sideOffset, appearance, className, classNames, style, onValueChange, }: DataExplorerSelectProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerToolbarActions<TContext = unknown>({ context, actions, layout, appearance, empty, children, className, classNames, }: DataExplorerToolbarActionsProps<TContext>): react_jsx_runtime.JSX.Element | null;
+
+declare function DataExplorerDetailField<TContext = unknown>({ field, label, icon, value, children, context, className, valueClassName, classNames, }: DataExplorerDetailFieldProps<TContext>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerDetailSection<TContext = unknown>({ section, title, fields, children, context, className, classNames, fieldClassNames, }: DataExplorerDetailSectionProps<TContext>): react_jsx_runtime.JSX.Element | null;
+
+declare function DataExplorerDetailShell<TContext = unknown>({ title, subtitle, leading, preview, previewStyle, previewPadded, previewCentered, sections, rightPanel, context, navigation, closeLabel, closeIcon, onClose, appearance, className, classNames, }: DataExplorerDetailShellProps<TContext>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerDisplayActionMenu<TSource = unknown>({ item, itemId, source, actions, label, triggerLabel, triggerIcon, align, sideOffset, appearance, className, classNames, }: DataExplorerDisplayActionMenuProps<TSource>): react_jsx_runtime.JSX.Element | null;
+
+declare function DataExplorerDisplayCard<TSource = unknown>({ item, title, description, badges, meta, actions, media, header, headerLeading, headerContent, overlay, footer, children, selected, disabled, interactive, role, tabIndex, appearance, className, classNames, onClick, onKeyDown, }: DataExplorerDisplayCardProps<TSource>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerDisplayCollectionView<TSource = unknown>({ items, activeViewId, layout, appearance, selectedIds, empty, loading, loadingNode, footer, overlay, className, classNames, scrollable, wrapItems, measuredGrid, itemsStyle, itemStyle, getItemClassName, cardProps, listItemProps, renderMedia, renderActions, renderItem, onOpenItem, onSelectionChange, }: DataExplorerDisplayCollectionViewProps<TSource>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerDisplayListItem<TSource = unknown>({ className, classNames, ...props }: DataExplorerDisplayListItemProps<TSource>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerDisplayMedia<TSource = unknown>({ media, fallbackTitle, empty, className, classNames, onOpen, }: DataExplorerDisplayMediaProps<TSource>): react_jsx_runtime.JSX.Element | null;
+
+declare function DataExplorerImagePreview({ src, alt, empty, actions, actionContext, toolbarActions, zoomStep, stagePadding, minScale, maxScale, controlsVisible, zoomLabelVisible, resetLabel, zoomInLabel, zoomOutLabel, appearance, className, classNames, onLoad, onError, }: DataExplorerImagePreviewProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerPage({ sidebar, tree, toolbar, controls, notices, content, view, detail, className, classNames, }: DataExplorerPageProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerRecordCard<TSource = unknown>({ item, selected, active, disabled, hasMedia, showHeaderWithMedia, selectionVisible, favoriteVisible, overlayControlsAlwaysVisible, favoriteActive, favoriteLabel, favoriteActiveLabel, selectLabel, unselectLabel, actions, media, footer, checkbox, favorite, keywordLimit, appearance, className, classNames, onClick, onToggleSelection, onToggleFavorite, }: DataExplorerRecordCardProps<TSource>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerToolbarShell<TContext = unknown>({ context, leading, leadingActions, searchValue, searchPlaceholder, searchIcon, viewOptions, activeViewId, actions, toolbarActions, appearance, children, className, classNames, onSearchChange, onSearchSubmit, onViewChange, }: DataExplorerToolbarShellProps<TContext>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerTree<TNode = unknown, TContext = unknown>({ nodes, context, capabilities, className, classNames, empty, selectedNodeId, getNodeId, getChildren, renderNode, onSelect, }: DataExplorerTreeProps<TNode, TContext>): react_jsx_runtime.JSX.Element | null;
+
+declare function DataExplorerTreeShell({ title, subtitle, toolbar, footer, children, className, classNames, }: DataExplorerTreeShellProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerViewTree<TNodeSource = unknown, TGroupSource = unknown, TContext = unknown>({ groups, nodes, context, selectedNodeId, expandedNodeIds, defaultExpandedNodeIds, expandedGroupIds, defaultExpandedGroupIds, resetExpansionKey, nodeActions, groupActions, indentSize, empty, loading, loadingNode, error, labels, reorderMode, appearance, className, classNames, onSelectNode, onExpandedNodeIdsChange, onExpandedGroupIdsChange, onAction, onReorderNodes, }: DataExplorerViewTreeProps<TNodeSource, TGroupSource, TContext>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerView<TItem = unknown, TContext = unknown, TViewId extends DataExplorerViewId = DataExplorerViewId>({ items, views, activeViewId, fallbackViewId, context, capabilities, className, classNames, empty, loading, loadingNode, footer, overlay, layout, collection, selectedIds, getItemId, itemDefinition, renderItem, onOpenItem, onSelectionChange, }: DataExplorerViewProps<TItem, TContext, TViewId>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerViewCollection<TItem = unknown, TContext = unknown, TViewId extends DataExplorerViewId = DataExplorerViewId>({ items, activeViewId, context, capabilities, className, classNames, empty, loading, loadingNode, footer, overlay, layout, scrollable, wrapItems, measuredGrid, itemsStyle, itemStyle, selectedIds, getItemId, itemDefinition, renderItem, getItemClassName, onOpenItem, onSelectionChange, }: DataExplorerViewCollectionProps<TItem, TContext, TViewId>): react_jsx_runtime.JSX.Element | null;
+
+declare function DataExplorerViewItem<TItem = unknown, TContext = unknown>(props: DataExplorerViewItemProps<TItem, TContext>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerViewItemShell({ media, title, description, meta, badges, actions, footer, children, className, classNames, }: DataExplorerViewItemShellProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerViewShell({ header, footer, overlay, empty, isEmpty, children, className, classNames, }: DataExplorerViewShellProps): react_jsx_runtime.JSX.Element;
+
+declare function resolveDataExplorerAppearance(appearance?: DataExplorerAppearance): DataExplorerResolvedTheme;
+declare function getDataExplorerActionToneClassName(theme: DataExplorerResolvedTheme, tone: DataExplorerControlTone | undefined, active: boolean): string;
+declare function getDataExplorerMenuItemToneClassName(theme: DataExplorerResolvedTheme, tone: DataExplorerControlTone | undefined): string | undefined;
+
+export { getDataExplorerMenuItemToneClassName as A, resolveDataExplorerAppearance as B, DataExplorerActionBar as D, DataExplorerButton as a, DataExplorerCheckbox as b, DataExplorerCollectionFooter as c, DataExplorerSelect as d, DataExplorerToolbarActions as e, DataExplorerDetailField as f, DataExplorerDetailSection as g, DataExplorerDetailShell as h, DataExplorerDisplayActionMenu as i, DataExplorerDisplayCard as j, DataExplorerDisplayCollectionView as k, DataExplorerDisplayListItem as l, DataExplorerDisplayMedia as m, DataExplorerImagePreview as n, DataExplorerPage as o, DataExplorerRecordCard as p, DataExplorerToolbarShell as q, DataExplorerTree as r, DataExplorerTreeShell as s, DataExplorerViewTree as t, DataExplorerView as u, DataExplorerViewCollection as v, DataExplorerViewItem as w, DataExplorerViewItemShell as x, DataExplorerViewShell as y, getDataExplorerActionToneClassName as z };

package/dist/theme-rXHbVr6l.d.ts

@@ -0,0 +1,61 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, a0 as DataExplorerSelectProps, ab as DataExplorerToolbarActionsProps, r as DataExplorerDetailFieldProps, v as DataExplorerDetailSectionProps, x as DataExplorerDetailShellProps, F as DataExplorerDisplayActionMenuProps, I as DataExplorerDisplayCardProps, L as DataExplorerDisplayCollectionViewProps, O as DataExplorerDisplayListItemProps, S as DataExplorerDisplayMediaProps, A as DataExplorerImagePreviewProps, V as DataExplorerPageProps, X as DataExplorerRecordCardProps, ad as DataExplorerToolbarShellProps, aj as DataExplorerTreeProps, ai as DataExplorerTreeShellProps, ar as DataExplorerViewTreeProps, az as DataExplorerViewId, aI as DataExplorerViewProps, ax as DataExplorerViewCollectionProps, aD as DataExplorerViewItemProps, aC as DataExplorerViewItemShellProps, aH as DataExplorerViewShellProps, Y as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from './types-BnC3Z85r.js';
+import * as React from 'react';
+
+declare function DataExplorerActionBar<TContext = unknown>({ context, actions, leading, trailing, children, empty, appearance, className, classNames, }: DataExplorerActionBarProps<TContext>): react_jsx_runtime.JSX.Element | null;
+
+declare const DataExplorerButton: React.ForwardRefExoticComponent<DataExplorerButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function DataExplorerCheckbox({ checked, icon, label, title, disabled, appearance, className, classNames, style, onCheckedChange, }: DataExplorerCheckboxProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerCollectionFooter({ selectedCount, loadedStart, loadedEnd, total, currentPage, pageSize, pageSizeOptions, loading, selectedLabel, loadedLabel, pageSizeLabel, pageText, tone, appearance, className, classNames, onJump, onPageSizeChange, }: DataExplorerCollectionFooterProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerSelect({ value, options, label, placeholder, icon, title, triggerLabel, disabled, display, align, sideOffset, appearance, className, classNames, style, onValueChange, }: DataExplorerSelectProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerToolbarActions<TContext = unknown>({ context, actions, layout, appearance, empty, children, className, classNames, }: DataExplorerToolbarActionsProps<TContext>): react_jsx_runtime.JSX.Element | null;
+
+declare function DataExplorerDetailField<TContext = unknown>({ field, label, icon, value, children, context, className, valueClassName, classNames, }: DataExplorerDetailFieldProps<TContext>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerDetailSection<TContext = unknown>({ section, title, fields, children, context, className, classNames, fieldClassNames, }: DataExplorerDetailSectionProps<TContext>): react_jsx_runtime.JSX.Element | null;
+
+declare function DataExplorerDetailShell<TContext = unknown>({ title, subtitle, leading, preview, previewStyle, previewPadded, previewCentered, sections, rightPanel, context, navigation, closeLabel, closeIcon, onClose, appearance, className, classNames, }: DataExplorerDetailShellProps<TContext>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerDisplayActionMenu<TSource = unknown>({ item, itemId, source, actions, label, triggerLabel, triggerIcon, align, sideOffset, appearance, className, classNames, }: DataExplorerDisplayActionMenuProps<TSource>): react_jsx_runtime.JSX.Element | null;
+
+declare function DataExplorerDisplayCard<TSource = unknown>({ item, title, description, badges, meta, actions, media, header, headerLeading, headerContent, overlay, footer, children, selected, disabled, interactive, role, tabIndex, appearance, className, classNames, onClick, onKeyDown, }: DataExplorerDisplayCardProps<TSource>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerDisplayCollectionView<TSource = unknown>({ items, activeViewId, layout, appearance, selectedIds, empty, loading, loadingNode, footer, overlay, className, classNames, scrollable, wrapItems, measuredGrid, itemsStyle, itemStyle, getItemClassName, cardProps, listItemProps, renderMedia, renderActions, renderItem, onOpenItem, onSelectionChange, }: DataExplorerDisplayCollectionViewProps<TSource>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerDisplayListItem<TSource = unknown>({ className, classNames, ...props }: DataExplorerDisplayListItemProps<TSource>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerDisplayMedia<TSource = unknown>({ media, fallbackTitle, empty, className, classNames, onOpen, }: DataExplorerDisplayMediaProps<TSource>): react_jsx_runtime.JSX.Element | null;
+
+declare function DataExplorerImagePreview({ src, alt, empty, actions, actionContext, toolbarActions, zoomStep, stagePadding, minScale, maxScale, controlsVisible, zoomLabelVisible, resetLabel, zoomInLabel, zoomOutLabel, appearance, className, classNames, onLoad, onError, }: DataExplorerImagePreviewProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerPage({ sidebar, tree, toolbar, controls, notices, content, view, detail, className, classNames, }: DataExplorerPageProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerRecordCard<TSource = unknown>({ item, selected, active, disabled, hasMedia, showHeaderWithMedia, selectionVisible, favoriteVisible, overlayControlsAlwaysVisible, favoriteActive, favoriteLabel, favoriteActiveLabel, selectLabel, unselectLabel, actions, media, footer, checkbox, favorite, keywordLimit, appearance, className, classNames, onClick, onToggleSelection, onToggleFavorite, }: DataExplorerRecordCardProps<TSource>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerToolbarShell<TContext = unknown>({ context, leading, leadingActions, searchValue, searchPlaceholder, searchIcon, viewOptions, activeViewId, actions, toolbarActions, appearance, children, className, classNames, onSearchChange, onSearchSubmit, onViewChange, }: DataExplorerToolbarShellProps<TContext>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerTree<TNode = unknown, TContext = unknown>({ nodes, context, capabilities, className, classNames, empty, selectedNodeId, getNodeId, getChildren, renderNode, onSelect, }: DataExplorerTreeProps<TNode, TContext>): react_jsx_runtime.JSX.Element | null;
+
+declare function DataExplorerTreeShell({ title, subtitle, toolbar, footer, children, className, classNames, }: DataExplorerTreeShellProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerViewTree<TNodeSource = unknown, TGroupSource = unknown, TContext = unknown>({ groups, nodes, context, selectedNodeId, expandedNodeIds, defaultExpandedNodeIds, expandedGroupIds, defaultExpandedGroupIds, resetExpansionKey, nodeActions, groupActions, indentSize, empty, loading, loadingNode, error, labels, reorderMode, appearance, className, classNames, onSelectNode, onExpandedNodeIdsChange, onExpandedGroupIdsChange, onAction, onReorderNodes, }: DataExplorerViewTreeProps<TNodeSource, TGroupSource, TContext>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerView<TItem = unknown, TContext = unknown, TViewId extends DataExplorerViewId = DataExplorerViewId>({ items, views, activeViewId, fallbackViewId, context, capabilities, className, classNames, empty, loading, loadingNode, footer, overlay, layout, collection, selectedIds, getItemId, itemDefinition, renderItem, onOpenItem, onSelectionChange, }: DataExplorerViewProps<TItem, TContext, TViewId>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerViewCollection<TItem = unknown, TContext = unknown, TViewId extends DataExplorerViewId = DataExplorerViewId>({ items, activeViewId, context, capabilities, className, classNames, empty, loading, loadingNode, footer, overlay, layout, scrollable, wrapItems, measuredGrid, itemsStyle, itemStyle, selectedIds, getItemId, itemDefinition, renderItem, getItemClassName, onOpenItem, onSelectionChange, }: DataExplorerViewCollectionProps<TItem, TContext, TViewId>): react_jsx_runtime.JSX.Element | null;
+
+declare function DataExplorerViewItem<TItem = unknown, TContext = unknown>(props: DataExplorerViewItemProps<TItem, TContext>): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerViewItemShell({ media, title, description, meta, badges, actions, footer, children, className, classNames, }: DataExplorerViewItemShellProps): react_jsx_runtime.JSX.Element;
+
+declare function DataExplorerViewShell({ header, footer, overlay, empty, isEmpty, children, className, classNames, }: DataExplorerViewShellProps): react_jsx_runtime.JSX.Element;
+
+declare function resolveDataExplorerAppearance(appearance?: DataExplorerAppearance): DataExplorerResolvedTheme;
+declare function getDataExplorerActionToneClassName(theme: DataExplorerResolvedTheme, tone: DataExplorerControlTone | undefined, active: boolean): string;
+declare function getDataExplorerMenuItemToneClassName(theme: DataExplorerResolvedTheme, tone: DataExplorerControlTone | undefined): string | undefined;
+
+export { getDataExplorerMenuItemToneClassName as A, resolveDataExplorerAppearance as B, DataExplorerActionBar as D, DataExplorerButton as a, DataExplorerCheckbox as b, DataExplorerCollectionFooter as c, DataExplorerSelect as d, DataExplorerToolbarActions as e, DataExplorerDetailField as f, DataExplorerDetailSection as g, DataExplorerDetailShell as h, DataExplorerDisplayActionMenu as i, DataExplorerDisplayCard as j, DataExplorerDisplayCollectionView as k, DataExplorerDisplayListItem as l, DataExplorerDisplayMedia as m, DataExplorerImagePreview as n, DataExplorerPage as o, DataExplorerRecordCard as p, DataExplorerToolbarShell as q, DataExplorerTree as r, DataExplorerTreeShell as s, DataExplorerViewTree as t, DataExplorerView as u, DataExplorerViewCollection as v, DataExplorerViewItem as w, DataExplorerViewItemShell as x, DataExplorerViewShell as y, getDataExplorerActionToneClassName as z };

package/dist/theme-system/index.d.mts

@@ -1,5 +1,5 @@
 import { c as BaseAppearance, ao as BaseResolvedTheme } from '../types-Bn6PEDsX.mjs';
-import { c as DataExplorerAppearance, Y as DataExplorerResolvedTheme } from '../types-B81dpI1o.mjs';
+import { c as DataExplorerAppearance, Y as DataExplorerResolvedTheme } from '../types-BnC3Z85r.mjs';
 import 'react';
 import '@radix-ui/react-context-menu';
 

package/dist/theme-system/index.d.ts

@@ -1,5 +1,5 @@
 import { c as BaseAppearance, ao as BaseResolvedTheme } from '../types-Bn6PEDsX.js';
-import { c as DataExplorerAppearance, Y as DataExplorerResolvedTheme } from '../types-B81dpI1o.js';
+import { c as DataExplorerAppearance, Y as DataExplorerResolvedTheme } from '../types-BnC3Z85r.js';
 import 'react';
 import '@radix-ui/react-context-menu';
 

package/dist/theme-system/index.js

@@ -4,6 +4,9 @@ var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 require('@radix-ui/react-context-menu');
 require('@radix-ui/react-dropdown-menu');
+require('@dnd-kit/core');
+require('@dnd-kit/sortable');
+require('@dnd-kit/utilities');
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;