@epam/ai-dial-ui-kit 0.1.0-rc

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2023 EPAM Systems, Inc.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,292 @@
+# AI DIAL UI Kit
+
+[<img align="right" width="120" height="120" 
+     alt="AI-DIAL-UI-KIT project logo"
+     src="https://avatars.githubusercontent.com/u/1589802?s=200&v=4" 
+      />](#)
+
+A comprehensive React-based UI components library specifically designed for building AI-driven applications with modern standards and enterprise-grade quality.
+
+[![npm version](https://badge.fury.io/js/@epam%2Fai-dial-ui-kit.svg)](https://badge.fury.io/js/@epam%2Fai-dial-ui-kit)
+[![License: Apache 2.0](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.0+-blue.svg)](https://www.typescriptlang.org/)
+[![React](https://img.shields.io/badge/React-19+-61dafb.svg)](https://reactjs.org/)
+
+## Table of Contents
+
+- [✨ Features](#-features)
+- [📖 Documentation](#-documentation)
+- [🚀 Quick Start](#-quick-start)
+  - [Prerequisites](#prerequisites)
+  - [Installation](#installation)
+  - [Basic Usage](#basic-usage)
+- [Development](#development)
+  - [Prerequisites](#prerequisites-1)
+  - [Development Setup](#development-setup)
+  - [Project Structure](#project-structure)
+- [🎨 Theming & Customization](#-theming--customization)
+- [📖 Storybook](#-storybook)
+  - [Development Mode](#development-mode)
+  - [Production Build](#production-build)
+- [🚀 Usage in Projects](#-usage-in-projects)
+  - [Next.js Integration](#nextjs-integration)
+  - [Vite Integration](#vite-integration)
+  - [Tree Shaking](#tree-shaking)
+- [🤝 Contributing](#-contributing)
+- [🔒 Security](#-security)
+- [📄 License](#-license)
+- [🌟 Related Projects](#-related-projects)
+
+## ✨ Features
+
+- 🎨 **Unified User Experience**: Consistent design language for all AI DIAL applications
+- ⚡ **Modern Stack**: Built with latest React, TypeScript, Vite, and Tailwind CSS
+- 🎨 **Highly Customizable**: Deep theming capabilities with CSS custom properties
+- 🧪 **Well-Tested**: Comprehensive test coverage (70%+) with Vitest and React Testing Library
+- 📚 **Storybook Ready**: Interactive component documentation and development playground
+- 🛠️ **Developer Experience**: ESLint, Prettier, Husky for maintainable code quality
+- 📦 **Distribution Ready**: NPM package ready for easy integration
+
+## 📖 Documentation
+
+Explore our components and their usage in our interactive [Storybook documentation](http://localhost:6006).
+
+## 🚀 Quick Start
+
+### Prerequisites
+
+- Node.js >= 22.2.0
+- npm >= 10.7.0
+
+### Installation
+
+```bash
+npm install @epam/ai-dial-ui-kit
+```
+
+### Basic Usage
+
+```tsx
+import { DialButton } from '@epam/ai-dial-ui-kit';
+import '@epam/ai-dial-ui-kit/styles.css';
+
+function App() {
+  return (
+    <div>
+      <DialButton 
+        cssClass="dial-primary-button"
+        onClick={() => alert('Hello AI DIAL!')}
+      />
+    </div>
+  );
+}
+```
+
+## Development
+
+### Prerequisites
+
+- Node.js >= 22.2.0
+- npm >= 10.7.0
+- Git
+
+### Development Setup
+
+1. **Fork and Clone**
+   ```bash
+   git clone https://github.com/your-username/ai-dial-ui-kit.git
+   cd ai-dial-ui-kit
+   ```
+
+2. **Install Dependencies**
+   ```bash
+   npm install
+   ```
+
+3. **Start Development Environment**
+   ```bash
+   # Start Storybook for component development
+   npm run storybook
+   
+   # Run tests in watch mode
+   npm run test -- --watch
+   
+   # Start Vite dev server
+   npm run dev
+   ```
+
+### Running Tests
+
+```bash
+# Run all tests with coverage
+npm run test
+```
+
+### Project Structure
+
+```
+src/
+├── components/          # React components
+│   ├── Button/         # Example component
+│   │   ├── Button.tsx
+│   │   ├── Button.spec.tsx
+│   │   └── Button.stories.tsx
+│   └── ...
+├── styles/             # Global styles and Tailwind configuration
+│   ├── buttons.scss
+│   ├── typography.scss
+│   └── tailwind-entry.scss
+├── types/              # TypeScript type definitions
+└── index.ts            # Main entry point
+```
+
+## 🎨 Theming & Customization
+
+The library uses CSS custom properties for comprehensive theming. Override these variables to match your brand:
+
+```css
+:root {
+  /* Background layers */
+  --bg-layer-0: #000000;
+  --bg-layer-1: #090D13;
+  --bg-layer-2: #171B21;
+  
+  /* Text colors */
+  --text-primary: #F3F4F6;
+  --text-secondary: #9CA3AF;
+  --text-tertiary: #6B7280;
+   ...
+}
+```
+
+Full list of variables is available [here](tailwind.config.js)
+
+## 📖 Storybook
+
+Storybook is a frontend workshop for building UI components and pages in isolation.
+
+### Stories
+To run fully interactive storybook:
+
+#### Development mode
+```bash
+npm run storybook
+# Open http://localhost:6006
+```
+
+#### Production Build
+```bash
+npm run build-storybook
+```
+#### Production start
+
+```bash
+npx http-server ./storybook-static
+# Open http://127.0.0.1:8080/
+```
+
+### Documents
+To run documents only:
+
+#### Development mode
+``` bash
+npm run storybook-docs
+# Open http://localhost:54800/
+```
+#### Production build
+```bash
+npm run build-storybook-docs
+```
+#### Production start
+```bash
+npx http-server ./storybook-static
+# Open http://127.0.0.1:8080/
+```
+
+Storybook provides:
+- 📖 Interactive component documentation
+- 🎨 Visual testing playground
+- ♿ Accessibility testing tools
+- 📱 Responsive design testing
+- 🎯 Component isolation
+
+## 🚀 Usage in Projects
+
+<details>
+<summary>Next.js Integration</summary>
+
+1. Install the package and peer dependencies that are not currently in your project
+``` bash
+npm install @epam/ai-dial-ui-kit
+npm install react react-dom  @tabler/icons-react classnames
+npm install @floating-ui/react monaco-editor @monaco-editor/react
+```
+
+2. Import style in the root layout of the project:
+
+```tsx
+// app/layout.tsx
+import "@epam/ai-dial-ui-kit/styles.css";
+```
+
+3. Usage example
+
+```tsx
+// app/page.tsx
+"use client";
+import { DialButton } from "@epam/ai-dial-ui-kit";
+
+export default function Home() {
+  return (
+    <div className="w-full h-full flex flex-col gap-3 items-center justify-center">
+      <h1>Test library</h1>
+      <DialButton
+        onClick={() => console.log("Next.js + AI DIAL UI Kit!")}
+        title="Click me"
+        cssClass="dial-primary-button"
+      />
+    </div>
+  );
+}
+</details>
+
+
+### Tree Shaking
+
+ Import only the components you need:
+
+```tsx
+// ✅ Good - Tree shakable imports
+import { DialButton, DialInput } from '@epam/ai-dial-ui-kit';
+import '@epam/ai-dial-ui-kit/styles.css'; // Import styles separately
+
+// ❌ Avoid - Imports entire library
+import * as UIKit from '@epam/ai-dial-ui-kit';
+```
+
+## 🤝 Contributing
+
+We welcome contributions! Please see our [Contributing Guide](./CONTRIBUTING.md) for details on:
+
+- Code style guidelines
+- Testing requirements
+- Pull request process
+
+
+## 🔒 Security
+
+If you discover a security vulnerability, please refer to our [Security Policy](./SECURITY.md).
+
+## 📄 License
+
+[Apache 2.0](./LICENSE) - see the [LICENSE](./LICENSE) file for details.
+
+## 🌟 Related Projects
+
+- [AI-DIAL](https://github.com/epam/ai-dial) - Entrypoint for all AI Dial projects
+
+---
+
+<p align="center">
+  Made with ❤️ by <a href="https://www.epam.com">EPAM Systems</a>
+</p>

package/dist/dial-ui-kit.cjs.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),E=require("classnames"),g=require("@floating-ui/react");require("monaco-editor");const pe=require("@monaco-editor/react");var D={exports:{}},S={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var K;function be(){if(K)return S;K=1;var r=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function s(l,n,i){var c=null;if(i!==void 0&&(c=""+i),n.key!==void 0&&(c=""+n.key),"key"in n){i={};for(var d in n)d!=="key"&&(i[d]=n[d])}else i=n;return n=i.ref,{$$typeof:r,type:l,key:c,ref:n!==void 0?n:null,props:i}}return S.Fragment=t,S.jsx=s,S.jsxs=s,S}var F={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var ee;function ge(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&(function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===de?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case _:return"Profiler";case A:return"StrictMode";case le:return"Suspense";case ie:return"SuspenseList";case ue:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case C:return"Portal";case I:return(e.displayName||"Context")+".Provider";case N:return(e._context.displayName||"Context")+".Consumer";case se:var a=e.render;return e=e.displayName,e||(e=a.displayName||a.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ce:return a=e.displayName||null,a!==null?a:r(e.type)||"Memo";case J:a=e._payload,e=e._init;try{return r(e(a))}catch{}}return null}function t(e){return""+e}function s(e){try{t(e);var a=!1}catch{a=!0}if(a){a=console;var u=a.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),t(e)}}function l(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===J)return"<...>";try{var a=r(e);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function n(){var e=L.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function c(e){if(G.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function d(e,a){function u(){V||(V=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",a))}u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}function f(){var e=r(this.type);return H[e]||(H[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function x(e,a,u,p,T,j,M,$){return u=j.ref,e={$$typeof:w,type:e,key:a,props:j,_owner:T},(u!==void 0?u:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:f}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:M}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:$}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function m(e,a,u,p,T,j,M,$){var b=a.children;if(b!==void 0)if(p)if(fe(b)){for(p=0;p<b.length;p++)v(b[p]);Object.freeze&&Object.freeze(b)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else v(b);if(G.call(a,"key")){b=r(e);var y=Object.keys(a).filter(function(me){return me!=="key"});p=0<y.length?"{key: someKey, "+y.join(": ..., ")+": ...}":"{key: someKey}",Q[b+p]||(y=0<y.length?"{"+y.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,p,b,y,b),Q[b+p]=!0)}if(b=null,u!==void 0&&(s(u),b=""+u),c(a)&&(s(a.key),b=""+a.key),"key"in a){u={};for(var q in a)q!=="key"&&(u[q]=a[q])}else u=a;return b&&d(u,typeof e=="function"?e.displayName||e.name||"Unknown":e),x(e,b,j,T,n(),u,M,$)}function v(e){typeof e=="object"&&e!==null&&e.$$typeof===w&&e._store&&(e._store.validated=1)}var R=h,w=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),A=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),I=Symbol.for("react.context"),se=Symbol.for("react.forward_ref"),le=Symbol.for("react.suspense"),ie=Symbol.for("react.suspense_list"),ce=Symbol.for("react.memo"),J=Symbol.for("react.lazy"),ue=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),L=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=Object.prototype.hasOwnProperty,fe=Array.isArray,Y=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var V,H={},X=R.react_stack_bottom_frame.bind(R,i)(),Z=Y(l(i)),Q={};F.Fragment=k,F.jsx=function(e,a,u,p,T){var j=1e4>L.recentlyCreatedOwnerStacks++;return m(e,a,u,!1,p,T,j?Error("react-stack-top-frame"):X,j?Y(l(e)):Z)},F.jsxs=function(e,a,u,p,T){var j=1e4>L.recentlyCreatedOwnerStacks++;return m(e,a,u,!0,p,T,j?Error("react-stack-top-frame"):X,j?Y(l(e)):Z)}})()),F}var re;function xe(){return re||(re=1,process.env.NODE_ENV==="production"?D.exports=be():D.exports=ge()),D.exports}var o=xe();const O=({icon:r,className:t})=>r?o.jsx("span",{className:E("flex-shrink-0",t),children:r}):null,ve=({title:r,cssClass:t,ref:s,onClick:l,disable:n,iconAfter:i,iconBefore:c,hideTitleOnMobile:d,ariaLabel:f})=>{const x=E("dial-small-semi",i?"mr-2":"",c?"ml-2":"",d?"hidden sm:inline":"inline"),m=E(t,"focus-visible:outline outline-offset-0");return o.jsxs("button",{ref:s,type:"button",className:m,onClick:v=>l?.(v),disabled:n,"aria-label":r||f,children:[o.jsx(O,{icon:c}),r&&o.jsx("span",{className:x,children:r}),o.jsx(O,{icon:i})]})},U=({errorText:r})=>r&&o.jsx("span",{className:"text-error dial-tiny mt-1",children:r}),z=({fieldTitle:r,htmlFor:t,optional:s,optionalText:l,cssClass:n})=>r?o.jsxs("label",{className:E("dial-tiny text-secondary",n,!n?.includes("mb")&&"mb-2"),htmlFor:t,children:[o.jsx("span",{className:"min-h-4",children:r}),s&&o.jsx("span",{className:"ml-1",children:l??"(Optional)"})]}):null,te=({value:r,textareaId:t,placeholder:s,cssClass:l="",disabled:n,invalid:i,readonly:c,onChange:d})=>o.jsx("textarea",{id:t,placeholder:s,value:r,disabled:n,className:E("dial-textarea dial-input",i?"dial-input-error":"",n&&"dial-input-disable",c&&"dial-input-readonly",l),onChange:f=>!c&&d?.(f.currentTarget.value)}),je=7,he=2,ne=h.createContext(null),oe=()=>{const r=h.useContext(ne);if(r==null)throw new Error("Tooltip components must be wrapped in <Tooltip />");return r},Ee=({initialOpen:r=!1,placement:t="bottom",isTriggerClickable:s=!1,open:l,onOpenChange:n}={})=>{const[i,c]=h.useState(r),d=h.useRef(null),f=l??i,x=n??c,m=g.useFloating({placement:t,open:f,onOpenChange:x,whileElementsMounted:g.autoUpdate,middleware:[g.offset(je+he),g.flip({crossAxis:t.includes("-"),fallbackAxisSideDirection:"start",padding:5}),g.shift({padding:5}),g.arrow({element:d})]}),v=g.useHover(m.context,{move:!1,enabled:l==null,mouseOnly:s,delay:{open:500,close:0}}),R=g.useFocus(m.context,{enabled:l==null}),w=g.useDismiss(m.context),C=g.useRole(m.context,{role:"tooltip"}),k=g.useInteractions([v,R,w,C]);return h.useMemo(()=>({open:f,setOpen:x,arrowRef:d,...k,...m}),[f,x,k,m])},ke=({children:r,...t})=>{const s=Ee(t);return o.jsx(ne.Provider,{value:s,children:r})},Re=h.forwardRef(function({style:t,...s},l){const n=oe(),i=g.useMergeRefs([n.refs.setFloating,l]);return n.open?o.jsx(g.FloatingPortal,{id:"tooltip-portal",children:o.jsxs("div",{ref:i,style:{...n.floatingStyles,...t},...n.getFloatingProps(s),className:E("z-[55] whitespace-pre-wrap rounded border border-primary bg-blackout px-2 py-1 dial-tiny shadow max-w-[300px]",n.getFloatingProps(s).className),children:[s.children,o.jsx(g.FloatingArrow,{ref:n.arrowRef,context:n.context,fill:"currentColor",strokeWidth:1,className:"stroke-primary w-2 text-[var(--bg-layer-0,_#000000)]"})]})}):null}),Te=h.forwardRef(function({children:t,asChild:s=!1,...l},n){const i=oe(),d=t&&typeof t=="object"&&"ref"in t&&t.ref!==void 0?t.ref:void 0,f=g.useMergeRefs([i.refs.setReference,n,d]);return s&&h.isValidElement(t)?h.cloneElement(t,i.getReferenceProps({ref:f,...l,...t.props})):o.jsx("span",{ref:f,...i.getReferenceProps(l),className:l.className??"dial-tooltip-trigger text-left",children:t})}),B=({hideTooltip:r,tooltip:t,children:s,triggerClassName:l,contentClassName:n,...i})=>r||!t?o.jsx("span",{className:l,children:s}):o.jsxs(ke,{...i,children:[o.jsx(Te,{className:l,children:s}),o.jsx(Re,{className:E("text-primary",n),children:t})]}),P=({iconBeforeInput:r,iconAfterInput:t,hideBorder:s,value:l,elementId:n,placeholder:i="",cssClass:c="",containerCssClass:d,type:f="text",disabled:x,readonly:m,invalid:v,onChange:R,min:w,max:C,prefix:k,suffix:A,textBeforeInput:_,textAfterInput:N})=>o.jsxs("div",{className:E("dial-input-field flex flex-row items-center justify-between",s?"dial-input-no-border":"dial-input",v&&"dial-input-error",x&&"dial-input-disable",m&&"dial-input-readonly",!_&&"pl-1",!N&&"pr-1",d),children:[_&&o.jsx(B,{tooltip:_,children:o.jsx(P,{hideBorder:!0,containerCssClass:"rounded-r-none border-r-0",cssClass:"px-2 overflow-hidden overflow-ellipsis dial-small",value:_,disabled:!0,elementId:_+"textBefore"})}),k&&o.jsxs("p",{className:"text-secondary dial-small pl-2",children:[" ",k]}),o.jsx(O,{icon:r,className:"pl-2"}),o.jsx("input",{type:f,autoComplete:"new-password",id:n,placeholder:i,value:l??"",title:l?String(l):"",disabled:x,min:w,max:C,className:E("border-0 bg-transparent px-2",c),onChange:I=>!m&&R?.(I.currentTarget.value)}),o.jsx(O,{icon:t,className:"pr-2"}),A&&o.jsxs("p",{className:"text-secondary dial-small pr-2",children:[" ",A]}),N&&o.jsx(B,{tooltip:N,children:o.jsx(P,{hideBorder:!0,containerCssClass:"rounded-l-none border-l-0",cssClass:"px-2",value:N,disabled:!0,elementId:N+"textAfter"})})]}),_e=/^0+\.(\d+)?$/,Ne=/^0+/,ae=({fieldTitle:r,errorText:t,optional:s,elementCssClass:l,elementContainerCssClass:n,elementId:i,containerCssClass:c,readonly:d,defaultEmptyText:f,min:x,max:m,...v})=>o.jsxs("div",{className:E("flex flex-col",c),children:[o.jsx(z,{fieldTitle:r,optional:s,htmlFor:i}),d?o.jsx("span",{children:v.value||(f??"None")}):o.jsxs(o.Fragment,{children:[o.jsx(P,{elementId:i,cssClass:l,containerCssClass:n,invalid:t!=null,min:x,max:m,...v}),o.jsx(U,{errorText:t})]})]}),we=({onChange:r,value:t,min:s,max:l,...n})=>{const i=c=>String(c)?.match(_e)?String(c)?.replace(Ne,"0"):Number(c);return o.jsx(ae,{type:"number",onChange:c=>r?.(i(c)),value:t,min:s,max:l,...n})},ye=({onChange:r,...t})=>o.jsx(ae,{type:"text",onChange:s=>r?.(s),...t}),Ce=({fieldTitle:r,optional:t,elementId:s,elementCssClass:l,errorText:n,...i})=>o.jsxs("div",{className:"flex flex-col",children:[o.jsx(z,{fieldTitle:r,optional:t,htmlFor:s}),o.jsx(te,{textareaId:s,cssClass:l,...i}),o.jsx(U,{errorText:n})]});var W=(r=>(r.dark="dark",r.light="light",r))(W||{});const Se={[W.dark]:{base:"vs-dark",inherit:!1,rules:[{token:"string.key.json",foreground:"#37BABC"},{token:"string.value.json",foreground:"#5C8DEA"},{token:"number",foreground:"#D97C27"},{token:"keyword.json",foreground:"#F4CE46"},{token:"delimiter",foreground:"#F3F4F6"},{token:"delimiter.bracket.json",foreground:"#A972FF"},{token:"delimiter.parenthesis",foreground:"#A972FF"}],colors:{"editor.foreground":"#F76464","editor.background":"#141A23","editorCursor.foreground":"#F3F4F6","editor.selectionBackground":"#5C8DEA2B","editorLineNumber.foreground":"#333942","scrollbarSlider.background":"#333942","scrollbarSlider.hoverBackground":"#333942","scrollbarSlider.activeBackground":"#333942"}},[W.light]:{base:"vs",inherit:!1,rules:[{token:"string.key.json",foreground:"#009D9F"},{token:"string.value.json",foreground:"#2764D9"},{token:"number",foreground:"#B25500"},{token:"keyword.json",foreground:"#3F3D25"},{token:"delimiter",foreground:"#141A23"},{token:"delimiter.bracket.json",foreground:"#843EF3"},{token:"delimiter.parenthesis",foreground:"#843EF3"}],colors:{"editor.foreground":"#AE2F2F","editor.background":"#F3F4F6","editorCursor.foreground":"#141A23","editor.selectionBackground":"#5C8DEA2B","editorLineNumber.foreground":"#333942","scrollbarSlider.background":"#333942","scrollbarSlider.hoverBackground":"#333942","scrollbarSlider.activeBackground":"#333942"}}},Fe=({value:r,onChange:t,onValidateJSON:s,options:l,currentTheme:n,themesConfig:i=Se})=>{function c(d){d?.editor?.defineTheme(n,i[n]),d.languages.json.jsonDefaults.setDiagnosticsOptions({validate:!0,enableSchemaRequest:!1,schemas:[{uri:"http://custom-schema/object-required.json",fileMatch:["*"],schema:{type:"object",description:"Top-level value must be an object",additionalProperties:!0}}]})}return o.jsx(pe.Editor,{beforeMount:c,height:"100%",defaultLanguage:"json",value:r,onChange:t,theme:n,onValidate:s,options:{minimap:{enabled:!1},formatOnType:!0,formatOnPaste:!0,selectOnLineNumbers:!1,automaticLayout:!0,scrollBeyondLastLine:!1,wordWrap:"on",smoothScrolling:!0,overviewRulerLanes:0,scrollbar:{horizontal:"hidden",verticalScrollbarSize:4,verticalSliderSize:4},...l??{}}})};exports.DialButton=ve;exports.DialErrorText=U;exports.DialFieldLabel=z;exports.DialIcon=O;exports.DialInput=P;exports.DialJsonEditor=Fe;exports.DialNumberInputField=we;exports.DialTextAreaField=Ce;exports.DialTextInputField=ye;exports.DialTextarea=te;exports.DialTooltip=B;