@health-samurai/react-components 0.0.0-alpha.1 → 0.0.0-alpha.2

package/dist/bundle.css

@@ -40,6 +40,7 @@
     --color-blue-950: #05101e;
     --color-violet-200: oklch(89.4% 0.057 293.283);
     --color-violet-400: oklch(70.2% 0.183 293.541);
+    --color-violet-500: oklch(60.6% 0.25 292.717);
     --color-violet-600: oklch(54.1% 0.281 293.009);
     --color-purple-200: oklch(90.2% 0.063 306.703);
     --color-pink-200: oklch(89.9% 0.061 343.231);
@@ -163,6 +164,8 @@
     --color-fg-tertiary: var(--color-neutral-400);
     --color-fg-disabled: var(--color-neutral-300);
     --color-fg-success-secondary: var(--color-green-400);
+    --color-utility-green: var(--color-green-500);
+    --color-utility-yellow: var(--color-yellow-600);
   }
 }
 @layer base {
@@ -518,6 +521,9 @@
   .ml-auto {
     margin-left: auto;
   }
+  .box-border {
+    box-sizing: border-box;
+  }
   .box-content {
     box-sizing: content-box;
   }
@@ -1289,6 +1295,9 @@
   .border-t-transparent {
     border-top-color: transparent;
   }
+  .border-b-transparent {
+    border-bottom-color: transparent;
+  }
   .border-l-transparent {
     border-left-color: transparent;
   }
@@ -1493,6 +1502,9 @@
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
+  .pt-2\.5 {
+    padding-top: calc(var(--spacing) * 2.5);
+  }
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
@@ -1520,6 +1532,9 @@
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
   .pb-3 {
     padding-bottom: calc(var(--spacing) * 3);
   }
@@ -1716,6 +1731,12 @@
   .text-text-tertiary {
     color: var(--color-text-tertiary);
   }
+  .text-utility-green {
+    color: var(--color-utility-green);
+  }
+  .text-utility-yellow {
+    color: var(--color-utility-yellow);
+  }
   .text-violet-600 {
     color: var(--color-violet-600);
   }
@@ -1830,11 +1851,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[color\,box-shadow\,border\] {
-    transition-property: color,box-shadow,border;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-\[color\,box-shadow\] {
     transition-property: color,box-shadow;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2468,6 +2484,16 @@
       }
     }
   }
+  .hover\:bg-bg-secondary\/60 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #f9f9f9 60%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-bg-secondary) 60%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-muted {
     &:hover {
       @media (hover: hover) {
@@ -3499,9 +3525,42 @@
       }
     }
   }
-  .data-\[state\=active\]\:border-border-brand {
+  .\*\*\:data-\[slot\=tabs-list\]\:divide-x {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        :where(& > :not(:last-child)) {
+          --tw-divide-x-reverse: 0;
+          border-inline-style: var(--tw-border-style);
+          border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+          border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+        }
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-list\]\:overflow-x-auto {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        overflow-x: auto;
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:max-w-80 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        max-width: calc(var(--spacing) * 80);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:min-w-40 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        min-width: calc(var(--spacing) * 40);
+      }
+    }
+  }
+  .data-\[state\=active\]\:border-b-border-brand {
     &[data-state="active"] {
-      border-color: var(--color-border-brand);
+      border-bottom-color: var(--color-border-brand);
     }
   }
   .data-\[state\=active\]\:text-text-primary {
@@ -3626,6 +3685,34 @@
       --tw-exit-opacity: 0;
     }
   }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=inactive\]\:border-b-1 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="inactive"] {
+          border-bottom-style: var(--tw-border-style);
+          border-bottom-width: 1px;
+        }
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=inactive\]\:border-b-border-secondary {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="inactive"] {
+          border-bottom-color: var(--color-border-secondary);
+        }
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=inactive\]\:pt-\[9px\] {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="inactive"] {
+          padding-top: 9px;
+        }
+      }
+    }
+  }
   .data-\[state\=on\]\:bg-accent {
     &[data-state="on"] {
       background-color: var(--accent);
@@ -5402,6 +5489,11 @@ body {
   syntax: "*";
   inherits: false;
 }
+@property --tw-divide-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @keyframes pulse {
   50% {
     opacity: 0.5;
@@ -5505,6 +5597,7 @@ body {
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
+      --tw-divide-x-reverse: 0;
       --tw-animation-delay: 0s;
       --tw-animation-direction: normal;
       --tw-animation-duration: initial;

package/dist/src/components/code-editor/index.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { autocompletion, closeBrackets, closeBracketsKeymap, completionKeymap, } from "@codemirror/autocomplete";
+import { autocompletion, closeBrackets, closeBracketsKeymap, completionKeymap } from "@codemirror/autocomplete";
 import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
 import { json, jsonParseLinter } from "@codemirror/lang-json";
-import { bracketMatching, foldGutter, foldKeymap, HighlightStyle, indentOnInput, syntaxHighlighting, } from "@codemirror/language";
+import { bracketMatching, foldGutter, foldKeymap, HighlightStyle, indentOnInput, syntaxHighlighting } from "@codemirror/language";
 import { linter, lintGutter, lintKeymap } from "@codemirror/lint";
 import { highlightSelectionMatches, searchKeymap } from "@codemirror/search";
 import { EditorState } from "@codemirror/state";
-import { crosshairCursor, drawSelection, dropCursor, EditorView, highlightActiveLine, highlightActiveLineGutter, highlightSpecialChars, keymap, lineNumbers, rectangularSelection, } from "@codemirror/view";
+import { crosshairCursor, drawSelection, dropCursor, EditorView, highlightActiveLine, highlightActiveLineGutter, highlightSpecialChars, keymap, lineNumbers, rectangularSelection } from "@codemirror/view";
 import { tags } from "@lezer/highlight";
 import * as React from "react";
 const baseTheme = EditorView.baseTheme({
@@ -16,46 +16,61 @@ const baseTheme = EditorView.baseTheme({
         width: "100%",
         fontSize: "14px",
         paddingTop: "8px",
-        paddingBottom: "8px",
+        paddingBottom: "8px"
     },
     ".cm-scroller": {
-        overflow: "auto",
+        overflow: "auto"
     },
     ".cm-content": {
         fontFamily: "var(--font-family-mono)",
-        padding: "0",
+        padding: "0"
     },
     "&.cm-focused": {
-        outline: "none",
+        outline: "none"
     },
     ".cm-gutter": {
-        fontFamily: "var(--font-family-mono)",
+        fontFamily: "var(--font-family-mono)"
     },
     ".cm-gutters": {
         backgroundColor: "var(--color-bg-primary)",
-        border: "none",
+        border: "none"
     },
     ".cm-lineNumbers": {
-        paddingLeft: "16px",
+        paddingLeft: "16px"
     },
     ".cm-activeLineGutter": {
         backgroundColor: "var(--color-bg-primary)",
-        color: "var(--color-text-primary)",
+        color: "var(--color-text-primary)"
     },
     ".cm-activeLine": {
-        backgroundColor: "rgba(255, 255, 255, 0)",
-    },
+        backgroundColor: "rgba(255, 255, 255, 0)"
+    }
 });
 const customHighlightStyle = HighlightStyle.define([
-    { tag: tags.propertyName, color: "#EA4A35" },
-    { tag: tags.string, color: "#405CBF" },
-    { tag: tags.number, color: "#00A984" },
-    { tag: tags.bool, color: "#569cd6" },
-    { tag: tags.null, color: "#569cd6" },
+    {
+        tag: tags.propertyName,
+        color: "#EA4A35"
+    },
+    {
+        tag: tags.string,
+        color: "#405CBF"
+    },
+    {
+        tag: tags.number,
+        color: "#00A984"
+    },
+    {
+        tag: tags.bool,
+        color: "#569cd6"
+    },
+    {
+        tag: tags.null,
+        color: "#569cd6"
+    }
 ]);
-export function CodeEditor({ defaultValue, onChange, }) {
+export function CodeEditor({ defaultValue, onChange }) {
     const editorRef = React.useRef(null);
-    React.useEffect(() => {
+    React.useEffect(()=>{
         if (!editorRef.current) {
             return;
         }
@@ -90,20 +105,29 @@ export function CodeEditor({ defaultValue, onChange, }) {
                         ...historyKeymap,
                         ...foldKeymap,
                         ...completionKeymap,
-                        ...lintKeymap,
+                        ...lintKeymap
                     ]),
-                    linter(jsonParseLinter(), { delay: 300 }),
+                    linter(jsonParseLinter(), {
+                        delay: 300
+                    }),
                     lintGutter(),
-                    EditorView.updateListener.of((update) => {
+                    EditorView.updateListener.of((update)=>{
                         if (update.docChanged && onChange) {
                             onChange(update.view.state.doc.toString());
                         }
-                    }),
-                ],
-            }),
+                    })
+                ]
+            })
         });
-        return () => view.destroy();
-    }, [defaultValue, onChange]);
-    return _jsx("div", { className: "h-full w-full", ref: editorRef });
+        return ()=>view.destroy();
+    }, [
+        defaultValue,
+        onChange
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        className: "h-full w-full",
+        ref: editorRef
+    });
 }
+
 //# sourceMappingURL=index.js.map

package/dist/src/components/code-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/code-editor/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/code-editor/index.tsx"],"sourcesContent":["import {\n\tautocompletion,\n\tcloseBrackets,\n\tcloseBracketsKeymap,\n\tcompletionKeymap,\n} from \"@codemirror/autocomplete\";\nimport { defaultKeymap, history, historyKeymap } from \"@codemirror/commands\";\nimport { json, jsonParseLinter } from \"@codemirror/lang-json\";\nimport {\n\tbracketMatching,\n\tfoldGutter,\n\tfoldKeymap,\n\tHighlightStyle,\n\tindentOnInput,\n\tsyntaxHighlighting,\n} from \"@codemirror/language\";\nimport { linter, lintGutter, lintKeymap } from \"@codemirror/lint\";\nimport { highlightSelectionMatches, searchKeymap } from \"@codemirror/search\";\nimport { EditorState } from \"@codemirror/state\";\nimport {\n\tcrosshairCursor,\n\tdrawSelection,\n\tdropCursor,\n\tEditorView,\n\thighlightActiveLine,\n\thighlightActiveLineGutter,\n\thighlightSpecialChars,\n\tkeymap,\n\tlineNumbers,\n\trectangularSelection,\n} from \"@codemirror/view\";\nimport { tags } from \"@lezer/highlight\";\nimport * as React from \"react\";\n\nconst baseTheme = EditorView.baseTheme({\n\t\"&\": {\n\t\tbackgroundColor: \"var(--color-bg-primary)\",\n\t\theight: \"100%\",\n\t\twidth: \"100%\",\n\t\tfontSize: \"14px\",\n\t\tpaddingTop: \"8px\",\n\t\tpaddingBottom: \"8px\",\n\t},\n\t\".cm-scroller\": {\n\t\toverflow: \"auto\",\n\t},\n\t\".cm-content\": {\n\t\tfontFamily: \"var(--font-family-mono)\",\n\t\tpadding: \"0\",\n\t},\n\t\"&.cm-focused\": {\n\t\toutline: \"none\",\n\t},\n\t\".cm-gutter\": {\n\t\tfontFamily: \"var(--font-family-mono)\",\n\t},\n\t\".cm-gutters\": {\n\t\tbackgroundColor: \"var(--color-bg-primary)\",\n\t\tborder: \"none\",\n\t},\n\t\".cm-lineNumbers\": {\n\t\tpaddingLeft: \"16px\",\n\t},\n\t\".cm-activeLineGutter\": {\n\t\tbackgroundColor: \"var(--color-bg-primary)\",\n\t\tcolor: \"var(--color-text-primary)\",\n\t},\n\t\".cm-activeLine\": {\n\t\tbackgroundColor: \"rgba(255, 255, 255, 0)\",\n\t},\n});\n\nconst customHighlightStyle = HighlightStyle.define([\n\t{ tag: tags.propertyName, color: \"#EA4A35\" },\n\t{ tag: tags.string, color: \"#405CBF\" },\n\t{ tag: tags.number, color: \"#00A984\" },\n\t{ tag: tags.bool, color: \"#569cd6\" },\n\t{ tag: tags.null, color: \"#569cd6\" },\n]);\n\nexport function CodeEditor({\n\tdefaultValue,\n\tonChange,\n}: {\n\tdefaultValue?: string;\n\tonChange?: (value: string) => void;\n}) {\n\tconst editorRef = React.useRef(null);\n\n\tReact.useEffect(() => {\n\t\tif (!editorRef.current) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst view = new EditorView({\n\t\t\tparent: editorRef.current,\n\t\t\tstate: EditorState.create({\n\t\t\t\tdoc: defaultValue ?? \"\",\n\t\t\t\textensions: [\n\t\t\t\t\tlineNumbers(),\n\t\t\t\t\tfoldGutter(),\n\t\t\t\t\thighlightSpecialChars(),\n\t\t\t\t\thistory(),\n\t\t\t\t\tdrawSelection(),\n\t\t\t\t\tdropCursor(),\n\t\t\t\t\tEditorState.allowMultipleSelections.of(true),\n\t\t\t\t\tindentOnInput(),\n\t\t\t\t\tjson(),\n\t\t\t\t\tsyntaxHighlighting(customHighlightStyle),\n\t\t\t\t\tbracketMatching(),\n\t\t\t\t\tcloseBrackets(),\n\t\t\t\t\tautocompletion(),\n\t\t\t\t\trectangularSelection(),\n\t\t\t\t\tcrosshairCursor(),\n\t\t\t\t\thighlightActiveLine(),\n\t\t\t\t\thighlightActiveLineGutter(),\n\t\t\t\t\thighlightSelectionMatches(),\n\t\t\t\t\tbaseTheme,\n\t\t\t\t\tkeymap.of([\n\t\t\t\t\t\t...closeBracketsKeymap,\n\t\t\t\t\t\t...defaultKeymap,\n\t\t\t\t\t\t...searchKeymap,\n\t\t\t\t\t\t...historyKeymap,\n\t\t\t\t\t\t...foldKeymap,\n\t\t\t\t\t\t...completionKeymap,\n\t\t\t\t\t\t...lintKeymap,\n\t\t\t\t\t]),\n\t\t\t\t\tlinter(jsonParseLinter(), { delay: 300 }),\n\t\t\t\t\tlintGutter(),\n\t\t\t\t\tEditorView.updateListener.of((update) => {\n\t\t\t\t\t\tif (update.docChanged && onChange) {\n\t\t\t\t\t\t\tonChange(update.view.state.doc.toString());\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t],\n\t\t\t}),\n\t\t});\n\n\t\treturn () => view.destroy();\n\t}, [defaultValue, onChange]);\n\n\treturn <div className=\"h-full w-full\" ref={editorRef} />;\n}\n"],"names":["autocompletion","closeBrackets","closeBracketsKeymap","completionKeymap","defaultKeymap","history","historyKeymap","json","jsonParseLinter","bracketMatching","foldGutter","foldKeymap","HighlightStyle","indentOnInput","syntaxHighlighting","linter","lintGutter","lintKeymap","highlightSelectionMatches","searchKeymap","EditorState","crosshairCursor","drawSelection","dropCursor","EditorView","highlightActiveLine","highlightActiveLineGutter","highlightSpecialChars","keymap","lineNumbers","rectangularSelection","tags","React","baseTheme","backgroundColor","height","width","fontSize","paddingTop","paddingBottom","overflow","fontFamily","padding","outline","border","paddingLeft","color","customHighlightStyle","define","tag","propertyName","string","number","bool","null","CodeEditor","defaultValue","onChange","editorRef","useRef","useEffect","current","view","parent","state","create","doc","extensions","allowMultipleSelections","of","delay","updateListener","update","docChanged","toString","destroy","div","className","ref"],"mappings":"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"}

package/dist/src/components/code-editor.stories.js

@@ -1,23 +1,38 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CodeEditor } from "./code-editor";
+import { CodeEditor } from "./code-editor/index.js";
 const meta = {
     title: "Component/Editor",
     component: CodeEditor,
     parameters: {
-        layout: "centered",
+        layout: "centered"
     },
-    tags: ["autodocs"],
+    tags: [
+        "autodocs"
+    ]
 };
 export default meta;
 export const Default = {
     args: {
         defaultValue: JSON.stringify({
             resourceType: "Patient",
-            meta: { versionId: 10 },
+            meta: {
+                versionId: 10
+            },
             gender: "male",
-            name: [{ family: "Doe", given: ["John"] }],
-        }, null, 2),
+            name: [
+                {
+                    family: "Doe",
+                    given: [
+                        "John"
+                    ]
+                }
+            ]
+        }, null, 2)
     },
-    render: () => (_jsx("div", { className: "h-[500px] w-[500px]", children: _jsx(CodeEditor, {}) })),
+    render: ()=>/*#__PURE__*/ _jsx("div", {
+            className: "h-[500px] w-[500px]",
+            children: /*#__PURE__*/ _jsx(CodeEditor, {})
+        })
 };
+
 //# sourceMappingURL=code-editor.stories.js.map

package/dist/src/components/code-editor.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.stories.js","sourceRoot":"","sources":["../../../src/components/code-editor.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,IAAI,GAA4B;IACrC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACX,MAAM,EAAE,UAAU;KAClB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CAClB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,YAAY,EAAE,IAAI,CAAC,SAAS,CAC3B;YACC,YAAY,EAAE,SAAS;YACvB,IAAI,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;YACvB,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;SAC1C,EACD,IAAI,EACJ,CAAC,CACD;KACD;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,cAAK,SAAS,EAAC,qBAAqB,YACnC,KAAC,UAAU,KAAG,GACT,CACN;CACD,CAAC"}
+{"version":3,"sources":["../../../src/components/code-editor.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { CodeEditor } from \"./code-editor\";\n\nconst meta: Meta<typeof CodeEditor> = {\n\ttitle: \"Component/Editor\",\n\tcomponent: CodeEditor,\n\tparameters: {\n\t\tlayout: \"centered\",\n\t},\n\ttags: [\"autodocs\"],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof CodeEditor>;\n\nexport const Default: Story = {\n\targs: {\n\t\tdefaultValue: JSON.stringify(\n\t\t\t{\n\t\t\t\tresourceType: \"Patient\",\n\t\t\t\tmeta: { versionId: 10 },\n\t\t\t\tgender: \"male\",\n\t\t\t\tname: [{ family: \"Doe\", given: [\"John\"] }],\n\t\t\t},\n\t\t\tnull,\n\t\t\t2,\n\t\t),\n\t},\n\trender: () => (\n\t\t<div className=\"h-[500px] w-[500px]\">\n\t\t\t<CodeEditor />\n\t\t</div>\n\t),\n};\n"],"names":["CodeEditor","meta","title","component","parameters","layout","tags","Default","args","defaultValue","JSON","stringify","resourceType","versionId","gender","name","family","given","render","div","className"],"mappings":";AACA,SAASA,UAAU,QAAQ,yBAAgB;AAE3C,MAAMC,OAAgC;IACrCC,OAAO;IACPC,WAAWH;IACXI,YAAY;QACXC,QAAQ;IACT;IACAC,MAAM;QAAC;KAAW;AACnB;AAEA,eAAeL,KAAK;AAGpB,OAAO,MAAMM,UAAiB;IAC7BC,MAAM;QACLC,cAAcC,KAAKC,SAAS,CAC3B;YACCC,cAAc;YACdX,MAAM;gBAAEY,WAAW;YAAG;YACtBC,QAAQ;YACRC,MAAM;gBAAC;oBAAEC,QAAQ;oBAAOC,OAAO;wBAAC;qBAAO;gBAAC;aAAE;QAC3C,GACA,MACA;IAEF;IACAC,QAAQ,kBACP,KAACC;YAAIC,WAAU;sBACd,cAAA,KAACpB;;AAGJ,EAAE"}

package/dist/src/components/copy-icon.js

@@ -7,15 +7,22 @@ function CopyIcon({ text }) {
         try {
             await navigator.clipboard.writeText(text);
             setIsActive(true);
-            setTimeout(() => {
+            setTimeout(()=>{
                 setIsActive(false);
             }, 1000);
-        }
-        catch (error) {
+        } catch (error) {
             console.error("Failed to copy to clipboard:", error);
         }
     }
-    return (_jsx("button", { type: "button", onClick: handleClick, style: { cursor: "pointer" }, children: isActive ? _jsx(Check, {}) : _jsx(Copy, {}) }));
+    return /*#__PURE__*/ _jsx("button", {
+        type: "button",
+        onClick: handleClick,
+        style: {
+            cursor: "pointer"
+        },
+        children: isActive ? /*#__PURE__*/ _jsx(Check, {}) : /*#__PURE__*/ _jsx(Copy, {})
+    });
 }
 export { CopyIcon };
+
 //# sourceMappingURL=copy-icon.js.map

package/dist/src/components/copy-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-icon.js","sourceRoot":"","sources":["../../../src/components/copy-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,SAAS,QAAQ,CAAC,EAAE,IAAI,EAAiB;IACxC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,KAAK,UAAU,WAAW;QACzB,IAAI,CAAC;YACJ,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC1C,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,UAAU,CAAC,GAAG,EAAE;gBACf,WAAW,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC,EAAE,IAAI,CAAC,CAAC;QACV,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YAChB,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QACtD,CAAC;IACF,CAAC;IAED,OAAO,CACN,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YACtE,QAAQ,CAAC,CAAC,CAAC,KAAC,KAAK,KAAG,CAAC,CAAC,CAAC,KAAC,IAAI,KAAG,GACxB,CACT,CAAC;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"sources":["../../../src/components/copy-icon.tsx"],"sourcesContent":["import { Check, Copy } from \"lucide-react\";\nimport * as React from \"react\";\n\ninterface CopyIconProps {\n\ttext: string;\n}\n\nfunction CopyIcon({ text }: CopyIconProps) {\n\tconst [isActive, setIsActive] = React.useState(false);\n\n\tasync function handleClick() {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(text);\n\t\t\tsetIsActive(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetIsActive(false);\n\t\t\t}, 1000);\n\t\t} catch (error) {\n\t\t\tconsole.error(\"Failed to copy to clipboard:\", error);\n\t\t}\n\t}\n\n\treturn (\n\t\t<button type=\"button\" onClick={handleClick} style={{ cursor: \"pointer\" }}>\n\t\t\t{isActive ? <Check /> : <Copy />}\n\t\t</button>\n\t);\n}\n\nexport { CopyIcon };\n"],"names":["Check","Copy","React","CopyIcon","text","isActive","setIsActive","useState","handleClick","navigator","clipboard","writeText","setTimeout","error","console","button","type","onClick","style","cursor"],"mappings":";AAAA,SAASA,KAAK,EAAEC,IAAI,QAAQ,eAAe;AAC3C,YAAYC,WAAW,QAAQ;AAM/B,SAASC,SAAS,EAAEC,IAAI,EAAiB;IACxC,MAAM,CAACC,UAAUC,YAAY,GAAGJ,MAAMK,QAAQ,CAAC;IAE/C,eAAeC;QACd,IAAI;YACH,MAAMC,UAAUC,SAAS,CAACC,SAAS,CAACP;YACpCE,YAAY;YACZM,WAAW;gBACVN,YAAY;YACb,GAAG;QACJ,EAAE,OAAOO,OAAO;YACfC,QAAQD,KAAK,CAAC,gCAAgCA;QAC/C;IACD;IAEA,qBACC,KAACE;QAAOC,MAAK;QAASC,SAAST;QAAaU,OAAO;YAAEC,QAAQ;QAAU;kBACrEd,yBAAW,KAACL,2BAAW,KAACC;;AAG5B;AAEA,SAASE,QAAQ,GAAG"}

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

@@ -1,40 +1,82 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input } from "#shadcn/components/ui/input";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "#shadcn/components/ui/select";
-import { cn } from "#shadcn/lib/utils";
-import { CopyIcon } from "./copy-icon";
+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";
+import { CopyIcon } from "./copy-icon.js";
 const METHOD_COLORS = {
     GET: {
         text: "text-[#6D9F0F] [&_svg]:text-[#6D9F0F]!",
         background: "bg-green-200",
-        border: "border-fg-success-secondary! hover:border-fg-success-secondary ring-green-200!",
+        border: "border-fg-success-secondary! hover:border-fg-success-secondary ring-green-200!"
     },
     POST: {
         text: "text-yellow-600 [&_svg]:text-yellow-600!",
         background: "bg-yellow-200",
-        border: "border-[#F4CB00]! hover:border-[#F4CB00] ring-yellow-200!",
+        border: "border-[#F4CB00]! hover:border-[#F4CB00] ring-yellow-200!"
     },
     PUT: {
         text: "text-blue-500 [&_svg]:text-blue-500!",
         background: "bg-blue-200",
-        border: "border-blue-400! hover:border-blue-400 ring-blue-200!",
+        border: "border-blue-400! hover:border-blue-400 ring-blue-200!"
     },
     PATCH: {
         text: "text-violet-600 [&_svg]:text-violet-600",
         background: "bg-violet-200",
-        border: "border-violet-400! hover:border-violet-400 ring-violet-200!",
+        border: "border-violet-400! hover:border-violet-400 ring-violet-200!"
     },
     DELETE: {
         text: "text-red-600 [&_svg]:text-red-600!",
         background: "bg-red-200",
-        border: "border-red-300! hover:border-red-300 ring-red-200!",
-    },
+        border: "border-red-300! hover:border-red-300 ring-red-200!"
+    }
 };
-function RequestMethodSelector({ selectedMethod, setMethod, methods, }) {
-    return (_jsxs(Select, { value: selectedMethod, onValueChange: setMethod, children: [_jsx(SelectTrigger, { className: `min-w-26 border-r-0 rounded-r-none shadow-none ${METHOD_COLORS[selectedMethod].text} ${METHOD_COLORS[selectedMethod].background} ${METHOD_COLORS[selectedMethod].border}`, children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: methods.map((method) => (_jsx(SelectItem, { value: method, children: _jsxs("span", { className: `${METHOD_COLORS[method].text}`, children: [" ", method, " "] }) }, method))) })] }));
+function RequestMethodSelector({ selectedMethod, setMethod, methods }) {
+    return /*#__PURE__*/ _jsxs(Select, {
+        value: selectedMethod,
+        onValueChange: setMethod,
+        children: [
+            /*#__PURE__*/ _jsx(SelectTrigger, {
+                className: `min-w-26 border-r-0 rounded-r-none shadow-none ${METHOD_COLORS[selectedMethod].text} ${METHOD_COLORS[selectedMethod].background} ${METHOD_COLORS[selectedMethod].border}`,
+                children: /*#__PURE__*/ _jsx(SelectValue, {})
+            }),
+            /*#__PURE__*/ _jsx(SelectContent, {
+                children: methods.map((method)=>/*#__PURE__*/ _jsx(SelectItem, {
+                        value: method,
+                        children: /*#__PURE__*/ _jsxs("span", {
+                            className: `${METHOD_COLORS[method].text}`,
+                            children: [
+                                " ",
+                                method,
+                                " "
+                            ]
+                        })
+                    }, method))
+            })
+        ]
+    });
 }
-function RequestLineEditor({ className, selectedMethod, setMethod, methods, inputValue, onInputChange, }) {
-    return (_jsxs("div", { className: cn("flex", className), children: [_jsx(RequestMethodSelector, { selectedMethod: selectedMethod, setMethod: setMethod, methods: methods }), _jsx(Input, { className: `rounded-l-none ${METHOD_COLORS[selectedMethod].border}`, value: inputValue, rightSlot: _jsx(CopyIcon, { text: `${selectedMethod} ${inputValue}` }), ...(onInputChange !== undefined ? { onChange: onInputChange } : {}) })] }));
+function RequestLineEditor({ className, selectedMethod, setMethod, methods, inputValue, onInputChange }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn("flex", className),
+        children: [
+            /*#__PURE__*/ _jsx(RequestMethodSelector, {
+                selectedMethod: selectedMethod,
+                setMethod: setMethod,
+                methods: methods
+            }),
+            /*#__PURE__*/ _jsx(Input, {
+                className: `rounded-l-none ${METHOD_COLORS[selectedMethod].border}`,
+                value: inputValue,
+                rightSlot: /*#__PURE__*/ _jsx(CopyIcon, {
+                    text: `${selectedMethod} ${inputValue}`
+                }),
+                ...onInputChange !== undefined ? {
+                    onChange: onInputChange
+                } : {}
+            })
+        ]
+    });
 }
 export { RequestLineEditor, METHOD_COLORS };
+
 //# sourceMappingURL=request-line-editor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"request-line-editor.js","sourceRoot":"","sources":["../../../src/components/request-line-editor.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EACN,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAUvC,MAAM,aAAa,GAAG;IACrB,GAAG,EAAE;QACJ,IAAI,EAAE,wCAAwC;QAC9C,UAAU,EAAE,cAAc;QAC1B,MAAM,EACL,gFAAgF;KACjF;IACD,IAAI,EAAE;QACL,IAAI,EAAE,0CAA0C;QAChD,UAAU,EAAE,eAAe;QAC3B,MAAM,EAAE,2DAA2D;KACnE;IACD,GAAG,EAAE;QACJ,IAAI,EAAE,sCAAsC;QAC5C,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,uDAAuD;KAC/D;IACD,KAAK,EAAE;QACN,IAAI,EAAE,yCAAyC;QAC/C,UAAU,EAAE,eAAe;QAC3B,MAAM,EAAE,6DAA6D;KACrE;IACD,MAAM,EAAE;QACP,IAAI,EAAE,oCAAoC;QAC1C,UAAU,EAAE,YAAY;QACxB,MAAM,EAAE,oDAAoD;KAC5D;CACD,CAAC;AAEF,SAAS,qBAAqB,CAAC,EAC9B,cAAc,EACd,SAAS,EACT,OAAO,GACiB;IACxB,OAAO,CACN,MAAC,MAAM,IAAC,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,aACtD,KAAC,aAAa,IACb,SAAS,EAAE,kDAAkD,aAAa,CAAC,cAA4C,CAAC,CAAC,IAAI,IAAI,aAAa,CAAC,cAA4C,CAAC,CAAC,UAAU,IAAI,aAAa,CAAC,cAA4C,CAAC,CAAC,MAAM,EAAE,YAE/Q,KAAC,WAAW,KAAG,GACA,EAChB,KAAC,aAAa,cACZ,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,KAAC,UAAU,IAAc,KAAK,EAAE,MAAM,YACrC,gBACC,SAAS,EAAE,GAAG,aAAa,CAAC,MAAoC,CAAC,CAAC,IAAI,EAAE,aAEvE,GAAG,EACH,MAAM,EAAE,GAAG,IACN,IANS,MAAM,CAOV,CACb,CAAC,GACa,IACR,CACT,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,SAAS,EACT,OAAO,EACP,UAAU,EACV,aAAa,GACW;IACxB,OAAO,CACN,eAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,aACpC,KAAC,qBAAqB,IACrB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,GACf,EACF,KAAC,KAAK,IACL,SAAS,EAAE,kBAAkB,aAAa,CAAC,cAA4C,CAAC,CAAC,MAAM,EAAE,EACjG,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,GAAG,cAAc,IAAI,UAAU,EAAE,GAAI,KAC5D,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACnE,IACG,CACN,CAAC;AACH,CAAC;AAED,OAAO,EAAE,iBAAiB,EAA+B,aAAa,EAAE,CAAC"}
+{"version":3,"sources":["../../../src/components/request-line-editor.tsx"],"sourcesContent":["import 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\ninterface RequestLineEditorProps extends React.ComponentProps<\"div\"> {\n\tselectedMethod: string;\n\tsetMethod: (value: string) => void;\n\tmethods: string[];\n\tinputValue?: string | undefined;\n\tonInputChange?: React.ChangeEventHandler<HTMLInputElement>;\n}\n\nconst METHOD_COLORS = {\n\tGET: {\n\t\ttext: \"text-[#6D9F0F] [&_svg]:text-[#6D9F0F]!\",\n\t\tbackground: \"bg-green-200\",\n\t\tborder:\n\t\t\t\"border-fg-success-secondary! hover:border-fg-success-secondary ring-green-200!\",\n\t},\n\tPOST: {\n\t\ttext: \"text-yellow-600 [&_svg]:text-yellow-600!\",\n\t\tbackground: \"bg-yellow-200\",\n\t\tborder: \"border-[#F4CB00]! hover:border-[#F4CB00] ring-yellow-200!\",\n\t},\n\tPUT: {\n\t\ttext: \"text-blue-500 [&_svg]:text-blue-500!\",\n\t\tbackground: \"bg-blue-200\",\n\t\tborder: \"border-blue-400! hover:border-blue-400 ring-blue-200!\",\n\t},\n\tPATCH: {\n\t\ttext: \"text-violet-600 [&_svg]:text-violet-600\",\n\t\tbackground: \"bg-violet-200\",\n\t\tborder: \"border-violet-400! hover:border-violet-400 ring-violet-200!\",\n\t},\n\tDELETE: {\n\t\ttext: \"text-red-600 [&_svg]:text-red-600!\",\n\t\tbackground: \"bg-red-200\",\n\t\tborder: \"border-red-300! hover:border-red-300 ring-red-200!\",\n\t},\n};\n\nfunction RequestMethodSelector({\n\tselectedMethod,\n\tsetMethod,\n\tmethods,\n}: RequestLineEditorProps) {\n\treturn (\n\t\t<Select value={selectedMethod} onValueChange={setMethod}>\n\t\t\t<SelectTrigger\n\t\t\t\tclassName={`min-w-26 border-r-0 rounded-r-none shadow-none ${METHOD_COLORS[selectedMethod as keyof typeof METHOD_COLORS].text} ${METHOD_COLORS[selectedMethod as keyof typeof METHOD_COLORS].background} ${METHOD_COLORS[selectedMethod as keyof typeof METHOD_COLORS].border}`}\n\t\t\t>\n\t\t\t\t<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\n\t\t\t\t\t\t\tclassName={`${METHOD_COLORS[method as keyof typeof METHOD_COLORS].text}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{\" \"}\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\nfunction RequestLineEditor({\n\tclassName,\n\tselectedMethod,\n\tsetMethod,\n\tmethods,\n\tinputValue,\n\tonInputChange,\n}: RequestLineEditorProps) {\n\treturn (\n\t\t<div className={cn(\"flex\", className)}>\n\t\t\t<RequestMethodSelector\n\t\t\t\tselectedMethod={selectedMethod}\n\t\t\t\tsetMethod={setMethod}\n\t\t\t\tmethods={methods}\n\t\t\t/>\n\t\t\t<Input\n\t\t\t\tclassName={`rounded-l-none ${METHOD_COLORS[selectedMethod as keyof typeof METHOD_COLORS].border}`}\n\t\t\t\tvalue={inputValue}\n\t\t\t\trightSlot={<CopyIcon text={`${selectedMethod} ${inputValue}`} />}\n\t\t\t\t{...(onInputChange !== undefined ? { onChange: onInputChange } : {})}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport { RequestLineEditor, type RequestLineEditorProps, METHOD_COLORS };\n"],"names":["Input","Select","SelectContent","SelectItem","SelectTrigger","SelectValue","cn","CopyIcon","METHOD_COLORS","GET","text","background","border","POST","PUT","PATCH","DELETE","RequestMethodSelector","selectedMethod","setMethod","methods","value","onValueChange","className","map","method","span","RequestLineEditor","inputValue","onInputChange","div","rightSlot","undefined","onChange"],"mappings":";AACA,SAASA,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;AAUvC,MAAMC,gBAAgB;IACrBC,KAAK;QACJC,MAAM;QACNC,YAAY;QACZC,QACC;IACF;IACAC,MAAM;QACLH,MAAM;QACNC,YAAY;QACZC,QAAQ;IACT;IACAE,KAAK;QACJJ,MAAM;QACNC,YAAY;QACZC,QAAQ;IACT;IACAG,OAAO;QACNL,MAAM;QACNC,YAAY;QACZC,QAAQ;IACT;IACAI,QAAQ;QACPN,MAAM;QACNC,YAAY;QACZC,QAAQ;IACT;AACD;AAEA,SAASK,sBAAsB,EAC9BC,cAAc,EACdC,SAAS,EACTC,OAAO,EACiB;IACxB,qBACC,MAACnB;QAAOoB,OAAOH;QAAgBI,eAAeH;;0BAC7C,KAACf;gBACAmB,WAAW,CAAC,+CAA+C,EAAEf,aAAa,CAACU,eAA6C,CAACR,IAAI,CAAC,CAAC,EAAEF,aAAa,CAACU,eAA6C,CAACP,UAAU,CAAC,CAAC,EAAEH,aAAa,CAACU,eAA6C,CAACN,MAAM,EAAE;0BAE/Q,cAAA,KAACP;;0BAEF,KAACH;0BACCkB,QAAQI,GAAG,CAAC,CAACC,uBACb,KAACtB;wBAAwBkB,OAAOI;kCAC/B,cAAA,MAACC;4BACAH,WAAW,GAAGf,aAAa,CAACiB,OAAqC,CAACf,IAAI,EAAE;;gCAEvE;gCACAe;gCAAQ;;;uBALMA;;;;AAYtB;AAEA,SAASE,kBAAkB,EAC1BJ,SAAS,EACTL,cAAc,EACdC,SAAS,EACTC,OAAO,EACPQ,UAAU,EACVC,aAAa,EACW;IACxB,qBACC,MAACC;QAAIP,WAAWjB,GAAG,QAAQiB;;0BAC1B,KAACN;gBACAC,gBAAgBA;gBAChBC,WAAWA;gBACXC,SAASA;;0BAEV,KAACpB;gBACAuB,WAAW,CAAC,eAAe,EAAEf,aAAa,CAACU,eAA6C,CAACN,MAAM,EAAE;gBACjGS,OAAOO;gBACPG,yBAAW,KAACxB;oBAASG,MAAM,GAAGQ,eAAe,CAAC,EAAEU,YAAY;;gBAC3D,GAAIC,kBAAkBG,YAAY;oBAAEC,UAAUJ;gBAAc,IAAI,CAAC,CAAC;;;;AAIvE;AAEA,SAASF,iBAAiB,EAA+BnB,aAAa,GAAG"}