tera-system-ui 0.1.64 → 0.1.66

package/dist/llms/slider.md

@@ -0,0 +1,36 @@
+# Slider
+
+Range slider for numeric value selection.
+
+Built on BitsUI Slider primitive with horizontal and vertical layouts.
+
+## Import
+
+  import { Slider } from 'tera-system-ui';
+  import { Slider } from 'tera-system-ui/slider';  // subpath
+
+## Slider
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  class                     string                                  optional  Additional CSS classes for the root element.
+  min                       number                                  optional  Minimum value of the slider range.
+  max                       number                                  optional  Maximum value of the slider range.
+  step                      number                                  optional  Step interval between selectable values.
+  value                     number                                  optional  Current value. Bindable.
+  disabled                  boolean                                 optional  Prevents all interaction and dims the control.
+  orientation               'horizontal' | 'vertical'               optional  Layout orientation of the slider track and thumb. When 'vertical', the parent must have an explicit height.
+  onchange                  (value: number) => void                 optional  Fires continuously as the thumb moves during drag.
+  onValueCommit             (value: number) => void                 optional  Fires once when the user finishes dragging and releases the thumb. Prefer this over `onchange` when the handler triggers expensive work.
+  ref                       HTMLElement                             optional  Bindable reference to the root span element.
+
+### Usage
+
+  <script>
+    import { Slider } from 'tera-system-ui';
+  </script>
+
+  <Slider />
+  <Slider onchange={(v) => console.log(v)} />

package/dist/llms/spinner.md

@@ -0,0 +1,25 @@
+# Spinner
+
+Circular loading spinner indicator.
+
+## Import
+
+  import { Spinner } from 'tera-system-ui';
+
+## Spinner
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  size                      SpinnerSize                             optional  
+  color                     SpinnerColor                            optional  
+  class                     string                                  optional  
+
+### Usage
+
+  <script>
+    import { Spinner } from 'tera-system-ui';
+  </script>
+
+  <Spinner />

package/dist/llms/star-rating.md

@@ -0,0 +1,31 @@
+# StarRating
+
+Interactive star rating (1–5 stars).
+
+## Import
+
+  import { StarRating } from 'tera-system-ui';
+  import { StarRating } from 'tera-system-ui/star-rating';  // subpath
+
+## StarRating
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  size                      sm | md | lg                            optional  (default: md)
+  children                  Snippet                                 optional  
+  class                     string                                  optional  
+  value                     number                                  optional  
+  onchange                  (value: number) => void                 optional  
+  ref                       HTMLDivElement                          optional  (bindable)
+
+### Usage
+
+  <script>
+    import { StarRating } from 'tera-system-ui';
+  </script>
+
+  <StarRating>Content</StarRating>
+  <StarRating size="sm">Content</StarRating>
+  <StarRating onchange={(v) => console.log(v)} />

package/dist/llms/switch.md

@@ -0,0 +1,33 @@
+# Switch
+
+Toggle switch for boolean state.
+
+Built on BitsUI Switch primitive with form integration support.
+
+## Import
+
+  import { Switch } from 'tera-system-ui';
+  import { Switch } from 'tera-system-ui/switch';  // subpath
+
+## Switch
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  class                     string                                  optional  Additional CSS classes for the root element.
+  checked                   boolean                                 optional  Whether the switch is on. Bindable.
+  disabled                  boolean                                 optional  Prevents all interaction and dims the control.
+  required                  boolean                                 optional  Whether the switch is required for form submission.
+  name                      string                                  optional  Name attribute used when submitting within a form.
+  value                     string                                  optional  Value sent with the form when the switch is checked.
+  onCheckedChange           (checked: boolean) => void              optional  Called when the checked state changes.
+  ref                       HTMLButtonElement                       optional  Bindable reference to the root button element.
+
+### Usage
+
+  <script>
+    import { Switch } from 'tera-system-ui';
+  </script>
+
+  <Switch />

package/dist/llms/table.md

@@ -0,0 +1,30 @@
+# Table
+
+Data table component.
+
+## Import
+
+  import { Table } from 'tera-system-ui';
+
+## Table
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  columns                   ColumnDef<T>[]                          required  
+  data                      T[]                                     required  
+  loading                   boolean                                 optional  
+  empty                     Snippet                                 optional  
+  striped                   boolean                                 optional  
+  stickyHeader              boolean                                 optional  
+  onRowClick                (row: T) => void                        optional  
+  class                     string                                  optional  
+
+### Usage
+
+  <script>
+    import { Table } from 'tera-system-ui';
+  </script>
+
+  <Table />

package/dist/llms/tabs.md

@@ -0,0 +1,92 @@
+# Tabs
+
+Tabbed content panels. Parts: Tabs, TabsList, TabsItem, TabsContent.
+
+Parts: Tabs, TabsList, TabsItem, TabsContent. Built on BitsUI Tabs primitive.
+
+## Import
+
+  import { Tabs, TabsList, TabsItem, TabsContent } from 'tera-system-ui';
+  import { Tabs } from 'tera-system-ui/tabs';  // subpath
+
+## Tabs
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  children                  Snippet                                 optional  
+  value                     string                                  optional  Currently active tab value. Bindable.
+  onchange                  (newTab: string) => void                optional  Called when the active tab changes.
+  class                     string                                  optional  Additional CSS classes for the root element.
+  variant                   TabsVariant                             optional  Visual style of the tab list.
+  activationMode            'automatic' | 'manual'                  optional  How tabs activate on keyboard focus. - 'automatic': tab content switches immediately when a tab receives focus. - 'manual': the user must press Enter or Space to activate a focused tab.
+  orientation               'horizontal' | 'vertical'               optional  Orientation of the tab list. 'vertical' renders the list as a column alongside the content. Only supported with the 'line' variant.
+  loop                      boolean                                 optional  Whether keyboard navigation wraps from the last tab back to the first.
+  ref                       HTMLDivElement                          optional  Bindable reference to the root element.
+
+### Usage
+
+  <script>
+    import { Tabs } from 'tera-system-ui';
+  </script>
+
+  <Tabs>Content</Tabs>
+  <Tabs onchange={(v) => console.log(v)} />
+
+## TabsList
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  children                  Snippet                                 optional  
+  class                     string                                  optional  Additional CSS classes for the tab list container.
+  ref                       HTMLElement                             optional  (bindable)
+
+### Usage
+
+  <script>
+    import { TabsList } from 'tera-system-ui';
+  </script>
+
+  <TabsList>Content</TabsList>
+
+## TabsItem
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  children                  Snippet                                 optional  
+  value                     string                                  required  The value this tab represents — must match a TabsContent value.
+  disabled                  boolean                                 optional  Prevents the user from activating this tab.
+  class                     string                                  optional  Additional CSS classes for the tab trigger.
+  ref                       HTMLElement                             optional  (bindable)
+
+### Usage
+
+  <script>
+    import { TabsItem } from 'tera-system-ui';
+  </script>
+
+  <TabsItem>Content</TabsItem>
+
+## TabsContent
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  children                  Snippet                                 optional  
+  value                     string                                  required  The value this content panel corresponds to — must match a TabsItem value.
+  class                     string                                  optional  Additional CSS classes for the content panel.
+  ref                       HTMLElement                             optional  (bindable)
+
+### Usage
+
+  <script>
+    import { TabsContent } from 'tera-system-ui';
+  </script>
+
+  <TabsContent>Content</TabsContent>

package/dist/llms/tera-ui-context.md

@@ -0,0 +1,30 @@
+# TeraUiContext
+
+Context provider for TeraUI theme and locale configuration.
+
+## Import
+
+  import { TeraUiContext } from 'tera-system-ui';
+  import { TeraUiContext } from 'tera-system-ui/tera-ui-context';  // subpath
+
+## TeraUiContext
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  children                  Snippet                                 optional  
+  class                     string                                  optional  
+  basePath                  string                                  optional  
+  supportLanguages          AvailableLanguageTag[]                  optional  
+  language                  AvailableLanguageTag                    optional  
+  sideNavHref               string                                  optional  
+  apiUrl                    string                                  optional  
+
+### Usage
+
+  <script>
+    import { TeraUiContext } from 'tera-system-ui';
+  </script>
+
+  <TeraUiContext>Content</TeraUiContext>

package/dist/llms/text-area.md

@@ -0,0 +1,39 @@
+# TextArea
+
+Multi-line text input with auto-resize.
+
+## Import
+
+  import { TextArea } from 'tera-system-ui';
+  import { TextArea } from 'tera-system-ui/text-area';  // subpath
+
+## TextArea
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  variant                   outlined | filled | borderless          optional  (default: outlined)
+  disabled                  boolean                                 optional  
+  size                      sm | md | lg                            optional  (default: md)
+  allowClear                boolean                                 optional  
+  status                    error | warning                         optional  
+  children                  Snippet                                 optional  
+  class                     string                                  optional  
+  value                     string                                  optional  
+  ref                       HTMLTextAreaElement                     optional  (bindable)
+  autoSize                  AutoSizeConfig                          optional  
+  rows                      number                                  optional  
+  showCount                 boolean                                 optional  
+  maxLength                 number                                  optional  
+
+### Usage
+
+  <script>
+    import { TextArea } from 'tera-system-ui';
+  </script>
+
+  <TextArea>Content</TextArea>
+  <TextArea variant="filled">Content</TextArea>
+  <TextArea disabled>Content</TextArea>
+  <TextArea size="sm">Content</TextArea>

package/dist/llms/toast.md

@@ -0,0 +1,7 @@
+# toast
+
+Toast notification container (ToastContainer).
+
+## Import
+
+  import {  } from 'tera-system-ui';

package/dist/llms/tooltip.md

@@ -0,0 +1,32 @@
+# Tooltip
+
+Floating tooltip shown on hover or focus.
+
+Built on BitsUI Tooltip primitive with portal rendering.
+
+## Import
+
+  import { Tooltip } from 'tera-system-ui';
+
+## Tooltip
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  content                   string | Snippet                        required  Tooltip content — a plain string or a Svelte snippet for rich markup.
+  side                      'top' | 'bottom' | 'left' | 'right'     optional  Which side of the trigger the tooltip appears on.
+  align                     'start' | 'center' | 'end'              optional  Alignment of the tooltip along the chosen side.
+  sideOffset                number                                  optional  Distance in pixels between the trigger element and the tooltip panel.
+  delay                     number                                  optional  Delay in milliseconds before the tooltip appears after hover/focus.
+  disabled                  boolean                                 optional  Prevents the tooltip from ever opening.
+  children                  Snippet                                 optional  The element that triggers the tooltip on hover/focus.
+  class                     string                                  optional  Additional CSS classes for the trigger wrapper span.
+
+### Usage
+
+  <script>
+    import { Tooltip } from 'tera-system-ui';
+  </script>
+
+  <Tooltip>Content</Tooltip>

package/dist/llms/user-avatar-with-menu.md

@@ -0,0 +1,28 @@
+# UserAvatarWithMenu
+
+User avatar with a dropdown account/profile menu.
+
+## Import
+
+  import { UserAvatarWithMenu } from 'tera-system-ui';
+  import { UserAvatarWithMenu } from 'tera-system-ui/user-avatar-with-menu';  // subpath
+
+## UserAvatarWithMenu
+
+### Props
+
+  Name                      Type                                    Required
+  ──────────────────────────────────────────────────────────────────────────
+  children                  Snippet                                 optional  
+  class                     string                                  optional  
+  user                      UserData                                optional  
+  onLogout                  () => void                              optional  
+  ref                       HTMLDivElement                          optional  (bindable)
+
+### Usage
+
+  <script>
+    import { UserAvatarWithMenu } from 'tera-system-ui';
+  </script>
+
+  <UserAvatarWithMenu>Content</UserAvatarWithMenu>

package/dist/paraglide/README.md

@@ -2,7 +2,7 @@
 
 > Auto-generated i18n message functions. Import `messages.js` to use translated strings.
 
-Compiled from: `D:\TeraProject\Code\tera-system-ui\src\lib\tera-i18n\projects\tera-system-ui\project.inlang`
+Compiled from: `./src/lib/tera-i18n/projects/tera-system-ui/project.inlang`
 
 
 ## What is this folder?
@@ -29,7 +29,7 @@ paraglide/
 ├── messages.js      # Message exports (import this)
 ├── messages/        # Individual message functions
 ├── runtime.js       # Locale detection & configuration
-├── registry.js      # Formatting utilities (plural, number, datetime)
+├── registry.js      # Formatting utilities (plural, number, datetime, relativetime)
 ├── server.js        # Server-side middleware
 └── .gitignore       # Marks folder as generated
 ```
@@ -51,9 +51,10 @@ m.greeting({ name: "Sam" }, { locale: "de" }); // "Hallo, Sam!"
 ## Runtime API
 
 ```js
-import { getLocale, setLocale, locales, baseLocale } from "./paraglide/runtime.js";
+import { getLocale, getTextDirection, setLocale, locales, baseLocale } from "./paraglide/runtime.js";
 
 getLocale();    // Current locale, e.g., "en"
+getTextDirection(); // "ltr" | "rtl" for current locale
 setLocale("de"); // Set locale
 locales;        // Available locales, e.g., ["en", "de", "fr"]
 baseLocale;     // Default locale, e.g., "en"
@@ -80,6 +81,74 @@ await compile({
 
 See the [strategy documentation](https://inlang.com/m/gerre34r/library-inlang-paraglideJs/strategy) for details.
 
+## Markup (Rich Text)
+
+Messages can contain markup tags for bold, links, and other inline elements. Translators control where tags appear; developers control how they render.
+
+Important:
+- Tag names are app-defined. There is no built-in list of HTML tags.
+- `{#b}...{/b}` does not automatically render as `<b>...</b>`.
+- Renderers/snippets are looked up by the same tag name used in the message.
+
+### Message syntax
+
+```json
+{
+  "cta": "{#link to=|/docs| rel=$relationship @track}Read the docs{/link}",
+  "welcome": "{#b}Hi {name}{/b}{#icon/}"
+}
+```
+
+- `{#tagName}` opens a tag, `{/tagName}` closes it.
+- `{#tagName/}` creates a standalone tag.
+- Options: `to=|/docs|` or `rel=$relationship` (accessed via `options.*`).
+- Attributes: `@track` or `@variant=|hero|` (accessed via `attributes.*`).
+
+This is the default inlang message syntax. Paraglide's message format is plugin-based — you can use [ICU MessageFormat 1](https://inlang.com/m/p7c8m1d2/plugin-inlang-icu-messageformat-1), [i18next](https://inlang.com/m/3i8bor92/plugin-inlang-i18next), or other [plugins](https://inlang.com/c/plugins) instead.
+
+### Rendering markup
+
+Calling the message function still returns **plain text** (markup stripped):
+
+```js
+m.cta({ relationship: "noopener" }); // "Read the docs"
+```
+
+To render markup, use the framework adapter or the low-level `parts()` API:
+
+```js
+const parts = m.cta.parts({ relationship: "noopener" });
+// [
+//   { type: "markup-start", name: "link", options: { to: "/docs", rel: "noopener" }, attributes: { track: true } },
+//   { type: "text", value: "Read the docs" },
+//   { type: "markup-end", name: "link" }
+// ]
+```
+
+Framework adapters provide a `<ParaglideMessage>` component that accepts markup renderers:
+
+- `@inlang/paraglide-js-react`
+- `@inlang/paraglide-js-vue`
+- `@inlang/paraglide-js-svelte`
+- `@inlang/paraglide-js-solid`
+
+```jsx
+import { ParaglideMessage } from "@inlang/paraglide-js-react"; // or -vue, -svelte, -solid
+
+<ParaglideMessage
+  message={m.welcome}
+  inputs={{ name: "Ada" }}
+  markup={{
+    b: ({ children }) => <b>{children}</b>,
+    icon: () => <span aria-hidden="true" className="icon-wave" />,
+  }}
+/>
+```
+
+The available renderer/snippet names come from the message itself. You can inspect them through `message.parts()`, and TypeScript uses the same names to type-check your markup renderers.
+
+See the [markup documentation](https://inlang.com/m/gerre34r/library-inlang-paraglideJs/markup) for details.
+
 ## Key concepts
 
 - **Tree-shakeable**: Each message is a function, enabling [up to 70% smaller i18n bundle sizes](https://inlang.com/m/gerre34r/library-inlang-paraglideJs/benchmark) than traditional i18n libraries.

package/dist/paraglide/messages/text_account_settings.d.ts

@@ -1,4 +1,16 @@
-export function text_account_settings(inputs?: {}, options?: {
+/**
+* | output |
+* | --- |
+* | "Account Settings" |
+*
+* @param {Text_Account_SettingsInputs} inputs
+* @param {{ locale?: "ar" | "bg" | "bn" | "ca" | "cs" | "da" | "de" | "el" | "en" | "es" | "fi" | "fr" | "he" | "hi" | "hu" | "id" | "it" | "ja" | "ko" | "lt" | "lv" | "ms" | "nl" | "no" | "pl" | "pt" | "ro" | "ru" | "sk" | "sl" | "sq" | "sr" | "sv" | "sw" | "ta" | "te" | "th" | "tl" | "tr" | "uk" | "vi" | "zh-CN" | "zh-TW" }} options
+* @returns {LocalizedString}
+*/
+export const text_account_settings: ((inputs?: Text_Account_SettingsInputs, options?: {
     locale?: "ar" | "bg" | "bn" | "ca" | "cs" | "da" | "de" | "el" | "en" | "es" | "fi" | "fr" | "he" | "hi" | "hu" | "id" | "it" | "ja" | "ko" | "lt" | "lv" | "ms" | "nl" | "no" | "pl" | "pt" | "ro" | "ru" | "sk" | "sl" | "sq" | "sr" | "sv" | "sw" | "ta" | "te" | "th" | "tl" | "tr" | "uk" | "vi" | "zh-CN" | "zh-TW";
-}): LocalizedString;
+}) => LocalizedString) & import("../runtime.js").MessageMetadata<Text_Account_SettingsInputs, {
+    locale?: "ar" | "bg" | "bn" | "ca" | "cs" | "da" | "de" | "el" | "en" | "es" | "fi" | "fr" | "he" | "hi" | "hu" | "id" | "it" | "ja" | "ko" | "lt" | "lv" | "ms" | "nl" | "no" | "pl" | "pt" | "ro" | "ru" | "sk" | "sl" | "sq" | "sr" | "sv" | "sw" | "ta" | "te" | "th" | "tl" | "tr" | "uk" | "vi" | "zh-CN" | "zh-TW";
+}, {}>;
 export type LocalizedString = import("../runtime.js").LocalizedString;
+export type Text_Account_SettingsInputs = {};