@sudobility/healthcare-components 1.0.7

package/README.md

@@ -0,0 +1,23 @@
+# @sudobility/healthcare-components
+
+Healthcare and medical UI components for React
+
+## Installation
+
+```bash
+npm install @sudobility/healthcare-components
+```
+
+## Usage
+
+```tsx
+import { ComponentName } from '@sudobility/healthcare-components';
+
+function App() {
+  return <ComponentName />;
+}
+```
+
+## License
+
+MIT

package/dist/allergen-filter.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UallergenUfilter Component
+ *
+ * A reusable UallergenUfilter component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UallergenUfilter className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/allergen-filter}
+ */
+export interface UallergenUfilterProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UallergenUfilter: ({ className, children, disabled, onClick, }: UallergenUfilterProps) => import("react/jsx-runtime").JSX.Element;
+export default UallergenUfilter;
+//# sourceMappingURL=allergen-filter.d.ts.map

package/dist/allergen-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"allergen-filter.d.ts","sourceRoot":"","sources":["../src/allergen-filter.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,GAAI,6CAK9B,qBAAqB,4CAmBvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/appointment-booking.d.ts

@@ -0,0 +1,19 @@
+/**
+ * AppointmentBooking Component
+ *
+ * Healthcare component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AppointmentBooking className="custom-class" />
+ * ```
+ */
+export interface AppointmentBookingProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const AppointmentBooking: ({ className, children, disabled, }: AppointmentBookingProps) => import("react/jsx-runtime").JSX.Element;
+export default AppointmentBooking;
+//# sourceMappingURL=appointment-booking.d.ts.map

package/dist/appointment-booking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appointment-booking.d.ts","sourceRoot":"","sources":["../src/appointment-booking.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,GAAI,oCAIhC,uBAAuB,4CAiBzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/appointment-slot.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UappointmentUslot Component
+ *
+ * A reusable UappointmentUslot component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UappointmentUslot className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/appointment-slot}
+ */
+export interface UappointmentUslotProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UappointmentUslot: ({ className, children, disabled, onClick, }: UappointmentUslotProps) => import("react/jsx-runtime").JSX.Element;
+export default UappointmentUslot;
+//# sourceMappingURL=appointment-slot.d.ts.map

package/dist/appointment-slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appointment-slot.d.ts","sourceRoot":"","sources":["../src/appointment-slot.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,sBAAsB;IACrC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAAI,6CAK/B,sBAAsB,4CAmBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/compliance-checker.d.ts

@@ -0,0 +1,19 @@
+/**
+ * ComplianceChecker Component
+ *
+ * Legal & compliance component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ComplianceChecker className="custom-class" />
+ * ```
+ */
+export interface ComplianceCheckerProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const ComplianceChecker: ({ className, children, disabled, }: ComplianceCheckerProps) => import("react/jsx-runtime").JSX.Element;
+export default ComplianceChecker;
+//# sourceMappingURL=compliance-checker.d.ts.map

package/dist/compliance-checker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compliance-checker.d.ts","sourceRoot":"","sources":["../src/compliance-checker.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,GAAI,oCAI/B,sBAAsB,4CAiBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * healthcare-components
+ *
+ * Specialized components for the healthcare domain
+ *
+ * @package @sudobility/healthcare-components
+ */
+export * from './allergen-filter';
+export * from './appointment-booking';
+export * from './appointment-slot';
+export * from './compliance-checker';
+export * from './patient-record';
+export * from './prescription-manager';
+export * from './vital-signs';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC"}

package/dist/index.esm.js

@@ -0,0 +1,151 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as t } from "@sudobility/components";
+const d = ({
+  className: e,
+  children: o,
+  disabled: r = !1,
+  onClick: n
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: t(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      e
+    ),
+    onClick: r ? void 0 : n,
+    role: "region",
+    "aria-label": "UallergenUfilter",
+    children: o || "UallergenUfilter Component"
+  }
+), g = ({
+  className: e,
+  children: o,
+  disabled: r
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: t(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      e
+    ),
+    role: "region",
+    "aria-label": "AppointmentBooking",
+    children: o || "AppointmentBooking Component"
+  }
+), c = ({
+  className: e,
+  children: o,
+  disabled: r = !1,
+  onClick: n
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: t(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      e
+    ),
+    onClick: r ? void 0 : n,
+    role: "region",
+    "aria-label": "UappointmentUslot",
+    children: o || "UappointmentUslot Component"
+  }
+), s = ({
+  className: e,
+  children: o,
+  disabled: r
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: t(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      e
+    ),
+    role: "region",
+    "aria-label": "ComplianceChecker",
+    children: o || "ComplianceChecker Component"
+  }
+), b = ({
+  className: e,
+  children: o,
+  disabled: r
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: t(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      e
+    ),
+    role: "region",
+    "aria-label": "PatientRecord",
+    children: o || "PatientRecord Component"
+  }
+), p = ({
+  className: e,
+  children: o,
+  disabled: r
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: t(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      e
+    ),
+    role: "region",
+    "aria-label": "PrescriptionManager",
+    children: o || "PrescriptionManager Component"
+  }
+), y = ({
+  className: e,
+  children: o,
+  disabled: r
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: t(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      e
+    ),
+    role: "region",
+    "aria-label": "VitalSigns",
+    children: o || "VitalSigns Component"
+  }
+);
+export {
+  g as AppointmentBooking,
+  s as ComplianceChecker,
+  b as PatientRecord,
+  p as PrescriptionManager,
+  d as UallergenUfilter,
+  c as UappointmentUslot,
+  y as VitalSigns
+};

package/dist/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("@sudobility/components")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@sudobility/components"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.Web3Components={},e.ReactJSXRuntime,e.SudobilityComponents))})(this,(function(e,t,n){"use strict";const d=({className:o,children:a,disabled:r=!1,onClick:i})=>t.jsx("div",{className:n.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",o),onClick:r?void 0:i,role:"region","aria-label":"UallergenUfilter",children:a||"UallergenUfilter Component"}),l=({className:o,children:a,disabled:r})=>t.jsx("div",{className:n.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed",o),role:"region","aria-label":"AppointmentBooking",children:a||"AppointmentBooking Component"}),g=({className:o,children:a,disabled:r=!1,onClick:i})=>t.jsx("div",{className:n.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",o),onClick:r?void 0:i,role:"region","aria-label":"UappointmentUslot",children:a||"UappointmentUslot Component"}),c=({className:o,children:a,disabled:r})=>t.jsx("div",{className:n.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed",o),role:"region","aria-label":"ComplianceChecker",children:a||"ComplianceChecker Component"}),s=({className:o,children:a,disabled:r})=>t.jsx("div",{className:n.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed",o),role:"region","aria-label":"PatientRecord",children:a||"PatientRecord Component"}),b=({className:o,children:a,disabled:r})=>t.jsx("div",{className:n.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed",o),role:"region","aria-label":"PrescriptionManager",children:a||"PrescriptionManager Component"}),y=({className:o,children:a,disabled:r})=>t.jsx("div",{className:n.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",r&&"opacity-50 cursor-not-allowed",o),role:"region","aria-label":"VitalSigns",children:a||"VitalSigns Component"});e.AppointmentBooking=l,e.ComplianceChecker=c,e.PatientRecord=s,e.PrescriptionManager=b,e.UallergenUfilter=d,e.UappointmentUslot=g,e.VitalSigns=y,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/patient-record.d.ts

@@ -0,0 +1,19 @@
+/**
+ * PatientRecord Component
+ *
+ * Healthcare component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PatientRecord className="custom-class" />
+ * ```
+ */
+export interface PatientRecordProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const PatientRecord: ({ className, children, disabled, }: PatientRecordProps) => import("react/jsx-runtime").JSX.Element;
+export default PatientRecord;
+//# sourceMappingURL=patient-record.d.ts.map

package/dist/patient-record.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"patient-record.d.ts","sourceRoot":"","sources":["../src/patient-record.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,oCAI3B,kBAAkB,4CAiBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/prescription-manager.d.ts

@@ -0,0 +1,19 @@
+/**
+ * PrescriptionManager Component
+ *
+ * Healthcare component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PrescriptionManager className="custom-class" />
+ * ```
+ */
+export interface PrescriptionManagerProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const PrescriptionManager: ({ className, children, disabled, }: PrescriptionManagerProps) => import("react/jsx-runtime").JSX.Element;
+export default PrescriptionManager;
+//# sourceMappingURL=prescription-manager.d.ts.map

package/dist/prescription-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prescription-manager.d.ts","sourceRoot":"","sources":["../src/prescription-manager.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,GAAI,oCAIjC,wBAAwB,4CAiB1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/vital-signs.d.ts

@@ -0,0 +1,19 @@
+/**
+ * VitalSigns Component
+ *
+ * Healthcare component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <VitalSigns className="custom-class" />
+ * ```
+ */
+export interface VitalSignsProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const VitalSigns: ({ className, children, disabled, }: VitalSignsProps) => import("react/jsx-runtime").JSX.Element;
+export default VitalSigns;
+//# sourceMappingURL=vital-signs.d.ts.map

package/dist/vital-signs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vital-signs.d.ts","sourceRoot":"","sources":["../src/vital-signs.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,oCAIxB,eAAe,4CAiBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@sudobility/healthcare-components",
+  "version": "1.0.7",
+  "description": "Healthcare and medical UI components for React",
+  "type": "module",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.umd.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc && vite build",
+    "dev": "vite build --watch",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "healthcare",
+    "typescript"
+  ],
+  "author": "John Q Huang",
+  "license": "MIT",
+  "peerDependencies": {
+    "@heroicons/react": "^2.2.0",
+    "@sudobility/design": "^1.1.3",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@sudobility/components": "^3.0.0",
+    "@heroicons/react": "^2.2.0",
+    "@sudobility/design": "^1.1.3",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.3.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}