rechtspilot-ui 0.0.36 → 0.0.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +137 -4
- package/dist/{Ellipses-DyVCUpkS.js → Ellipses-L49Q0m9v.js} +1 -1
- package/dist/components/Dialog/Dialog.d.ts +1 -1
- package/dist/components/Dialog/DialogHeader.d.ts +1 -1
- package/dist/components/FormTitle/FormTitle.d.ts +2 -2
- package/dist/components/Helper/Helper.d.ts +2 -2
- package/dist/components/Message/Message.d.ts +2 -2
- package/dist/components/MessageOption/MessageOption.d.ts +2 -2
- package/dist/icons.es.js +1 -1
- package/dist/index.es.js +16 -16
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,9 +1,142 @@
|
|
|
1
1
|
# Rechstpilot UI Library
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A React component library for building user interfaces primarily for the Rechtspilot platform. This library provides reusable UI components that follow a consistent design system.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
## Installation
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
```bash
|
|
8
|
+
# Recommended
|
|
9
|
+
pnpm add rechtspilot-ui@latest
|
|
10
|
+
# or
|
|
11
|
+
npm install rechtspilot-ui@latest
|
|
12
|
+
# or
|
|
13
|
+
yarn add rechtspilot-ui@latest
|
|
14
|
+
```
|
|
8
15
|
|
|
9
|
-
|
|
16
|
+
## Usage
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import { Button } from 'rechtspilot-ui';
|
|
20
|
+
|
|
21
|
+
function App() {
|
|
22
|
+
return (
|
|
23
|
+
<Button variant="primary" fullWidth onClick={() => alert('Clicked!')}>
|
|
24
|
+
Click Me
|
|
25
|
+
</Button>
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Development
|
|
31
|
+
|
|
32
|
+
#### 1. Clone repository
|
|
33
|
+
|
|
34
|
+
```bash
|
|
35
|
+
git clone https://github.com/vertragswecker/rechtspilot-ui-library.git
|
|
36
|
+
cd rechtspilot-ui-library
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
#### 2. Install dependencies
|
|
40
|
+
|
|
41
|
+
```bash
|
|
42
|
+
pnpm install
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
#### 3. Run Storybook locally
|
|
46
|
+
|
|
47
|
+
```bash
|
|
48
|
+
pnpm sb
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
## Implementing components
|
|
52
|
+
|
|
53
|
+
1. Create a new folder in `src/components/[ComponentName]`
|
|
54
|
+
2. Inside the folder create `[ComponentName].tsx` - main component implementation
|
|
55
|
+
3. If more components are related to the main one, they should be inside the relative folder
|
|
56
|
+
4. Make the component accessible from the library by exporting it inside `src/index.ts`
|
|
57
|
+
|
|
58
|
+
```ts
|
|
59
|
+
// Example
|
|
60
|
+
export { default as ComponentName } from './components/ComponentName/ComponentName';
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
## Implementing icons
|
|
64
|
+
|
|
65
|
+
1. Create a new file in `src/icons/[IconName].tsx`
|
|
66
|
+
2. Implement the SVG icon as a react component
|
|
67
|
+
3. Export icon in `src/icons/index.ts`
|
|
68
|
+
|
|
69
|
+
```ts
|
|
70
|
+
// Example
|
|
71
|
+
export { default as IconName } from '@/icons/IconName';
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
## Documenting components
|
|
75
|
+
|
|
76
|
+
All components should be documented with Storybook stories and MDX documentation.
|
|
77
|
+
|
|
78
|
+
### Creating stories
|
|
79
|
+
|
|
80
|
+
1. Create a story file in `src/docs/stories/[ComponentName].stories.tsx`
|
|
81
|
+
|
|
82
|
+
```tsx
|
|
83
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
84
|
+
|
|
85
|
+
import ComponentName from '@/components/ComponentName/ComponentName';
|
|
86
|
+
|
|
87
|
+
const meta: Meta<typeof ComponentName> = {
|
|
88
|
+
component: ComponentName,
|
|
89
|
+
// Optional: tags, parameters, etc.
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
export default meta;
|
|
93
|
+
|
|
94
|
+
type Story = StoryObj<typeof ComponentName>;
|
|
95
|
+
|
|
96
|
+
export const Primary: Story = {
|
|
97
|
+
args: {
|
|
98
|
+
// Component props
|
|
99
|
+
},
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
// Add more variations if needed
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
2. For complex components, create an MDX file in `src/docs/[ComponentName].mdx`
|
|
106
|
+
|
|
107
|
+
```mdx
|
|
108
|
+
import { Meta, Story } from '@storybook/blocks';
|
|
109
|
+
|
|
110
|
+
import * as ComponentNameStories from './stories/ComponentName.stories.tsx';
|
|
111
|
+
|
|
112
|
+
<Meta of={ComponentStories} />
|
|
113
|
+
|
|
114
|
+
# ComponentName
|
|
115
|
+
|
|
116
|
+
Brief description of what the component does and when to use it.
|
|
117
|
+
|
|
118
|
+
## Usage
|
|
119
|
+
|
|
120
|
+
Describe how should the component be used with examples
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
## Releasing
|
|
124
|
+
|
|
125
|
+
For GitHub action to work correctly and release a new version of the library when **feature branch** is merged into **main** you will have to:
|
|
126
|
+
|
|
127
|
+
1. Create a `.env` file in root folder
|
|
128
|
+
|
|
129
|
+
```env
|
|
130
|
+
GITHUB_TOKEN=<YOUR_GITHUB_TOKEN>
|
|
131
|
+
NPM_TOKEN=<NPM_TOKEN>
|
|
132
|
+
```
|
|
133
|
+
|
|
134
|
+
2. Update the npm version (currently recommended to use patch)
|
|
135
|
+
|
|
136
|
+
```
|
|
137
|
+
pnpm version patch
|
|
138
|
+
```
|
|
139
|
+
|
|
140
|
+
### Visual representation on development process
|
|
141
|
+
|
|
142
|
+
|
|
@@ -3424,7 +3424,7 @@ function P2({ color: r = M.white, size: t = "small", ...o }) {
|
|
|
3424
3424
|
strokeLinejoin: "round"
|
|
3425
3425
|
}
|
|
3426
3426
|
),
|
|
3427
|
-
/* @__PURE__ */ n.jsx("path", { d: "M12 17.3333H20V26.6667H12V17.3333Z", stroke:
|
|
3427
|
+
/* @__PURE__ */ n.jsx("path", { d: "M12 17.3333H20V26.6667H12V17.3333Z", stroke: r, strokeWidth: "2", strokeLinejoin: "round" })
|
|
3428
3428
|
]
|
|
3429
3429
|
}
|
|
3430
3430
|
);
|
|
@@ -3,5 +3,5 @@ type DialogProps = {
|
|
|
3
3
|
toggleDialog?: () => void;
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
};
|
|
6
|
-
export default function Dialog({ open, toggleDialog, children }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default function Dialog({ open, toggleDialog, children, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -2,5 +2,5 @@ type DialogHeaderProps = {
|
|
|
2
2
|
onGoBack?: () => void;
|
|
3
3
|
onClose?: () => void;
|
|
4
4
|
};
|
|
5
|
-
export default function DialogHeader({ onGoBack, onClose }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default function DialogHeader({ onGoBack, onClose, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
type FormTitleProps = {
|
|
2
2
|
children: React.ReactNode;
|
|
3
|
-
}
|
|
4
|
-
export default function FormTitle({ children }: FormTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
} & React.HTMLAttributes<HTMLParagraphElement>;
|
|
4
|
+
export default function FormTitle({ children, ...props }: FormTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
type HelperProps = {
|
|
2
2
|
error?: boolean;
|
|
3
3
|
children?: React.ReactNode;
|
|
4
|
-
}
|
|
5
|
-
export default function Helper({ error, children }: HelperProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
5
|
+
export default function Helper({ error, children, ...props }: HelperProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -2,5 +2,5 @@ export type MessageProps = {
|
|
|
2
2
|
loading?: boolean;
|
|
3
3
|
text?: React.ReactNode;
|
|
4
4
|
children?: React.ReactNode;
|
|
5
|
-
}
|
|
6
|
-
export default function Message({ loading, text, children }: MessageProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
6
|
+
export default function Message({ loading, text, children, ...props }: MessageProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,5 +3,5 @@ export type OptionButtonProps = {
|
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
reply?: boolean;
|
|
5
5
|
editable?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export default function MessageOption({ onClick, children, editable, reply }: OptionButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
} & React.HTMLAttributes<HTMLButtonElement>;
|
|
7
|
+
export default function MessageOption({ onClick, children, editable, reply, ...props }: OptionButtonProps): import("react/jsx-runtime").JSX.Element;
|
package/dist/icons.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as a, a as s, b as c, C as I, d as e, c as l, e as r, f as t, g as C, D as i, h as d, n as p, E as g, q as h, i as m, j as u, H as E, I as A, L as D, k as L, l as f, M as k, m as M, P as S, S as U, o as b, p as v, U as w } from "./Ellipses-
|
|
1
|
+
import { A as a, a as s, b as c, C as I, d as e, c as l, e as r, f as t, g as C, D as i, h as d, n as p, E as g, q as h, i as m, j as u, H as E, I as A, L as D, k as L, l as f, M as k, m as M, P as S, S as U, o as b, p as v, U as w } from "./Ellipses-L49Q0m9v.js";
|
|
2
2
|
export {
|
|
3
3
|
a as AccountIcon,
|
|
4
4
|
s as ArrowUpIcon,
|
package/dist/index.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-1\\/2,.left-\\[50\\%\\]{left:50%}.right-0{right:0}.right-4{right:1rem}.right-6{right:1.5rem}.top-1\\/2{top:50%}.top-4{top:1rem}.top-\\[50\\%\\]{top:50%}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-8{height:2rem}.h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.h-px{height:1px}.max-h-96{max-height:24rem}.max-h-screen{max-height:100vh}.w-3\\.5{width:.875rem}.w-4{width:1rem}.w-full{width:100%}.min-w-\\[8rem\\]{min-width:8rem}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-1\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-neutral-200{border-color:#bfc5c2}.bg-black\\/30{background-color:#0000004d}.bg-black\\/80{background-color:#000c}.bg-neutral-100{background-color:#cfd3d2}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-8{padding-right:2rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-neutral-500{color:#5b6b63}.text-neutral-950{color:#121614}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-offset-white{--tw-ring-offset-color: hsla(0, 0%, 100%, 1)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-200{animation-duration:.2s}.placeholder\\:text-neutral-100::placeholder{color:#cfd3d2}.hover\\:bg-neutral-100:hover{background-color:#cfd3d2}.hover\\:opacity-100:hover{opacity:1}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\\:ring-neutral-950:focus{--tw-ring-color: hsla(150, 10%, 8%, 1)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.group.destructive .group-\\[\\.destructive\\]\\:border-neutral-100\\/40{border-color:#cfd3d266}.group.destructive .group-\\[\\.destructive\\]\\:hover\\:border-red-500\\/30:hover{border-color:#ef44444d}.group.destructive .group-\\[\\.destructive\\]\\:hover\\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.group.destructive .group-\\[\\.destructive\\]\\:hover\\:text-neutral-50:hover{color:#f1f3f2}.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[swipe\\=cancel\\]\\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[swipe\\=end\\]\\:translate-x-\\[var\\(--radix-toast-swipe-end-x\\)\\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[swipe\\=move\\]\\:translate-x-\\[var\\(--radix-toast-swipe-move-x\\)\\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=open\\]\\:bg-neutral-100[data-state=open]{background-color:#cfd3d2}.data-\\[state\\=open\\]\\:text-neutral-500[data-state=open]{color:#5b6b63}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[swipe\\=move\\]\\:transition-none[data-swipe=move]{transition-property:none}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed],.data-\\[swipe\\=end\\]\\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=closed\\]\\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\\[state\\=closed\\]\\:slide-out-to-bottom-full[data-state=closed]{--tw-exit-translate-y: 100%}.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\\[state\\=open\\]\\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}.data-\\[state\\=open\\]\\:slide-in-from-left-1\\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=open]{--tw-enter-translate-y: -48%}.dark\\:border-neutral-800:is(.dark *){border-color:#262c29}.dark\\:bg-neutral-800:is(.dark *){background-color:#262c29}.dark\\:bg-neutral-950:is(.dark *){background-color:#121614}.dark\\:text-neutral-400:is(.dark *){color:#7c8882}.dark\\:text-neutral-50:is(.dark *){color:#f1f3f2}.dark\\:ring-offset-neutral-950:is(.dark *){--tw-ring-offset-color: hsla(150, 10%, 8%, 1)}.dark\\:hover\\:bg-neutral-800:hover:is(.dark *){background-color:#262c29}.dark\\:focus\\:ring-neutral-300:focus:is(.dark *){--tw-ring-color: hsla(150, 5%, 64%, 1)}.group.destructive .dark\\:group-\\[\\.destructive\\]\\:border-neutral-800\\/40:is(.dark *){border-color:#262c2966}.group.destructive .dark\\:group-\\[\\.destructive\\]\\:hover\\:border-red-900\\/30:hover:is(.dark *){border-color:#7f1d1d4d}.group.destructive .dark\\:group-\\[\\.destructive\\]\\:hover\\:bg-red-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity))}.group.destructive .dark\\:group-\\[\\.destructive\\]\\:hover\\:text-neutral-50:hover:is(.dark *){color:#f1f3f2}.group.destructive .dark\\:group-\\[\\.destructive\\]\\:focus\\:ring-red-900:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity))}.dark\\:data-\\[state\\=open\\]\\:bg-neutral-800[data-state=open]:is(.dark *){background-color:#262c29}.dark\\:data-\\[state\\=open\\]\\:text-neutral-400[data-state=open]:is(.dark *){color:#7c8882}@media (min-width: 640px){.sm\\:w-fit{width:fit-content}.sm\\:min-w-\\[300px\\]{min-width:300px}.sm\\:max-w-\\[420px\\]{max-width:420px}.sm\\:flex-row{flex-direction:row}.sm\\:justify-end{justify-content:flex-end}.sm\\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\\:text-left{text-align:left}}.\\[\\&\\>span\\]\\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
-
import { r as p, s as T, t as de, C as Pl, u as oe, e as Ur, c as wn, P as Tl, E as Rl, d as Al, I as Nl } from "./Ellipses-
|
|
3
|
-
import { A as jv, a as Fv, b as Wv, f as Bv, g as Vv, D as Hv, h as zv, n as Uv, q as Yv, i as Kv, j as Xv, H as Gv, L as qv, k as Zv, l as Qv, M as Jv, m as ey, S as ty, o as ny, p as ry, U as oy } from "./Ellipses-
|
|
2
|
+
import { r as p, s as T, t as de, C as Pl, u as oe, e as Ur, c as wn, P as Tl, E as Rl, d as Al, I as Nl } from "./Ellipses-L49Q0m9v.js";
|
|
3
|
+
import { A as jv, a as Fv, b as Wv, f as Bv, g as Vv, D as Hv, h as zv, n as Uv, q as Yv, i as Kv, j as Xv, H as Gv, L as qv, k as Zv, l as Qv, M as Jv, m as ey, S as ty, o as ny, p as ry, U as oy } from "./Ellipses-L49Q0m9v.js";
|
|
4
4
|
import * as c from "react";
|
|
5
5
|
import ve, { useRef as Yr, useDebugValue as Oo, createElement as Ol, useContext as $l, useId as Ls, useState as kt, forwardRef as Ms, useEffect as xn, useLayoutEffect as Dl } from "react";
|
|
6
6
|
import * as et from "react-dom";
|
|
@@ -1205,8 +1205,8 @@ const zu = B.div`
|
|
|
1205
1205
|
background-color: ${(e) => e.$error ? T.sf.light.error : T.sf.tertiary};
|
|
1206
1206
|
margin: 0 10px;
|
|
1207
1207
|
`;
|
|
1208
|
-
function ci({ error: e, children: t }) {
|
|
1209
|
-
return /* @__PURE__ */ p.jsx(zu, { $error: !!e, children: t });
|
|
1208
|
+
function ci({ error: e, children: t, ...n }) {
|
|
1209
|
+
return /* @__PURE__ */ p.jsx(zu, { $error: !!e, ...n, children: t });
|
|
1210
1210
|
}
|
|
1211
1211
|
const Uu = B.div`
|
|
1212
1212
|
height: 49px;
|
|
@@ -2611,8 +2611,8 @@ const Ef = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ p.jsx(
|
|
|
2611
2611
|
}
|
|
2612
2612
|
));
|
|
2613
2613
|
Ef.displayName = Hi.displayName;
|
|
2614
|
-
function wv({ open: e, toggleDialog: t, children: n }) {
|
|
2615
|
-
return /* @__PURE__ */ p.jsx(wf, { open: e, onOpenChange: t, children: n });
|
|
2614
|
+
function wv({ open: e, toggleDialog: t, children: n, ...r }) {
|
|
2615
|
+
return /* @__PURE__ */ p.jsx(wf, { open: e, onOpenChange: t, ...r, children: n });
|
|
2616
2616
|
}
|
|
2617
2617
|
const Yi = Ms(({ className: e, ...t }, n) => /* @__PURE__ */ p.jsx(
|
|
2618
2618
|
On,
|
|
@@ -2690,11 +2690,11 @@ const Rf = B.div`
|
|
|
2690
2690
|
display: flex;
|
|
2691
2691
|
justify-content: space-between;
|
|
2692
2692
|
`;
|
|
2693
|
-
function bv({ onGoBack: e, onClose: t }) {
|
|
2694
|
-
const
|
|
2695
|
-
return /* @__PURE__ */ p.jsxs(Rf, { children: [
|
|
2696
|
-
/* @__PURE__ */ p.jsx(as, { onClick: e, style: { visibility:
|
|
2697
|
-
/* @__PURE__ */ p.jsx(as, { onClick: t, style: { visibility:
|
|
2693
|
+
function bv({ onGoBack: e, onClose: t, ...n }) {
|
|
2694
|
+
const r = (o) => o ? "visible" : "hidden";
|
|
2695
|
+
return /* @__PURE__ */ p.jsxs(Rf, { ...n, children: [
|
|
2696
|
+
/* @__PURE__ */ p.jsx(as, { onClick: e, style: { visibility: r(!!e) }, children: /* @__PURE__ */ p.jsx(wn, { direction: "left" }) }),
|
|
2697
|
+
/* @__PURE__ */ p.jsx(as, { onClick: t, style: { visibility: r(!!t) }, children: /* @__PURE__ */ p.jsx(Ur, {}) })
|
|
2698
2698
|
] });
|
|
2699
2699
|
}
|
|
2700
2700
|
const Af = B.div`
|
|
@@ -2809,9 +2809,9 @@ const Nf = () => {
|
|
|
2809
2809
|
}
|
|
2810
2810
|
}
|
|
2811
2811
|
`;
|
|
2812
|
-
function Cv({ loading: e = !1, text: t, children: n }) {
|
|
2813
|
-
const
|
|
2814
|
-
return /* @__PURE__ */ p.jsxs(Of, { $isMobile: r, children: [
|
|
2812
|
+
function Cv({ loading: e = !1, text: t, children: n, ...r }) {
|
|
2813
|
+
const o = Nf();
|
|
2814
|
+
return /* @__PURE__ */ p.jsxs(Of, { $isMobile: o, ...r, children: [
|
|
2815
2815
|
/* @__PURE__ */ p.jsxs($f, { children: [
|
|
2816
2816
|
/* @__PURE__ */ p.jsx(Tl, { size: "small" }),
|
|
2817
2817
|
"Rechtspilot"
|
|
@@ -2836,8 +2836,8 @@ const Mf = B.button`
|
|
|
2836
2836
|
white-space: pre-line;
|
|
2837
2837
|
width: fit-content;
|
|
2838
2838
|
`;
|
|
2839
|
-
function Sv({ onClick: e, children: t, editable: n, reply: r }) {
|
|
2840
|
-
return /* @__PURE__ */ p.jsxs(Mf, { onClick: e, $reply: r, children: [
|
|
2839
|
+
function Sv({ onClick: e, children: t, editable: n, reply: r, ...o }) {
|
|
2840
|
+
return /* @__PURE__ */ p.jsxs(Mf, { onClick: e, $reply: r, ...o, children: [
|
|
2841
2841
|
t,
|
|
2842
2842
|
n && r && /* @__PURE__ */ p.jsx(Rl, {})
|
|
2843
2843
|
] });
|