reactaform 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 yanggmtl
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,499 @@
+# ReactaForm
+
+A powerful, type-safe React form builder library with dynamic field rendering, conditional visibility, multi-language support, and extensible validation. Built with TypeScript and React 19+.
+
+## ✨ Features
+
+- 🎯 **Type-Safe**: Full TypeScript support with generic field types
+- 🎨 **Themeable**: CSS variables for easy customization (light/dark mode built-in)
+- 🌍 **i18n Ready**: Built-in internationalization with translation caching
+- 🔌 **Extensible**: Registry pattern for custom components, validators, and handlers
+- ⚡ **Performance**: Virtual scrolling, debounced inputs, RAF-based state management
+- 🎭 **Conditional Logic**: Field visibility based on parent field values
+- 📱 **Responsive**: Works seamlessly across devices
+- ♿ **Accessible**: ARIA attributes and keyboard navigation support
+- 🧩 **20+ Field Types**: Text, email, phone, dropdown, checkbox, slider, rating, date, file upload, and more
+
+## 📦 Installation
+
+```bash
+npm install reactaform react react-dom
+```
+
+**Peer Dependencies:**
+- React ^19.2.0
+- React-DOM ^19.2.0
+
+## 🌐 Environment Compatibility
+
+ReactaForm is **bundler-agnostic** and works seamlessly across different build tools:
+
+✅ **Vite** - Fully supported (recommended)  
+✅ **Webpack** (Create React App) - Fully supported  
+✅ **Next.js** - Fully supported  
+✅ **Parcel, esbuild, Rollup** - Fully supported  
+
+The library gracefully handles environment-specific APIs (`import.meta.env`, `process.env`) with automatic fallbacks. No special configuration needed!
+
+### TypeScript Setup (Non-Vite Projects)
+
+If you see TypeScript errors about CSS imports in non-Vite projects, add a `global.d.ts`:
+
+```typescript
+// src/global.d.ts
+declare module '*.css';
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+```
+
+## 🚀 Quick Start
+
+```tsx
+import { ReactaForm, createInstanceFromDefinition } from 'reactaform';
+import { useState } from 'react';
+
+const definition = {
+  name: "contactForm",
+  version: "1.0",
+  displayName: "Contact Form",
+  properties: [
+    {
+      name: "fullName",
+      displayName: "Full Name",
+      type: "string",
+      defaultValue: "",
+      required: true,
+    },
+    {
+      name: "email",
+      displayName: "Email",
+      type: "email",
+      defaultValue: "",
+      required: true,
+    },
+    {
+      name: "message",
+      displayName: "Message",
+      type: "text",
+      defaultValue: "",
+      required: true,
+    }
+  ]
+};
+
+function App() {
+  // Create an instance from the definition
+  const result = createInstanceFromDefinition(definition, "myForm");
+  const [instance, setInstance] = useState(result.instance);
+
+  return (
+    <ReactaForm
+      definitionData={definition}
+      instance={instance}
+      language="en"
+    />
+  );
+}
+```
+
+> **Note**: `ReactaForm` manages form state internally. If you need to programmatically update values, use `setInstance()` with a new instance object.
+
+## 📖 Core Concepts
+
+### Form Definitions
+
+A form definition is a JSON object that describes the structure of your form:
+
+```typescript
+interface ReactaDefinition {
+  name: string;              // Unique form identifier
+  version: string;           // Version for tracking changes
+  displayName: string;       // Human-readable form title
+  properties: FieldDefinition[]; // Array of field definitions
+}
+```
+
+### Field Types
+
+ReactaForm supports 20+ field types out of the box:
+
+| Type | Description | Example |
+|------|-------------|---------|
+| `string` | Single-line text input | Name, username |
+| `text` | Multi-line text area | Comments, descriptions |
+| `email` | Email with validation | user@example.com |
+| `phone` | Phone number input | +1 (555) 123-4567 |
+| `url` | URL with validation | https://example.com |
+| `integer` | Whole numbers | Age, quantity |
+| `float` | Decimal numbers | Price, weight |
+| `boolean` | Checkbox | Accept terms |
+| `dropdown` | Select from options | Country, category |
+| `radio` | Radio button group | Gender, size |
+| `multiSelection` | Multiple checkboxes | Interests, tags |
+| `slider` | Range slider | Volume, brightness |
+| `rating` | Star rating | Product rating |
+| `date` | Date picker | Birth date |
+| `dateTime` | Date and time picker | Appointment |
+| `time` | Time picker | Meeting time |
+| `color` | Color picker | Theme color |
+| `file` | File upload | Documents, images |
+| `image` | Image display | Preview, thumbnail |
+| `unitValue` | Value with unit conversion | 100 cm → 1 m |
+
+### Conditional Visibility
+
+Fields can be conditionally shown/hidden based on parent field values:
+
+```typescript
+{
+  name: "country",
+  displayName: "Country",
+  type: "dropdown",
+  options: [
+    { label: "United States", value: "US" },
+    { label: "Canada", value: "CA" }
+  ]
+},
+{
+  name: "state",
+  displayName: "State/Province",
+  type: "dropdown",
+  parents: {
+    country: ["US", "CA"]  // Only show when country is US or CA
+  },
+  options: [
+    { label: "California", value: "CA" },
+    { label: "Ontario", value: "ON" }
+  ]
+}
+```
+
+### Validation
+
+Built-in validation for common patterns:
+
+```typescript
+{
+  name: "email",
+  displayName: "Email Address",
+  type: "email",
+  required: true,           // Field is required
+  pattern: "^[a-z]+$",     // Custom regex pattern (optional)
+  minLength: 5,            // Minimum length (optional)
+  maxLength: 100,          // Maximum length (optional)
+}
+```
+
+## 🎨 Theming
+
+ReactaForm uses CSS variables for easy theming:
+
+```css
+:root {
+  /* Colors */
+  --reactaform-color-primary: #2563eb;
+  --reactaform-color-error: #ef4444;
+  --reactaform-color-success: #10b981;
+  
+  /* Typography */
+  --reactaform-font-family: system-ui, sans-serif;
+  --reactaform-font-size: 1rem;
+  --reactaform-font-weight: 400;
+  
+  /* Spacing */
+  --reactaform-space-xs: 4px;
+  --reactaform-space-sm: 8px;
+  --reactaform-space-md: 16px;
+  
+  /* Borders */
+  --reactaform-border-radius: 4px;
+  --reactaform-border-color: #d1d5db;
+  
+  /* Inputs */
+  --reactaform-input-bg: #ffffff;
+  --reactaform-input-padding: 8px 12px;
+}
+
+/* Dark mode */
+[data-reactaform-theme="dark"] {
+  --reactaform-bg-primary: #1A1A1A;
+  --reactaform-text-color: #EDEDED;
+  --reactaform-input-bg: #2A2A2A;
+  --reactaform-border-color: #3A3A3A;
+}
+```
+
+### Using Dark Mode
+
+```tsx
+<ReactaForm
+  definitionData={definition}
+  instance={formData}
+  darkMode={true}  // Enable dark mode
+/>
+```
+
+## 🌍 Internationalization
+
+ReactaForm supports multiple languages:
+
+```tsx
+<ReactaForm
+  definitionData={definition}
+  instance={formData}
+  language="fr"  // 'en', 'fr', 'de', 'es', 'zh-cn'
+/>
+```
+
+### Custom Translations
+
+Provide custom translations for your form:
+
+```typescript
+// public/locales/fr/myform.json
+{
+  "Full Name": "Nom complet",
+  "Email": "Courriel",
+  "Submit": "Soumettre"
+}
+```
+
+## 🔧 Advanced Usage
+
+### Custom Field Components
+
+Register custom field components:
+
+```tsx
+import { registerComponent } from 'reactaform';
+
+const CustomInput = ({ field, value, onChange }) => {
+  return (
+    <input
+      value={value}
+      onChange={(e) => onChange(e.target.value, null)}
+      placeholder={field.displayName}
+    />
+  );
+};
+
+registerComponent('customType', CustomInput);
+```
+
+### Custom Validation
+
+Register custom validators:
+
+```tsx
+import { registerValidationHandler } from 'reactaform';
+
+registerValidationHandler('customType', (value, field) => {
+  if (value.length < 10) {
+    return "Value must be at least 10 characters";
+  }
+  return null; // No error
+});
+```
+
+### Form Submission
+
+Handle form submission with custom logic:
+
+```tsx
+import { registerSubmissionHandler } from 'reactaform';
+
+// Register a submission handler for your form
+registerSubmissionHandler(
+  'mySubmitHandler',  // Handler name (referenced in definition.submitHandlerName)
+  (definition, instanceName, valuesMap, t) => {
+    // definition: The form definition
+    // instanceName: Current instance name
+    // valuesMap: Object with all field values { fieldName: value }
+    // t: Translation function for error messages
+
+    // Custom validation
+    if (!valuesMap.email?.includes('@')) {
+      return [t('Invalid email address')]; // Return array of error strings
+    }
+
+    // Submit to API
+    fetch('/api/contact', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(valuesMap),
+    }).catch(err => {
+      console.error('Submission failed:', err);
+    });
+
+    // Return undefined for success, or array of error strings for failure
+    return undefined;
+  }
+);
+```
+
+**Then reference it in your definition:**
+
+```tsx
+const definition = {
+  name: "contactForm",
+  submitHandlerName: "mySubmitHandler",  // Link to registered handler
+  // ... rest of definition
+};
+```
+
+### Using ReactaFormProvider
+
+Wrap your app for global configuration:
+
+```tsx
+import { ReactaFormProvider, ReactaFormRenderer } from 'reactaform';
+
+function App() {
+  return (
+    <ReactaFormProvider
+      defaultLanguage="en"
+      defaultDarkMode={false}
+      defaultDefinitionName="myForm"
+    >
+      <ReactaFormRenderer
+        properties={definition.properties}
+        instance={formData}
+      />
+    </ReactaFormProvider>
+  );
+}
+```
+
+## 📚 API Reference
+
+### ReactaForm Props
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `definitionData` | `ReactaDefinition \| string` | Yes | Form definition object or JSON string |
+| `instance` | `ReactaInstance` | No* | Form instance with values and metadata. If not provided, will be auto-created from definition |
+| `language` | `string` | No | Language code (default: 'en') |
+| `darkMode` | `boolean` | No | Enable dark mode (default: auto-detect from parent theme) |
+| `className` | `string` | No | Custom CSS class |
+| `style` | `CSSProperties` | No | Custom inline styles |
+
+*While `instance` is technically optional (auto-created if omitted), providing it is recommended for proper state management.
+
+### Field Definition Props
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `name` | `string` | Yes | Unique field identifier |
+| `displayName` | `string` | Yes | Field label |
+| `type` | `string` | Yes | Field type (see Field Types) |
+| `defaultValue` | `any` | No | Default field value |
+| `required` | `boolean` | No | Field is required |
+| `disabled` | `boolean` | No | Field is disabled |
+| `readOnly` | `boolean` | No | Field is read-only |
+| `tooltip` | `string` | No | Tooltip text |
+| `placeholder` | `string` | No | Placeholder text |
+| `options` | `Option[]` | No | Options for dropdown/radio/multi-selection |
+| `parents` | `Record<string, string[]>` | No | Conditional visibility rules |
+| `pattern` | `string` | No | Regex validation pattern |
+| `minLength` | `number` | No | Minimum input length |
+| `maxLength` | `number` | No | Maximum input length |
+| `min` | `number` | No | Minimum numeric value |
+| `max` | `number` | No | Maximum numeric value |
+| `step` | `number` | No | Numeric step increment |
+| `labelLayout` | `'row' \| 'column' \| 'column-center'` | No | Label positioning |
+
+## 🧪 Testing
+
+ReactaForm uses Vitest for testing:
+
+```bash
+npm run test          # Run all tests
+npm run typecheck     # Type checking
+```
+
+## 🏗️ Building
+
+```bash
+npm run build:lib     # Build library
+npm run pack:staging  # Create .tgz package
+```
+
+Output formats:
+- **ESM**: `dist/reactaform.es.js`
+- **CommonJS**: `dist/reactaform.cjs.js`
+- **UMD**: `dist/reactaform.umd.js`
+- **Types**: `dist/index.d.ts`
+
+## 📄 License
+
+MIT
+
+## 🤝 Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## 🐛 Known Issues
+
+- Virtual scrolling optimization in progress for forms with 1000+ fields
+- Screen reader testing ongoing for complex conditional fields
+
+## 🗺️ Roadmap
+
+- [ ] Enhanced accessibility audit
+- [ ] More built-in validators
+- [ ] Form builder UI
+- [ ] Schema migration tools
+- [ ] Performance profiling dashboard
+
+## 🔍 Troubleshooting
+
+### "Cannot find module './style.css'"
+
+**Solution**: Add a `global.d.ts` file (see Environment Compatibility section above).
+
+### Form not updating when instance changes
+
+**Solution**: Ensure you're passing a **new instance object** (immutable updates):
+
+```tsx
+// ✅ Correct - creates new object
+setInstance({ ...instance, values: { ...instance.values, name: 'John' } });
+
+// ❌ Wrong - mutates existing object
+instance.values.name = 'John';
+setInstance(instance);
+```
+
+### Submission handler not called
+
+**Solution**: Ensure `submitHandlerName` in your definition matches the registered handler name:
+
+```tsx
+registerSubmissionHandler('myHandler', ...);
+// Definition must have: submitHandlerName: "myHandler"
+```
+
+### TypeScript errors about `import.meta` or `process`
+
+**Solution**: The library handles these internally with fallbacks. If you see errors in **your** code, ensure you're not directly importing library internals. If errors persist, update to the latest version.
+
+### Dark mode not working
+
+**Solution**: Either pass `darkMode={true}` prop, or wrap your app with `[data-reactaform-theme="dark"]` attribute on a parent element.
+
+## 💡 Examples
+
+Check the `packages/apps` directory for complete working examples:
+- **instance-app** - Create, load, and edit multiple form instances
+- **group-app** - Organize fields into logical groups
+- **parents-app** - Conditional field visibility based on parent values
+- **custom-validation-app** - Custom validation rules
+- **translation-app** - Multi-language forms with custom translations
+- **dark-mode-app** - Light/dark theme switching
+- **submit-handler-app** - Custom submission handlers
+
+---
+
+**Built with ❤️ using React and TypeScript**

package/dist/common-BD9zx3GT.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Absenden",t="Rot",n="Blau",s="Grün",a="Gelb",i="Lila",r="Cyan",l="Magenta",o="Schwarz",m="Weiß",u="Orange",d="Grau",h="Braun",c="Rosa",g="Benutzerdefiniert",b="Erhöhen",f="Verringern",M="Zeitzone",D={Submit:e,"Please fix validation errors before submitting.":"Bitte beheben Sie die Validierungsfehler vor dem Absenden.","Data transformation errors occurred.":"Datentransformationsfehler sind aufgetreten.","Validation errors occurred.":"Validierungsfehler sind aufgetreten.","Submission failed.":"Das Absenden ist fehlgeschlagen.","Submission handler error occurred.":"Ein Fehler im Übermittlungshandler ist aufgetreten.","Form submitted successfully.":"Formular erfolgreich übermittelt.",Red:t,Blue:n,Green:s,Yellow:a,Purple:i,Cyan:r,Magenta:l,Black:o,White:m,Orange:u,Gray:d,Brown:h,Pink:c,"Light Gray":"Hellgrau",Custom:g,"Value required":"Wert erforderlich","Invalid option selected":"Ungültige Option ausgewählt","Must be a valid integer":"Muss eine gültige Ganzzahl sein","Must be an integer":"Muss eine Ganzzahl sein","Must be a valid float":"Muss eine gültige Gleitkommazahl sein","Must be a valid number":"Muss eine gültige Zahl sein","Invalid number":"Ungültige Zahl","Must be ≥{{1}}":"Muss ≥{{1}} sein","Must be ≤{{1}}":"Muss ≤{{1}} sein","Value should be at least {{1}}":"Der Wert sollte mindestens {{1}} sein","Value should be at most {{1}}":"Der Wert sollte höchstens {{1}} sein","Must be at least {{1}} characters":"Muss mindestens {{1}} Zeichen lang sein","Must be at most {{1}} characters":"Darf höchstens {{1}} Zeichen lang sein","Input does not match pattern: {{1}}":"Eingabe stimmt nicht mit dem Muster überein: {{1}}","Must be valid email format":"Muss ein gültiges E-Mail-Format sein","Email does not match pattern: {{%1}}":"E-Mail stimmt nicht mit dem Muster überein: {{%1}}","Must be a valid URL":"Muss eine gültige URL sein","Phone number does not match pattern: {{1}}":"Telefonnummer stimmt nicht mit dem Muster überein: {{1}}","Each value must be a valid integer":"Jeder Wert muss eine gültige Ganzzahl sein","Each value must be a valid float":"Jeder Wert muss eine gültige Gleitkommazahl sein","Minimum number of values: {{1}}":"Minimale Anzahl an Werten: {{1}}","Maximum number of values: {{1}}":"Maximale Anzahl an Werten: {{1}}","Minimum number of rows: {{1}}":"Mindestanzahl von Zeilen: {{1}}","Maximum number of rows: {{1}}":"Höchstanzahl von Zeilen: {{1}}","Invalid date format":"Ungültiges Datumsformat","Invalid date/time":"Ungültiges Datum/Uhrzeit","Invalid time format":"Ungültiges Uhrzeitformat","Date must be on or after {{1}}":"Das Datum muss am {{1}} oder danach sein","Date must be on or before {{1}}":"Das Datum muss am {{1}} oder davor sein","Date/time must be on or after {{1}}":"Datum/Uhrzeit muss am {{1}} oder danach sein","Date/time must be on or before {{1}}":"Datum/Uhrzeit muss am {{1}} oder davor sein","Time must be on or after {{1}}":"Die Uhrzeit muss {{1}} oder danach sein","Time must be on or before {{1}}":"Die Uhrzeit muss {{1}} oder davor sein","Choose File...":"Datei auswählen...","Choose Files...":"Dateien auswählen...","No file selected":"Keine Datei ausgewählt","Show selected files":"Ausgewählte Dateien anzeigen","Selected File":"Ausgewählte Datei","Selected Files":"Ausgewählte Dateien",Increment:b,Decrement:f,Timezone:M};exports.Black=o;exports.Blue=n;exports.Brown=h;exports.Custom=g;exports.Cyan=r;exports.Decrement=f;exports.Gray=d;exports.Green=s;exports.Increment=b;exports.Magenta=l;exports.Orange=u;exports.Pink=c;exports.Purple=i;exports.Red=t;exports.Submit=e;exports.Timezone=M;exports.White=m;exports.Yellow=a;exports.default=D;

package/dist/common-BQcVe8MY.mjs

@@ -0,0 +1,87 @@
+const e = "Absenden", M = "Rot", t = "Blau", n = "Grün", s = "Gelb", a = "Lila", i = "Cyan", r = "Magenta", l = "Schwarz", o = "Weiß", m = "Orange", u = "Grau", d = "Braun", h = "Rosa", c = "Benutzerdefiniert", g = "Erhöhen", b = "Verringern", f = "Zeitzone", D = {
+  Submit: e,
+  "Please fix validation errors before submitting.": "Bitte beheben Sie die Validierungsfehler vor dem Absenden.",
+  "Data transformation errors occurred.": "Datentransformationsfehler sind aufgetreten.",
+  "Validation errors occurred.": "Validierungsfehler sind aufgetreten.",
+  "Submission failed.": "Das Absenden ist fehlgeschlagen.",
+  "Submission handler error occurred.": "Ein Fehler im Übermittlungshandler ist aufgetreten.",
+  "Form submitted successfully.": "Formular erfolgreich übermittelt.",
+  Red: "Rot",
+  Blue: t,
+  Green: n,
+  Yellow: s,
+  Purple: a,
+  Cyan: i,
+  Magenta: r,
+  Black: l,
+  White: o,
+  Orange: m,
+  Gray: u,
+  Brown: d,
+  Pink: h,
+  "Light Gray": "Hellgrau",
+  Custom: c,
+  "Value required": "Wert erforderlich",
+  "Invalid option selected": "Ungültige Option ausgewählt",
+  "Must be a valid integer": "Muss eine gültige Ganzzahl sein",
+  "Must be an integer": "Muss eine Ganzzahl sein",
+  "Must be a valid float": "Muss eine gültige Gleitkommazahl sein",
+  "Must be a valid number": "Muss eine gültige Zahl sein",
+  "Invalid number": "Ungültige Zahl",
+  "Must be ≥{{1}}": "Muss ≥{{1}} sein",
+  "Must be ≤{{1}}": "Muss ≤{{1}} sein",
+  "Value should be at least {{1}}": "Der Wert sollte mindestens {{1}} sein",
+  "Value should be at most {{1}}": "Der Wert sollte höchstens {{1}} sein",
+  "Must be at least {{1}} characters": "Muss mindestens {{1}} Zeichen lang sein",
+  "Must be at most {{1}} characters": "Darf höchstens {{1}} Zeichen lang sein",
+  "Input does not match pattern: {{1}}": "Eingabe stimmt nicht mit dem Muster überein: {{1}}",
+  "Must be valid email format": "Muss ein gültiges E-Mail-Format sein",
+  "Email does not match pattern: {{%1}}": "E-Mail stimmt nicht mit dem Muster überein: {{%1}}",
+  "Must be a valid URL": "Muss eine gültige URL sein",
+  "Phone number does not match pattern: {{1}}": "Telefonnummer stimmt nicht mit dem Muster überein: {{1}}",
+  "Each value must be a valid integer": "Jeder Wert muss eine gültige Ganzzahl sein",
+  "Each value must be a valid float": "Jeder Wert muss eine gültige Gleitkommazahl sein",
+  "Minimum number of values: {{1}}": "Minimale Anzahl an Werten: {{1}}",
+  "Maximum number of values: {{1}}": "Maximale Anzahl an Werten: {{1}}",
+  "Minimum number of rows: {{1}}": "Mindestanzahl von Zeilen: {{1}}",
+  "Maximum number of rows: {{1}}": "Höchstanzahl von Zeilen: {{1}}",
+  "Invalid date format": "Ungültiges Datumsformat",
+  "Invalid date/time": "Ungültiges Datum/Uhrzeit",
+  "Invalid time format": "Ungültiges Uhrzeitformat",
+  "Date must be on or after {{1}}": "Das Datum muss am {{1}} oder danach sein",
+  "Date must be on or before {{1}}": "Das Datum muss am {{1}} oder davor sein",
+  "Date/time must be on or after {{1}}": "Datum/Uhrzeit muss am {{1}} oder danach sein",
+  "Date/time must be on or before {{1}}": "Datum/Uhrzeit muss am {{1}} oder davor sein",
+  "Time must be on or after {{1}}": "Die Uhrzeit muss {{1}} oder danach sein",
+  "Time must be on or before {{1}}": "Die Uhrzeit muss {{1}} oder davor sein",
+  "Choose File...": "Datei auswählen...",
+  "Choose Files...": "Dateien auswählen...",
+  "No file selected": "Keine Datei ausgewählt",
+  "Show selected files": "Ausgewählte Dateien anzeigen",
+  "Selected File": "Ausgewählte Datei",
+  "Selected Files": "Ausgewählte Dateien",
+  Increment: g,
+  Decrement: b,
+  Timezone: f
+};
+export {
+  l as Black,
+  t as Blue,
+  d as Brown,
+  c as Custom,
+  i as Cyan,
+  b as Decrement,
+  u as Gray,
+  n as Green,
+  g as Increment,
+  r as Magenta,
+  m as Orange,
+  h as Pink,
+  a as Purple,
+  M as Red,
+  e as Submit,
+  f as Timezone,
+  o as White,
+  s as Yellow,
+  D as default
+};