@ziyarago/ui 0.14.0 → 0.15.1

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.
Files changed (80) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +5 -5
  3. package/dist/llms-full.txt +8 -4
  4. package/dist/llms.txt +2 -2
  5. package/dist/manifest.json +343 -4
  6. package/dist/style.css +13 -13
  7. package/docs/INTEGRATION.md +12 -0
  8. package/package.json +12 -25
  9. package/src/core/components.js +11 -15
  10. package/src/core/components2.js +2 -72
  11. package/src/core/components3.js +2 -44
  12. package/src/core/components4.js +0 -38
  13. package/src/core/components6.js +0 -50
  14. package/src/core/components7.js +0 -34
  15. package/src/core/index.js +2 -2
  16. package/src/core/pages.js +2 -36
  17. package/src/i18n/components/index.js +0 -72
  18. package/src/icons/builtin.js +99 -0
  19. package/src/internal.js +10 -0
  20. package/src/meta/forms.js +5 -1
  21. package/src/meta/index.js +2 -0
  22. package/src/meta/pages.js +1 -1
  23. package/src/react/index.js +1 -107
  24. package/src/styles/components.css +8 -8
  25. package/src/styles/components2.css +2 -2
  26. package/src/styles/components7.css +1 -1
  27. package/src/styles/components8.css +1 -1
  28. package/src/styles/extras.css +1 -1
  29. package/src/vue/index.js +2 -2
  30. package/types/core.d.ts +1 -1
  31. package/types/internal.d.ts +30 -0
  32. package/types/meta.d.ts +5 -0
  33. package/types/react.d.ts +154 -4141
  34. package/types/shared.d.ts +2 -0
  35. package/types/vue-global.d.ts +0 -106
  36. package/types/vue.d.ts +168 -3601
  37. package/docs/MIGRATION.md +0 -455
  38. package/src/compat/index.js +0 -469
  39. package/src/compat/map.js +0 -282
  40. package/src/compat/resolver.js +0 -22
  41. package/src/compat/vite.js +0 -29
  42. package/src/i18n/components/ActionCard.js +0 -5
  43. package/src/i18n/components/Actionsheet.js +0 -5
  44. package/src/i18n/components/CallCard.js +0 -5
  45. package/src/i18n/components/CallRow.js +0 -5
  46. package/src/i18n/components/Carousel.js +0 -5
  47. package/src/i18n/components/ChartCard.js +0 -5
  48. package/src/i18n/components/ChatAi.js +0 -5
  49. package/src/i18n/components/ChipInput.js +0 -5
  50. package/src/i18n/components/ContactPanel.js +0 -5
  51. package/src/i18n/components/DataGroup.js +0 -5
  52. package/src/i18n/components/DealCard.js +0 -5
  53. package/src/i18n/components/FullscreenDialog.js +0 -5
  54. package/src/i18n/components/Gallery.js +0 -5
  55. package/src/i18n/components/GuestCard.js +0 -5
  56. package/src/i18n/components/ImageUpload.js +0 -5
  57. package/src/i18n/components/ImageViewer.js +0 -5
  58. package/src/i18n/components/IncomingCall.js +0 -5
  59. package/src/i18n/components/InlineEdit.js +0 -5
  60. package/src/i18n/components/IntegrationCard.js +0 -5
  61. package/src/i18n/components/Map.js +0 -5
  62. package/src/i18n/components/NotificationBell.js +0 -5
  63. package/src/i18n/components/PricingCard.js +0 -5
  64. package/src/i18n/components/QiblaCompass.js +0 -5
  65. package/src/i18n/components/RamadanTracker.js +0 -5
  66. package/src/i18n/components/RangeCalendar.js +0 -5
  67. package/src/i18n/components/RangeSlider.js +0 -5
  68. package/src/i18n/components/RichEditor.js +0 -5
  69. package/src/i18n/components/Screensaver.js +0 -5
  70. package/src/i18n/components/Sortable.js +0 -5
  71. package/src/i18n/components/StepDialog.js +0 -5
  72. package/src/i18n/components/StepForm.js +0 -5
  73. package/src/i18n/components/TabTiles.js +0 -5
  74. package/src/i18n/components/Tour.js +0 -5
  75. package/src/i18n/components/TourCard.js +0 -5
  76. package/src/i18n/components/TourPopover.js +0 -5
  77. package/src/i18n/components/TreeSelect.js +0 -5
  78. package/types/compat-resolver.d.ts +0 -12
  79. package/types/compat-vite.d.ts +0 -11
  80. package/types/compat.d.ts +0 -176
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ ## [0.15.1](https://github.com/ziyarago/ui/compare/v0.15.0...v0.15.1) (2026-10-21)
2
+
3
+ ### Bug Fixes
4
+
5
+ * backdrop-filter order for lightningcss, LoginForm autocomplete and name, built-in icon set (no CDN for component icons), registerIcons ([18dd228](https://github.com/ziyarago/ui/commit/18dd2286c71ac2ff64a126bb1ead76d412b6a92d))
6
+
7
+ ## [0.15.0](https://github.com/ziyarago/ui/compare/v0.14.0...v0.15.0) (2026-10-21)
8
+
9
+ ### Features
10
+
11
+ * Pro components, page templates and migration tools move to the private @ziyarago/ui-pro package; the public package keeps the free Core (102 components) ([8432716](https://github.com/ziyarago/ui/commit/8432716b2c92def055cb79a44cba22b1eaa59676))
12
+
1
13
  ## [0.14.0](https://github.com/ziyarago/ui/compare/v0.13.0...v0.14.0) (2026-10-21)
2
14
 
3
15
  ### Features
package/README.md CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  <p align="center"><a href="https://ziyara.vip"><img src="https://raw.githubusercontent.com/ziyarago/ui/main/docs/images/hero-dark.png" alt="ziyarago/ui: glass design system for Vue, Nuxt and React" width="100%"></a></p>
6
6
 
7
- Glass design system for Vue 3, Nuxt and React: 208 components, 40 page templates, OKLCH tokens, dark and light, RTL and Arabic, 16 interface languages. One framework-neutral core with thin adapters. Built for Umrah and Hajj products, usable anywhere.
7
+ Glass design system for Vue 3, Nuxt and React: 102 free components and 6 page templates (the Pro package adds 106 components and 33 templates), OKLCH tokens, dark and light, RTL and Arabic, 16 interface languages. One framework-neutral core with thin adapters. Built for Umrah and Hajj products, usable anywhere.
8
8
 
9
9
  <table>
10
10
  <tr>
@@ -12,8 +12,8 @@ Glass design system for Vue 3, Nuxt and React: 208 components, 40 page templates
12
12
  <td width="50%"><img src="https://raw.githubusercontent.com/ziyarago/ui/main/docs/images/hero-rtl.png" alt="Arabic RTL"><br><sub>Arabic, RTL mirrored</sub></td>
13
13
  </tr>
14
14
  <tr>
15
- <td><img src="https://raw.githubusercontent.com/ziyarago/ui/main/docs/images/components.png" alt="Component catalog"><br><sub>208 components with props and live examples</sub></td>
16
- <td><img src="https://raw.githubusercontent.com/ziyarago/ui/main/docs/images/templates.png" alt="Page templates"><br><sub>40 page templates</sub></td>
15
+ <td><img src="https://raw.githubusercontent.com/ziyarago/ui/main/docs/images/components.png" alt="Component catalog"><br><sub>208 components documented with props and live examples (102 free, 106 Pro)</sub></td>
16
+ <td><img src="https://raw.githubusercontent.com/ziyarago/ui/main/docs/images/templates.png" alt="Page templates"><br><sub>page templates: 6 free, 33 Pro</sub></td>
17
17
  </tr>
18
18
  <tr>
19
19
  <td><img src="https://raw.githubusercontent.com/ziyarago/ui/main/docs/images/button-docs.png" alt="Props docs"><br><sub>Every prop and variant documented</sub></td>
@@ -24,7 +24,7 @@ Glass design system for Vue 3, Nuxt and React: 208 components, 40 page templates
24
24
  Files:
25
25
 
26
26
  ```
27
- src/core/ components*.js, pages.js: 208 components and 40 page templates as { state, slots, render(ctx) }; no framework imports
27
+ src/core/ components*.js, pages.js: the 102 free components and 6 page templates as { state, slots, render(ctx) }; no framework imports
28
28
  src/vue/ Vue 3 adapter (UiButton, UiAppShell … + install(app))
29
29
  src/react/ React adapter (same names)
30
30
  src/theme.js useUiTheme(): theme · palette · dir → <html> attributes, persisted
@@ -63,7 +63,7 @@ Types ship with the package. Only 9 core components have typed props so far; the
63
63
  - SSR: components render on the server; icons, `UiMap`, `UiRichEditor`, `UiTour` and `useUiTheme()` touch `document` only on the client.
64
64
  - Palettes via `data-palette="gold|tamam"`, theme via `data-theme="dark|light"`, direction via `dir="rtl"` on `<html>`.
65
65
  - Releases: see `docs/PUBLISHING.md`, history in `CHANGELOG.md`.
66
- - Coming from `@ziyarago/glass-ui-kit` (Vue 3, `Ui*` local copies)? `@ziyarago/ui/compat` exports the old component names as wrappers over the new ones; step by step guide with prop tables: `docs/MIGRATION.md`.
66
+ - Coming from `@ziyarago/glass-ui-kit` (Vue 3, `Ui*` local copies)? migration tooling (the `compat` layer with the old component names and a step by step guide) is part of `@ziyarago/ui-pro`.
67
67
 
68
68
  ## License
69
69
  Code: MIT (`LICENSE`). The ZiyaraGo logo and 3D icons are not part of the package and are not MIT: they appear on the docs site for demonstration only, see `LICENSE-ASSETS.md`.
@@ -1,8 +1,8 @@
1
1
  # @ziyarago/ui
2
2
 
3
- > ZiyaraGo UI — glass design system for Umrah and Hajj products. OKLCH tokens, two palettes, dark and light, RTL, Thmanyah. One framework-neutral core with Vue 3, Nuxt and React adapters, 208 components and 40 page templates.
3
+ > ZiyaraGo UI — glass design system for Umrah and Hajj products. OKLCH tokens, two palettes, dark and light, RTL, Thmanyah. One framework-neutral core with Vue 3, Nuxt and React adapters, 102 free components and 6 page templates (more in @ziyarago/ui-pro).
4
4
 
5
- Version 0.14.0. Docs: https://ziyara.vip . Manifest (machine readable): https://ziyara.vip/manifest.json
5
+ Version 0.15.1. Docs: https://ziyara.vip . Manifest (machine readable): https://ziyara.vip/manifest.json
6
6
 
7
7
  ## Setup
8
8
  - import { UiButton } from '@ziyarago/ui/vue'
@@ -964,9 +964,13 @@ Props:
964
964
  - `error`: string. Failure message shown in a danger alert above the fields.
965
965
  - `loading`: boolean = false. Disables the submit button and shows a spinner.
966
966
  - `showForgot`: boolean = true. Show the "Forgot password?" link.
967
+ - `emailType`: 'text' | 'email' | 'tel' = "text". Type of the login field: use "email" or "tel" to get the matching mobile keyboard and browser validation.
968
+ - `emailName`: string = "email". Native name of the login field; the password field uses passwordName (default "password"). Both fields get autocomplete "username" and "current-password" so password managers fill them.
969
+ - `passwordName`: string = "password". Native name of the password field.
970
+ - `required`: boolean = false. Marks both fields required (native validation).
967
971
  - `showRemember`: boolean = true. Show the "Remember device" checkbox. Hide it when your backend has no such option; the submit payload then keeps remember: true.
968
972
  - `submitLabel`: string = "Sign in". Submit button text. Wins over labels.submit.
969
- - `labels`: { email?: string; password?: string; remember?: string; forgot?: string; submit?: string } = "{ email: 'Email or phone', password: 'Password', remember: 'Remember device', forgot: 'Forgot password?', submit: 'Sign in' }". Texts of the form; any missing key keeps its English default.
973
+ - `labels`: { email?: string; password?: string; emailPlaceholder?: string; passwordPlaceholder?: string; remember?: string; forgot?: string; submit?: string } = "{ email: 'Email or phone', password: 'Password', remember: 'Remember device', forgot: 'Forgot password?', submit: 'Sign in' }". Texts of the form; any missing key keeps its English default (the two placeholders default to none).
970
974
  - `size`: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = "md". Control height, font and padding scale.
971
975
  Events:
972
976
  - submit: Called with { email, password, remember } when the form is submitted.
@@ -2796,7 +2800,7 @@ Notes:
2796
2800
  ## UiPageAuth (pages)
2797
2801
  Sign-in page template without the app shell, as a centered card or a split layout.
2798
2802
  Props:
2799
- - `layout`: 'card' | 'split' | 'photo' | 'light' | 'tint' = "card". 'split' uses AuthSplit with a side panel. 'photo', 'light' and 'tint' use AuthShowcase with a media panel. Anything else renders a centered AuthLayout card over the background.
2803
+ - `layout`: 'card' | 'split' | 'photo' | 'light' | 'tint' = "card". 'split' uses AuthSplit with a side panel. 'photo', 'light' and 'tint' use AuthShowcase with a media panel (Pro: needs @ziyarago/ui-pro, otherwise they fall back to the centered card). Anything else renders a centered AuthLayout card over the background.
2800
2804
  - `image`: string. Media image URL; photo, light and tint layouts.
2801
2805
  - `headline`: string. Large text on the media panel; photo and tint.
2802
2806
  - `caption`: string. Small text on the media panel or glass bar.
package/dist/llms.txt CHANGED
@@ -1,8 +1,8 @@
1
1
  # @ziyarago/ui
2
2
 
3
- > ZiyaraGo UI — glass design system for Umrah and Hajj products. OKLCH tokens, two palettes, dark and light, RTL, Thmanyah. One framework-neutral core with Vue 3, Nuxt and React adapters, 208 components and 40 page templates.
3
+ > ZiyaraGo UI — glass design system for Umrah and Hajj products. OKLCH tokens, two palettes, dark and light, RTL, Thmanyah. One framework-neutral core with Vue 3, Nuxt and React adapters, 102 free components and 6 page templates (more in @ziyarago/ui-pro).
4
4
 
5
- Version 0.14.0. Docs: https://ziyara.vip . Manifest (machine readable): https://ziyara.vip/manifest.json
5
+ Version 0.15.1. Docs: https://ziyara.vip . Manifest (machine readable): https://ziyara.vip/manifest.json
6
6
 
7
7
  ## Setup
8
8
  - import { UiButton } from '@ziyarago/ui/vue'