{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "misc",
  "type": "registry:ui",
  "title": "Divider، Kbd، EmptyState",
  "description": "جداکننده و کلید میان‌بر",
  "registryDependencies": [
    "https://kashi.sepantapouya.com/r/cx.json"
  ],
  "files": [
    {
      "path": "registry/kashi/Misc.tsx",
      "type": "registry:ui",
      "target": "components/kashi/Misc.tsx",
      "content": "\"use client\";\n\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"./cx\";\n\nexport interface DividerProps extends HTMLAttributes<HTMLDivElement> {\n  /** متن وسط خط، مثل «یا» */\n  label?: ReactNode;\n  vertical?: boolean;\n}\n\nexport function Divider({ label, vertical, className, ...rest }: DividerProps) {\n  return (\n    <div role=\"separator\" aria-orientation={vertical ? \"vertical\" : undefined} className={cx(\"k-divider\", vertical && \"k-divider--vertical\", className)} {...rest}>\n      {label && <span>{label}</span>}\n    </div>\n  );\n}\n\nexport interface KbdProps extends HTMLAttributes<HTMLElement> {\n  /** چند کلید، مثل [\"Ctrl\", \"K\"] */\n  keys?: string[];\n}\n\n/** کلید صفحه‌کلید */\nexport function Kbd({ keys, children, className, ...rest }: KbdProps) {\n  if (keys) {\n    return (\n      <span className={cx(\"k-kbd-combo\", className)} {...rest}>\n        {keys.map((k, i) => <kbd key={i} className=\"k-kbd\">{k}</kbd>)}\n      </span>\n    );\n  }\n  return <kbd className={cx(\"k-kbd\", className)} {...rest}>{children}</kbd>;\n}\n\nexport interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  /** دکمه‌ها */\n  actions?: ReactNode;\n}\n\n/** حالت خالی: وقتی داده‌ای برای نمایش نیست */\nexport function EmptyState({ title, description, icon, actions, className, ...rest }: EmptyStateProps) {\n  return (\n    <div className={cx(\"k-empty\", className)} {...rest}>\n      {icon && <span className=\"k-empty__icon\" aria-hidden=\"true\">{icon}</span>}\n      <p className=\"k-empty__title\">{title}</p>\n      {description && <p className=\"k-empty__description\">{description}</p>}\n      {actions && <div className=\"k-empty__actions\">{actions}</div>}\n    </div>\n  );\n}\n"
    }
  ]
}