@health-samurai/react-components 0.0.0-alpha.5 → 0.0.0-alpha.7

package/dist/src/components/fhir-structure-view.stories.js

@@ -0,0 +1,447 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FhirStructureView } from "./fhir-structure-view.js";
+const meta = {
+    title: "Component/FHIRStructureView",
+    component: FhirStructureView
+};
+export default meta;
+const tree = {
+    root: {
+        name: "Root",
+        children: [
+            "Patient"
+        ]
+    },
+    Patient: {
+        name: "Patient",
+        meta: {
+            type: "Resource",
+            min: "0",
+            max: "*",
+            desc: "Information about an individual or animal receiving health care services"
+        },
+        children: [
+            "Patient.id",
+            "Patient.meta",
+            "Patient.implicitRules",
+            "Patient.language",
+            "Patient.text",
+            "Patient.contained",
+            "Patient.extension",
+            "Patient.modifierExtension",
+            "Patient.identifier",
+            "Patient.active",
+            "Patient.name",
+            "Patient.telecom",
+            "Patient.gender",
+            "Patient.birthDate",
+            "Patient.deceased",
+            "Patient.address",
+            "Patient.maritalStatus",
+            "Patient.multipleBirth",
+            "Patient.photo",
+            "Patient.contact",
+            "Patient.communication",
+            "Patient.generalPractitioner",
+            "Patient.managingOrganization",
+            "Patient.link"
+        ]
+    },
+    "Patient.id": {
+        name: "id",
+        meta: {
+            type: "id",
+            min: "0",
+            max: "1",
+            isSummary: true,
+            desc: "Logical id of this artifact"
+        }
+    },
+    "Patient.meta": {
+        name: "meta",
+        meta: {
+            type: "Meta",
+            min: "0",
+            max: "1",
+            isSummary: true,
+            desc: "Metadata about the resource"
+        }
+    },
+    "Patient.implicitRules": {
+        name: "implicitRules",
+        meta: {
+            type: "uri",
+            min: "0",
+            max: "1",
+            isSummary: true,
+            isModifier: true,
+            desc: "A set of rules under which this content was created"
+        }
+    },
+    "Patient.language": {
+        name: "language",
+        meta: {
+            type: "code",
+            min: "0",
+            max: "1",
+            desc: "Language of the resource content"
+        }
+    },
+    "Patient.text": {
+        name: "text",
+        meta: {
+            type: "Narrative",
+            min: "0",
+            max: "1",
+            desc: "Text summary of the resource, for human interpretation"
+        }
+    },
+    "Patient.contained": {
+        name: "contained",
+        meta: {
+            type: "Resource",
+            min: "0",
+            max: "*",
+            desc: "Contained, inline Resources"
+        }
+    },
+    "Patient.extension": {
+        name: "extension",
+        meta: {
+            type: "Extension",
+            min: "0",
+            max: "*",
+            desc: "Additional content defined by implementations"
+        }
+    },
+    "Patient.modifierExtension": {
+        name: "modifierExtension",
+        meta: {
+            type: "Extension",
+            min: "0",
+            max: "*",
+            isSummary: true,
+            isModifier: true,
+            desc: "Extensions that cannot be ignored"
+        }
+    },
+    "Patient.identifier": {
+        name: "identifier",
+        meta: {
+            type: "Identifier",
+            min: "0",
+            max: "*",
+            isSummary: true,
+            desc: "An identifier for this patient"
+        }
+    },
+    "Patient.active": {
+        name: "active",
+        meta: {
+            type: "boolean",
+            min: "0",
+            max: "1",
+            isSummary: true,
+            isModifier: true,
+            desc: "Whether this patient's record is in active use"
+        }
+    },
+    "Patient.name": {
+        name: "name",
+        meta: {
+            type: "HumanName",
+            min: "0",
+            max: "*",
+            isSummary: true,
+            desc: "A name associated with the patient"
+        }
+    },
+    "Patient.telecom": {
+        name: "telecom",
+        meta: {
+            type: "ContactPoint",
+            min: "0",
+            max: "*",
+            isSummary: true,
+            desc: "A contact detail for the individual"
+        }
+    },
+    "Patient.gender": {
+        name: "gender",
+        meta: {
+            type: "code",
+            min: "0",
+            max: "1",
+            isSummary: true,
+            desc: "male | female | other | unknown"
+        }
+    },
+    "Patient.birthDate": {
+        name: "birthDate",
+        meta: {
+            type: "date",
+            min: "0",
+            max: "1",
+            isSummary: true,
+            desc: "The date of birth for the individual"
+        }
+    },
+    "Patient.deceased": {
+        name: "deceased[x]",
+        meta: {
+            type: "union",
+            min: "0",
+            max: "1",
+            isSummary: true,
+            isModifier: true,
+            desc: "Indicates if the individual is deceased or not"
+        },
+        children: [
+            "Patient.deceasedBoolean",
+            "Patient.deceasedDateTime"
+        ]
+    },
+    "Patient.deceasedBoolean": {
+        name: "deceasedBoolean",
+        meta: {
+            type: "boolean"
+        }
+    },
+    "Patient.deceasedDateTime": {
+        name: "deceasedDateTime",
+        meta: {
+            type: "dateTime",
+            lastNode: true
+        }
+    },
+    "Patient.address": {
+        name: "address",
+        meta: {
+            type: "Address",
+            min: "0",
+            max: "*",
+            isSummary: true,
+            desc: "An address for the individual"
+        }
+    },
+    "Patient.maritalStatus": {
+        name: "maritalStatus",
+        meta: {
+            type: "CodeableConcept",
+            min: "0",
+            max: "1",
+            desc: "Marital (civil) status of a patient"
+        }
+    },
+    "Patient.multipleBirth": {
+        name: "multipleBirth[x]",
+        meta: {
+            type: "union",
+            min: "0",
+            max: "1",
+            desc: "Whether patient is part of a multiple birth"
+        },
+        children: [
+            "Patient.multipleBirthBoolean",
+            "Patient.multipleBirthInteger"
+        ]
+    },
+    "Patient.multipleBirthBoolean": {
+        name: "multipleBirthBoolean",
+        meta: {
+            type: "boolean"
+        }
+    },
+    "Patient.multipleBirthInteger": {
+        name: "multipleBirthInteger",
+        meta: {
+            type: "integer",
+            lastNode: true
+        }
+    },
+    "Patient.photo": {
+        name: "photo",
+        meta: {
+            type: "Attachment",
+            min: "0",
+            max: "*",
+            desc: "Image of the patient"
+        }
+    },
+    "Patient.contact": {
+        name: "contact",
+        meta: {
+            type: "BackboneElement",
+            min: "0",
+            max: "*",
+            desc: "A contact party (e.g. guardian, partner, friend) for the patient"
+        },
+        children: [
+            "Patient.contact.relationship",
+            "Patient.contact.name",
+            "Patient.contact.telecom",
+            "Patient.contact.address",
+            "Patient.contact.gender",
+            "Patient.contact.organization",
+            "Patient.contact.period"
+        ]
+    },
+    "Patient.contact.relationship": {
+        name: "relationship",
+        meta: {
+            type: "CodeableConcept",
+            min: "0",
+            max: "*",
+            desc: "The kind of relationship"
+        }
+    },
+    "Patient.contact.name": {
+        name: "name",
+        meta: {
+            type: "HumanName",
+            min: "0",
+            max: "1",
+            desc: "A name associated with the contact person"
+        }
+    },
+    "Patient.contact.telecom": {
+        name: "telecom",
+        meta: {
+            type: "ContactPoint",
+            min: "0",
+            max: "*",
+            desc: "A contact detail for the person"
+        }
+    },
+    "Patient.contact.address": {
+        name: "address",
+        meta: {
+            type: "Address",
+            min: "0",
+            max: "1",
+            desc: "Address for the contact person"
+        }
+    },
+    "Patient.contact.gender": {
+        name: "gender",
+        meta: {
+            type: "code",
+            min: "0",
+            max: "1",
+            desc: "male | female | other | unknown"
+        }
+    },
+    "Patient.contact.organization": {
+        name: "organization",
+        meta: {
+            type: "Reference",
+            min: "0",
+            max: "1",
+            desc: "Organization that is associated with the contact"
+        }
+    },
+    "Patient.contact.period": {
+        name: "period",
+        meta: {
+            type: "Period",
+            min: "0",
+            max: "1",
+            lastNode: true,
+            desc: "The period during which this contact person or organization is valid to be contacted relating to this patient"
+        }
+    },
+    "Patient.communication": {
+        name: "communication",
+        meta: {
+            type: "BackboneElement",
+            min: "0",
+            max: "*",
+            desc: "A language which may be used to communicate with the patient about his or her health"
+        },
+        children: [
+            "Patient.communication.language",
+            "Patient.communication.preferred"
+        ]
+    },
+    "Patient.communication.language": {
+        name: "language",
+        meta: {
+            type: "CodeableConcept",
+            min: "1",
+            max: "1",
+            desc: "The language which can be used to communicate with the patient about his or her health"
+        }
+    },
+    "Patient.communication.preferred": {
+        name: "preferred",
+        meta: {
+            type: "boolean",
+            min: "0",
+            max: "1",
+            lastNode: true,
+            desc: "Language preference indicator"
+        }
+    },
+    "Patient.generalPractitioner": {
+        name: "generalPractitioner",
+        meta: {
+            type: "Reference",
+            min: "0",
+            max: "*",
+            desc: "Patient's nominated primary care provider"
+        }
+    },
+    "Patient.managingOrganization": {
+        name: "managingOrganization",
+        meta: {
+            type: "Reference",
+            min: "0",
+            max: "1",
+            isSummary: true,
+            desc: "Organization that is the custodian of the patient record"
+        }
+    },
+    "Patient.link": {
+        name: "link",
+        meta: {
+            type: "BackboneElement",
+            min: "0",
+            max: "*",
+            isSummary: true,
+            isModifier: true,
+            desc: "Link to a Patient or RelatedPerson resource that concerns the same actual individual"
+        },
+        children: [
+            "Patient.link.other",
+            "Patient.link.type"
+        ]
+    },
+    "Patient.link.other": {
+        name: "other",
+        meta: {
+            type: "Reference",
+            min: "1",
+            max: "1",
+            isSummary: true,
+            desc: "The other patient or related person resource that the link refers to"
+        }
+    },
+    "Patient.link.type": {
+        name: "type",
+        meta: {
+            type: "code",
+            min: "1",
+            max: "1",
+            isSummary: true,
+            lastNode: true,
+            desc: "replaced-by | replaces | refer | seealso"
+        }
+    }
+};
+export const Default = {
+    render: ()=>/*#__PURE__*/ _jsx(FhirStructureView, {
+            tree: tree
+        })
+};
+
+//# sourceMappingURL=fhir-structure-view.stories.js.map

package/dist/src/components/fhir-structure-view.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fhir-structure-view.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { type FhirStructure, FhirStructureView } from \"./fhir-structure-view\";\nimport type { TreeViewItem } from \"./tree-view\";\n\nconst meta: Meta<typeof FhirStructureView> = {\n\ttitle: \"Component/FHIRStructureView\",\n\tcomponent: FhirStructureView,\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof FhirStructureView>;\n\nconst tree: Record<string, TreeViewItem<FhirStructure>> = {\n\troot: {\n\t\tname: \"Root\",\n\t\tchildren: [\"Patient\"],\n\t},\n\tPatient: {\n\t\tname: \"Patient\",\n\t\tmeta: {\n\t\t\ttype: \"Resource\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tdesc: \"Information about an individual or animal receiving health care services\",\n\t\t},\n\t\tchildren: [\n\t\t\t\"Patient.id\",\n\t\t\t\"Patient.meta\",\n\t\t\t\"Patient.implicitRules\",\n\t\t\t\"Patient.language\",\n\t\t\t\"Patient.text\",\n\t\t\t\"Patient.contained\",\n\t\t\t\"Patient.extension\",\n\t\t\t\"Patient.modifierExtension\",\n\t\t\t\"Patient.identifier\",\n\t\t\t\"Patient.active\",\n\t\t\t\"Patient.name\",\n\t\t\t\"Patient.telecom\",\n\t\t\t\"Patient.gender\",\n\t\t\t\"Patient.birthDate\",\n\t\t\t\"Patient.deceased\",\n\t\t\t\"Patient.address\",\n\t\t\t\"Patient.maritalStatus\",\n\t\t\t\"Patient.multipleBirth\",\n\t\t\t\"Patient.photo\",\n\t\t\t\"Patient.contact\",\n\t\t\t\"Patient.communication\",\n\t\t\t\"Patient.generalPractitioner\",\n\t\t\t\"Patient.managingOrganization\",\n\t\t\t\"Patient.link\",\n\t\t],\n\t},\n\t\"Patient.id\": {\n\t\tname: \"id\",\n\t\tmeta: {\n\t\t\ttype: \"id\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tisSummary: true,\n\t\t\tdesc: \"Logical id of this artifact\",\n\t\t},\n\t},\n\t\"Patient.meta\": {\n\t\tname: \"meta\",\n\t\tmeta: {\n\t\t\ttype: \"Meta\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tisSummary: true,\n\t\t\tdesc: \"Metadata about the resource\",\n\t\t},\n\t},\n\t\"Patient.implicitRules\": {\n\t\tname: \"implicitRules\",\n\t\tmeta: {\n\t\t\ttype: \"uri\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tisSummary: true,\n\t\t\tisModifier: true,\n\t\t\tdesc: \"A set of rules under which this content was created\",\n\t\t},\n\t},\n\t\"Patient.language\": {\n\t\tname: \"language\",\n\t\tmeta: {\n\t\t\ttype: \"code\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tdesc: \"Language of the resource content\",\n\t\t},\n\t},\n\t\"Patient.text\": {\n\t\tname: \"text\",\n\t\tmeta: {\n\t\t\ttype: \"Narrative\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tdesc: \"Text summary of the resource, for human interpretation\",\n\t\t},\n\t},\n\t\"Patient.contained\": {\n\t\tname: \"contained\",\n\t\tmeta: {\n\t\t\ttype: \"Resource\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tdesc: \"Contained, inline Resources\",\n\t\t},\n\t},\n\t\"Patient.extension\": {\n\t\tname: \"extension\",\n\t\tmeta: {\n\t\t\ttype: \"Extension\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tdesc: \"Additional content defined by implementations\",\n\t\t},\n\t},\n\t\"Patient.modifierExtension\": {\n\t\tname: \"modifierExtension\",\n\t\tmeta: {\n\t\t\ttype: \"Extension\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tisSummary: true,\n\t\t\tisModifier: true,\n\t\t\tdesc: \"Extensions that cannot be ignored\",\n\t\t},\n\t},\n\t\"Patient.identifier\": {\n\t\tname: \"identifier\",\n\t\tmeta: {\n\t\t\ttype: \"Identifier\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tisSummary: true,\n\t\t\tdesc: \"An identifier for this patient\",\n\t\t},\n\t},\n\t\"Patient.active\": {\n\t\tname: \"active\",\n\t\tmeta: {\n\t\t\ttype: \"boolean\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tisSummary: true,\n\t\t\tisModifier: true,\n\t\t\tdesc: \"Whether this patient's record is in active use\",\n\t\t},\n\t},\n\t\"Patient.name\": {\n\t\tname: \"name\",\n\t\tmeta: {\n\t\t\ttype: \"HumanName\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tisSummary: true,\n\t\t\tdesc: \"A name associated with the patient\",\n\t\t},\n\t},\n\t\"Patient.telecom\": {\n\t\tname: \"telecom\",\n\t\tmeta: {\n\t\t\ttype: \"ContactPoint\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tisSummary: true,\n\t\t\tdesc: \"A contact detail for the individual\",\n\t\t},\n\t},\n\t\"Patient.gender\": {\n\t\tname: \"gender\",\n\t\tmeta: {\n\t\t\ttype: \"code\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tisSummary: true,\n\t\t\tdesc: \"male | female | other | unknown\",\n\t\t},\n\t},\n\t\"Patient.birthDate\": {\n\t\tname: \"birthDate\",\n\t\tmeta: {\n\t\t\ttype: \"date\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tisSummary: true,\n\t\t\tdesc: \"The date of birth for the individual\",\n\t\t},\n\t},\n\t\"Patient.deceased\": {\n\t\tname: \"deceased[x]\",\n\t\tmeta: {\n\t\t\ttype: \"union\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tisSummary: true,\n\t\t\tisModifier: true,\n\t\t\tdesc: \"Indicates if the individual is deceased or not\",\n\t\t},\n\t\tchildren: [\"Patient.deceasedBoolean\", \"Patient.deceasedDateTime\"],\n\t},\n\t\"Patient.deceasedBoolean\": {\n\t\tname: \"deceasedBoolean\",\n\t\tmeta: {\n\t\t\ttype: \"boolean\",\n\t\t},\n\t},\n\t\"Patient.deceasedDateTime\": {\n\t\tname: \"deceasedDateTime\",\n\t\tmeta: {\n\t\t\ttype: \"dateTime\",\n\t\t\tlastNode: true,\n\t\t},\n\t},\n\t\"Patient.address\": {\n\t\tname: \"address\",\n\t\tmeta: {\n\t\t\ttype: \"Address\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tisSummary: true,\n\t\t\tdesc: \"An address for the individual\",\n\t\t},\n\t},\n\t\"Patient.maritalStatus\": {\n\t\tname: \"maritalStatus\",\n\t\tmeta: {\n\t\t\ttype: \"CodeableConcept\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tdesc: \"Marital (civil) status of a patient\",\n\t\t},\n\t},\n\t\"Patient.multipleBirth\": {\n\t\tname: \"multipleBirth[x]\",\n\t\tmeta: {\n\t\t\ttype: \"union\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tdesc: \"Whether patient is part of a multiple birth\",\n\t\t},\n\t\tchildren: [\"Patient.multipleBirthBoolean\", \"Patient.multipleBirthInteger\"],\n\t},\n\t\"Patient.multipleBirthBoolean\": {\n\t\tname: \"multipleBirthBoolean\",\n\t\tmeta: {\n\t\t\ttype: \"boolean\",\n\t\t},\n\t},\n\t\"Patient.multipleBirthInteger\": {\n\t\tname: \"multipleBirthInteger\",\n\t\tmeta: {\n\t\t\ttype: \"integer\",\n\t\t\tlastNode: true,\n\t\t},\n\t},\n\t\"Patient.photo\": {\n\t\tname: \"photo\",\n\t\tmeta: {\n\t\t\ttype: \"Attachment\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tdesc: \"Image of the patient\",\n\t\t},\n\t},\n\t\"Patient.contact\": {\n\t\tname: \"contact\",\n\t\tmeta: {\n\t\t\ttype: \"BackboneElement\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tdesc: \"A contact party (e.g. guardian, partner, friend) for the patient\",\n\t\t},\n\t\tchildren: [\n\t\t\t\"Patient.contact.relationship\",\n\t\t\t\"Patient.contact.name\",\n\t\t\t\"Patient.contact.telecom\",\n\t\t\t\"Patient.contact.address\",\n\t\t\t\"Patient.contact.gender\",\n\t\t\t\"Patient.contact.organization\",\n\t\t\t\"Patient.contact.period\",\n\t\t],\n\t},\n\t\"Patient.contact.relationship\": {\n\t\tname: \"relationship\",\n\t\tmeta: {\n\t\t\ttype: \"CodeableConcept\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tdesc: \"The kind of relationship\",\n\t\t},\n\t},\n\t\"Patient.contact.name\": {\n\t\tname: \"name\",\n\t\tmeta: {\n\t\t\ttype: \"HumanName\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tdesc: \"A name associated with the contact person\",\n\t\t},\n\t},\n\t\"Patient.contact.telecom\": {\n\t\tname: \"telecom\",\n\t\tmeta: {\n\t\t\ttype: \"ContactPoint\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tdesc: \"A contact detail for the person\",\n\t\t},\n\t},\n\t\"Patient.contact.address\": {\n\t\tname: \"address\",\n\t\tmeta: {\n\t\t\ttype: \"Address\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tdesc: \"Address for the contact person\",\n\t\t},\n\t},\n\t\"Patient.contact.gender\": {\n\t\tname: \"gender\",\n\t\tmeta: {\n\t\t\ttype: \"code\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tdesc: \"male | female | other | unknown\",\n\t\t},\n\t},\n\t\"Patient.contact.organization\": {\n\t\tname: \"organization\",\n\t\tmeta: {\n\t\t\ttype: \"Reference\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tdesc: \"Organization that is associated with the contact\",\n\t\t},\n\t},\n\t\"Patient.contact.period\": {\n\t\tname: \"period\",\n\t\tmeta: {\n\t\t\ttype: \"Period\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tlastNode: true,\n\t\t\tdesc: \"The period during which this contact person or organization is valid to be contacted relating to this patient\",\n\t\t},\n\t},\n\t\"Patient.communication\": {\n\t\tname: \"communication\",\n\t\tmeta: {\n\t\t\ttype: \"BackboneElement\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tdesc: \"A language which may be used to communicate with the patient about his or her health\",\n\t\t},\n\t\tchildren: [\n\t\t\t\"Patient.communication.language\",\n\t\t\t\"Patient.communication.preferred\",\n\t\t],\n\t},\n\t\"Patient.communication.language\": {\n\t\tname: \"language\",\n\t\tmeta: {\n\t\t\ttype: \"CodeableConcept\",\n\t\t\tmin: \"1\",\n\t\t\tmax: \"1\",\n\t\t\tdesc: \"The language which can be used to communicate with the patient about his or her health\",\n\t\t},\n\t},\n\t\"Patient.communication.preferred\": {\n\t\tname: \"preferred\",\n\t\tmeta: {\n\t\t\ttype: \"boolean\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tlastNode: true,\n\t\t\tdesc: \"Language preference indicator\",\n\t\t},\n\t},\n\t\"Patient.generalPractitioner\": {\n\t\tname: \"generalPractitioner\",\n\t\tmeta: {\n\t\t\ttype: \"Reference\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tdesc: \"Patient's nominated primary care provider\",\n\t\t},\n\t},\n\t\"Patient.managingOrganization\": {\n\t\tname: \"managingOrganization\",\n\t\tmeta: {\n\t\t\ttype: \"Reference\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"1\",\n\t\t\tisSummary: true,\n\t\t\tdesc: \"Organization that is the custodian of the patient record\",\n\t\t},\n\t},\n\t\"Patient.link\": {\n\t\tname: \"link\",\n\t\tmeta: {\n\t\t\ttype: \"BackboneElement\",\n\t\t\tmin: \"0\",\n\t\t\tmax: \"*\",\n\t\t\tisSummary: true,\n\t\t\tisModifier: true,\n\t\t\tdesc: \"Link to a Patient or RelatedPerson resource that concerns the same actual individual\",\n\t\t},\n\t\tchildren: [\"Patient.link.other\", \"Patient.link.type\"],\n\t},\n\t\"Patient.link.other\": {\n\t\tname: \"other\",\n\t\tmeta: {\n\t\t\ttype: \"Reference\",\n\t\t\tmin: \"1\",\n\t\t\tmax: \"1\",\n\t\t\tisSummary: true,\n\t\t\tdesc: \"The other patient or related person resource that the link refers to\",\n\t\t},\n\t},\n\t\"Patient.link.type\": {\n\t\tname: \"type\",\n\t\tmeta: {\n\t\t\ttype: \"code\",\n\t\t\tmin: \"1\",\n\t\t\tmax: \"1\",\n\t\t\tisSummary: true,\n\t\t\tlastNode: true,\n\t\t\tdesc: \"replaced-by | replaces | refer | seealso\",\n\t\t},\n\t},\n};\n\nexport const Default: Story = {\n\trender: () => <FhirStructureView tree={tree} />,\n};\n"],"names":["FhirStructureView","meta","title","component","tree","root","name","children","Patient","type","min","max","desc","isSummary","isModifier","lastNode","Default","render"],"mappings":";AACA,SAA6BA,iBAAiB,QAAQ,2BAAwB;AAG9E,MAAMC,OAAuC;IAC5CC,OAAO;IACPC,WAAWH;AACZ;AAEA,eAAeC,KAAK;AAIpB,MAAMG,OAAoD;IACzDC,MAAM;QACLC,MAAM;QACNC,UAAU;YAAC;SAAU;IACtB;IACAC,SAAS;QACRF,MAAM;QACNL,MAAM;YACLQ,MAAM;YACNC,KAAK;YACLC,KAAK;YACLC,MAAM;QACP;QACAL,UAAU;YACT;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;SACA;IACF;IACA,cAAc;QACbD,MAAM;QACNL,MAAM;YACLQ,MAAM;YACNC,KAAK;YACLC,KAAK;YACLE,WAAW;YACXD,MAAM;QACP;IACD;IACA,gBAAgB;QACfN,MAAM;QACNL,MAAM;YACLQ,MAAM;YACNC,KAAK;YACLC,KAAK;YACLE,WAAW;YACXD,MAAM;QACP;IACD;IACA,yBAAyB;QACxBN,MAAM;QACNL,MAAM;YACLQ,MAAM;YACNC,KAAK;YACLC,KAAK;YACLE,WAAW;YACXC,YAAY;YACZF,MAAM;QACP;IACD;IACA,oBAAoB;QACnBN,MAAM;QACNL,MAAM;YACLQ,MAAM;YACNC,KAAK;YACLC,KAAK;YACLC,MAAM;QACP;IACD;IACA,gBAAgB;QACfN,MAAM;QACNL,MAAM;YACLQ,MAAM;YACNC,KAAK;YACLC,KAAK;YACLC,MAAM;QACP;IACD;IACA,qBAAqB;QACpBN,MAAM;QACNL,MAAM;YACLQ,MAAM;YACNC,KAAK;YACLC,KAAK;YACLC,MAAM;QACP;IACD;IACA,qBAAqB;QACpBN,MAAM;QACNL,MAAM;YACLQ,MAAM;YACNC,KAAK;YACLC,KAAK;YACLC,MAAM;QACP;IACD;IACA,6BAA6B;QAC5BN,MAAM;QACNL,MAAM;YACLQ,MAAM;YACNC,KAAK;YACLC,KAAK;YACLE,WAAW;YACXC,YAAY;YACZF,MAAM;QACP;IACD;IACA,sBAAsB;QACrBN,MAAM;QACNL,MAAM;YACLQ,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"}

package/dist/src/components/request-line-editor.d.ts

@@ -4,11 +4,13 @@ declare const requestMethodVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type RequestLineEditorProps = {
     method: string;
+    placeholder?: string;
+    autoFocus?: boolean;
     onMethodChange: (newMethod: string) => void;
     path?: string | undefined;
     onPathChange?: React.ChangeEventHandler<HTMLInputElement>;
     className?: string;
 };
-declare function RequestLineEditor({ className, method, onMethodChange, path, onPathChange, }: RequestLineEditorProps): import("react/jsx-runtime").JSX.Element;
+declare function RequestLineEditor({ className, method, onMethodChange, path, placeholder, autoFocus, onPathChange, }: RequestLineEditorProps): import("react/jsx-runtime").JSX.Element;
 export { RequestLineEditor, type RequestLineEditorProps, requestMethodVariants, };
 //# sourceMappingURL=request-line-editor.d.ts.map

package/dist/src/components/request-line-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"request-line-editor.d.ts","sourceRoot":"","sources":["../../../src/components/request-line-editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAepC,QAAA,MAAM,qBAAqB;;8EAqB1B,CAAC;AA4CF,KAAK,sBAAsB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,MAAM,EACN,cAAc,EACd,IAAI,EACJ,YAAY,GACZ,EAAE,sBAAsB,2CAYxB;AAED,OAAO,EACN,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,qBAAqB,GACrB,CAAC"}
+{"version":3,"file":"request-line-editor.d.ts","sourceRoot":"","sources":["../../../src/components/request-line-editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAgBpC,QAAA,MAAM,qBAAqB;;8EAqB1B,CAAC;AAyCF,KAAK,sBAAsB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,MAAM,EACN,cAAc,EACd,IAAI,EACJ,WAAW,EACX,SAAS,EACT,YAAY,GACZ,EAAE,sBAAsB,2CAoCxB;AAED,OAAO,EACN,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,qBAAqB,GACrB,CAAC"}

package/dist/src/components/request-line-editor.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { toast } from "sonner";
 import { Input } from "../shadcn/components/ui/input.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../shadcn/components/ui/select.js";
 import { cn } from "../shadcn/lib/utils.js";
@@ -27,9 +28,6 @@ function isKnownMethod(candidate) {
     return methods.includes(candidate);
 }
 function RequestMethodSelector({ value, onValueChange }) {
-    console.log(value);
-    console.log(requestMethodVariants());
-    console.log(requestMethodVariants(undefined));
     return /*#__PURE__*/ _jsxs(Select, {
         value: value,
         ...onValueChange ? {
@@ -58,7 +56,7 @@ function RequestMethodSelector({ value, onValueChange }) {
         ]
     });
 }
-function RequestLineEditor({ className, method, onMethodChange, path, onPathChange }) {
+function RequestLineEditor({ className, method, onMethodChange, path, placeholder, autoFocus, onPathChange }) {
     return /*#__PURE__*/ _jsxs("div", {
         className: cn("flex", className),
         children: [
@@ -69,8 +67,31 @@ function RequestLineEditor({ className, method, onMethodChange, path, onPathChan
             /*#__PURE__*/ _jsx(Input, {
                 className: "rounded-l-none",
                 value: path,
+                autoFocus: autoFocus,
+                placeholder: placeholder,
                 rightSlot: /*#__PURE__*/ _jsx(CopyIcon, {
-                    text: `${method} ${path}`
+                    text: `${method} ${path}`,
+                    tooltipText: "Copy request line",
+                    showToast: false,
+                    onCopy: (text)=>{
+                        // Custom toast for request line
+                        const truncatedText = text.length > 30 ? `${text.slice(0, 30)}...` : text;
+                        toast(/*#__PURE__*/ _jsxs("div", {
+                            className: "flex flex-col gap-1",
+                            children: [
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "typo-body",
+                                    children: "Request line copied"
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "typo-code text-text-secondary",
+                                    children: truncatedText
+                                })
+                            ]
+                        }), {
+                            duration: 2000
+                        });
+                    }
                 }),
                 ...onPathChange !== undefined ? {
                     onChange: onPathChange

package/dist/src/components/request-line-editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/request-line-editor.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectItem,\n\tSelectTrigger,\n\tSelectValue,\n} from \"#shadcn/components/ui/select\";\nimport { cn } from \"#shadcn/lib/utils\";\nimport { CopyIcon } from \"./copy-icon\";\n\nconst METHODS = [\"GET\", \"POST\", \"PUT\", \"PATCH\", \"DELETE\"] as const;\ntype RequestMethod = (typeof METHODS)[number];\n\nconst requestMethodVariants = cva<{ method: { [K in RequestMethod]: string } }>(\n\tcn(\n\t\t\"border-r-0\",\n\t\t\"rounded-r-none\",\n\t\t\"shadow-none\",\n\t\t\"typo-label\",\n\t\t\"text-left\",\n\t\t\"items-center\",\n\t\t\"w-26\",\n\t),\n\t{\n\t\tvariants: {\n\t\t\tmethod: {\n\t\t\t\tGET: \"text-utility-green [&_svg]:text-utility-green\",\n\t\t\t\tPOST: \"text-utility-yellow [&_svg]:text-utility-yellow\",\n\t\t\t\tPUT: \"text-utility-blue [&_svg]:text-utility-blue \",\n\t\t\t\tPATCH: \"text-utility-violet [&_svg]:text-utility-violet\",\n\t\t\t\tDELETE: \"text-utility-red [&_svg]:text-utility-red\",\n\t\t\t},\n\t\t},\n\t},\n);\n\ntype RequestMethodSelectorProps = {\n\tvalue: string;\n\tonValueChange?: (newMethod: string) => void;\n};\n\nfunction isKnownMethod(candidate: string): candidate is RequestMethod {\n\tconst methods: readonly string[] = METHODS;\n\treturn methods.includes(candidate);\n}\n\nfunction RequestMethodSelector({\n\tvalue,\n\tonValueChange,\n}: RequestMethodSelectorProps) {\n\tconsole.log(value);\n\tconsole.log(requestMethodVariants());\n\tconsole.log(requestMethodVariants(undefined));\n\treturn (\n\t\t<Select\n\t\t\tvalue={value}\n\t\t\t{...(onValueChange ? { onValueChange: onValueChange } : {})}\n\t\t>\n\t\t\t<SelectTrigger\n\t\t\t\tclassName={requestMethodVariants(\n\t\t\t\t\tisKnownMethod(value) ? { method: value } : undefined,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<SelectValue>{value}</SelectValue>\n\t\t\t</SelectTrigger>\n\t\t\t<SelectContent>\n\t\t\t\t{METHODS.map((method) => (\n\t\t\t\t\t<SelectItem key={method} value={method}>\n\t\t\t\t\t\t<span className={requestMethodVariants({ method: method })}>\n\t\t\t\t\t\t\t{method}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</SelectItem>\n\t\t\t\t))}\n\t\t\t</SelectContent>\n\t\t</Select>\n\t);\n}\n\ntype RequestLineEditorProps = {\n\tmethod: string;\n\tonMethodChange: (newMethod: string) => void;\n\tpath?: string | undefined;\n\tonPathChange?: React.ChangeEventHandler<HTMLInputElement>;\n\tclassName?: string;\n};\n\nfunction RequestLineEditor({\n\tclassName,\n\tmethod,\n\tonMethodChange,\n\tpath,\n\tonPathChange,\n}: RequestLineEditorProps) {\n\treturn (\n\t\t<div className={cn(\"flex\", className)}>\n\t\t\t<RequestMethodSelector value={method} onValueChange={onMethodChange} />\n\t\t\t<Input\n\t\t\t\tclassName=\"rounded-l-none\"\n\t\t\t\tvalue={path}\n\t\t\t\trightSlot={<CopyIcon text={`${method} ${path}`} />}\n\t\t\t\t{...(onPathChange !== undefined ? { onChange: onPathChange } : {})}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport {\n\tRequestLineEditor,\n\ttype RequestLineEditorProps,\n\trequestMethodVariants,\n};\n"],"names":["cva","Input","Select","SelectContent","SelectItem","SelectTrigger","SelectValue","cn","CopyIcon","METHODS","requestMethodVariants","variants","method","GET","POST","PUT","PATCH","DELETE","isKnownMethod","candidate","methods","includes","RequestMethodSelector","value","onValueChange","console","log","undefined","className","map","span","RequestLineEditor","onMethodChange","path","onPathChange","div","rightSlot","text","onChange"],"mappings":";AAAA,SAASA,GAAG,QAAQ,2BAA2B;AAE/C,SAASC,KAAK,QAAQ,mCAA8B;AACpD,SACCC,MAAM,EACNC,aAAa,EACbC,UAAU,EACVC,aAAa,EACbC,WAAW,QACL,oCAA+B;AACtC,SAASC,EAAE,QAAQ,yBAAoB;AACvC,SAASC,QAAQ,QAAQ,iBAAc;AAEvC,MAAMC,UAAU;IAAC;IAAO;IAAQ;IAAO;IAAS;CAAS;AAGzD,MAAMC,wBAAwBV,IAC7BO,GACC,cACA,kBACA,eACA,cACA,aACA,gBACA,SAED;IACCI,UAAU;QACTC,QAAQ;YACPC,KAAK;YACLC,MAAM;YACNC,KAAK;YACLC,OAAO;YACPC,QAAQ;QACT;IACD;AACD;AAQD,SAASC,cAAcC,SAAiB;IACvC,MAAMC,UAA6BX;IACnC,OAAOW,QAAQC,QAAQ,CAACF;AACzB;AAEA,SAASG,sBAAsB,EAC9BC,KAAK,EACLC,aAAa,EACe;IAC5BC,QAAQC,GAAG,CAACH;IACZE,QAAQC,GAAG,CAAChB;IACZe,QAAQC,GAAG,CAAChB,sBAAsBiB;IAClC,qBACC,MAACzB;QACAqB,OAAOA;QACN,GAAIC,gBAAgB;YAAEA,eAAeA;QAAc,IAAI,CAAC,CAAC;;0BAE1D,KAACnB;gBACAuB,WAAWlB,sBACVQ,cAAcK,SAAS;oBAAEX,QAAQW;gBAAM,IAAII;0BAG5C,cAAA,KAACrB;8BAAaiB;;;0BAEf,KAACpB;0BACCM,QAAQoB,GAAG,CAAC,CAACjB,uBACb,KAACR;wBAAwBmB,OAAOX;kCAC/B,cAAA,KAACkB;4BAAKF,WAAWlB,sBAAsB;gCAAEE,QAAQA;4BAAO;sCACtDA;;uBAFcA;;;;AAStB;AAUA,SAASmB,kBAAkB,EAC1BH,SAAS,EACThB,MAAM,EACNoB,cAAc,EACdC,IAAI,EACJC,YAAY,EACY;IACxB,qBACC,MAACC;QAAIP,WAAWrB,GAAG,QAAQqB;;0BAC1B,KAACN;gBAAsBC,OAAOX;gBAAQY,eAAeQ;;0BACrD,KAAC/B;gBACA2B,WAAU;gBACVL,OAAOU;gBACPG,yBAAW,KAAC5B;oBAAS6B,MAAM,GAAGzB,OAAO,CAAC,EAAEqB,MAAM;;gBAC7C,GAAIC,iBAAiBP,YAAY;oBAAEW,UAAUJ;gBAAa,IAAI,CAAC,CAAC;;;;AAIrE;AAEA,SACCH,iBAAiB,EAEjBrB,qBAAqB,GACpB"}
+{"version":3,"sources":["../../../src/components/request-line-editor.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\nimport { toast } from \"sonner\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectItem,\n\tSelectTrigger,\n\tSelectValue,\n} from \"#shadcn/components/ui/select\";\nimport { cn } from \"#shadcn/lib/utils\";\nimport { CopyIcon } from \"./copy-icon\";\n\nconst METHODS = [\"GET\", \"POST\", \"PUT\", \"PATCH\", \"DELETE\"] as const;\ntype RequestMethod = (typeof METHODS)[number];\n\nconst requestMethodVariants = cva<{ method: { [K in RequestMethod]: string } }>(\n\tcn(\n\t\t\"border-r-0\",\n\t\t\"rounded-r-none\",\n\t\t\"shadow-none\",\n\t\t\"typo-label\",\n\t\t\"text-left\",\n\t\t\"items-center\",\n\t\t\"w-26\",\n\t),\n\t{\n\t\tvariants: {\n\t\t\tmethod: {\n\t\t\t\tGET: \"text-utility-green [&_svg]:text-utility-green\",\n\t\t\t\tPOST: \"text-utility-yellow [&_svg]:text-utility-yellow\",\n\t\t\t\tPUT: \"text-utility-blue [&_svg]:text-utility-blue \",\n\t\t\t\tPATCH: \"text-utility-violet [&_svg]:text-utility-violet\",\n\t\t\t\tDELETE: \"text-utility-red [&_svg]:text-utility-red\",\n\t\t\t},\n\t\t},\n\t},\n);\n\ntype RequestMethodSelectorProps = {\n\tvalue: string;\n\tonValueChange?: (newMethod: string) => void;\n};\n\nfunction isKnownMethod(candidate: string): candidate is RequestMethod {\n\tconst methods: readonly string[] = METHODS;\n\treturn methods.includes(candidate);\n}\n\nfunction RequestMethodSelector({\n\tvalue,\n\tonValueChange,\n}: RequestMethodSelectorProps) {\n\treturn (\n\t\t<Select\n\t\t\tvalue={value}\n\t\t\t{...(onValueChange ? { onValueChange: onValueChange } : {})}\n\t\t>\n\t\t\t<SelectTrigger\n\t\t\t\tclassName={requestMethodVariants(\n\t\t\t\t\tisKnownMethod(value) ? { method: value } : undefined,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<SelectValue>{value}</SelectValue>\n\t\t\t</SelectTrigger>\n\t\t\t<SelectContent>\n\t\t\t\t{METHODS.map((method) => (\n\t\t\t\t\t<SelectItem key={method} value={method}>\n\t\t\t\t\t\t<span className={requestMethodVariants({ method: method })}>\n\t\t\t\t\t\t\t{method}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</SelectItem>\n\t\t\t\t))}\n\t\t\t</SelectContent>\n\t\t</Select>\n\t);\n}\n\ntype RequestLineEditorProps = {\n\tmethod: string;\n\tplaceholder?: string;\n\tautoFocus?: boolean;\n\tonMethodChange: (newMethod: string) => void;\n\tpath?: string | undefined;\n\tonPathChange?: React.ChangeEventHandler<HTMLInputElement>;\n\tclassName?: string;\n};\n\nfunction RequestLineEditor({\n\tclassName,\n\tmethod,\n\tonMethodChange,\n\tpath,\n\tplaceholder,\n\tautoFocus,\n\tonPathChange,\n}: RequestLineEditorProps) {\n\treturn (\n\t\t<div className={cn(\"flex\", className)}>\n\t\t\t<RequestMethodSelector value={method} onValueChange={onMethodChange} />\n\t\t\t<Input\n\t\t\t\tclassName=\"rounded-l-none\"\n\t\t\t\tvalue={path}\n\t\t\t\tautoFocus={autoFocus}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\trightSlot={\n\t\t\t\t\t<CopyIcon\n\t\t\t\t\t\ttext={`${method} ${path}`}\n\t\t\t\t\t\ttooltipText=\"Copy request line\"\n\t\t\t\t\t\tshowToast={false}\n\t\t\t\t\t\tonCopy={(text) => {\n\t\t\t\t\t\t\t// Custom toast for request line\n\t\t\t\t\t\t\tconst truncatedText =\n\t\t\t\t\t\t\t\ttext.length > 30 ? `${text.slice(0, 30)}...` : text;\n\t\t\t\t\t\t\ttoast(\n\t\t\t\t\t\t\t\t<div className=\"flex flex-col gap-1\">\n\t\t\t\t\t\t\t\t\t<span className=\"typo-body\">Request line copied</span>\n\t\t\t\t\t\t\t\t\t<span className=\"typo-code text-text-secondary\">\n\t\t\t\t\t\t\t\t\t\t{truncatedText}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</div>,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tduration: 2000,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t{...(onPathChange !== undefined ? { onChange: onPathChange } : {})}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport {\n\tRequestLineEditor,\n\ttype RequestLineEditorProps,\n\trequestMethodVariants,\n};\n"],"names":["cva","toast","Input","Select","SelectContent","SelectItem","SelectTrigger","SelectValue","cn","CopyIcon","METHODS","requestMethodVariants","variants","method","GET","POST","PUT","PATCH","DELETE","isKnownMethod","candidate","methods","includes","RequestMethodSelector","value","onValueChange","className","undefined","map","span","RequestLineEditor","onMethodChange","path","placeholder","autoFocus","onPathChange","div","rightSlot","text","tooltipText","showToast","onCopy","truncatedText","length","slice","duration","onChange"],"mappings":";AAAA,SAASA,GAAG,QAAQ,2BAA2B;AAE/C,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,KAAK,QAAQ,mCAA8B;AACpD,SACCC,MAAM,EACNC,aAAa,EACbC,UAAU,EACVC,aAAa,EACbC,WAAW,QACL,oCAA+B;AACtC,SAASC,EAAE,QAAQ,yBAAoB;AACvC,SAASC,QAAQ,QAAQ,iBAAc;AAEvC,MAAMC,UAAU;IAAC;IAAO;IAAQ;IAAO;IAAS;CAAS;AAGzD,MAAMC,wBAAwBX,IAC7BQ,GACC,cACA,kBACA,eACA,cACA,aACA,gBACA,SAED;IACCI,UAAU;QACTC,QAAQ;YACPC,KAAK;YACLC,MAAM;YACNC,KAAK;YACLC,OAAO;YACPC,QAAQ;QACT;IACD;AACD;AAQD,SAASC,cAAcC,SAAiB;IACvC,MAAMC,UAA6BX;IACnC,OAAOW,QAAQC,QAAQ,CAACF;AACzB;AAEA,SAASG,sBAAsB,EAC9BC,KAAK,EACLC,aAAa,EACe;IAC5B,qBACC,MAACtB;QACAqB,OAAOA;QACN,GAAIC,gBAAgB;YAAEA,eAAeA;QAAc,IAAI,CAAC,CAAC;;0BAE1D,KAACnB;gBACAoB,WAAWf,sBACVQ,cAAcK,SAAS;oBAAEX,QAAQW;gBAAM,IAAIG;0BAG5C,cAAA,KAACpB;8BAAaiB;;;0BAEf,KAACpB;0BACCM,QAAQkB,GAAG,CAAC,CAACf,uBACb,KAACR;wBAAwBmB,OAAOX;kCAC/B,cAAA,KAACgB;4BAAKH,WAAWf,sBAAsB;gCAAEE,QAAQA;4BAAO;sCACtDA;;uBAFcA;;;;AAStB;AAYA,SAASiB,kBAAkB,EAC1BJ,SAAS,EACTb,MAAM,EACNkB,cAAc,EACdC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,YAAY,EACY;IACxB,qBACC,MAACC;QAAIV,WAAWlB,GAAG,QAAQkB;;0BAC1B,KAACH;gBAAsBC,OAAOX;gBAAQY,eAAeM;;0BACrD,KAAC7B;gBACAwB,WAAU;gBACVF,OAAOQ;gBACPE,WAAWA;gBACXD,aAAaA;gBACbI,yBACC,KAAC5B;oBACA6B,MAAM,GAAGzB,OAAO,CAAC,EAAEmB,MAAM;oBACzBO,aAAY;oBACZC,WAAW;oBACXC,QAAQ,CAACH;wBACR,gCAAgC;wBAChC,MAAMI,gBACLJ,KAAKK,MAAM,GAAG,KAAK,GAAGL,KAAKM,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,GAAGN;wBAChDrC,oBACC,MAACmC;4BAAIV,WAAU;;8CACd,KAACG;oCAAKH,WAAU;8CAAY;;8CAC5B,KAACG;oCAAKH,WAAU;8CACdgB;;;4BAGH;4BACCG,UAAU;wBACX;oBAEF;;gBAGD,GAAIV,iBAAiBR,YAAY;oBAAEmB,UAAUX;gBAAa,IAAI,CAAC,CAAC;;;;AAIrE;AAEA,SACCL,iBAAiB,EAEjBnB,qBAAqB,GACpB"}

package/dist/src/components/segment-control.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+export interface SegmentControlProps {
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    name?: string;
+}
+interface SegmentControlItemProps {
+    children: ReactNode;
+    value: string;
+}
+declare const SegmentControlItem: ({ children, value }: SegmentControlItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const SegmentControl: ({ children, defaultValue, onValueChange, name, }: SegmentControlProps & {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export { SegmentControl, SegmentControlItem };
+//# sourceMappingURL=segment-control.d.ts.map

package/dist/src/components/segment-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segment-control.d.ts","sourceRoot":"","sources":["../../../src/components/segment-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAWlE,MAAM,WAAW,mBAAmB;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,uBAAuB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACd;AAgBD,QAAA,MAAM,kBAAkB,GAAI,qBAAqB,uBAAuB,4CAqBvE,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,kDAKrB,mBAAmB,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,4CAchD,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/src/components/segment-control.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { cn } from "../shadcn/lib/utils.js";
+const SegmentControlContext = /*#__PURE__*/ createContext({});
+const segmentControlItemClass = cn("flex", "items-center", "justify-center", "px-2", "py-0.5", "text-sm", "cursor-pointer", "rounded-2xl", "text-white/80", "peer-checked:bg-bg-primary", "peer-checked:text-text-secondary", "select-none");
+const SegmentControlItem = ({ children, value })=>{
+    const { defaultValue, onValueChange, name } = useContext(SegmentControlContext);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "relative",
+        children: [
+            /*#__PURE__*/ _jsx("input", {
+                type: "radio",
+                id: `${name}-${value}`,
+                name: name,
+                value: value,
+                defaultChecked: value === defaultValue,
+                onChange: (e)=>onValueChange?.(e.target.value),
+                className: "sr-only peer"
+            }),
+            /*#__PURE__*/ _jsx("label", {
+                htmlFor: `${name}-${value}`,
+                className: segmentControlItemClass,
+                children: children
+            })
+        ]
+    });
+};
+const SegmentControl = ({ children, defaultValue, onValueChange, name })=>{
+    const contextValue = {
+        ...defaultValue !== undefined && {
+            defaultValue
+        },
+        ...onValueChange !== undefined && {
+            onValueChange
+        },
+        name: name || "react-components-segment-control"
+    };
+    return /*#__PURE__*/ _jsx(SegmentControlContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "inline-flex bg-gray-500 p-0.5 gap-0 rounded-full",
+            children: children
+        })
+    });
+};
+export { SegmentControl, SegmentControlItem };
+
+//# sourceMappingURL=segment-control.js.map