entangle-ui 0.1.0 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,59 @@
 # entangle-ui
 
+## 0.3.0
+
+### Minor Changes
+
+- [#24](https://github.com/SebastianWebdev/entangle-ui/pull/24) [`7c350bb`](https://github.com/SebastianWebdev/entangle-ui/commit/7c350bb1ec812a4c4e3ab44c36bc280920aa61c0) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - Switch to fully tree-shakeable ESM build with preserveModules
+
+  - Replace monolithic bundle with per-module ESM output (`dist/esm/`)
+  - Drop CJS output — ESM-only package
+  - Add `sideEffects: false` and `exports` field to package.json
+  - Fix externals: add @emotion/react, @emotion/styled, @floating-ui/react, react/jsx-runtime
+  - Fix wrong external name: @base-ui/react → @base-ui-components/react
+  - Remove @emotion/react and @emotion/styled from dependencies (keep in peerDependencies only)
+  - Add `/*#__PURE__*/` annotations for tree-shaking (Object.assign, createContext, React.memo, forwardRef)
+  - Add `entangle-ui/palettes` deep import entry point
+  - Add size-limit bundle size guards
+  - Create tsconfig.build.json (excludes tests/stories from build)
+
+### Patch Changes
+
+- [#23](https://github.com/SebastianWebdev/entangle-ui/pull/23) [`1e67018`](https://github.com/SebastianWebdev/entangle-ui/commit/1e6701877b283cdd954d61e726d323f98d59c56a) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - Replace hardcoded rgba values with theme tokens (whiteOverlay, separator shadows, thumb) and deduplicate AppShell toolbar slots. Fix SplitPane panel collapse regression where collapsed panels were clamped back to minSize.
+
+- [#21](https://github.com/SebastianWebdev/entangle-ui/pull/21) [`df53065`](https://github.com/SebastianWebdev/entangle-ui/commit/df53065ac21a89a257ca5a66d7943c19399940a9) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - Optimize new components: memoize context values, wrap leaf components with React.memo, replace hardcoded z-index/spacing with theme tokens, extract constants
+
+## 0.2.0
+
+### Minor Changes
+
+- [#19](https://github.com/SebastianWebdev/entangle-ui/pull/19) [`497d0f5`](https://github.com/SebastianWebdev/entangle-ui/commit/497d0f540f8abdf853cdf88aff8e944fee59d378) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - ### App Shell and Navigation
+
+  - Added `topChromeSeparator` and `sideChromeSeparator` props in `AppShell` to control border/shadow separation between top and side chrome areas.
+  - Refined `Tabs` visual behavior for compact editor layouts and added `pillsFrame` prop to optionally disable the pills container frame.
+  - Updated closable tabs to use the library `CloseIcon` by default.
+
+  ### Menu and Inspector Improvements
+
+  - Added configurable menu dropdown gap via `menuOffset` in `MenuBar`.
+  - Extended `PropertyPanel` with configurable `contentTopSpacing` and new `contentBottomSpacing` for better control of inspector spacing.
+  - Adjusted property row padding and full-width control layout to better support dense controls (including sliders and curve editor rows).
+
+  ### Typography
+
+  - Bumped default UI text from 10px (`fontSize.xs`) to 12px (`fontSize.md`) across interactive components: `Menu`, `MenuBar`, `Select`, `Button`, `Input`, `NumberInput`, `TreeView`, `StatusBar`, `FloatingPanel`, and `PropertyInspector` (rows, sections, search, panel).
+  - Kept 10px for true secondary text: helper text, tooltips, group labels, toast messages, axis labels.
+  - `TreeView`: fixed `line-height: 1` cutting off descenders (p/q/g/y), now uses theme `lineHeight.normal`.
+  - `TreeView`: simplified selected item indicator to background-only (removed left border and box-shadow on selected).
+  - `FloatingPanel`: replaced hardcoded `12px` font-size with theme token.
+  - Added `ContextMenu` component with submenu support, icon slots, and keyboard navigation.
+
+  ### Layout and Rendering Fixes
+
+  - Fixed `SplitPane` size reconciliation to avoid 1-2px layout drift caused by rounding.
+  - Improved overflow behavior in shell regions (`Toolbar`, `StatusBar`, tabs panels, and side slots) to prevent content from bleeding outside container bounds.
+  - Improved `CurveEditor` axis label layout and spacing when `labelX` / `labelY` are provided.
+
 ## 0.1.0
 
 ### Minor Changes

package/README.md

@@ -1,117 +1,171 @@
-# ⚛️ Entangle UI
+# Entangle UI
 
-> Components quantumly entangled for professional editor interfaces
+React + TypeScript component library for building editor-style interfaces.
 
-[![npm version](https://badge.fury.io/js/entangle-ui.svg)](https://www.npmjs.com/package/entangle-ui)
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+`entangle-ui` is focused on dense, keyboard-friendly UI patterns used in tools like 3D editors, node editors, scene inspectors, and technical dashboards.
 
-**🚧 ALPHA VERSION - In active development, not ready for production**
+## Status
 
-## 🌌 Philosophy
+This package is in alpha (`0.1.0-alpha.x`) and still evolving.
 
-Entangle UI brings quantum mechanics principles to interface design. Components are **quantumly entangled** - when one changes state, others respond instantly across your entire application. Built specifically for professional editor interfaces, 3D tools, and precision applications where every interaction matters.
+- API can change between alpha releases.
+- Use in production only if you are comfortable with rapid iteration.
 
-## ⚡ Features
-
-- **🔗 Quantum Entanglement**: Components synchronize instantly across your app
-- **🎯 Precision Controls**: Built for professional editor interfaces
-- **⚫ Minimal & Powerful**: Maximum functionality, minimal visual footprint
-- **📐 TypeScript First**: Complete type safety and IntelliSense support
-- **🌙 Dark Matter Theme**: Designed for professionals who build worlds
-- **🧪 Base UI Foundation**: Built on rock-solid headless components
-
-## 🚀 Quick Start
+## Installation
 
 ```bash
-# Install alpha version
 npm install entangle-ui@alpha
 ```
 
-```tsx
-import { Button, Input } from 'entangle-ui';
+Peer dependencies:
+
+- `react >= 19.1.0`
+- `react-dom >= 19.1.0`
+- `@emotion/react ^11`
+- `@emotion/styled ^11`
+
+## Quick Start
 
-function App() {
+```tsx
+import React from 'react';
+import {
+  ThemeProvider,
+  AppShell,
+  MenuBar,
+  Toolbar,
+  StatusBar,
+} from 'entangle-ui';
+
+export function App() {
   return (
-    <div>
-      <Button>Entangle Reality</Button>
-      <Input placeholder="Enter coordinates..." precision={3} />
-    </div>
+    <ThemeProvider>
+      <div style={{ width: '100vw', height: '100vh' }}>
+        <AppShell>
+          <AppShell.MenuBar>
+            <MenuBar>
+              <MenuBar.Menu label="File">
+                <MenuBar.Item onClick={() => {}}>New</MenuBar.Item>
+              </MenuBar.Menu>
+            </MenuBar>
+          </AppShell.MenuBar>
+
+          <AppShell.Toolbar>
+            <Toolbar aria-label="Main toolbar">
+              <Toolbar.Button onClick={() => {}}>Run</Toolbar.Button>
+            </Toolbar>
+          </AppShell.Toolbar>
+
+          <AppShell.Dock>
+            <div style={{ padding: 16 }}>Editor content</div>
+          </AppShell.Dock>
+
+          <AppShell.StatusBar>
+            <StatusBar>
+              <StatusBar.Section>
+                <StatusBar.Item>Ready</StatusBar.Item>
+              </StatusBar.Section>
+            </StatusBar>
+          </AppShell.StatusBar>
+        </AppShell>
+      </div>
+    </ThemeProvider>
   );
 }
 ```
 
-## 🎯 Built For
+## Theming
 
-- 🌍 **Planet generators** & procedural tools
-- 🎮 **Node-based editors** & visual programming
-- 🎨 **3D modeling interfaces** & CAD applications
-- ⚙️ **Parameter control systems** & scientific tools
-- 🔬 **Precision applications** requiring exact values
+Entangle UI ships with design tokens and an Emotion-based `ThemeProvider`.
 
-## 📚 Documentation
+```tsx
+import { ThemeProvider, createTheme } from 'entangle-ui';
+
+const theme = createTheme({
+  colors: {
+    accent: {
+      primary: '#2aa1ff',
+    },
+  },
+});
+
+export function Root({ children }: { children: React.ReactNode }) {
+  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+}
+```
 
-- **[GitHub](https://github.com/yourusername/entangle-ui)** - Source code and issues
+## What Is Included
 
-## 🧪 Current Status (Alpha)
+### Primitives
 
-### ✅ Available Components
+- `Button`, `IconButton`
+- `Input`, `Text`, `Paper`, `Icon`
+- `Checkbox`, `CheckboxGroup`, `Switch`
+- `Tooltip`, `Popover`, `Collapsible`
 
-- [ ] Button - Quantum interaction states
-- [ ] Input - Precision numeric controls
-- [ ] Slider - Fine-tuned value manipulation
-- [ ] Toggle - Binary state quantum switches
+### Layout
 
-### 🚧 In Development
+- `Stack`, `Flex`, `Grid`, `Spacer`
+- `Accordion`
+- `ScrollArea`
+- `SplitPane`, `SplitPanePanel`
 
-- Vector input controls
-- Color precision pickers
-- Node connection components
-- 3D viewport controls
+### Controls
 
-### 📋 Roadmap
+- `NumberInput`, `Slider`, `Select`, `VectorInput`
+- `ColorPicker`, `ColorPalette`, `ColorSwatch`, `EyeDropper`
+- `TreeView`
+- `CurveEditor` + helpers (`evaluateCurve`, `sampleCurve`, `createLinearCurve`, `domainToCanvas`)
 
-- Canvas integration helpers
-- Advanced theming system
-- Animation state management
-- Plugin architecture
+### Navigation
 
-## 🛠️ Development
+- `Menu`, `useMenu`
+- `Tabs`, `TabList`, `Tab`, `TabPanel`
 
-```bash
-# Clone the repository
-git clone https://github.com/yourusername/entangle-ui.git
-cd entangle-ui
+### Shell
 
-# Install dependencies
-npm install
+- `AppShell`, `useAppShell`
+- `MenuBar`
+- `Toolbar`
+- `StatusBar`
+- `FloatingPanel`, `FloatingManager`
 
-# Start Storybook
-npm run dev
+### Editor
 
-# Run tests
-npm run test
+- `PropertyPanel`, `PropertySection`, `PropertyRow`, `PropertyGroup`
+- `usePropertyUndo`
 
-# Build library
-npm run build
-```
+### Feedback and Form
 
-## 🤝 Contributing
+- `Dialog` primitives (`Dialog`, `DialogHeader`, `DialogBody`, `DialogFooter`, `DialogClose`)
+- `ToastProvider`, `useToast`
+- `FormLabel`, `FormHelperText`, `InputWrapper`
 
-Entangle UI is in active alpha development. We welcome:
+## Development
+
+```bash
+npm install
+npm run dev            # Storybook
+npm run test           # Vitest
+npm run lint
+npm run type-check
+npm run build
+```
 
-- 🐛 **Bug reports** - Help us squash quantum bugs
-- 💡 **Feature requests** - What components do you need?
-- 🔬 **Testing** - Try it in your editor projects
-- 📖 **Documentation** - Help us explain quantum principles
+## Release Workflow
 
-See [CONTRIBUTING.md](CONTRIBUTING.md) for development guidelines.
+This repository uses Changesets.
 
-## 📄 License
+```bash
+npm run changeset
+npm run version-packages
+npm run release
+```
 
-MIT © [Your Name](https://github.com/yourusername)
+## Repository
 
----
+- Source: `https://github.com/SebastianWebdev/entangle-ui`
+- Issues: `https://github.com/SebastianWebdev/entangle-ui/issues`
 
-> _"Spooky action at a distance, but for UI components"_ ⚛️
+## License
 
-**Built for creators who shape digital realities**
+MIT

package/dist/esm/components/Icons/CheckIcon.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Check icon component for confirmation and selection states.
+ *
+ * A standard checkmark icon commonly used for checkboxes, confirmation dialogs,
+ * completed tasks, and success states in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CheckIcon />
+ *
+ * // With custom size and color
+ * <CheckIcon size="lg" color="success" />
+ *
+ * // In a confirmation button
+ * <Button icon={<CheckIcon />}>Confirm</Button>
+ * ```
+ */
+const CheckIcon = props => {
+    return (jsx(Icon, { ...props, children: jsx("polyline", { points: "20,6 9,17 4,12" }) }));
+};
+
+export { CheckIcon };
+//# sourceMappingURL=CheckIcon.js.map

package/dist/esm/components/Icons/CheckIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIcon.js","sources":["../../../../../src/components/Icons/CheckIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA;;;;;;;;;;;;;;;;;AAiBG;AACU,MAAA,SAAS,GAA0C,KAAK,IAAG;AACtE,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAU,CAAA,UAAA,EAAA,EAAA,MAAM,EAAC,gBAAgB,EAAG,CAAA,EAAA,CAC/B;AAEX;;;;"}

package/dist/esm/components/Icons/ChevronDownIcon.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Chevron Down icon component for dropdown and expansion indicators.
+ *
+ * A subtle downward chevron commonly used for dropdown menus,
+ * accordion expansion, and subtle directional cues in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ChevronDownIcon />
+ *
+ * // With custom size and color
+ * <ChevronDownIcon size="sm" color="muted" />
+ *
+ * // In a dropdown
+ * <Select icon={<ChevronDownIcon />}>Options</Select>
+ * ```
+ */
+const ChevronDownIcon = props => {
+    return (jsx(Icon, { ...props, children: jsx("polyline", { points: "6,9 12,15 18,9" }) }));
+};
+
+export { ChevronDownIcon };
+//# sourceMappingURL=ChevronDownIcon.js.map

package/dist/esm/components/Icons/ChevronDownIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDownIcon.js","sources":["../../../../../src/components/Icons/ChevronDownIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;AAiBG;AACU,MAAA,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAU,CAAA,UAAA,EAAA,EAAA,MAAM,EAAC,gBAAgB,EAAG,CAAA,EAAA,CAC/B;AAEX;;;;"}

package/dist/esm/components/Icons/ChevronUpIcon.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Chevron Up icon component for collapse and upward indicators.
+ *
+ * A subtle upward chevron commonly used for collapsing content,
+ * accordion collapse, and subtle directional cues in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ChevronUpIcon />
+ *
+ * // With custom size and color
+ * <ChevronUpIcon size="sm" color="muted" />
+ *
+ * // In a collapsible section
+ * <Button icon={<ChevronUpIcon />}>Collapse</Button>
+ * ```
+ */
+const ChevronUpIcon = props => {
+    return (jsx(Icon, { ...props, children: jsx("polyline", { points: "18,15 12,9 6,15" }) }));
+};
+
+export { ChevronUpIcon };
+//# sourceMappingURL=ChevronUpIcon.js.map

package/dist/esm/components/Icons/ChevronUpIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronUpIcon.js","sources":["../../../../../src/components/Icons/ChevronUpIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;AAiBG;AACU,MAAA,aAAa,GAA0C,KAAK,IAAG;AAC1E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAU,CAAA,UAAA,EAAA,EAAA,MAAM,EAAC,iBAAiB,EAAG,CAAA,EAAA,CAChC;AAEX;;;;"}

package/dist/esm/components/Icons/CircleIcon.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Circle icon component for radio buttons and dot indicators.
+ *
+ * A standard circle icon commonly used for radio button selections,
+ * dot indicators, and circular markers in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CircleIcon />
+ *
+ * // With custom size and color
+ * <CircleIcon size="lg" color="primary" />
+ *
+ * // In a radio selection
+ * <Button icon={<CircleIcon />}>Option</Button>
+ * ```
+ */
+const CircleIcon = props => {
+    return (jsx(Icon, { ...props, children: jsx("circle", { cx: "12", cy: "12", r: "10" }) }));
+};
+
+export { CircleIcon };
+//# sourceMappingURL=CircleIcon.js.map

package/dist/esm/components/Icons/CircleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleIcon.js","sources":["../../../../../src/components/Icons/CircleIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA;;;;;;;;;;;;;;;;;AAiBG;AACU,MAAA,UAAU,GAA0C,KAAK,IAAG;IACvE,QACEA,IAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EACb,QAAA,EAAAA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAA,CAAG,EAC5B,CAAA;AAEX;;;;"}

package/dist/esm/components/Icons/CloseIcon.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Close icon component for dismissing and closing actions.
+ *
+ * A standard X icon commonly used for closing modals,
+ * dismissing notifications, and cancel actions in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CloseIcon />
+ *
+ * // With custom size and color
+ * <CloseIcon size="sm" color="muted" />
+ *
+ * // In a close button
+ * <IconButton icon={<CloseIcon />} aria-label="Close" />
+ * ```
+ */
+const CloseIcon = props => {
+    return (jsxs(Icon, { ...props, children: [jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }));
+};
+
+export { CloseIcon };
+//# sourceMappingURL=CloseIcon.js.map

package/dist/esm/components/Icons/CloseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseIcon.js","sources":["../../../../../src/components/Icons/CloseIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;AAiBG;AACU,MAAA,SAAS,GAA0C,KAAK,IAAG;AACtE,IAAA,QACEA,IAAC,CAAA,IAAI,OAAK,KAAK,EAAA,QAAA,EAAA,CACbC,cAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAG,CAAA,EACtCA,cAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAG,CAAA,CAAA,EAAA,CACjC;AAEX;;;;"}

package/dist/esm/components/Icons/EyeDropperIcon.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * EyeDropper icon component for color sampling actions.
+ *
+ * A pipette/eyedropper icon commonly used for color picking,
+ * sampling colors from the canvas, and color-related tools
+ * in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <EyeDropperIcon />
+ *
+ * // With custom size and color
+ * <EyeDropperIcon size="md" color="primary" />
+ *
+ * // In a color picker button
+ * <Button icon={<EyeDropperIcon />}>Pick Color</Button>
+ * ```
+ */
+const EyeDropperIcon = props => {
+    return (jsx(Icon, { ...props, children: jsx("path", { d: "M21.17 2.06A3.12 3.12 0 0 0 19 1.05a2.99 2.99 0 0 0-2.15.88l-2.7 2.7-1.28-1.27a1 1 0 0 0-1.41 0 1 1 0 0 0 0 1.41l.27.27-7.07 7.08a2 2 0 0 0-.54 1l-.72 3.61a1 1 0 0 0 .28.87 1 1 0 0 0 .71.3h.16l3.61-.72a2 2 0 0 0 1-.54l7.08-7.07.27.27a1 1 0 0 0 1.41 0 1 1 0 0 0 0-1.41l-1.27-1.28 2.7-2.7a3.05 3.05 0 0 0 .02-4.29z" }) }));
+};
+
+export { EyeDropperIcon };
+//# sourceMappingURL=EyeDropperIcon.js.map

package/dist/esm/components/Icons/EyeDropperIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EyeDropperIcon.js","sources":["../../../../../src/components/Icons/EyeDropperIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;;AAkBG;AACU,MAAA,cAAc,GAA0C,KAAK,IAAG;AAC3E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,0TAA0T,EAAG,CAAA,EAAA,CAChU;AAEX;;;;"}

package/dist/esm/components/Icons/TangentAlignedIcon.js

@@ -0,0 +1,9 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+const TangentAlignedIcon = props => {
+    return (jsxs(Icon, { ...props, children: [jsx("g", { strokeWidth: "2.25", children: jsx("line", { x1: "3", y1: "18", x2: "21", y2: "6" }) }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "currentColor", stroke: "none" })] }));
+};
+
+export { TangentAlignedIcon };
+//# sourceMappingURL=TangentAlignedIcon.js.map

package/dist/esm/components/Icons/TangentAlignedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TangentAlignedIcon.js","sources":["../../../../../src/components/Icons/TangentAlignedIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIa,MAAA,kBAAkB,GAE3B,KAAK,IAAG;IACV,QACEA,IAAC,CAAA,IAAI,EAAK,EAAA,GAAA,KAAK,aACbC,GAAG,CAAA,GAAA,EAAA,EAAA,WAAW,EAAC,MAAM,EACnB,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAG,CAAA,EAAA,CACpC,EACJA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAC7D,EAAA,CAAA;AAEX;;;;"}

package/dist/esm/components/Icons/TangentAutoIcon.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+const TangentAutoIcon = props => {
+    return (jsx(Icon, { ...props, children: jsx("g", { strokeWidth: "2.25", children: jsx("path", { d: "M3 18 C7.5 18, 9 6, 12 6 C15 6, 16.5 18, 21 18" }) }) }));
+};
+
+export { TangentAutoIcon };
+//# sourceMappingURL=TangentAutoIcon.js.map

package/dist/esm/components/Icons/TangentAutoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TangentAutoIcon.js","sources":["../../../../../src/components/Icons/TangentAutoIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIa,MAAA,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,GAAC,CAAA,IAAI,OAAK,KAAK,EAAA,QAAA,EACbA,WAAG,WAAW,EAAC,MAAM,EACnB,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,gDAAgD,GAAG,EACzD,CAAA,EAAA,CACC;AAEX;;;;"}

package/dist/esm/components/Icons/TangentFreeIcon.js

@@ -0,0 +1,9 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+const TangentFreeIcon = props => {
+    return (jsxs(Icon, { ...props, children: [jsxs("g", { strokeWidth: "2.25", children: [jsx("line", { x1: "4.5", y1: "19.5", x2: "12", y2: "12" }), jsx("line", { x1: "12", y1: "12", x2: "21", y2: "7.5" })] }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "currentColor", stroke: "none" })] }));
+};
+
+export { TangentFreeIcon };
+//# sourceMappingURL=TangentFreeIcon.js.map

package/dist/esm/components/Icons/TangentFreeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TangentFreeIcon.js","sources":["../../../../../src/components/Icons/TangentFreeIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIa,MAAA,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EACb,QAAA,EAAA,CAAAA,IAAA,CAAA,GAAA,EAAA,EAAG,WAAW,EAAC,MAAM,EAAA,QAAA,EAAA,CACnBC,GAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EAC3CA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAA,CAAG,IACvC,EACJA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAG,CAAA,CAAA,EAAA,CAC7D;AAEX;;;;"}

package/dist/esm/components/Icons/TangentLinearIcon.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+const TangentLinearIcon = props => {
+    return (jsx(Icon, { ...props, children: jsx("g", { strokeWidth: "2.25", children: jsx("line", { x1: "3", y1: "19.5", x2: "21", y2: "4.5" }) }) }));
+};
+
+export { TangentLinearIcon };
+//# sourceMappingURL=TangentLinearIcon.js.map

package/dist/esm/components/Icons/TangentLinearIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TangentLinearIcon.js","sources":["../../../../../src/components/Icons/TangentLinearIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIa,MAAA,iBAAiB,GAE1B,KAAK,IAAG;AACV,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAG,CAAA,GAAA,EAAA,EAAA,WAAW,EAAC,MAAM,EACnB,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAA,CAAG,EACxC,CAAA,EAAA,CACC;AAEX;;;;"}

package/dist/esm/components/Icons/TangentMirroredIcon.js

@@ -0,0 +1,9 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+const TangentMirroredIcon = props => {
+    return (jsxs(Icon, { ...props, children: [jsx("g", { strokeWidth: "2.25", children: jsx("line", { x1: "3", y1: "18", x2: "21", y2: "6" }) }), jsx("circle", { cx: "6", cy: "16.5", r: "2.25", fill: "currentColor", stroke: "none" }), jsx("circle", { cx: "18", cy: "7.5", r: "2.25", fill: "currentColor", stroke: "none" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "currentColor", stroke: "none" })] }));
+};
+
+export { TangentMirroredIcon };
+//# sourceMappingURL=TangentMirroredIcon.js.map

package/dist/esm/components/Icons/TangentMirroredIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TangentMirroredIcon.js","sources":["../../../../../src/components/Icons/TangentMirroredIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIa,MAAA,mBAAmB,GAE5B,KAAK,IAAG;IACV,QACEA,KAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EACb,QAAA,EAAA,CAAAC,GAAA,CAAA,GAAA,EAAA,EAAG,WAAW,EAAC,MAAM,YACnBA,GAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAG,CAAA,EAAA,CACpC,EACJA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,EACtEA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,EACtEA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAC7D,EAAA,CAAA;AAEX;;;;"}

package/dist/esm/components/Icons/TangentStepIcon.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+const TangentStepIcon = props => {
+    return (jsx(Icon, { ...props, children: jsx("g", { strokeWidth: "2.25", children: jsx("polyline", { points: "3,18 3,12 12,12 12,6 21,6" }) }) }));
+};
+
+export { TangentStepIcon };
+//# sourceMappingURL=TangentStepIcon.js.map

package/dist/esm/components/Icons/TangentStepIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TangentStepIcon.js","sources":["../../../../../src/components/Icons/TangentStepIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIa,MAAA,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,GAAC,CAAA,IAAI,OAAK,KAAK,EAAA,QAAA,EACbA,WAAG,WAAW,EAAC,MAAM,EACnB,QAAA,EAAAA,GAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,2BAA2B,GAAG,EAC7C,CAAA,EAAA,CACC;AAEX;;;;"}