npm - @d4gger/design-system - Versions diffs - 3.0.0 → 4.0.0 - Mend

@d4gger/design-system 3.0.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (772) hide show

package/dist/components/combobox.css CHANGED Viewed

@@ -81,6 +81,10 @@
   backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
   border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
   border-radius: var(--dsx-rounded-lg);
+  /* Menu tier (B4 Q3): the merged Popover base paints step 4 here, which
+     outranks dialogs' peers — reassert step 3 in the component file, where it
+     wins by order. Same expression as baseMenu. */
+  box-shadow: var(--dsx-menu-content-elevation, var(--dsx-shadow-elevation-3));
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -148,7 +152,7 @@
   justify-content: space-between;
   gap: var(--dsx-space-sm);
   padding: var(--dsx-space-sm) var(--dsx-space-md);
-  border-radius: var(--dsx-rounded-sm);
+  border-radius: 0;
   cursor: pointer;
   color: var(--dsx-color-on-surface);
   font-family: var(--dsx-typography-body-medium-font-family), sans-serif;

package/dist/components/command/Command.cjs CHANGED Viewed

@@ -199,7 +199,7 @@ const CommandList = React.forwardRef(
       {
         ...listProps,
         ref: forwardedRef,
-        className: (0, import_classnames.default)("dsx-command__list dsx-scroll-area", className),
+        className: (0, import_classnames.default)("dsx-command__list", className),
         "data-slot": "command-list"
       }
     );

package/dist/components/command/Command.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/command/Command.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { Spinner } from '../spinner/Spinner'\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from '../dialog/Dialog'\nimport { Kbd } from '../kbd/Kbd'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport {\n  commandDialogPropDefs,\n  commandEmptyPropDefs,\n  commandGroupPropDefs,\n  commandInputPropDefs,\n  commandItemPropDefs,\n  commandListPropDefs,\n  commandLoadingPropDefs,\n  commandPropDefs,\n  commandSeparatorPropDefs,\n  commandShortcutPropDefs,\n} from './command.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\n// ---------------------------------------------------------------------------\n// Command Registry\n// ---------------------------------------------------------------------------\n\ntype CommandRegistryItem = {\n  id: string\n  label: string\n  shortcut?: string\n  icon?: React.ReactNode\n  action?: () => void\n  keywords?: string[]\n  section?: string\n}\n\ntype CommandRegistryValue = {\n  commands: CommandRegistryItem[]\n  register: (command: CommandRegistryItem) => void\n  unregister: (id: string) => void\n}\n\nconst CommandRegistryContext = React.createContext<CommandRegistryValue | null>(null)\n\nfunction useCommandRegistry() {\n  const ctx = React.useContext(CommandRegistryContext)\n  if (!ctx) {\n    return {\n      commands: [],\n      register: () => {},\n      unregister: () => {},\n    }\n  }\n  return ctx\n}\n\nfunction CommandRegistryProvider({ children }: { children: React.ReactNode }) {\n  const [commands, setCommands] = React.useState<CommandRegistryItem[]>([])\n\n  const register = React.useCallback((command: CommandRegistryItem) => {\n    setCommands((prev) => {\n      if (prev.some((c) => c.id === command.id)) return prev\n      return [...prev, command]\n    })\n  }, [])\n\n  const unregister = React.useCallback((id: string) => {\n    setCommands((prev) => prev.filter((c) => c.id !== id))\n  }, [])\n\n  const value = React.useMemo(() => ({ commands, register, unregister }), [commands, register, unregister])\n\n  return (\n    <CommandRegistryContext.Provider value={value}>\n      {children}\n    </CommandRegistryContext.Provider>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Keyboard Shortcut Hook\n// ---------------------------------------------------------------------------\n\nfunction normalizeShortcut(shortcut: string): string {\n  return shortcut\n    .toLowerCase()\n    .split('+')\n    .map((part) => part.trim())\n    .sort((a, b) => {\n      const order = ['meta', 'ctrl', 'alt', 'shift']\n      const ai = order.indexOf(a)\n      const bi = order.indexOf(b)\n      if (ai !== -1 && bi !== -1) return ai - bi\n      if (ai !== -1) return -1\n      if (bi !== -1) return 1\n      return a.localeCompare(b)\n    })\n    .join('+')\n}\n\nfunction useCommandShortcut(\n  shortcut: string,\n  action: (event: KeyboardEvent) => void,\n  options?: { preventDefault?: boolean },\n) {\n  const { preventDefault = true } = options ?? {}\n\n  React.useEffect(() => {\n    const normalized = normalizeShortcut(shortcut)\n    const parts = normalized.split('+')\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const expectMeta = parts.includes('meta')\n      const expectCtrl = parts.includes('ctrl')\n      const expectAlt = parts.includes('alt')\n      const expectShift = parts.includes('shift')\n\n      const hasMeta = expectMeta ? event.metaKey : !event.metaKey\n      const hasCtrl = expectCtrl ? event.ctrlKey : !event.ctrlKey\n      const hasAlt = expectAlt ? event.altKey : !event.altKey\n      const hasShift = expectShift ? event.shiftKey : !event.shiftKey\n\n      const key = event.key.toLowerCase()\n      const expectKey = parts.find((p) => !['meta', 'ctrl', 'alt', 'shift'].includes(p))\n\n      if (hasMeta && hasCtrl && hasAlt && hasShift && expectKey && key === expectKey) {\n        if (preventDefault) event.preventDefault()\n        action(event)\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [shortcut, action, preventDefault])\n}\n\ntype CommandOwnProps = GetPropDefTypes<typeof commandPropDefs>\ntype CommandInputOwnProps = GetPropDefTypes<typeof commandInputPropDefs> & { wrapperClassName?: string }\ntype CommandListOwnProps = GetPropDefTypes<typeof commandListPropDefs>\ntype CommandEmptyOwnProps = GetPropDefTypes<typeof commandEmptyPropDefs>\ntype CommandGroupOwnProps = GetPropDefTypes<typeof commandGroupPropDefs>\ntype CommandSeparatorOwnProps = GetPropDefTypes<typeof commandSeparatorPropDefs>\ntype CommandItemOwnProps = GetPropDefTypes<typeof commandItemPropDefs>\ntype CommandShortcutOwnProps = GetPropDefTypes<typeof commandShortcutPropDefs>\ntype CommandLoadingOwnProps = GetPropDefTypes<typeof commandLoadingPropDefs> & { label?: string }\n\ntype CommandProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive> & CommandOwnProps\ntype CommandDialogProps = React.ComponentPropsWithoutRef<typeof Dialog> & GetPropDefTypes<typeof commandDialogPropDefs> & {\n  shortcut?: string | false\n}\ntype CommandInputProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & CommandInputOwnProps\ntype CommandListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & CommandListOwnProps\ntype CommandEmptyProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> & CommandEmptyOwnProps\ntype CommandGroupProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> & CommandGroupOwnProps\ntype CommandSeparatorProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> & CommandSeparatorOwnProps\ntype CommandItemProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> & CommandItemOwnProps\ntype CommandShortcutProps = React.HTMLAttributes<HTMLElement> & CommandShortcutOwnProps\ntype CommandLoadingProps = React.HTMLAttributes<HTMLDivElement> & CommandLoadingOwnProps\n\nconst Command = React.forwardRef<HTMLDivElement, CommandProps>((props, forwardedRef) => {\n  const { asChild: _asChild, className, size = 'md', ...commandProps } = extractProps(props, commandPropDefs)\n\n  return (\n    <CommandPrimitive\n      {...commandProps}\n      ref={forwardedRef}\n      className={classNames('dsx-command', className)}\n      data-size={size}\n      data-slot=\"command\"\n    />\n  )\n})\nCommand.displayName = CommandPrimitive.displayName ?? 'Command'\n\nfunction CommandDialog({ children, shortcut = 'meta+k', ...props }: CommandDialogProps) {\n  const [internalOpen, setInternalOpen] = React.useState(false)\n  const isControlled = 'open' in props\n  const { title = 'Command menu', description, ...dialogProps } = extractProps(props, commandDialogPropDefs)\n  const open = isControlled ? (dialogProps.open as boolean) : internalOpen\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen)\n      }\n      dialogProps.onOpenChange?.(nextOpen)\n    },\n    [isControlled, dialogProps.onOpenChange],\n  )\n\n  const toggleOpen = React.useCallback(\n    () => {\n      setOpen(!open)\n    },\n    [open, setOpen],\n  )\n\n  if (shortcut !== false) {\n    useCommandShortcut(shortcut, toggleOpen)\n  }\n\n  return (\n    <CommandRegistryProvider>\n      <Dialog {...dialogProps} open={open} onOpenChange={setOpen}>\n        <DialogContent>\n          <VisuallyHidden asChild>\n            <DialogTitle>{title}</DialogTitle>\n          </VisuallyHidden>\n          {description ? (\n            <VisuallyHidden asChild>\n              <DialogDescription>{description}</DialogDescription>\n            </VisuallyHidden>\n          ) : null}\n          <Command>{children}</Command>\n        </DialogContent>\n      </Dialog>\n    </CommandRegistryProvider>\n  )\n}\nCommandDialog.displayName = 'CommandDialog'\n\nconst CommandInput = React.forwardRef<HTMLInputElement, CommandInputProps>(\n  ({ wrapperClassName, ...props }, forwardedRef) => {\n    const { asChild: _asChild, className, ...inputProps } = extractProps(props, commandInputPropDefs)\n\n    return (\n      <div\n        className={classNames('dsx-command__input-wrapper', wrapperClassName)}\n        data-slot=\"command-input-wrapper\"\n        cmdk-input-wrapper=\"\"\n      >\n        <Icon name=\"search\" size=\"sm\" className=\"dsx-command__input-icon\" data-slot=\"command-input-icon\" />\n        <CommandPrimitive.Input\n          {...inputProps}\n          ref={forwardedRef}\n          className={classNames('dsx-command__input dsx-input', className)}\n          data-slot=\"command-input\"\n        />\n      </div>\n    )\n  },\n)\nCommandInput.displayName = CommandPrimitive.Input.displayName ?? 'CommandInput'\n\nconst CommandList = React.forwardRef<HTMLDivElement, CommandListProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...listProps } = extractProps(props, commandListPropDefs)\n\n    return (\n      <CommandPrimitive.List\n        {...listProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__list dsx-scroll-area', className)}\n        data-slot=\"command-list\"\n      />\n    )\n  },\n)\nCommandList.displayName = CommandPrimitive.List.displayName ?? 'CommandList'\n\nconst CommandEmpty = React.forwardRef<HTMLDivElement, CommandEmptyProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...emptyProps } = extractProps(props, commandEmptyPropDefs)\n\n    return (\n      <CommandPrimitive.Empty\n        {...emptyProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__empty', className)}\n        data-slot=\"command-empty\"\n      />\n    )\n  },\n)\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName ?? 'CommandEmpty'\n\nconst CommandGroup = React.forwardRef<HTMLDivElement, CommandGroupProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, heading, ...groupProps } = extractProps(props, commandGroupPropDefs)\n\n    return (\n      <CommandPrimitive.Group\n        {...groupProps}\n        heading={heading}\n        ref={forwardedRef}\n        className={classNames('dsx-command__group', className)}\n        data-slot=\"command-group\"\n        data-section={typeof heading === 'string' ? heading.toLowerCase().replace(/\\s+/g, '-') : undefined}\n      />\n    )\n  },\n)\nCommandGroup.displayName = CommandPrimitive.Group.displayName ?? 'CommandGroup'\n\nconst CommandSeparator = React.forwardRef<HTMLDivElement, CommandSeparatorProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...separatorProps } = extractProps(props, commandSeparatorPropDefs)\n\n    return (\n      <CommandPrimitive.Separator\n        {...separatorProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__separator dsx-separator', className)}\n        data-slot=\"command-separator\"\n      />\n    )\n  },\n)\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName ?? 'CommandSeparator'\n\nconst CommandItem = React.forwardRef<HTMLDivElement, CommandItemProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...itemProps } = extractProps(props, commandItemPropDefs)\n\n    return (\n      <CommandPrimitive.Item\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__item', className)}\n        data-slot=\"command-item\"\n      />\n    )\n  },\n)\nCommandItem.displayName = CommandPrimitive.Item.displayName ?? 'CommandItem'\n\nconst CommandShortcut = React.forwardRef<HTMLElement, CommandShortcutProps>((props, forwardedRef) => {\n  const { asChild, className, ...shortcutProps } = extractProps(props, commandShortcutPropDefs)\n  const Comp = asChild ? Slot : Kbd\n\n  return (\n    <Comp\n      {...shortcutProps}\n      ref={forwardedRef}\n      className={classNames('dsx-command__shortcut', className)}\n      data-slot=\"command-shortcut\"\n    />\n  )\n})\nCommandShortcut.displayName = 'CommandShortcut'\n\nconst CommandLoading = React.forwardRef<HTMLDivElement, CommandLoadingProps>((props, forwardedRef) => {\n  const { asChild, className, label = 'Loading', ...loadingProps } = extractProps(props, commandLoadingPropDefs)\n\n  if (asChild) {\n    return (\n      <Slot {...loadingProps} ref={forwardedRef} className={classNames('dsx-command__loading', className)} data-slot=\"command-loading\" />\n    )\n  }\n\n  return (\n    <div\n      {...loadingProps}\n      ref={forwardedRef}\n      className={classNames('dsx-command__loading', className)}\n      data-slot=\"command-loading\"\n    >\n      <Spinner size=\"sm\" label={label} />\n    </div>\n  )\n})\nCommandLoading.displayName = 'CommandLoading'\n\nconst CommandMenu: typeof Command & {\n  Dialog: typeof CommandDialog\n  Empty: typeof CommandEmpty\n  Group: typeof CommandGroup\n  Input: typeof CommandInput\n  Item: typeof CommandItem\n  List: typeof CommandList\n  Loading: typeof CommandLoading\n  Separator: typeof CommandSeparator\n  Shortcut: typeof CommandShortcut\n} = Object.assign(Command, {\n  Dialog: CommandDialog,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Input: CommandInput,\n  Item: CommandItem,\n  List: CommandList,\n  Loading: CommandLoading,\n  Separator: CommandSeparator,\n  Shortcut: CommandShortcut,\n})\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandLoading,\n  CommandMenu,\n  CommandRegistryProvider,\n  CommandSeparator,\n  CommandShortcut,\n  useCommandRegistry,\n  useCommandShortcut,\n}\nexport type {\n  CommandDialogProps,\n  CommandEmptyProps,\n  CommandGroupProps,\n  CommandInputProps,\n  CommandItemProps,\n  CommandListProps,\n  CommandLoadingProps,\n  CommandProps,\n  CommandRegistryItem,\n  CommandRegistryValue,\n  CommandSeparatorProps,\n  CommandShortcutProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { Spinner } from '../spinner/Spinner'\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from '../dialog/Dialog'\nimport { Kbd } from '../kbd/Kbd'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport {\n  commandDialogPropDefs,\n  commandEmptyPropDefs,\n  commandGroupPropDefs,\n  commandInputPropDefs,\n  commandItemPropDefs,\n  commandListPropDefs,\n  commandLoadingPropDefs,\n  commandPropDefs,\n  commandSeparatorPropDefs,\n  commandShortcutPropDefs,\n} from './command.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\n// ---------------------------------------------------------------------------\n// Command Registry\n// ---------------------------------------------------------------------------\n\ntype CommandRegistryItem = {\n  id: string\n  label: string\n  shortcut?: string\n  icon?: React.ReactNode\n  action?: () => void\n  keywords?: string[]\n  section?: string\n}\n\ntype CommandRegistryValue = {\n  commands: CommandRegistryItem[]\n  register: (command: CommandRegistryItem) => void\n  unregister: (id: string) => void\n}\n\nconst CommandRegistryContext = React.createContext<CommandRegistryValue | null>(null)\n\nfunction useCommandRegistry() {\n  const ctx = React.useContext(CommandRegistryContext)\n  if (!ctx) {\n    return {\n      commands: [],\n      register: () => {},\n      unregister: () => {},\n    }\n  }\n  return ctx\n}\n\nfunction CommandRegistryProvider({ children }: { children: React.ReactNode }) {\n  const [commands, setCommands] = React.useState<CommandRegistryItem[]>([])\n\n  const register = React.useCallback((command: CommandRegistryItem) => {\n    setCommands((prev) => {\n      if (prev.some((c) => c.id === command.id)) return prev\n      return [...prev, command]\n    })\n  }, [])\n\n  const unregister = React.useCallback((id: string) => {\n    setCommands((prev) => prev.filter((c) => c.id !== id))\n  }, [])\n\n  const value = React.useMemo(() => ({ commands, register, unregister }), [commands, register, unregister])\n\n  return (\n    <CommandRegistryContext.Provider value={value}>\n      {children}\n    </CommandRegistryContext.Provider>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Keyboard Shortcut Hook\n// ---------------------------------------------------------------------------\n\nfunction normalizeShortcut(shortcut: string): string {\n  return shortcut\n    .toLowerCase()\n    .split('+')\n    .map((part) => part.trim())\n    .sort((a, b) => {\n      const order = ['meta', 'ctrl', 'alt', 'shift']\n      const ai = order.indexOf(a)\n      const bi = order.indexOf(b)\n      if (ai !== -1 && bi !== -1) return ai - bi\n      if (ai !== -1) return -1\n      if (bi !== -1) return 1\n      return a.localeCompare(b)\n    })\n    .join('+')\n}\n\nfunction useCommandShortcut(\n  shortcut: string,\n  action: (event: KeyboardEvent) => void,\n  options?: { preventDefault?: boolean },\n) {\n  const { preventDefault = true } = options ?? {}\n\n  React.useEffect(() => {\n    const normalized = normalizeShortcut(shortcut)\n    const parts = normalized.split('+')\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const expectMeta = parts.includes('meta')\n      const expectCtrl = parts.includes('ctrl')\n      const expectAlt = parts.includes('alt')\n      const expectShift = parts.includes('shift')\n\n      const hasMeta = expectMeta ? event.metaKey : !event.metaKey\n      const hasCtrl = expectCtrl ? event.ctrlKey : !event.ctrlKey\n      const hasAlt = expectAlt ? event.altKey : !event.altKey\n      const hasShift = expectShift ? event.shiftKey : !event.shiftKey\n\n      const key = event.key.toLowerCase()\n      const expectKey = parts.find((p) => !['meta', 'ctrl', 'alt', 'shift'].includes(p))\n\n      if (hasMeta && hasCtrl && hasAlt && hasShift && expectKey && key === expectKey) {\n        if (preventDefault) event.preventDefault()\n        action(event)\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [shortcut, action, preventDefault])\n}\n\ntype CommandOwnProps = GetPropDefTypes<typeof commandPropDefs>\ntype CommandInputOwnProps = GetPropDefTypes<typeof commandInputPropDefs> & { wrapperClassName?: string }\ntype CommandListOwnProps = GetPropDefTypes<typeof commandListPropDefs>\ntype CommandEmptyOwnProps = GetPropDefTypes<typeof commandEmptyPropDefs>\ntype CommandGroupOwnProps = GetPropDefTypes<typeof commandGroupPropDefs>\ntype CommandSeparatorOwnProps = GetPropDefTypes<typeof commandSeparatorPropDefs>\ntype CommandItemOwnProps = GetPropDefTypes<typeof commandItemPropDefs>\ntype CommandShortcutOwnProps = GetPropDefTypes<typeof commandShortcutPropDefs>\ntype CommandLoadingOwnProps = GetPropDefTypes<typeof commandLoadingPropDefs> & { label?: string }\n\ntype CommandProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive> & CommandOwnProps\ntype CommandDialogProps = React.ComponentPropsWithoutRef<typeof Dialog> & GetPropDefTypes<typeof commandDialogPropDefs> & {\n  shortcut?: string | false\n}\ntype CommandInputProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & CommandInputOwnProps\ntype CommandListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & CommandListOwnProps\ntype CommandEmptyProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> & CommandEmptyOwnProps\ntype CommandGroupProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> & CommandGroupOwnProps\ntype CommandSeparatorProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> & CommandSeparatorOwnProps\ntype CommandItemProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> & CommandItemOwnProps\ntype CommandShortcutProps = React.HTMLAttributes<HTMLElement> & CommandShortcutOwnProps\ntype CommandLoadingProps = React.HTMLAttributes<HTMLDivElement> & CommandLoadingOwnProps\n\nconst Command = React.forwardRef<HTMLDivElement, CommandProps>((props, forwardedRef) => {\n  const { asChild: _asChild, className, size = 'md', ...commandProps } = extractProps(props, commandPropDefs)\n\n  return (\n    <CommandPrimitive\n      {...commandProps}\n      ref={forwardedRef}\n      className={classNames('dsx-command', className)}\n      data-size={size}\n      data-slot=\"command\"\n    />\n  )\n})\nCommand.displayName = CommandPrimitive.displayName ?? 'Command'\n\nfunction CommandDialog({ children, shortcut = 'meta+k', ...props }: CommandDialogProps) {\n  const [internalOpen, setInternalOpen] = React.useState(false)\n  const isControlled = 'open' in props\n  const { title = 'Command menu', description, ...dialogProps } = extractProps(props, commandDialogPropDefs)\n  const open = isControlled ? (dialogProps.open as boolean) : internalOpen\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen)\n      }\n      dialogProps.onOpenChange?.(nextOpen)\n    },\n    [isControlled, dialogProps.onOpenChange],\n  )\n\n  const toggleOpen = React.useCallback(\n    () => {\n      setOpen(!open)\n    },\n    [open, setOpen],\n  )\n\n  if (shortcut !== false) {\n    useCommandShortcut(shortcut, toggleOpen)\n  }\n\n  return (\n    <CommandRegistryProvider>\n      <Dialog {...dialogProps} open={open} onOpenChange={setOpen}>\n        <DialogContent>\n          <VisuallyHidden asChild>\n            <DialogTitle>{title}</DialogTitle>\n          </VisuallyHidden>\n          {description ? (\n            <VisuallyHidden asChild>\n              <DialogDescription>{description}</DialogDescription>\n            </VisuallyHidden>\n          ) : null}\n          <Command>{children}</Command>\n        </DialogContent>\n      </Dialog>\n    </CommandRegistryProvider>\n  )\n}\nCommandDialog.displayName = 'CommandDialog'\n\nconst CommandInput = React.forwardRef<HTMLInputElement, CommandInputProps>(\n  ({ wrapperClassName, ...props }, forwardedRef) => {\n    const { asChild: _asChild, className, ...inputProps } = extractProps(props, commandInputPropDefs)\n\n    return (\n      <div\n        className={classNames('dsx-command__input-wrapper', wrapperClassName)}\n        data-slot=\"command-input-wrapper\"\n        cmdk-input-wrapper=\"\"\n      >\n        <Icon name=\"search\" size=\"sm\" className=\"dsx-command__input-icon\" data-slot=\"command-input-icon\" />\n        <CommandPrimitive.Input\n          {...inputProps}\n          ref={forwardedRef}\n          className={classNames('dsx-command__input dsx-input', className)}\n          data-slot=\"command-input\"\n        />\n      </div>\n    )\n  },\n)\nCommandInput.displayName = CommandPrimitive.Input.displayName ?? 'CommandInput'\n\nconst CommandList = React.forwardRef<HTMLDivElement, CommandListProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...listProps } = extractProps(props, commandListPropDefs)\n\n    return (\n      <CommandPrimitive.List\n        {...listProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__list', className)}\n        data-slot=\"command-list\"\n      />\n    )\n  },\n)\nCommandList.displayName = CommandPrimitive.List.displayName ?? 'CommandList'\n\nconst CommandEmpty = React.forwardRef<HTMLDivElement, CommandEmptyProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...emptyProps } = extractProps(props, commandEmptyPropDefs)\n\n    return (\n      <CommandPrimitive.Empty\n        {...emptyProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__empty', className)}\n        data-slot=\"command-empty\"\n      />\n    )\n  },\n)\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName ?? 'CommandEmpty'\n\nconst CommandGroup = React.forwardRef<HTMLDivElement, CommandGroupProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, heading, ...groupProps } = extractProps(props, commandGroupPropDefs)\n\n    return (\n      <CommandPrimitive.Group\n        {...groupProps}\n        heading={heading}\n        ref={forwardedRef}\n        className={classNames('dsx-command__group', className)}\n        data-slot=\"command-group\"\n        data-section={typeof heading === 'string' ? heading.toLowerCase().replace(/\\s+/g, '-') : undefined}\n      />\n    )\n  },\n)\nCommandGroup.displayName = CommandPrimitive.Group.displayName ?? 'CommandGroup'\n\nconst CommandSeparator = React.forwardRef<HTMLDivElement, CommandSeparatorProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...separatorProps } = extractProps(props, commandSeparatorPropDefs)\n\n    return (\n      <CommandPrimitive.Separator\n        {...separatorProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__separator dsx-separator', className)}\n        data-slot=\"command-separator\"\n      />\n    )\n  },\n)\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName ?? 'CommandSeparator'\n\nconst CommandItem = React.forwardRef<HTMLDivElement, CommandItemProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...itemProps } = extractProps(props, commandItemPropDefs)\n\n    return (\n      <CommandPrimitive.Item\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__item', className)}\n        data-slot=\"command-item\"\n      />\n    )\n  },\n)\nCommandItem.displayName = CommandPrimitive.Item.displayName ?? 'CommandItem'\n\nconst CommandShortcut = React.forwardRef<HTMLElement, CommandShortcutProps>((props, forwardedRef) => {\n  const { asChild, className, ...shortcutProps } = extractProps(props, commandShortcutPropDefs)\n  const Comp = asChild ? Slot : Kbd\n\n  return (\n    <Comp\n      {...shortcutProps}\n      ref={forwardedRef}\n      className={classNames('dsx-command__shortcut', className)}\n      data-slot=\"command-shortcut\"\n    />\n  )\n})\nCommandShortcut.displayName = 'CommandShortcut'\n\nconst CommandLoading = React.forwardRef<HTMLDivElement, CommandLoadingProps>((props, forwardedRef) => {\n  const { asChild, className, label = 'Loading', ...loadingProps } = extractProps(props, commandLoadingPropDefs)\n\n  if (asChild) {\n    return (\n      <Slot {...loadingProps} ref={forwardedRef} className={classNames('dsx-command__loading', className)} data-slot=\"command-loading\" />\n    )\n  }\n\n  return (\n    <div\n      {...loadingProps}\n      ref={forwardedRef}\n      className={classNames('dsx-command__loading', className)}\n      data-slot=\"command-loading\"\n    >\n      <Spinner size=\"sm\" label={label} />\n    </div>\n  )\n})\nCommandLoading.displayName = 'CommandLoading'\n\nconst CommandMenu: typeof Command & {\n  Dialog: typeof CommandDialog\n  Empty: typeof CommandEmpty\n  Group: typeof CommandGroup\n  Input: typeof CommandInput\n  Item: typeof CommandItem\n  List: typeof CommandList\n  Loading: typeof CommandLoading\n  Separator: typeof CommandSeparator\n  Shortcut: typeof CommandShortcut\n} = Object.assign(Command, {\n  Dialog: CommandDialog,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Input: CommandInput,\n  Item: CommandItem,\n  List: CommandList,\n  Loading: CommandLoading,\n  Separator: CommandSeparator,\n  Shortcut: CommandShortcut,\n})\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandLoading,\n  CommandMenu,\n  CommandRegistryProvider,\n  CommandSeparator,\n  CommandShortcut,\n  useCommandRegistry,\n  useCommandShortcut,\n}\nexport type {\n  CommandDialogProps,\n  CommandEmptyProps,\n  CommandGroupProps,\n  CommandInputProps,\n  CommandItemProps,\n  CommandListProps,\n  CommandLoadingProps,\n  CommandProps,\n  CommandRegistryItem,\n  CommandRegistryValue,\n  CommandSeparatorProps,\n  CommandShortcutProps,\n}\n"],
+  "mappings": "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",
   "names": ["CommandPrimitive", "classNames"]
 }

package/dist/components/command/Command.js CHANGED Viewed

@@ -164,7 +164,7 @@ const CommandList = React.forwardRef(
       {
         ...listProps,
         ref: forwardedRef,
-        className: classNames("dsx-command__list dsx-scroll-area", className),
+        className: classNames("dsx-command__list", className),
         "data-slot": "command-list"
       }
     );

package/dist/components/command/Command.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/command/Command.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { Spinner } from '../spinner/Spinner'\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from '../dialog/Dialog'\nimport { Kbd } from '../kbd/Kbd'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport {\n  commandDialogPropDefs,\n  commandEmptyPropDefs,\n  commandGroupPropDefs,\n  commandInputPropDefs,\n  commandItemPropDefs,\n  commandListPropDefs,\n  commandLoadingPropDefs,\n  commandPropDefs,\n  commandSeparatorPropDefs,\n  commandShortcutPropDefs,\n} from './command.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\n// ---------------------------------------------------------------------------\n// Command Registry\n// ---------------------------------------------------------------------------\n\ntype CommandRegistryItem = {\n  id: string\n  label: string\n  shortcut?: string\n  icon?: React.ReactNode\n  action?: () => void\n  keywords?: string[]\n  section?: string\n}\n\ntype CommandRegistryValue = {\n  commands: CommandRegistryItem[]\n  register: (command: CommandRegistryItem) => void\n  unregister: (id: string) => void\n}\n\nconst CommandRegistryContext = React.createContext<CommandRegistryValue | null>(null)\n\nfunction useCommandRegistry() {\n  const ctx = React.useContext(CommandRegistryContext)\n  if (!ctx) {\n    return {\n      commands: [],\n      register: () => {},\n      unregister: () => {},\n    }\n  }\n  return ctx\n}\n\nfunction CommandRegistryProvider({ children }: { children: React.ReactNode }) {\n  const [commands, setCommands] = React.useState<CommandRegistryItem[]>([])\n\n  const register = React.useCallback((command: CommandRegistryItem) => {\n    setCommands((prev) => {\n      if (prev.some((c) => c.id === command.id)) return prev\n      return [...prev, command]\n    })\n  }, [])\n\n  const unregister = React.useCallback((id: string) => {\n    setCommands((prev) => prev.filter((c) => c.id !== id))\n  }, [])\n\n  const value = React.useMemo(() => ({ commands, register, unregister }), [commands, register, unregister])\n\n  return (\n    <CommandRegistryContext.Provider value={value}>\n      {children}\n    </CommandRegistryContext.Provider>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Keyboard Shortcut Hook\n// ---------------------------------------------------------------------------\n\nfunction normalizeShortcut(shortcut: string): string {\n  return shortcut\n    .toLowerCase()\n    .split('+')\n    .map((part) => part.trim())\n    .sort((a, b) => {\n      const order = ['meta', 'ctrl', 'alt', 'shift']\n      const ai = order.indexOf(a)\n      const bi = order.indexOf(b)\n      if (ai !== -1 && bi !== -1) return ai - bi\n      if (ai !== -1) return -1\n      if (bi !== -1) return 1\n      return a.localeCompare(b)\n    })\n    .join('+')\n}\n\nfunction useCommandShortcut(\n  shortcut: string,\n  action: (event: KeyboardEvent) => void,\n  options?: { preventDefault?: boolean },\n) {\n  const { preventDefault = true } = options ?? {}\n\n  React.useEffect(() => {\n    const normalized = normalizeShortcut(shortcut)\n    const parts = normalized.split('+')\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const expectMeta = parts.includes('meta')\n      const expectCtrl = parts.includes('ctrl')\n      const expectAlt = parts.includes('alt')\n      const expectShift = parts.includes('shift')\n\n      const hasMeta = expectMeta ? event.metaKey : !event.metaKey\n      const hasCtrl = expectCtrl ? event.ctrlKey : !event.ctrlKey\n      const hasAlt = expectAlt ? event.altKey : !event.altKey\n      const hasShift = expectShift ? event.shiftKey : !event.shiftKey\n\n      const key = event.key.toLowerCase()\n      const expectKey = parts.find((p) => !['meta', 'ctrl', 'alt', 'shift'].includes(p))\n\n      if (hasMeta && hasCtrl && hasAlt && hasShift && expectKey && key === expectKey) {\n        if (preventDefault) event.preventDefault()\n        action(event)\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [shortcut, action, preventDefault])\n}\n\ntype CommandOwnProps = GetPropDefTypes<typeof commandPropDefs>\ntype CommandInputOwnProps = GetPropDefTypes<typeof commandInputPropDefs> & { wrapperClassName?: string }\ntype CommandListOwnProps = GetPropDefTypes<typeof commandListPropDefs>\ntype CommandEmptyOwnProps = GetPropDefTypes<typeof commandEmptyPropDefs>\ntype CommandGroupOwnProps = GetPropDefTypes<typeof commandGroupPropDefs>\ntype CommandSeparatorOwnProps = GetPropDefTypes<typeof commandSeparatorPropDefs>\ntype CommandItemOwnProps = GetPropDefTypes<typeof commandItemPropDefs>\ntype CommandShortcutOwnProps = GetPropDefTypes<typeof commandShortcutPropDefs>\ntype CommandLoadingOwnProps = GetPropDefTypes<typeof commandLoadingPropDefs> & { label?: string }\n\ntype CommandProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive> & CommandOwnProps\ntype CommandDialogProps = React.ComponentPropsWithoutRef<typeof Dialog> & GetPropDefTypes<typeof commandDialogPropDefs> & {\n  shortcut?: string | false\n}\ntype CommandInputProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & CommandInputOwnProps\ntype CommandListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & CommandListOwnProps\ntype CommandEmptyProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> & CommandEmptyOwnProps\ntype CommandGroupProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> & CommandGroupOwnProps\ntype CommandSeparatorProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> & CommandSeparatorOwnProps\ntype CommandItemProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> & CommandItemOwnProps\ntype CommandShortcutProps = React.HTMLAttributes<HTMLElement> & CommandShortcutOwnProps\ntype CommandLoadingProps = React.HTMLAttributes<HTMLDivElement> & CommandLoadingOwnProps\n\nconst Command = React.forwardRef<HTMLDivElement, CommandProps>((props, forwardedRef) => {\n  const { asChild: _asChild, className, size = 'md', ...commandProps } = extractProps(props, commandPropDefs)\n\n  return (\n    <CommandPrimitive\n      {...commandProps}\n      ref={forwardedRef}\n      className={classNames('dsx-command', className)}\n      data-size={size}\n      data-slot=\"command\"\n    />\n  )\n})\nCommand.displayName = CommandPrimitive.displayName ?? 'Command'\n\nfunction CommandDialog({ children, shortcut = 'meta+k', ...props }: CommandDialogProps) {\n  const [internalOpen, setInternalOpen] = React.useState(false)\n  const isControlled = 'open' in props\n  const { title = 'Command menu', description, ...dialogProps } = extractProps(props, commandDialogPropDefs)\n  const open = isControlled ? (dialogProps.open as boolean) : internalOpen\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen)\n      }\n      dialogProps.onOpenChange?.(nextOpen)\n    },\n    [isControlled, dialogProps.onOpenChange],\n  )\n\n  const toggleOpen = React.useCallback(\n    () => {\n      setOpen(!open)\n    },\n    [open, setOpen],\n  )\n\n  if (shortcut !== false) {\n    useCommandShortcut(shortcut, toggleOpen)\n  }\n\n  return (\n    <CommandRegistryProvider>\n      <Dialog {...dialogProps} open={open} onOpenChange={setOpen}>\n        <DialogContent>\n          <VisuallyHidden asChild>\n            <DialogTitle>{title}</DialogTitle>\n          </VisuallyHidden>\n          {description ? (\n            <VisuallyHidden asChild>\n              <DialogDescription>{description}</DialogDescription>\n            </VisuallyHidden>\n          ) : null}\n          <Command>{children}</Command>\n        </DialogContent>\n      </Dialog>\n    </CommandRegistryProvider>\n  )\n}\nCommandDialog.displayName = 'CommandDialog'\n\nconst CommandInput = React.forwardRef<HTMLInputElement, CommandInputProps>(\n  ({ wrapperClassName, ...props }, forwardedRef) => {\n    const { asChild: _asChild, className, ...inputProps } = extractProps(props, commandInputPropDefs)\n\n    return (\n      <div\n        className={classNames('dsx-command__input-wrapper', wrapperClassName)}\n        data-slot=\"command-input-wrapper\"\n        cmdk-input-wrapper=\"\"\n      >\n        <Icon name=\"search\" size=\"sm\" className=\"dsx-command__input-icon\" data-slot=\"command-input-icon\" />\n        <CommandPrimitive.Input\n          {...inputProps}\n          ref={forwardedRef}\n          className={classNames('dsx-command__input dsx-input', className)}\n          data-slot=\"command-input\"\n        />\n      </div>\n    )\n  },\n)\nCommandInput.displayName = CommandPrimitive.Input.displayName ?? 'CommandInput'\n\nconst CommandList = React.forwardRef<HTMLDivElement, CommandListProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...listProps } = extractProps(props, commandListPropDefs)\n\n    return (\n      <CommandPrimitive.List\n        {...listProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__list dsx-scroll-area', className)}\n        data-slot=\"command-list\"\n      />\n    )\n  },\n)\nCommandList.displayName = CommandPrimitive.List.displayName ?? 'CommandList'\n\nconst CommandEmpty = React.forwardRef<HTMLDivElement, CommandEmptyProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...emptyProps } = extractProps(props, commandEmptyPropDefs)\n\n    return (\n      <CommandPrimitive.Empty\n        {...emptyProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__empty', className)}\n        data-slot=\"command-empty\"\n      />\n    )\n  },\n)\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName ?? 'CommandEmpty'\n\nconst CommandGroup = React.forwardRef<HTMLDivElement, CommandGroupProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, heading, ...groupProps } = extractProps(props, commandGroupPropDefs)\n\n    return (\n      <CommandPrimitive.Group\n        {...groupProps}\n        heading={heading}\n        ref={forwardedRef}\n        className={classNames('dsx-command__group', className)}\n        data-slot=\"command-group\"\n        data-section={typeof heading === 'string' ? heading.toLowerCase().replace(/\\s+/g, '-') : undefined}\n      />\n    )\n  },\n)\nCommandGroup.displayName = CommandPrimitive.Group.displayName ?? 'CommandGroup'\n\nconst CommandSeparator = React.forwardRef<HTMLDivElement, CommandSeparatorProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...separatorProps } = extractProps(props, commandSeparatorPropDefs)\n\n    return (\n      <CommandPrimitive.Separator\n        {...separatorProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__separator dsx-separator', className)}\n        data-slot=\"command-separator\"\n      />\n    )\n  },\n)\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName ?? 'CommandSeparator'\n\nconst CommandItem = React.forwardRef<HTMLDivElement, CommandItemProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...itemProps } = extractProps(props, commandItemPropDefs)\n\n    return (\n      <CommandPrimitive.Item\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__item', className)}\n        data-slot=\"command-item\"\n      />\n    )\n  },\n)\nCommandItem.displayName = CommandPrimitive.Item.displayName ?? 'CommandItem'\n\nconst CommandShortcut = React.forwardRef<HTMLElement, CommandShortcutProps>((props, forwardedRef) => {\n  const { asChild, className, ...shortcutProps } = extractProps(props, commandShortcutPropDefs)\n  const Comp = asChild ? Slot : Kbd\n\n  return (\n    <Comp\n      {...shortcutProps}\n      ref={forwardedRef}\n      className={classNames('dsx-command__shortcut', className)}\n      data-slot=\"command-shortcut\"\n    />\n  )\n})\nCommandShortcut.displayName = 'CommandShortcut'\n\nconst CommandLoading = React.forwardRef<HTMLDivElement, CommandLoadingProps>((props, forwardedRef) => {\n  const { asChild, className, label = 'Loading', ...loadingProps } = extractProps(props, commandLoadingPropDefs)\n\n  if (asChild) {\n    return (\n      <Slot {...loadingProps} ref={forwardedRef} className={classNames('dsx-command__loading', className)} data-slot=\"command-loading\" />\n    )\n  }\n\n  return (\n    <div\n      {...loadingProps}\n      ref={forwardedRef}\n      className={classNames('dsx-command__loading', className)}\n      data-slot=\"command-loading\"\n    >\n      <Spinner size=\"sm\" label={label} />\n    </div>\n  )\n})\nCommandLoading.displayName = 'CommandLoading'\n\nconst CommandMenu: typeof Command & {\n  Dialog: typeof CommandDialog\n  Empty: typeof CommandEmpty\n  Group: typeof CommandGroup\n  Input: typeof CommandInput\n  Item: typeof CommandItem\n  List: typeof CommandList\n  Loading: typeof CommandLoading\n  Separator: typeof CommandSeparator\n  Shortcut: typeof CommandShortcut\n} = Object.assign(Command, {\n  Dialog: CommandDialog,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Input: CommandInput,\n  Item: CommandItem,\n  List: CommandList,\n  Loading: CommandLoading,\n  Separator: CommandSeparator,\n  Shortcut: CommandShortcut,\n})\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandLoading,\n  CommandMenu,\n  CommandRegistryProvider,\n  CommandSeparator,\n  CommandShortcut,\n  useCommandRegistry,\n  useCommandShortcut,\n}\nexport type {\n  CommandDialogProps,\n  CommandEmptyProps,\n  CommandGroupProps,\n  CommandInputProps,\n  CommandItemProps,\n  CommandListProps,\n  CommandLoadingProps,\n  CommandProps,\n  CommandRegistryItem,\n  CommandRegistryValue,\n  CommandSeparatorProps,\n  CommandShortcutProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { Spinner } from '../spinner/Spinner'\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from '../dialog/Dialog'\nimport { Kbd } from '../kbd/Kbd'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport {\n  commandDialogPropDefs,\n  commandEmptyPropDefs,\n  commandGroupPropDefs,\n  commandInputPropDefs,\n  commandItemPropDefs,\n  commandListPropDefs,\n  commandLoadingPropDefs,\n  commandPropDefs,\n  commandSeparatorPropDefs,\n  commandShortcutPropDefs,\n} from './command.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\n// ---------------------------------------------------------------------------\n// Command Registry\n// ---------------------------------------------------------------------------\n\ntype CommandRegistryItem = {\n  id: string\n  label: string\n  shortcut?: string\n  icon?: React.ReactNode\n  action?: () => void\n  keywords?: string[]\n  section?: string\n}\n\ntype CommandRegistryValue = {\n  commands: CommandRegistryItem[]\n  register: (command: CommandRegistryItem) => void\n  unregister: (id: string) => void\n}\n\nconst CommandRegistryContext = React.createContext<CommandRegistryValue | null>(null)\n\nfunction useCommandRegistry() {\n  const ctx = React.useContext(CommandRegistryContext)\n  if (!ctx) {\n    return {\n      commands: [],\n      register: () => {},\n      unregister: () => {},\n    }\n  }\n  return ctx\n}\n\nfunction CommandRegistryProvider({ children }: { children: React.ReactNode }) {\n  const [commands, setCommands] = React.useState<CommandRegistryItem[]>([])\n\n  const register = React.useCallback((command: CommandRegistryItem) => {\n    setCommands((prev) => {\n      if (prev.some((c) => c.id === command.id)) return prev\n      return [...prev, command]\n    })\n  }, [])\n\n  const unregister = React.useCallback((id: string) => {\n    setCommands((prev) => prev.filter((c) => c.id !== id))\n  }, [])\n\n  const value = React.useMemo(() => ({ commands, register, unregister }), [commands, register, unregister])\n\n  return (\n    <CommandRegistryContext.Provider value={value}>\n      {children}\n    </CommandRegistryContext.Provider>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Keyboard Shortcut Hook\n// ---------------------------------------------------------------------------\n\nfunction normalizeShortcut(shortcut: string): string {\n  return shortcut\n    .toLowerCase()\n    .split('+')\n    .map((part) => part.trim())\n    .sort((a, b) => {\n      const order = ['meta', 'ctrl', 'alt', 'shift']\n      const ai = order.indexOf(a)\n      const bi = order.indexOf(b)\n      if (ai !== -1 && bi !== -1) return ai - bi\n      if (ai !== -1) return -1\n      if (bi !== -1) return 1\n      return a.localeCompare(b)\n    })\n    .join('+')\n}\n\nfunction useCommandShortcut(\n  shortcut: string,\n  action: (event: KeyboardEvent) => void,\n  options?: { preventDefault?: boolean },\n) {\n  const { preventDefault = true } = options ?? {}\n\n  React.useEffect(() => {\n    const normalized = normalizeShortcut(shortcut)\n    const parts = normalized.split('+')\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const expectMeta = parts.includes('meta')\n      const expectCtrl = parts.includes('ctrl')\n      const expectAlt = parts.includes('alt')\n      const expectShift = parts.includes('shift')\n\n      const hasMeta = expectMeta ? event.metaKey : !event.metaKey\n      const hasCtrl = expectCtrl ? event.ctrlKey : !event.ctrlKey\n      const hasAlt = expectAlt ? event.altKey : !event.altKey\n      const hasShift = expectShift ? event.shiftKey : !event.shiftKey\n\n      const key = event.key.toLowerCase()\n      const expectKey = parts.find((p) => !['meta', 'ctrl', 'alt', 'shift'].includes(p))\n\n      if (hasMeta && hasCtrl && hasAlt && hasShift && expectKey && key === expectKey) {\n        if (preventDefault) event.preventDefault()\n        action(event)\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [shortcut, action, preventDefault])\n}\n\ntype CommandOwnProps = GetPropDefTypes<typeof commandPropDefs>\ntype CommandInputOwnProps = GetPropDefTypes<typeof commandInputPropDefs> & { wrapperClassName?: string }\ntype CommandListOwnProps = GetPropDefTypes<typeof commandListPropDefs>\ntype CommandEmptyOwnProps = GetPropDefTypes<typeof commandEmptyPropDefs>\ntype CommandGroupOwnProps = GetPropDefTypes<typeof commandGroupPropDefs>\ntype CommandSeparatorOwnProps = GetPropDefTypes<typeof commandSeparatorPropDefs>\ntype CommandItemOwnProps = GetPropDefTypes<typeof commandItemPropDefs>\ntype CommandShortcutOwnProps = GetPropDefTypes<typeof commandShortcutPropDefs>\ntype CommandLoadingOwnProps = GetPropDefTypes<typeof commandLoadingPropDefs> & { label?: string }\n\ntype CommandProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive> & CommandOwnProps\ntype CommandDialogProps = React.ComponentPropsWithoutRef<typeof Dialog> & GetPropDefTypes<typeof commandDialogPropDefs> & {\n  shortcut?: string | false\n}\ntype CommandInputProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & CommandInputOwnProps\ntype CommandListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & CommandListOwnProps\ntype CommandEmptyProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> & CommandEmptyOwnProps\ntype CommandGroupProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> & CommandGroupOwnProps\ntype CommandSeparatorProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> & CommandSeparatorOwnProps\ntype CommandItemProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> & CommandItemOwnProps\ntype CommandShortcutProps = React.HTMLAttributes<HTMLElement> & CommandShortcutOwnProps\ntype CommandLoadingProps = React.HTMLAttributes<HTMLDivElement> & CommandLoadingOwnProps\n\nconst Command = React.forwardRef<HTMLDivElement, CommandProps>((props, forwardedRef) => {\n  const { asChild: _asChild, className, size = 'md', ...commandProps } = extractProps(props, commandPropDefs)\n\n  return (\n    <CommandPrimitive\n      {...commandProps}\n      ref={forwardedRef}\n      className={classNames('dsx-command', className)}\n      data-size={size}\n      data-slot=\"command\"\n    />\n  )\n})\nCommand.displayName = CommandPrimitive.displayName ?? 'Command'\n\nfunction CommandDialog({ children, shortcut = 'meta+k', ...props }: CommandDialogProps) {\n  const [internalOpen, setInternalOpen] = React.useState(false)\n  const isControlled = 'open' in props\n  const { title = 'Command menu', description, ...dialogProps } = extractProps(props, commandDialogPropDefs)\n  const open = isControlled ? (dialogProps.open as boolean) : internalOpen\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen)\n      }\n      dialogProps.onOpenChange?.(nextOpen)\n    },\n    [isControlled, dialogProps.onOpenChange],\n  )\n\n  const toggleOpen = React.useCallback(\n    () => {\n      setOpen(!open)\n    },\n    [open, setOpen],\n  )\n\n  if (shortcut !== false) {\n    useCommandShortcut(shortcut, toggleOpen)\n  }\n\n  return (\n    <CommandRegistryProvider>\n      <Dialog {...dialogProps} open={open} onOpenChange={setOpen}>\n        <DialogContent>\n          <VisuallyHidden asChild>\n            <DialogTitle>{title}</DialogTitle>\n          </VisuallyHidden>\n          {description ? (\n            <VisuallyHidden asChild>\n              <DialogDescription>{description}</DialogDescription>\n            </VisuallyHidden>\n          ) : null}\n          <Command>{children}</Command>\n        </DialogContent>\n      </Dialog>\n    </CommandRegistryProvider>\n  )\n}\nCommandDialog.displayName = 'CommandDialog'\n\nconst CommandInput = React.forwardRef<HTMLInputElement, CommandInputProps>(\n  ({ wrapperClassName, ...props }, forwardedRef) => {\n    const { asChild: _asChild, className, ...inputProps } = extractProps(props, commandInputPropDefs)\n\n    return (\n      <div\n        className={classNames('dsx-command__input-wrapper', wrapperClassName)}\n        data-slot=\"command-input-wrapper\"\n        cmdk-input-wrapper=\"\"\n      >\n        <Icon name=\"search\" size=\"sm\" className=\"dsx-command__input-icon\" data-slot=\"command-input-icon\" />\n        <CommandPrimitive.Input\n          {...inputProps}\n          ref={forwardedRef}\n          className={classNames('dsx-command__input dsx-input', className)}\n          data-slot=\"command-input\"\n        />\n      </div>\n    )\n  },\n)\nCommandInput.displayName = CommandPrimitive.Input.displayName ?? 'CommandInput'\n\nconst CommandList = React.forwardRef<HTMLDivElement, CommandListProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...listProps } = extractProps(props, commandListPropDefs)\n\n    return (\n      <CommandPrimitive.List\n        {...listProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__list', className)}\n        data-slot=\"command-list\"\n      />\n    )\n  },\n)\nCommandList.displayName = CommandPrimitive.List.displayName ?? 'CommandList'\n\nconst CommandEmpty = React.forwardRef<HTMLDivElement, CommandEmptyProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...emptyProps } = extractProps(props, commandEmptyPropDefs)\n\n    return (\n      <CommandPrimitive.Empty\n        {...emptyProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__empty', className)}\n        data-slot=\"command-empty\"\n      />\n    )\n  },\n)\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName ?? 'CommandEmpty'\n\nconst CommandGroup = React.forwardRef<HTMLDivElement, CommandGroupProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, heading, ...groupProps } = extractProps(props, commandGroupPropDefs)\n\n    return (\n      <CommandPrimitive.Group\n        {...groupProps}\n        heading={heading}\n        ref={forwardedRef}\n        className={classNames('dsx-command__group', className)}\n        data-slot=\"command-group\"\n        data-section={typeof heading === 'string' ? heading.toLowerCase().replace(/\\s+/g, '-') : undefined}\n      />\n    )\n  },\n)\nCommandGroup.displayName = CommandPrimitive.Group.displayName ?? 'CommandGroup'\n\nconst CommandSeparator = React.forwardRef<HTMLDivElement, CommandSeparatorProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...separatorProps } = extractProps(props, commandSeparatorPropDefs)\n\n    return (\n      <CommandPrimitive.Separator\n        {...separatorProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__separator dsx-separator', className)}\n        data-slot=\"command-separator\"\n      />\n    )\n  },\n)\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName ?? 'CommandSeparator'\n\nconst CommandItem = React.forwardRef<HTMLDivElement, CommandItemProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...itemProps } = extractProps(props, commandItemPropDefs)\n\n    return (\n      <CommandPrimitive.Item\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('dsx-command__item', className)}\n        data-slot=\"command-item\"\n      />\n    )\n  },\n)\nCommandItem.displayName = CommandPrimitive.Item.displayName ?? 'CommandItem'\n\nconst CommandShortcut = React.forwardRef<HTMLElement, CommandShortcutProps>((props, forwardedRef) => {\n  const { asChild, className, ...shortcutProps } = extractProps(props, commandShortcutPropDefs)\n  const Comp = asChild ? Slot : Kbd\n\n  return (\n    <Comp\n      {...shortcutProps}\n      ref={forwardedRef}\n      className={classNames('dsx-command__shortcut', className)}\n      data-slot=\"command-shortcut\"\n    />\n  )\n})\nCommandShortcut.displayName = 'CommandShortcut'\n\nconst CommandLoading = React.forwardRef<HTMLDivElement, CommandLoadingProps>((props, forwardedRef) => {\n  const { asChild, className, label = 'Loading', ...loadingProps } = extractProps(props, commandLoadingPropDefs)\n\n  if (asChild) {\n    return (\n      <Slot {...loadingProps} ref={forwardedRef} className={classNames('dsx-command__loading', className)} data-slot=\"command-loading\" />\n    )\n  }\n\n  return (\n    <div\n      {...loadingProps}\n      ref={forwardedRef}\n      className={classNames('dsx-command__loading', className)}\n      data-slot=\"command-loading\"\n    >\n      <Spinner size=\"sm\" label={label} />\n    </div>\n  )\n})\nCommandLoading.displayName = 'CommandLoading'\n\nconst CommandMenu: typeof Command & {\n  Dialog: typeof CommandDialog\n  Empty: typeof CommandEmpty\n  Group: typeof CommandGroup\n  Input: typeof CommandInput\n  Item: typeof CommandItem\n  List: typeof CommandList\n  Loading: typeof CommandLoading\n  Separator: typeof CommandSeparator\n  Shortcut: typeof CommandShortcut\n} = Object.assign(Command, {\n  Dialog: CommandDialog,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Input: CommandInput,\n  Item: CommandItem,\n  List: CommandList,\n  Loading: CommandLoading,\n  Separator: CommandSeparator,\n  Shortcut: CommandShortcut,\n})\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandLoading,\n  CommandMenu,\n  CommandRegistryProvider,\n  CommandSeparator,\n  CommandShortcut,\n  useCommandRegistry,\n  useCommandShortcut,\n}\nexport type {\n  CommandDialogProps,\n  CommandEmptyProps,\n  CommandGroupProps,\n  CommandInputProps,\n  CommandItemProps,\n  CommandListProps,\n  CommandLoadingProps,\n  CommandProps,\n  CommandRegistryItem,\n  CommandRegistryValue,\n  CommandSeparatorProps,\n  CommandShortcutProps,\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,QAAQ,eAAe,mBAAmB,mBAAmB;AACtE,SAAS,WAAW;AACpB,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAuDH,cAmII,YAnIJ;AA/BJ,MAAM,yBAAyB,MAAM,cAA2C,IAAI;AAEpF,SAAS,qBAAqB;AAC5B,QAAM,MAAM,MAAM,WAAW,sBAAsB;AACnD,MAAI,CAAC,KAAK;AACR,WAAO;AAAA,MACL,UAAU,CAAC;AAAA,MACX,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,YAAY,MAAM;AAAA,MAAC;AAAA,IACrB;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,wBAAwB,EAAE,SAAS,GAAkC;AAC5E,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAgC,CAAC,CAAC;AAExE,QAAM,WAAW,MAAM,YAAY,CAAC,YAAiC;AACnE,gBAAY,CAAC,SAAS;AACpB,UAAI,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,QAAQ,EAAE,EAAG,QAAO;AAClD,aAAO,CAAC,GAAG,MAAM,OAAO;AAAA,IAC1B,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,MAAM,YAAY,CAAC,OAAe;AACnD,gBAAY,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,EACvD,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,MAAM,QAAQ,OAAO,EAAE,UAAU,UAAU,WAAW,IAAI,CAAC,UAAU,UAAU,UAAU,CAAC;AAExG,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAC9B,UACH;AAEJ;AAMA,SAAS,kBAAkB,UAA0B;AACnD,SAAO,SACJ,YAAY,EACZ,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,EACzB,KAAK,CAAC,GAAG,MAAM;AACd,UAAM,QAAQ,CAAC,QAAQ,QAAQ,OAAO,OAAO;AAC7C,UAAM,KAAK,MAAM,QAAQ,CAAC;AAC1B,UAAM,KAAK,MAAM,QAAQ,CAAC;AAC1B,QAAI,OAAO,MAAM,OAAO,GAAI,QAAO,KAAK;AACxC,QAAI,OAAO,GAAI,QAAO;AACtB,QAAI,OAAO,GAAI,QAAO;AACtB,WAAO,EAAE,cAAc,CAAC;AAAA,EAC1B,CAAC,EACA,KAAK,GAAG;AACb;AAEA,SAAS,mBACP,UACA,QACA,SACA;AACA,QAAM,EAAE,iBAAiB,KAAK,IAAI,WAAW,CAAC;AAE9C,QAAM,UAAU,MAAM;AACpB,UAAM,aAAa,kBAAkB,QAAQ;AAC7C,UAAM,QAAQ,WAAW,MAAM,GAAG;AAElC,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,YAAM,aAAa,MAAM,SAAS,MAAM;AACxC,YAAM,aAAa,MAAM,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,SAAS,KAAK;AACtC,YAAM,cAAc,MAAM,SAAS,OAAO;AAE1C,YAAM,UAAU,aAAa,MAAM,UAAU,CAAC,MAAM;AACpD,YAAM,UAAU,aAAa,MAAM,UAAU,CAAC,MAAM;AACpD,YAAM,SAAS,YAAY,MAAM,SAAS,CAAC,MAAM;AACjD,YAAM,WAAW,cAAc,MAAM,WAAW,CAAC,MAAM;AAEvD,YAAM,MAAM,MAAM,IAAI,YAAY;AAClC,YAAM,YAAY,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,QAAQ,OAAO,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjF,UAAI,WAAW,WAAW,UAAU,YAAY,aAAa,QAAQ,WAAW;AAC9E,YAAI,eAAgB,OAAM,eAAe;AACzC,eAAO,KAAK;AAAA,MACd;AAAA,IACF;AAEA,aAAS,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,EACpE,GAAG,CAAC,UAAU,QAAQ,cAAc,CAAC;AACvC;AAyBA,MAAM,UAAU,MAAM,WAAyC,CAAC,OAAO,iBAAiB;AACtF,QAAM,EAAE,SAAS,UAAU,WAAW,OAAO,MAAM,GAAG,aAAa,IAAI,aAAa,OAAO,eAAe;AAE1G,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,eAAe,SAAS;AAAA,MAC9C,aAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ,CAAC;AACD,QAAQ,cAAc,iBAAiB,eAAe;AAEtD,SAAS,cAAc,EAAE,UAAU,WAAW,UAAU,GAAG,MAAM,GAAuB;AACtF,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAC5D,QAAM,eAAe,UAAU;AAC/B,QAAM,EAAE,QAAQ,gBAAgB,aAAa,GAAG,YAAY,IAAI,aAAa,OAAO,qBAAqB;AACzG,QAAM,OAAO,eAAgB,YAAY,OAAmB;AAE5D,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,aAAsB;AACrB,UAAI,CAAC,cAAc;AACjB,wBAAgB,QAAQ;AAAA,MAC1B;AACA,kBAAY,eAAe,QAAQ;AAAA,IACrC;AAAA,IACA,CAAC,cAAc,YAAY,YAAY;AAAA,EACzC;AAEA,QAAM,aAAa,MAAM;AAAA,IACvB,MAAM;AACJ,cAAQ,CAAC,IAAI;AAAA,IACf;AAAA,IACA,CAAC,MAAM,OAAO;AAAA,EAChB;AAEA,MAAI,aAAa,OAAO;AACtB,uBAAmB,UAAU,UAAU;AAAA,EACzC;AAEA,SACE,oBAAC,2BACC,8BAAC,UAAQ,GAAG,aAAa,MAAY,cAAc,SACjD,+BAAC,iBACC;AAAA,wBAAC,kBAAe,SAAO,MACrB,8BAAC,eAAa,iBAAM,GACtB;AAAA,IACC,cACC,oBAAC,kBAAe,SAAO,MACrB,8BAAC,qBAAmB,uBAAY,GAClC,IACE;AAAA,IACJ,oBAAC,WAAS,UAAS;AAAA,KACrB,GACF,GACF;AAEJ;AACA,cAAc,cAAc;AAE5B,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,EAAE,kBAAkB,GAAG,MAAM,GAAG,iBAAiB;AAChD,UAAM,EAAE,SAAS,UAAU,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,oBAAoB;AAEhG,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,8BAA8B,gBAAgB;AAAA,QACpE,aAAU;AAAA,QACV,sBAAmB;AAAA,QAEnB;AAAA,8BAAC,QAAK,MAAK,UAAS,MAAK,MAAK,WAAU,2BAA0B,aAAU,sBAAqB;AAAA,UACjG;AAAA,YAAC,iBAAiB;AAAA,YAAjB;AAAA,cACE,GAAG;AAAA,cACJ,KAAK;AAAA,cACL,WAAW,WAAW,gCAAgC,SAAS;AAAA,cAC/D,aAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc,iBAAiB,MAAM,eAAe;AAEjE,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,UAAU,WAAW,GAAG,UAAU,IAAI,aAAa,OAAO,mBAAmB;AAE9F,WACE;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,qBAAqB,SAAS;AAAA,QACpD,aAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACF;AACA,YAAY,cAAc,iBAAiB,KAAK,eAAe;AAE/D,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,UAAU,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,oBAAoB;AAEhG,WACE;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,sBAAsB,SAAS;AAAA,QACrD,aAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACF;AACA,aAAa,cAAc,iBAAiB,MAAM,eAAe;AAEjE,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,UAAU,WAAW,SAAS,GAAG,WAAW,IAAI,aAAa,OAAO,oBAAoB;AAEzG,WACE;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,KAAK;AAAA,QACL,WAAW,WAAW,sBAAsB,SAAS;AAAA,QACrD,aAAU;AAAA,QACV,gBAAc,OAAO,YAAY,WAAW,QAAQ,YAAY,EAAE,QAAQ,QAAQ,GAAG,IAAI;AAAA;AAAA,IAC3F;AAAA,EAEJ;AACF;AACA,aAAa,cAAc,iBAAiB,MAAM,eAAe;AAEjE,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,UAAU,WAAW,GAAG,eAAe,IAAI,aAAa,OAAO,wBAAwB;AAExG,WACE;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,wCAAwC,SAAS;AAAA,QACvE,aAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc,iBAAiB,UAAU,eAAe;AAEzE,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,UAAU,WAAW,GAAG,UAAU,IAAI,aAAa,OAAO,mBAAmB;AAE9F,WACE;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,qBAAqB,SAAS;AAAA,QACpD,aAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACF;AACA,YAAY,cAAc,iBAAiB,KAAK,eAAe;AAE/D,MAAM,kBAAkB,MAAM,WAA8C,CAAC,OAAO,iBAAiB;AACnG,QAAM,EAAE,SAAS,WAAW,GAAG,cAAc,IAAI,aAAa,OAAO,uBAAuB;AAC5F,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,yBAAyB,SAAS;AAAA,MACxD,aAAU;AAAA;AAAA,EACZ;AAEJ,CAAC;AACD,gBAAgB,cAAc;AAE9B,MAAM,iBAAiB,MAAM,WAAgD,CAAC,OAAO,iBAAiB;AACpG,QAAM,EAAE,SAAS,WAAW,QAAQ,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,sBAAsB;AAE7G,MAAI,SAAS;AACX,WACE,oBAAC,QAAM,GAAG,cAAc,KAAK,cAAc,WAAW,WAAW,wBAAwB,SAAS,GAAG,aAAU,mBAAkB;AAAA,EAErI;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,wBAAwB,SAAS;AAAA,MACvD,aAAU;AAAA,MAEV,8BAAC,WAAQ,MAAK,MAAK,OAAc;AAAA;AAAA,EACnC;AAEJ,CAAC;AACD,eAAe,cAAc;AAE7B,MAAM,cAUF,OAAO,OAAO,SAAS;AAAA,EACzB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AACZ,CAAC;",
   "names": []
 }

package/dist/components/command.css CHANGED Viewed

@@ -59,7 +59,6 @@
 .dsx-command__group [cmdk-group-heading] {
   margin-top: var(--dsx-space-md);
   padding: var(--dsx-space-xs) var(--dsx-space-sm);
-  border-top: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
   font-family: var(--dsx-typography-label-small-font-family), sans-serif;
   font-size: var(--dsx-typography-label-small-font-size);
   font-weight: var(--dsx-typography-label-small-font-weight);
@@ -82,7 +81,6 @@
 .dsx-command__group-heading {
   margin-top: var(--dsx-space-md);
   padding: var(--dsx-space-xs) var(--dsx-space-sm);
-  border-top: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
   font-size: var(--dsx-typography-label-small-font-size);
   font-family: var(--dsx-typography-label-small-font-family), sans-serif;
   font-weight: var(--dsx-typography-label-small-font-weight);

package/dist/components/comment-thread.css CHANGED Viewed

@@ -1,12 +1,20 @@
-.dsx-comment-thread { display: grid; gap: var(--dsx-space-md); }
-.dsx-comment-thread__comment { display: grid; grid-template-columns: auto 1fr; gap: var(--dsx-space-sm); padding: var(--dsx-space-md); border-block-end: var(--dsx-border-width-sm) solid var(--dsx-color-outline); }
+.dsx-comment-thread { display: grid; gap: var(--dsx-space-md); min-width: 0; }
+.dsx-comment-thread__comment { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--dsx-space-sm); padding: var(--dsx-space-md); border-block-end: var(--dsx-border-width-sm) solid var(--dsx-color-outline); min-width: 0; overflow-wrap: anywhere; }
 .dsx-comment-thread__avatar { display: inline-flex; align-items: center; justify-content: center; width: var(--dsx-size-xl); height: var(--dsx-size-xl); overflow: hidden; border-radius: var(--dsx-rounded-full); background: var(--dsx-color-surface); color: var(--dsx-color-on-surface-variant); }
 .dsx-comment-thread__avatar img { width: 100%; height: 100%; object-fit: cover; }
-.dsx-comment-thread__comment header { display: flex; align-items: baseline; gap: var(--dsx-space-sm); }
+.dsx-comment-thread__comment header { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--dsx-space-sm); min-width: 0; }
+.dsx-comment-thread__comment :where(header > *) { min-width: 0; }
 .dsx-comment-thread__comment time { color: var(--dsx-color-on-surface-variant); }
-.dsx-comment-thread__body, .dsx-comment-thread__actions { grid-column: 2; }
-.dsx-comment-thread__actions { display: flex; gap: var(--dsx-space-sm); }
+.dsx-comment-thread__body, .dsx-comment-thread__actions { grid-column: 2; min-width: 0; }
+.dsx-comment-thread__actions { display: flex; flex-wrap: wrap; gap: var(--dsx-space-sm); }
 .dsx-comment-thread__replies { margin-inline-start: var(--dsx-space-xl); }
 .dsx-comment-thread__tombstone, .dsx-comment-thread__locked { padding: var(--dsx-space-md); color: var(--dsx-color-on-surface-variant); background: var(--dsx-color-surface-sunken); }
-.dsx-comment-thread__composer { display: grid; gap: var(--dsx-space-sm); }
-.dsx-comment-thread__composer textarea { min-height: var(--dsx-size-4xl); padding: var(--dsx-space-md); border: var(--dsx-border-width-sm) solid var(--dsx-color-outline); border-radius: var(--dsx-rounded-md); background: var(--dsx-color-surface-sunken); color: var(--dsx-color-on-surface); }
+.dsx-comment-thread__composer { display: grid; gap: var(--dsx-space-sm); min-width: 0; }
+.dsx-comment-thread__composer :where(textarea) { box-sizing: border-box; width: 100%; min-width: 0; min-height: var(--dsx-size-4xl); padding: var(--dsx-space-md); border: var(--dsx-border-width-sm) solid var(--dsx-color-outline); border-radius: var(--dsx-rounded-md); background: var(--dsx-color-surface-sunken); color: var(--dsx-color-on-surface); font-family: var(--dsx-typography-body-medium-font-family), sans-serif; font-size: var(--dsx-typography-body-medium-font-size); font-weight: var(--dsx-typography-body-medium-font-weight); line-height: var(--dsx-typography-body-medium-line-height); resize: vertical; }
+.dsx-comment-thread__composer :where(textarea:focus-visible) { outline: none; border-color: var(--dsx-color-accent-indicator); box-shadow: var(--dsx-shadow-focus-ring); }
+.dsx-comment-thread__composer :where(textarea:disabled) { background: var(--dsx-color-disabled-surface); color: var(--dsx-color-disabled-text); border-color: var(--dsx-color-disabled-border); cursor: var(--dsx-cursor-disabled, not-allowed); }
+.dsx-comment-thread__count { color: var(--dsx-color-on-surface-variant); font-size: var(--dsx-typography-body-small-font-size); }
+.dsx-comment-thread__submit { justify-self: start; max-width: 100%; }
+.dsx-comment-thread__actions .dsx-button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
+.dsx-comment-thread__actions .dsx-button__content { min-width: 0; }

package/dist/components/commentThread/CommentThread.cjs CHANGED Viewed

@@ -39,39 +39,67 @@ __export(CommentThread_exports, {
 module.exports = __toCommonJS(CommentThread_exports);
 var React = __toESM(require("react"), 1);
 var import_classnames = __toESM(require("classnames"), 1);
+var import_Button = require("../button/Button");
 var import_jsx_runtime = require("react/jsx-runtime");
-const Comment = React.forwardRef(({ author, avatarSrc, badge, dateTime, timeLabel, actions, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { ...props, ref, className: (0, import_classnames.default)("dsx-comment-thread__comment", className), children: [
+const Comment = React.forwardRef(({ author, avatarSrc, badge, dateTime, timeLabel, actions, metadata, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { ...props, ref, className: (0, import_classnames.default)("dsx-comment-thread__comment", className), children: [
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-comment-thread__avatar", children: avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: avatarSrc, alt: "" }) : author.split(/\s+/).map((part) => part[0]).join("").slice(0, 2).toUpperCase() }),
   /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: author }),
     badge,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", { dateTime, children: timeLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", { dateTime, children: timeLabel }),
+    metadata
   ] }),
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-comment-thread__body", children }),
   actions ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-comment-thread__actions", children: actions }) : null
 ] }));
 Comment.displayName = "CommentThreadComment";
 const ReplyDepthContext = React.createContext(0);
-const Replies = React.forwardRef(({ className, children, ...props }, ref) => {
+const Replies = React.forwardRef(({ className, children, limit, expanded: expandedProp, onExpandedChange, moreLabel, ...props }, ref) => {
+  const [localExpanded, setLocalExpanded] = React.useState(false);
+  const expanded = expandedProp ?? localExpanded;
+  const all = React.Children.toArray(children);
+  const visible = limit == null || expanded ? all : all.slice(0, Math.max(0, limit));
+  const remaining = all.length - visible.length;
   const depth = React.useContext(ReplyDepthContext);
   if (depth >= 1) throw new Error("CommentThread supports one reply level.");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReplyDepthContext.Provider, { value: depth + 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, ref, role: props.role ?? "group", className: (0, import_classnames.default)("dsx-comment-thread__replies", className), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReplyDepthContext.Provider, { value: depth + 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...props, ref, role: props.role ?? "group", className: (0, import_classnames.default)("dsx-comment-thread__replies", className), children: [
+    visible,
+    remaining > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "button", size: "lg", variant: "ghost", onClick: () => {
+      setLocalExpanded(true);
+      onExpandedChange?.(true);
+    }, children: moreLabel?.(remaining) ?? `Show ${remaining} more replies` }) : null
+  ] }) });
 });
 Replies.displayName = "CommentThreadReplies";
-const Tombstone = React.forwardRef(({ children = "Comment removed", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, ref, className: (0, import_classnames.default)("dsx-comment-thread__tombstone", className), role: "status", "data-removed": "true", children }));
+const Tombstone = React.forwardRef(({ children, state = "removed", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, ref, className: (0, import_classnames.default)("dsx-comment-thread__tombstone", className), role: "status", "data-removed": "true", "data-state": state, children: children ?? `Comment ${state}` }));
 Tombstone.displayName = "CommentThreadTombstone";
-const Composer = React.forwardRef(({ value, onValueChange, onSubmit, maxLength = 2e3, submitting, locked, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { ...props, ref, className: (0, import_classnames.default)("dsx-comment-thread__composer", className), "aria-busy": submitting || void 0, onSubmit: (event) => {
-  event.preventDefault();
-  if (!locked && !submitting && value.trim()) onSubmit?.();
-}, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { value, maxLength, disabled: locked || submitting, onChange: (event) => onValueChange(event.currentTarget.value), "aria-label": "Comment" }),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { "aria-live": "polite", children: [
-    value.length,
-    "/",
-    maxLength
-  ] }),
-  children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "submit", disabled: locked || submitting || !value.trim(), children: submitting ? "Submitting\u2026" : "Comment" })
-] }));
+const Composer = React.forwardRef(({ value, onValueChange, onSubmit, maxLength = 2e3, submitting, locked, label = "Comment", error, status, input, actions, className, children, ...props }, ref) => {
+  const id = React.useId();
+  const countId = `${id}-count`;
+  const errorId = `${id}-error`;
+  const statusId = `${id}-status`;
+  const invalid = Boolean(error) || value.length > maxLength;
+  const disabled = Boolean(locked || submitting);
+  const describedBy = [countId, error ? errorId : "", status ? statusId : ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { ...props, ref, className: (0, import_classnames.default)("dsx-comment-thread__composer", className), "aria-busy": submitting || void 0, onSubmit: (event) => {
+    event.preventDefault();
+    if (!disabled && !invalid && value.trim()) onSubmit?.();
+  }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { id: `${id}-label`, htmlFor: id, children: label }),
+    input ? input({ id, value, onValueChange, maxLength, disabled, describedBy, invalid }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { id, value, maxLength, disabled, onChange: (event) => onValueChange(event.currentTarget.value), "aria-invalid": invalid || void 0, "aria-describedby": describedBy }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { id: countId, className: "dsx-comment-thread__count", "aria-live": "polite", children: [
+      value.length,
+      "/",
+      maxLength
+    ] }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: errorId, role: "alert", children: error }) : null,
+    status ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: statusId, role: "status", children: status }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-comment-thread__actions", children: [
+      actions,
+      children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { className: "dsx-comment-thread__submit", type: "submit", size: "lg", disabled: disabled || invalid || !value.trim(), children: submitting ? "Submitting\u2026" : "Comment" })
+    ] })
+  ] });
+});
 Composer.displayName = "CommentThreadComposer";
 const Locked = React.forwardRef(({ children = "Comments are locked", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, ref, className: (0, import_classnames.default)("dsx-comment-thread__locked", className), role: "status", children }));
 Locked.displayName = "CommentThreadLocked";

package/dist/components/commentThread/CommentThread.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/commentThread/CommentThread.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport type { CommentProps, CommentThreadRootProps, ComposerProps } from './commentThread.props'\n\nconst Comment = React.forwardRef<HTMLElement, CommentProps>(({ author, avatarSrc, badge, dateTime, timeLabel, actions, className, children, ...props }, ref) => <article {...props} ref={ref} className={classNames('dsx-comment-thread__comment', className)}><div className=\"dsx-comment-thread__avatar\">{avatarSrc ? <img src={avatarSrc} alt=\"\" /> : author.split(/\\s+/).map((part) => part[0]).join('').slice(0, 2).toUpperCase()}</div><header><strong>{author}</strong>{badge}<time dateTime={dateTime}>{timeLabel}</time></header><div className=\"dsx-comment-thread__body\">{children}</div>{actions ? <div className=\"dsx-comment-thread__actions\">{actions}</div> : null}</article>)\nComment.displayName = 'CommentThreadComment'\nconst ReplyDepthContext = React.createContext(0)\nconst Replies = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, children, ...props }, ref) => {\n  const depth = React.useContext(ReplyDepthContext)\n  if (depth >= 1) throw new Error('CommentThread supports one reply level.')\n  return <ReplyDepthContext.Provider value={depth + 1}><div {...props} ref={ref} role={props.role ?? 'group'} className={classNames('dsx-comment-thread__replies', className)}>{children}</div></ReplyDepthContext.Provider>\n})\nReplies.displayName = 'CommentThreadReplies'\nconst Tombstone = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ children = 'Comment removed', className, ...props }, ref) => <div {...props} ref={ref} className={classNames('dsx-comment-thread__tombstone', className)} role=\"status\" data-removed=\"true\">{children}</div>)\nTombstone.displayName = 'CommentThreadTombstone'\nconst Composer = React.forwardRef<HTMLFormElement, ComposerProps>(({ value, onValueChange, onSubmit, maxLength = 2000, submitting, locked, className, children, ...props }, ref) => <form {...props} ref={ref} className={classNames('dsx-comment-thread__composer', className)} aria-busy={submitting || undefined} onSubmit={(event) => { event.preventDefault(); if (!locked && !submitting && value.trim()) onSubmit?.() }}><textarea value={value} maxLength={maxLength} disabled={locked || submitting} onChange={(event) => onValueChange(event.currentTarget.value)} aria-label=\"Comment\"/><span aria-live=\"polite\">{value.length}/{maxLength}</span>{children ?? <button type=\"submit\" disabled={locked || submitting || !value.trim()}>{submitting ? 'Submitting\u2026' : 'Comment'}</button>}</form>)\nComposer.displayName = 'CommentThreadComposer'\nconst Locked = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ children = 'Comments are locked', className, ...props }, ref) => <div {...props} ref={ref} className={classNames('dsx-comment-thread__locked', className)} role=\"status\">{children}</div>)\nLocked.displayName = 'CommentThreadLocked'\nconst Root = React.forwardRef<HTMLDivElement, CommentThreadRootProps>(({ className, ...props }, ref) => <div {...props} ref={ref} className={classNames('dsx-comment-thread', className)} />)\nRoot.displayName = 'CommentThread'\nconst CommentThread = Object.assign(Root, { Root, Comment, Replies, Tombstone, Composer, Locked })\nexport { CommentThread, Comment, Composer, Locked, Replies, Root as CommentThreadRoot, Tombstone }\nexport type { CommentProps, CommentThreadRootProps, ComposerProps } from './commentThread.props'\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Button } from '../button/Button'\n\nimport type { CommentProps, CommentThreadRootProps, ComposerProps, RepliesProps, TombstoneProps } from './commentThread.props'\n\nconst Comment = React.forwardRef<HTMLElement, CommentProps>(({ author, avatarSrc, badge, dateTime, timeLabel, actions, metadata, className, children, ...props }, ref) => <article {...props} ref={ref} className={classNames('dsx-comment-thread__comment', className)}><div className=\"dsx-comment-thread__avatar\">{avatarSrc ? <img src={avatarSrc} alt=\"\" /> : author.split(/\\s+/).map((part) => part[0]).join('').slice(0, 2).toUpperCase()}</div><header><strong>{author}</strong>{badge}<time dateTime={dateTime}>{timeLabel}</time>{metadata}</header><div className=\"dsx-comment-thread__body\">{children}</div>{actions ? <div className=\"dsx-comment-thread__actions\">{actions}</div> : null}</article>)\nComment.displayName = 'CommentThreadComment'\nconst ReplyDepthContext = React.createContext(0)\nconst Replies = React.forwardRef<HTMLDivElement, RepliesProps>(({ className, children, limit, expanded: expandedProp, onExpandedChange, moreLabel, ...props }, ref) => {\n  const [localExpanded, setLocalExpanded] = React.useState(false)\n  const expanded = expandedProp ?? localExpanded\n  const all = React.Children.toArray(children)\n  const visible = limit == null || expanded ? all : all.slice(0, Math.max(0, limit))\n  const remaining = all.length - visible.length\n  const depth = React.useContext(ReplyDepthContext)\n  if (depth >= 1) throw new Error('CommentThread supports one reply level.')\n  return <ReplyDepthContext.Provider value={depth + 1}><div {...props} ref={ref} role={props.role ?? 'group'} className={classNames('dsx-comment-thread__replies', className)}>{visible}{remaining > 0 ? <Button type=\"button\" size=\"lg\" variant=\"ghost\" onClick={() => { setLocalExpanded(true); onExpandedChange?.(true) }}>{moreLabel?.(remaining) ?? `Show ${remaining} more replies`}</Button> : null}</div></ReplyDepthContext.Provider>\n})\nReplies.displayName = 'CommentThreadReplies'\nconst Tombstone = React.forwardRef<HTMLDivElement, TombstoneProps>(({ children, state = 'removed', className, ...props }, ref) => <div {...props} ref={ref} className={classNames('dsx-comment-thread__tombstone', className)} role=\"status\" data-removed=\"true\" data-state={state}>{children ?? `Comment ${state}`}</div>)\nTombstone.displayName = 'CommentThreadTombstone'\nconst Composer = React.forwardRef<HTMLFormElement, ComposerProps>(({ value, onValueChange, onSubmit, maxLength = 2000, submitting, locked, label = 'Comment', error, status, input, actions, className, children, ...props }, ref) => {\n  const id = React.useId()\n  const countId = `${id}-count`\n  const errorId = `${id}-error`\n  const statusId = `${id}-status`\n  const invalid = Boolean(error) || value.length > maxLength\n  const disabled = Boolean(locked || submitting)\n  const describedBy = [countId, error ? errorId : '', status ? statusId : ''].filter(Boolean).join(' ')\n  return <form {...props} ref={ref} className={classNames('dsx-comment-thread__composer', className)} aria-busy={submitting || undefined} onSubmit={event => { event.preventDefault(); if (!disabled && !invalid && value.trim()) onSubmit?.() }}>\n    <label id={`${id}-label`} htmlFor={id}>{label}</label>\n    {input ? input({ id, value, onValueChange, maxLength, disabled, describedBy, invalid }) : <textarea id={id} value={value} maxLength={maxLength} disabled={disabled} onChange={event => onValueChange(event.currentTarget.value)} aria-invalid={invalid || undefined} aria-describedby={describedBy} />}\n    <span id={countId} className=\"dsx-comment-thread__count\" aria-live=\"polite\">{value.length}/{maxLength}</span>\n    {error ? <div id={errorId} role=\"alert\">{error}</div> : null}\n    {status ? <div id={statusId} role=\"status\">{status}</div> : null}\n    <div className=\"dsx-comment-thread__actions\">{actions}{children ?? <Button className=\"dsx-comment-thread__submit\" type=\"submit\" size=\"lg\" disabled={disabled || invalid || !value.trim()}>{submitting ? 'Submitting\u2026' : 'Comment'}</Button>}</div>\n  </form>\n})\nComposer.displayName = 'CommentThreadComposer'\nconst Locked = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ children = 'Comments are locked', className, ...props }, ref) => <div {...props} ref={ref} className={classNames('dsx-comment-thread__locked', className)} role=\"status\">{children}</div>)\nLocked.displayName = 'CommentThreadLocked'\nconst Root = React.forwardRef<HTMLDivElement, CommentThreadRootProps>(({ className, ...props }, ref) => <div {...props} ref={ref} className={classNames('dsx-comment-thread', className)} />)\nRoot.displayName = 'CommentThread'\nconst CommentThread = Object.assign(Root, { Root, Comment, Replies, Tombstone, Composer, Locked })\nexport { CommentThread, Comment, Composer, Locked, Replies, Root as CommentThreadRoot, Tombstone }\nexport type { CommentProps, CommentThreadRootProps, ComposerProps, ComposerInputContext, RepliesProps, TombstoneProps } from './commentThread.props'\n"],
+  "mappings": "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",
   "names": ["classNames"]
 }

package/dist/components/commentThread/CommentThread.d.cts CHANGED Viewed

@@ -1,19 +1,19 @@
 import * as React from 'react';
-import type { CommentProps, CommentThreadRootProps, ComposerProps } from './commentThread.props.cjs';
+import type { CommentProps, CommentThreadRootProps, ComposerProps, RepliesProps, TombstoneProps } from './commentThread.props.cjs';
 declare const Comment: React.ForwardRefExoticComponent<CommentProps & React.RefAttributes<HTMLElement>>;
-declare const Replies: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const Tombstone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Replies: React.ForwardRefExoticComponent<RepliesProps & React.RefAttributes<HTMLDivElement>>;
+declare const Tombstone: React.ForwardRefExoticComponent<TombstoneProps & React.RefAttributes<HTMLDivElement>>;
 declare const Composer: React.ForwardRefExoticComponent<ComposerProps & React.RefAttributes<HTMLFormElement>>;
 declare const Locked: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const Root: React.ForwardRefExoticComponent<CommentThreadRootProps & React.RefAttributes<HTMLDivElement>>;
 declare const CommentThread: React.ForwardRefExoticComponent<CommentThreadRootProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.ForwardRefExoticComponent<CommentThreadRootProps & React.RefAttributes<HTMLDivElement>>;
     Comment: React.ForwardRefExoticComponent<CommentProps & React.RefAttributes<HTMLElement>>;
-    Replies: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Tombstone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Replies: React.ForwardRefExoticComponent<RepliesProps & React.RefAttributes<HTMLDivElement>>;
+    Tombstone: React.ForwardRefExoticComponent<TombstoneProps & React.RefAttributes<HTMLDivElement>>;
     Composer: React.ForwardRefExoticComponent<ComposerProps & React.RefAttributes<HTMLFormElement>>;
     Locked: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 };
 export { CommentThread, Comment, Composer, Locked, Replies, Root as CommentThreadRoot, Tombstone };
-export type { CommentProps, CommentThreadRootProps, ComposerProps } from './commentThread.props.cjs';
+export type { CommentProps, CommentThreadRootProps, ComposerProps, ComposerInputContext, RepliesProps, TombstoneProps } from './commentThread.props.cjs';
 //# sourceMappingURL=CommentThread.d.cts.map

package/dist/components/commentThread/CommentThread.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentThread.d.cts","sourceRoot":"","sources":["../../../src/components/commentThread/CommentThread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;~~AAG9B~~,OAAO,KAAK,EAAE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;~~AAEhG~~,QAAA,MAAM,OAAO,~~kFAAipB~~,CAAA;~~AAG9pB~~,QAAA,MAAM,OAAO,~~6GAIX~~,CAAA;AAEF,QAAA,MAAM,SAAS,~~6GAA0R~~,CAAA;~~AAEzS~~,QAAA,MAAM,QAAQ,~~uFAA6vB~~,CAAA;~~AAE3wB~~,QAAA,MAAM,MAAM,6GAAuQ,CAAA;AAEnR,QAAA,MAAM,IAAI,+FAAmL,CAAA;AAE7L,QAAA,MAAM,aAAa;;;;;;;CAA+E,CAAA;AAClG,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,IAAI,iBAAiB,EAAE,SAAS,EAAE,CAAA;AAClG,YAAY,EAAE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA"}
1	+ {"version":3,"file":"CommentThread.d.cts","sourceRoot":"","sources":["../../../src/components/commentThread/CommentThread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE9H,QAAA,MAAM,OAAO,kFAAqqB,CAAA;AAGlrB,QAAA,MAAM,OAAO,qFASX,CAAA;AAEF,QAAA,MAAM,SAAS,uFAA4S,CAAA;AAE3T,QAAA,MAAM,QAAQ,uFAgBZ,CAAA;AAEF,QAAA,MAAM,MAAM,6GAAuQ,CAAA;AAEnR,QAAA,MAAM,IAAI,+FAAmL,CAAA;AAE7L,QAAA,MAAM,aAAa;;;;;;;CAA+E,CAAA;AAClG,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,IAAI,iBAAiB,EAAE,SAAS,EAAE,CAAA;AAClG,YAAY,EAAE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,oBAAoB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/components/commentThread/CommentThread.d.mts CHANGED Viewed

@@ -1,19 +1,19 @@
 import * as React from 'react';
-import type { CommentProps, CommentThreadRootProps, ComposerProps } from './commentThread.props.js';
+import type { CommentProps, CommentThreadRootProps, ComposerProps, RepliesProps, TombstoneProps } from './commentThread.props.js';
 declare const Comment: React.ForwardRefExoticComponent<CommentProps & React.RefAttributes<HTMLElement>>;
-declare const Replies: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const Tombstone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Replies: React.ForwardRefExoticComponent<RepliesProps & React.RefAttributes<HTMLDivElement>>;
+declare const Tombstone: React.ForwardRefExoticComponent<TombstoneProps & React.RefAttributes<HTMLDivElement>>;
 declare const Composer: React.ForwardRefExoticComponent<ComposerProps & React.RefAttributes<HTMLFormElement>>;
 declare const Locked: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const Root: React.ForwardRefExoticComponent<CommentThreadRootProps & React.RefAttributes<HTMLDivElement>>;
 declare const CommentThread: React.ForwardRefExoticComponent<CommentThreadRootProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.ForwardRefExoticComponent<CommentThreadRootProps & React.RefAttributes<HTMLDivElement>>;
     Comment: React.ForwardRefExoticComponent<CommentProps & React.RefAttributes<HTMLElement>>;
-    Replies: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Tombstone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Replies: React.ForwardRefExoticComponent<RepliesProps & React.RefAttributes<HTMLDivElement>>;
+    Tombstone: React.ForwardRefExoticComponent<TombstoneProps & React.RefAttributes<HTMLDivElement>>;
     Composer: React.ForwardRefExoticComponent<ComposerProps & React.RefAttributes<HTMLFormElement>>;
     Locked: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 };
 export { CommentThread, Comment, Composer, Locked, Replies, Root as CommentThreadRoot, Tombstone };
-export type { CommentProps, CommentThreadRootProps, ComposerProps } from './commentThread.props.js';
+export type { CommentProps, CommentThreadRootProps, ComposerProps, ComposerInputContext, RepliesProps, TombstoneProps } from './commentThread.props.js';
 //# sourceMappingURL=CommentThread.d.mts.map

package/dist/components/commentThread/CommentThread.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentThread.d.mts","sourceRoot":"","sources":["../../../src/components/commentThread/CommentThread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;~~AAG9B~~,OAAO,KAAK,EAAE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;~~AAEhG~~,QAAA,MAAM,OAAO,~~kFAAipB~~,CAAA;~~AAG9pB~~,QAAA,MAAM,OAAO,~~6GAIX~~,CAAA;AAEF,QAAA,MAAM,SAAS,~~6GAA0R~~,CAAA;~~AAEzS~~,QAAA,MAAM,QAAQ,~~uFAA6vB~~,CAAA;~~AAE3wB~~,QAAA,MAAM,MAAM,6GAAuQ,CAAA;AAEnR,QAAA,MAAM,IAAI,+FAAmL,CAAA;AAE7L,QAAA,MAAM,aAAa;;;;;;;CAA+E,CAAA;AAClG,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,IAAI,iBAAiB,EAAE,SAAS,EAAE,CAAA;AAClG,YAAY,EAAE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA"}
1	+ {"version":3,"file":"CommentThread.d.mts","sourceRoot":"","sources":["../../../src/components/commentThread/CommentThread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE9H,QAAA,MAAM,OAAO,kFAAqqB,CAAA;AAGlrB,QAAA,MAAM,OAAO,qFASX,CAAA;AAEF,QAAA,MAAM,SAAS,uFAA4S,CAAA;AAE3T,QAAA,MAAM,QAAQ,uFAgBZ,CAAA;AAEF,QAAA,MAAM,MAAM,6GAAuQ,CAAA;AAEnR,QAAA,MAAM,IAAI,+FAAmL,CAAA;AAE7L,QAAA,MAAM,aAAa;;;;;;;CAA+E,CAAA;AAClG,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,IAAI,iBAAiB,EAAE,SAAS,EAAE,CAAA;AAClG,YAAY,EAAE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,oBAAoB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/components/commentThread/CommentThread.d.ts CHANGED Viewed

@@ -1,19 +1,19 @@
 import * as React from 'react';
-import type { CommentProps, CommentThreadRootProps, ComposerProps } from './commentThread.props.js';
+import type { CommentProps, CommentThreadRootProps, ComposerProps, RepliesProps, TombstoneProps } from './commentThread.props.js';
 declare const Comment: React.ForwardRefExoticComponent<CommentProps & React.RefAttributes<HTMLElement>>;
-declare const Replies: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const Tombstone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Replies: React.ForwardRefExoticComponent<RepliesProps & React.RefAttributes<HTMLDivElement>>;
+declare const Tombstone: React.ForwardRefExoticComponent<TombstoneProps & React.RefAttributes<HTMLDivElement>>;
 declare const Composer: React.ForwardRefExoticComponent<ComposerProps & React.RefAttributes<HTMLFormElement>>;
 declare const Locked: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const Root: React.ForwardRefExoticComponent<CommentThreadRootProps & React.RefAttributes<HTMLDivElement>>;
 declare const CommentThread: React.ForwardRefExoticComponent<CommentThreadRootProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.ForwardRefExoticComponent<CommentThreadRootProps & React.RefAttributes<HTMLDivElement>>;
     Comment: React.ForwardRefExoticComponent<CommentProps & React.RefAttributes<HTMLElement>>;
-    Replies: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Tombstone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Replies: React.ForwardRefExoticComponent<RepliesProps & React.RefAttributes<HTMLDivElement>>;
+    Tombstone: React.ForwardRefExoticComponent<TombstoneProps & React.RefAttributes<HTMLDivElement>>;
     Composer: React.ForwardRefExoticComponent<ComposerProps & React.RefAttributes<HTMLFormElement>>;
     Locked: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 };
 export { CommentThread, Comment, Composer, Locked, Replies, Root as CommentThreadRoot, Tombstone };
-export type { CommentProps, CommentThreadRootProps, ComposerProps } from './commentThread.props.js';
+export type { CommentProps, CommentThreadRootProps, ComposerProps, ComposerInputContext, RepliesProps, TombstoneProps } from './commentThread.props.js';
 //# sourceMappingURL=CommentThread.d.ts.map

package/dist/components/commentThread/CommentThread.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentThread.d.ts","sourceRoot":"","sources":["../../../src/components/commentThread/CommentThread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;~~AAG9B~~,OAAO,KAAK,EAAE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;~~AAEhG~~,QAAA,MAAM,OAAO,~~kFAAipB~~,CAAA;~~AAG9pB~~,QAAA,MAAM,OAAO,~~6GAIX~~,CAAA;AAEF,QAAA,MAAM,SAAS,~~6GAA0R~~,CAAA;~~AAEzS~~,QAAA,MAAM,QAAQ,~~uFAA6vB~~,CAAA;~~AAE3wB~~,QAAA,MAAM,MAAM,6GAAuQ,CAAA;AAEnR,QAAA,MAAM,IAAI,+FAAmL,CAAA;AAE7L,QAAA,MAAM,aAAa;;;;;;;CAA+E,CAAA;AAClG,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,IAAI,iBAAiB,EAAE,SAAS,EAAE,CAAA;AAClG,YAAY,EAAE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA"}
1	+ {"version":3,"file":"CommentThread.d.ts","sourceRoot":"","sources":["../../../src/components/commentThread/CommentThread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE9H,QAAA,MAAM,OAAO,kFAAqqB,CAAA;AAGlrB,QAAA,MAAM,OAAO,qFASX,CAAA;AAEF,QAAA,MAAM,SAAS,uFAA4S,CAAA;AAE3T,QAAA,MAAM,QAAQ,uFAgBZ,CAAA;AAEF,QAAA,MAAM,MAAM,6GAAuQ,CAAA;AAEnR,QAAA,MAAM,IAAI,+FAAmL,CAAA;AAE7L,QAAA,MAAM,aAAa;;;;;;;CAA+E,CAAA;AAClG,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,IAAI,iBAAiB,EAAE,SAAS,EAAE,CAAA;AAClG,YAAY,EAAE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,oBAAoB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA"}