@masterteam/system-settings 0.0.1

package/assets/i18n/ar.json

@@ -0,0 +1,61 @@
+{
+  "system-settings": {
+    "page-title": "إعدادات النظام",
+    "page-subtitle": "إدارة العطلات, عطلات نهاية الأسبوع, المنطقة الزمنية, العملة, وSMTP من شاشة واحدة.",
+    "save": "حفظ",
+    "cancel": "إلغاء",
+    "loading": "جاري تحميل الإعدادات",
+    "holidays-title": "العطلات",
+    "holidays-description": "أضف العطلات التي يجب تطبيقها على المنتج.",
+    "add-holiday": "إضافة عطلة",
+    "update-holiday": "تحديث العطلة",
+    "holiday-name": "اسم العطلة",
+    "holiday-name-placeholder": "أدخل اسم العطلة",
+    "from-date": "تاريخ البدء",
+    "to-date": "تاريخ الانتهاء",
+    "edit-holiday": "تعديل العطلة",
+    "remove-holiday": "إزالة العطلة",
+    "holiday-range-error": "يجب أن يكون تاريخ الانتهاء في أو بعد تاريخ تاريخ البدء.",
+    "no-holidays-title": "لم تتم إضافة أي عطلات بعد.",
+    "no-holidays-description": "أضف صفًا للعطلات لتحديد فترات العطلات على مستوى المنتج.",
+    "timezone-title": "المنطقة الزمنية.",
+    "timezone-description": "اضبط المنطقة الزمنية وتنسيقات التاريخ والوقت الافتراضية.",
+    "timezone": "المنطقة الزمنية.",
+    "timezone-placeholder": "حدد المنطقة الزمنية.",
+    "date-format": "تنسيق التاريخ.",
+    "date-format-placeholder": "حدد تنسيق التاريخ.",
+    "time-format": "تنسيق الوقت.",
+    "time-format-placeholder": "حدد تنسيق الوقت.",
+    "currency-title": "العملة.",
+    "currency-description": "حدد العملة الافتراضية وتنسيق العرض المستخدم في جميع أنحاء المنتج.",
+    "currency": "العملة.",
+    "currency-placeholder": "حدد العملة.",
+    "currency-format": "تنسيق العملة.",
+    "currency-format-placeholder": "حدد تنسيق العملة",
+    "weekend-title": "عطلة نهاية الأسبوع",
+    "weekend-description": "اختر أيام الأسبوع التي تُعامل كأيام عطلة نهاية الأسبوع.",
+    "weekend-days": "أيام عطلة نهاية الأسبوع",
+    "weekend-placeholder": "حدد أيام عطلة نهاية الأسبوع",
+    "monday": "الاثنين",
+    "tuesday": "الثلاثاء",
+    "wednesday": "الأربعاء",
+    "thursday": "الخميس",
+    "friday": "الجمعة",
+    "saturday": "السبت",
+    "sunday": "الأحد",
+    "smtp-title": "SMTP",
+    "smtp-description": "قم بتهيئة خادم SMTP المستخدم للبريد الإلكتروني الصادر.",
+    "smtp-mail": "البريد",
+    "smtp-mail-placeholder": "أدخل بريد المرسل الإلكتروني",
+    "smtp-name": "اسم العرض",
+    "smtp-name-placeholder": "أدخل اسم العرض",
+    "smtp-host": "المضيف",
+    "smtp-host-placeholder": "أدخل مضيف SMTP",
+    "smtp-port": "المنفذ",
+    "smtp-port-placeholder": "أدخل منفذ SMTP",
+    "smtp-password": "كلمة المرور",
+    "smtp-password-placeholder": "أدخل كلمة مرور SMTP",
+    "saved-successfully": "تم حفظ الإعدادات بنجاح.",
+    "no-changes-message": "لا توجد تغييرات لحفظها."
+  }
+}

package/assets/i18n/en.json

@@ -0,0 +1,61 @@
+{
+  "system-settings": {
+    "page-title": "System Settings",
+    "page-subtitle": "Manage holidays, weekend, timezone, currency, and SMTP from one screen.",
+    "save": "Save",
+    "cancel": "Cancel",
+    "loading": "Loading settings...",
+    "holidays-title": "Holidays",
+    "holidays-description": "Add the holidays that should be applied across the product.",
+    "add-holiday": "Add Holiday",
+    "update-holiday": "Update Holiday",
+    "holiday-name": "Holiday Name",
+    "holiday-name-placeholder": "Enter holiday name",
+    "from-date": "From Date",
+    "to-date": "To Date",
+    "edit-holiday": "Edit holiday",
+    "remove-holiday": "Remove holiday",
+    "holiday-range-error": "The end date must be on or after the start date.",
+    "no-holidays-title": "No holidays added yet",
+    "no-holidays-description": "Add a holiday row to define product-wide holiday periods.",
+    "timezone-title": "Timezone",
+    "timezone-description": "Configure the timezone and default date and time formats.",
+    "timezone": "Timezone",
+    "timezone-placeholder": "Select timezone",
+    "date-format": "Date Format",
+    "date-format-placeholder": "Select date format",
+    "time-format": "Time Format",
+    "time-format-placeholder": "Select time format",
+    "currency-title": "Currency",
+    "currency-description": "Set the default currency and display format used across the product.",
+    "currency": "Currency",
+    "currency-placeholder": "Select currency",
+    "currency-format": "Currency Format",
+    "currency-format-placeholder": "Select currency format",
+    "weekend-title": "Weekend",
+    "weekend-description": "Choose the weekdays that should be treated as weekend days.",
+    "weekend-days": "Weekend Days",
+    "weekend-placeholder": "Select weekend days",
+    "monday": "Monday",
+    "tuesday": "Tuesday",
+    "wednesday": "Wednesday",
+    "thursday": "Thursday",
+    "friday": "Friday",
+    "saturday": "Saturday",
+    "sunday": "Sunday",
+    "smtp-title": "SMTP",
+    "smtp-description": "Configure the SMTP server used for outgoing email.",
+    "smtp-mail": "Mail",
+    "smtp-mail-placeholder": "Enter sender email",
+    "smtp-name": "Display Name",
+    "smtp-name-placeholder": "Enter display name",
+    "smtp-host": "Host",
+    "smtp-host-placeholder": "Enter SMTP host",
+    "smtp-port": "Port",
+    "smtp-port-placeholder": "Enter SMTP port",
+    "smtp-password": "Password",
+    "smtp-password-placeholder": "Enter SMTP password",
+    "saved-successfully": "Settings saved successfully.",
+    "no-changes-message": "There are no changes to save."
+  }
+}

package/assets/system-settings.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-800:oklch(47.3% .137 46.201);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--spacing:.25rem;--container-3xl:48rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-semibold:600;--font-weight-bold:700;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!absolute{position:absolute!important}.absolute{position:absolute}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-m-px{margin:-1px}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.h-8{height:calc(var(--spacing) * 8)}.h-px{height:1px}.\!w-\[30rem\]{width:30rem!important}.w-8{width:calc(var(--spacing) * 8)}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.animate-spin{animation:var(--animate-spin)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-solid{--tw-border-style:solid;border-style:solid}.border-amber-200{border-color:var(--color-amber-200)}.border-current{border-color:currentColor}.border-neutral-300{border-color:var(--color-neutral-300)}.border-red-200{border-color:var(--color-red-200)}.border-e-transparent{border-inline-end-color:#0000}.bg-amber-50{background-color:var(--color-amber-50)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-red-50{background-color:var(--color-red-50)}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-2{padding-top:calc(var(--spacing) * 2)}.text-center{text-align:center}.align-\[-0\.125em\]{vertical-align:-.125em}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-amber-800{color:var(--color-amber-800)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-900{color:var(--color-neutral-900)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.\[clip\:rect\(0\,0\,0\,0\)\]{clip:rect(0,0,0,0)}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}@keyframes enter{0%{opacity:var(--p-enter-opacity,1);transform:translate3d(var(--p-enter-translate-x,0), var(--p-enter-translate-y,0), 0) scale3d(var(--p-enter-scale,1), var(--p-enter-scale,1), var(--p-enter-scale,1)) rotate(var(--p-enter-rotate,0))}}@keyframes leave{to{opacity:var(--p-leave-opacity,1);transform:translate3d(var(--p-leave-translate-x,0), var(--p-leave-translate-y,0), 0) scale3d(var(--p-leave-scale,1), var(--p-leave-scale,1), var(--p-leave-scale,1)) rotate(var(--p-leave-rotate,0))}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes spin{to{transform:rotate(360deg)}}