@samanhappy/mcphub 1.0.13 → 1.0.15

package/frontend/dist/assets/ToggleGroup-CJS7Axui.js

@@ -1,2 +0,0 @@
-import{j as s}from"./framework-vendor-DeqnZ0v6.js";import{m as i}from"./index-CfXY4mFI.js";const l=({checked:t,onCheckedChange:n,disabled:o=!1})=>s.jsx("button",{type:"button",role:"switch","aria-checked":t,disabled:o,className:i("relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500",t?"bg-blue-200":"bg-gray-100",o?"opacity-50 cursor-not-allowed":"cursor-pointer"),onClick:()=>!o&&n(!t),children:s.jsx("span",{className:i("inline-block h-4 w-4 transform rounded-full bg-white transition-transform",t?"translate-x-6":"translate-x-1")})});export{l as S};
-//# sourceMappingURL=ToggleGroup-CJS7Axui.js.map

package/frontend/dist/assets/ToggleGroup-CJS7Axui.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleGroup-CJS7Axui.js","sources":["../../src/components/ui/ToggleGroup.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { cn } from '@/utils/cn';\n\ninterface ToggleGroupItemProps {\n  value: string;\n  isSelected: boolean;\n  onClick: () => void;\n  children: ReactNode;\n}\n\nexport const ToggleGroupItem: React.FC<ToggleGroupItemProps> = ({\n  isSelected,\n  onClick,\n  children\n}) => {\n  return (\n    <button\n      type=\"button\"\n      role=\"checkbox\"\n      aria-checked={isSelected}\n      className={cn(\n        \"flex w-full items-center justify-between p-2 rounded transition-colors cursor-pointer\",\n        isSelected\n          ? \"bg-blue-50 text-blue-700 hover:bg-blue-100 border-l-4 border-blue-500\"\n          : \"hover:bg-gray-50 text-gray-700\"\n      )}\n      onClick={onClick}\n    >\n      <span className=\"flex items-center\">\n        {children}\n      </span>\n      {isSelected && (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" className=\"w-5 h-5 text-blue-500\">\n          <path fillRule=\"evenodd\" d=\"M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z\" clipRule=\"evenodd\" />\n        </svg>\n      )}\n    </button>\n  );\n};\n\ninterface ToggleGroupProps {\n  label: string;\n  helpText?: string;\n  noOptionsText?: string;\n  values: string[];\n  options: { value: string; label: string }[];\n  onChange: (values: string[]) => void;\n  className?: string;\n}\n\nexport const ToggleGroup: React.FC<ToggleGroupProps> = ({\n  label,\n  helpText,\n  noOptionsText = \"No options available\",\n  values,\n  options,\n  onChange,\n  className\n}) => {\n  const handleToggle = (value: string) => {\n    const isSelected = values.includes(value);\n    if (isSelected) {\n      onChange(values.filter(v => v !== value));\n    } else {\n      onChange([...values, value]);\n    }\n  };\n\n  return (\n    <div className={className}>\n      <label className=\"block text-gray-700 text-sm font-bold mb-2\">\n        {label}\n      </label>\n      <div className=\"border border-gray-200 dark:border-gray-700 rounded shadow max-h-60 overflow-y-auto\">\n        {options.length === 0 ? (\n          <p className=\"text-gray-500 text-sm p-3\">{noOptionsText}</p>\n        ) : (\n          <div className=\"space-y-1 p-1\">\n            {options.map(option => (\n              <ToggleGroupItem\n                key={option.value}\n                value={option.value}\n                isSelected={values.includes(option.value)}\n                onClick={() => handleToggle(option.value)}\n              >\n                {option.label}\n              </ToggleGroupItem>\n            ))}\n          </div>\n        )}\n      </div>\n      {helpText && (\n        <p className=\"text-xs text-gray-500 mt-1\">\n          {helpText}\n        </p>\n      )}\n    </div>\n  );\n};\n\ninterface SwitchProps {\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Switch: React.FC<SwitchProps> = ({\n  checked,\n  onCheckedChange,\n  disabled = false\n}) => {\n  return (\n    <button\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={checked}\n      disabled={disabled}\n      className={cn(\n        \"relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500\",\n        checked ? \"bg-blue-200\" : \"bg-gray-100\",\n        disabled ? \"opacity-50 cursor-not-allowed\" : \"cursor-pointer\"\n      )}\n      onClick={() => !disabled && onCheckedChange(!checked)}\n    >\n      <span\n        className={cn(\n          \"inline-block h-4 w-4 transform rounded-full bg-white transition-transform\",\n          checked ? \"translate-x-6\" : \"translate-x-1\"\n        )}\n      />\n    </button>\n  );\n};"],"names":["Switch","checked","onCheckedChange","disabled","jsx","cn"],"mappings":"2FA0GO,MAAMA,EAAgC,CAAC,CAC5C,QAAAC,EACA,gBAAAC,EACA,SAAAC,EAAW,EACb,IAEIC,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,KAAK,SACL,eAAcH,EACd,SAAAE,EACA,UAAWE,EACT,wLACAJ,EAAU,cAAgB,cAC1BE,EAAW,gCAAkC,gBAAA,EAE/C,QAAS,IAAM,CAACA,GAAYD,EAAgB,CAACD,CAAO,EAEpD,SAAAG,EAAAA,IAAC,OAAA,CACC,UAAWC,EACT,4EACAJ,EAAU,gBAAkB,eAAA,CAC9B,CAAA,CACF,CAAA"}