@arbidocs/blocks 0.5.20 → 0.5.21

package/dist/chunk-2R3GGNPA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/settings/SettingsPanel.tsx"],"names":[],"mappings":"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","file":"chunk-2R3GGNPA.js","sourcesContent":["import { useMemo, type ComponentProps, type ReactNode } from 'react'\nimport { ChevronDown, ChevronRight } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\n/** Every fixed string of the danger zone. `label` prop wins. */\nexport interface SettingsDangerZoneLabels {\n  dangerZone: string\n}\n\nexport const DEFAULT_SETTINGS_DANGER_ZONE_LABELS: SettingsDangerZoneLabels = {\n  dangerZone: 'Danger Zone',\n}\n\nexport interface SettingsPanelProps extends ComponentProps<'div'> {\n  /** Stable test id of the panel. */\n  testId?: string\n}\n\n/** Centred column of {@link SettingsSection}s with a readable measure. */\nexport function SettingsPanel({ className, testId, ...props }: SettingsPanelProps) {\n  return (\n    <div\n      data-slot=\"settings-panel\"\n      data-testid={testId}\n      className={cn('mx-auto w-full max-w-xl space-y-6', className)}\n      {...props}\n    />\n  )\n}\n\nexport interface SettingsSectionProps extends Omit<ComponentProps<'section'>, 'title'> {\n  /** Small muted icon before the title. */\n  icon?: ReactNode\n  title?: ReactNode\n  description?: ReactNode\n  /** Right-aligned control in the heading row (e.g. a Reset button). */\n  action?: ReactNode\n  testId?: string\n}\n\n/** Titled group of settings: heading row, optional description, then the controls. */\nexport function SettingsSection({\n  icon,\n  title,\n  description,\n  action,\n  testId,\n  className,\n  children,\n  ...props\n}: SettingsSectionProps) {\n  return (\n    <section\n      data-slot=\"settings-section\"\n      data-testid={testId}\n      className={cn('space-y-3', className)}\n      {...props}\n    >\n      {(title || action) && (\n        <div className=\"flex items-center justify-between gap-3\">\n          {title && (\n            <div className=\"flex items-center gap-2\">\n              {icon && (\n                <span className=\"text-muted-foreground [&_svg]:h-4 [&_svg]:w-4\">{icon}</span>\n              )}\n              <h2 className=\"text-base font-semibold text-foreground\">{title}</h2>\n            </div>\n          )}\n          {action}\n        </div>\n      )}\n      {description && <p className=\"text-sm text-muted-foreground\">{description}</p>}\n      {children}\n    </section>\n  )\n}\n\nexport interface SettingsRowProps extends Omit<ComponentProps<'div'>, 'title'> {\n  label: ReactNode\n  /** Id of the control: renders the label as a `<label htmlFor>` so it toggles the control. */\n  labelFor?: string\n  description?: ReactNode\n  /** The control: switch, select, button. Sits at the end of the row. */\n  children?: ReactNode\n  testId?: string\n}\n\n/** One setting: label + help text on the left, its control on the right (stacks on phones). */\nexport function SettingsRow({\n  label,\n  labelFor,\n  description,\n  children,\n  testId,\n  className,\n  ...props\n}: SettingsRowProps) {\n  return (\n    <div\n      data-slot=\"settings-row\"\n      data-testid={testId}\n      className={cn(\n        'flex flex-col gap-2 py-2 @xl:flex-row @xl:items-center @xl:justify-between @xl:gap-6',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"min-w-0\">\n        {labelFor ? (\n          <label htmlFor={labelFor} className=\"text-sm font-medium text-foreground\">\n            {label}\n          </label>\n        ) : (\n          <div className=\"text-sm font-medium text-foreground\">{label}</div>\n        )}\n        {description && <div className=\"text-sm text-muted-foreground\">{description}</div>}\n      </div>\n      {children && <div className=\"flex shrink-0 items-center gap-2\">{children}</div>}\n    </div>\n  )\n}\n\nexport interface SettingsCardProps extends ComponentProps<'div'> {\n  /** `md` for form-like content, `sm` when the card holds a list of full-bleed action rows. */\n  padding?: 'md' | 'sm'\n}\n\n/** Bordered card that groups related settings, the same surface as the dashboard cards. */\nexport function SettingsCard({ padding = 'md', className, ...props }: SettingsCardProps) {\n  return (\n    <div\n      data-slot=\"settings-card\"\n      className={cn(\n        'rounded-lg border border-border bg-card shadow-xs',\n        padding === 'md' ? 'space-y-5 p-5' : 'divide-y divide-border p-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport interface SettingsActionRowProps {\n  title: ReactNode\n  description?: ReactNode\n  onClick: () => void\n  testId?: string\n}\n\n/** Full-width row that opens a dialog or sub-page: title, help text and a chevron. */\nexport function SettingsActionRow({ title, description, onClick, testId }: SettingsActionRowProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      data-slot=\"settings-action-row\"\n      data-testid={testId}\n      className=\"flex w-full items-center gap-3 rounded-md px-3 py-3 text-left transition-colors hover:bg-background/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11\"\n    >\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"text-sm font-semibold text-foreground\">{title}</div>\n        {description && (\n          <div className=\"mt-0.5 text-xs leading-relaxed text-muted-foreground\">{description}</div>\n        )}\n      </div>\n      <ChevronRight className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n    </button>\n  )\n}\n\nexport interface SettingsDangerZoneProps {\n  isOpen: boolean\n  onToggle: () => void\n  /** Heading of the collapsed zone. */\n  label?: string\n  title: ReactNode\n  description: ReactNode\n  /** The destructive control (a Button). */\n  action: ReactNode\n  labels?: Partial<SettingsDangerZoneLabels>\n}\n\n/** Collapsed-by-default zone for irreversible actions. */\nexport function SettingsDangerZone({\n  isOpen,\n  onToggle,\n  label,\n  title,\n  description,\n  action,\n  labels,\n}: SettingsDangerZoneProps) {\n  const l = useMemo(() => ({ ...DEFAULT_SETTINGS_DANGER_ZONE_LABELS, ...labels }), [labels])\n  return (\n    <div data-slot=\"settings-danger-zone\" className=\"mt-8 pt-2\">\n      <button\n        type=\"button\"\n        onClick={onToggle}\n        aria-expanded={isOpen}\n        className=\"flex w-full items-center gap-1.5 text-left pointer-coarse:min-h-11\"\n      >\n        {isOpen ? (\n          <ChevronDown className=\"h-3.5 w-3.5 text-muted-foreground\" />\n        ) : (\n          <ChevronRight className=\"h-3.5 w-3.5 text-muted-foreground\" />\n        )}\n        <p className=\"text-sm font-medium text-muted-foreground\">{label ?? l.dangerZone}</p>\n      </button>\n      {isOpen && (\n        <div className=\"mt-3 flex items-center justify-between gap-4 rounded-lg bg-destructive/5 p-4\">\n          <div>\n            <p className=\"font-medium\">{title}</p>\n            <p className=\"text-sm text-muted-foreground\">{description}</p>\n          </div>\n          <div className=\"shrink-0\">{action}</div>\n        </div>\n      )}\n    </div>\n  )\n}\n"]}