{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "orchid-settings",
  "title": "Orchid Settings",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-avatar.json",
    "https://ui.orchid.ai/r/z-button.json",
    "https://ui.orchid.ai/r/z-onboarding-input.json",
    "https://ui.orchid.ai/r/z-toggle-switch.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/examples/orchid-settings.tsx",
      "content": "\"use client\";\nimport { useState } from 'react';\nimport ZAvatar from \"../spectrum/atoms/z-avatar/z-avatar\";\nimport ZButton from \"../spectrum/atoms/z-button/z-button\";\nimport ZOnboardingInput from \"../spectrum/atoms/z-onboarding-input/z-onboarding-input\";\nimport ZToggleSwitch from \"../spectrum/atoms/z-toggle-switch/z-toggle-switch\";\nexport default function OrchidSettings({ onSave, }: {\n    onSave?: (settings: {\n        name: string;\n        notifications: boolean;\n        digest: boolean;\n    }) => void;\n}) {\n    const [name, setName] = useState('Alex Morgan');\n    const [notifications, setNotifications] = useState(true);\n    const [digest, setDigest] = useState(false);\n    return (<form className=\"bg-surface text-neutral border-neutral mx-auto w-full max-w-md rounded-2xl border p-5 shadow-sm\" onSubmit={(event) => {\n            event.preventDefault();\n            onSave?.({ name, notifications, digest });\n        }}>\n      <div className=\"mb-6 flex items-center gap-3\">\n        <ZAvatar fallback={name} size=\"lg\"/>\n        <div>\n          <h3 className=\"text-copy font-medium\">Your workspace</h3>\n          <p className=\"text-copy-sm text-neutral-subtle\">A little more you.</p>\n        </div>\n      </div>\n      <label className=\"text-copy-sm block font-medium\" htmlFor=\"workspace-name\">\n        Display name\n      </label>\n      <div className=\"border-neutral mt-2 rounded-lg border\">\n        <ZOnboardingInput id=\"workspace-name\" value={name} onChange={setName} required/>\n      </div>\n      <div className=\"my-6 space-y-5\">\n        <label className=\"flex cursor-pointer items-center justify-between gap-4\">\n          <span>\n            <span className=\"text-copy block\">Notifications</span>\n            <span className=\"text-copy-sm text-neutral-subtle\">Only when something needs you.</span>\n          </span>\n          <ZToggleSwitch checked={notifications} onChange={setNotifications}/>\n        </label>\n        <label className=\"flex cursor-pointer items-center justify-between gap-4\">\n          <span>\n            <span className=\"text-copy block\">Weekly digest</span>\n            <span className=\"text-copy-sm text-neutral-subtle\">A quieter way to catch up.</span>\n          </span>\n          <ZToggleSwitch checked={digest} onChange={setDigest}/>\n        </label>\n      </div>\n      <div className=\"border-neutral flex justify-end border-t pt-4\">\n        <ZButton type=\"submit\" variant=\"primary\" size=\"lg\" disabled={!onSave}>\n          Save preferences\n        </ZButton>\n      </div>\n    </form>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/examples/orchid-settings.tsx"
    }
  ],
  "type": "registry:block"
}