@eslamdevui/ui 3.3.4 → 4.0.0-beta

package/dist/runtime/composables/useResizable.js

@@ -1,16 +1,10 @@
-import {
-  ref,
-  computed,
-  unref,
-  isRef,
-  watch
-} from "vue";
+import { ref, computed, unref, isRef, watch } from "vue";
 import { useStorage } from "@vueuse/core";
 import { useCookie } from "#imports";
+import { useLocale } from "./useLocale.js";
 export const useResizable = (key, options = {}, { collapsed = ref(false) } = {}) => {
   const el = ref(null);
   const opts = computed(() => ({
-    id: "",
     side: "left",
     minSize: 0,
     maxSize: 100,
@@ -21,9 +15,9 @@ export const useResizable = (key, options = {}, { collapsed = ref(false) } = {})
     collapsedSize: 0,
     resizable: true,
     unit: "%",
-    storageKey: "dashboard",
     ...isRef(options) ? options.value : options
   }));
+  const { dir } = useLocale();
   const defaultStorageValue = {
     size: opts.value.defaultSize,
     collapsed: unref(collapsed) ?? false
@@ -32,7 +26,9 @@ export const useResizable = (key, options = {}, { collapsed = ref(false) } = {})
   const isCollapsed = computed({
     get: () => storageData.value.collapsed,
     set: (value) => {
-      if (!opts.value.collapsible) return;
+      if (!opts.value.collapsible) {
+        return;
+      }
       if (isRef(collapsed)) {
         collapsed.value = value;
       }
@@ -46,27 +42,29 @@ export const useResizable = (key, options = {}, { collapsed = ref(false) } = {})
       storageData.value.size = value;
     }
   });
-  const currentSize = computed(
-    () => isCollapsed.value ? opts.value.collapsedSize : size.value
-  );
+  const currentSize = computed(() => isCollapsed.value ? opts.value.collapsedSize : size.value);
   const isDragging = ref(false);
   const onMouseMove = (e, initialPos, initialSize) => {
-    if (!el.value || !opts.value.resizable) return;
+    if (!el.value || !opts.value.resizable) {
+      return;
+    }
     const parentSize = el.value.parentElement?.offsetWidth || 1;
-    const delta = opts.value.side === "left" ? e.clientX - initialPos : initialPos - e.clientX;
+    const isRtl = dir.value === "rtl";
+    let delta;
+    if (isRtl) {
+      delta = opts.value.side === "left" ? initialPos - e.clientX : e.clientX - initialPos;
+    } else {
+      delta = opts.value.side === "left" ? e.clientX - initialPos : initialPos - e.clientX;
+    }
     const newSize = initialSize + delta;
     let newValue;
-    switch (opts.value.unit) {
-      case "rem": {
-        const rootFontSize = Number.parseFloat(getComputedStyle(document.documentElement).fontSize);
-        newValue = newSize / rootFontSize;
-        break;
-      }
-      case "px":
-        newValue = newSize;
-        break;
-      default:
-        newValue = newSize / parentSize * 100;
+    if (opts.value.unit === "rem") {
+      const rootFontSize = Number.parseFloat(getComputedStyle(document.documentElement).fontSize);
+      newValue = newSize / rootFontSize;
+    } else if (opts.value.unit === "px") {
+      newValue = newSize;
+    } else {
+      newValue = newSize / parentSize * 100;
     }
     if (opts.value.collapsible && newValue < opts.value.collapsedSize + 4) {
       collapse(true);
@@ -77,15 +75,21 @@ export const useResizable = (key, options = {}, { collapsed = ref(false) } = {})
     size.value = Math.min(opts.value.maxSize, Math.max(opts.value.minSize, newValue));
   };
   const onMouseDown = (e) => {
-    if (!el.value || !opts.value.resizable) return;
+    if (!el.value || !opts.value.resizable) {
+      return;
+    }
     e.preventDefault();
     e.stopPropagation();
     const elWidth = el.value.getBoundingClientRect().width;
-    if (!elWidth) return;
+    if (!elWidth) {
+      return;
+    }
     const initialX = e.clientX;
     const initialWidth = elWidth;
     isDragging.value = true;
-    const handleMouseMove = (e2) => onMouseMove(e2, initialX, initialWidth);
+    const handleMouseMove = (e2) => {
+      onMouseMove(e2, initialX, initialWidth);
+    };
     const handleMouseUp = () => {
       isDragging.value = false;
       document.removeEventListener("mousemove", handleMouseMove);
@@ -95,22 +99,26 @@ export const useResizable = (key, options = {}, { collapsed = ref(false) } = {})
     document.addEventListener("mouseup", handleMouseUp);
   };
   const onTouchMove = (e, initialPos, initialSize) => {
-    if (!el.value || !opts.value.resizable || !e.touches[0]) return;
+    if (!el.value || !opts.value.resizable || !e.touches[0]) {
+      return;
+    }
     const parentSize = el.value.parentElement?.offsetWidth || 1;
-    const delta = opts.value.side === "left" ? e.touches[0].clientX - initialPos : initialPos - e.touches[0].clientX;
+    const isRtl = dir.value === "rtl";
+    let delta;
+    if (isRtl) {
+      delta = opts.value.side === "left" ? initialPos - e.touches[0].clientX : e.touches[0].clientX - initialPos;
+    } else {
+      delta = opts.value.side === "left" ? e.touches[0].clientX - initialPos : initialPos - e.touches[0].clientX;
+    }
     const newSize = initialSize + delta;
     let newValue;
-    switch (opts.value.unit) {
-      case "rem": {
-        const rootFontSize = Number.parseFloat(getComputedStyle(document.documentElement).fontSize);
-        newValue = newSize / rootFontSize;
-        break;
-      }
-      case "px":
-        newValue = newSize;
-        break;
-      default:
-        newValue = newSize / parentSize * 100;
+    if (opts.value.unit === "rem") {
+      const rootFontSize = Number.parseFloat(getComputedStyle(document.documentElement).fontSize);
+      newValue = newSize / rootFontSize;
+    } else if (opts.value.unit === "px") {
+      newValue = newSize;
+    } else {
+      newValue = newSize / parentSize * 100;
     }
     if (opts.value.collapsible && newValue < opts.value.collapsedSize + 4) {
       collapse(true);
@@ -121,15 +129,21 @@ export const useResizable = (key, options = {}, { collapsed = ref(false) } = {})
     size.value = Math.min(opts.value.maxSize, Math.max(opts.value.minSize, newValue));
   };
   const onTouchStart = (e) => {
-    if (!el.value || !opts.value.resizable || !e.touches[0]) return;
+    if (!el.value || !opts.value.resizable || !e.touches[0]) {
+      return;
+    }
     e.preventDefault();
     e.stopPropagation();
     const elWidth = el.value.getBoundingClientRect().width;
-    if (!elWidth) return;
+    if (!elWidth) {
+      return;
+    }
     const initialX = e.touches[0].clientX;
     const initialWidth = elWidth;
     isDragging.value = true;
-    const handleTouchMove = (e2) => onTouchMove(e2, initialX, initialWidth);
+    const handleTouchMove = (e2) => {
+      onTouchMove(e2, initialX, initialWidth);
+    };
     const handleTouchEnd = () => {
       isDragging.value = false;
       document.removeEventListener("touchmove", handleTouchMove);
@@ -140,8 +154,21 @@ export const useResizable = (key, options = {}, { collapsed = ref(false) } = {})
     document.addEventListener("touchend", handleTouchEnd);
     document.addEventListener("touchcancel", handleTouchEnd);
   };
+  const onDoubleClick = (e) => {
+    if (!el.value || !opts.value.resizable) {
+      return;
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    if (isCollapsed.value) {
+      collapse(false);
+    }
+    size.value = opts.value.defaultSize;
+  };
   const collapse = (value) => {
-    if (!opts.value.collapsible) return;
+    if (!opts.value.collapsible) {
+      return;
+    }
     const newCollapsed = value ?? !isCollapsed.value;
     if (newCollapsed && !isCollapsed.value) {
       previousSize.value = size.value;
@@ -155,7 +182,9 @@ export const useResizable = (key, options = {}, { collapsed = ref(false) } = {})
   }
   if (isRef(collapsed)) {
     watch(collapsed, (value) => {
-      if (!opts.value.collapsible) return;
+      if (!opts.value.collapsible) {
+        return;
+      }
       if (storageData.value.collapsed !== value) {
         storageData.value.collapsed = value;
       }
@@ -168,6 +197,7 @@ export const useResizable = (key, options = {}, { collapsed = ref(false) } = {})
     isCollapsed,
     onMouseDown,
     onTouchStart,
+    onDoubleClick,
     collapse
   };
 };

package/dist/runtime/composables/useScrollspy.d.ts

@@ -1,6 +1,5 @@
-import type { Ref } from 'vue';
 export declare function useScrollspy(): {
-    visibleHeadings: Ref<string[]>;
-    activeHeadings: Ref<string[]>;
+    visibleHeadings: import("vue").Ref<string[], string[]>;
+    activeHeadings: import("vue").Ref<string[], string[]>;
     updateHeadings: (headings: Element[]) => void;
 };

package/dist/runtime/composables/useScrollspy.js

@@ -1,16 +1,16 @@
 import { ref, watch, onBeforeMount, onBeforeUnmount } from "vue";
 export function useScrollspy() {
-  const observer = ref(null);
+  const observer = ref();
   const visibleHeadings = ref([]);
   const activeHeadings = ref([]);
   function observerCallback(entries) {
     entries.forEach((entry) => {
       const id = entry.target.id;
-      if (!id) return;
+      if (!id) {
+        return;
+      }
       if (entry.isIntersecting) {
-        if (!visibleHeadings.value.includes(id)) {
-          visibleHeadings.value = [...visibleHeadings.value, id];
-        }
+        visibleHeadings.value = [...visibleHeadings.value, id];
       } else {
         visibleHeadings.value = visibleHeadings.value.filter((h) => h !== id);
       }
@@ -18,18 +18,21 @@ export function useScrollspy() {
   }
   function updateHeadings(headings) {
     headings.forEach((heading) => {
-      observer.value?.observe(heading);
+      if (!observer.value) {
+        return;
+      }
+      observer.value.observe(heading);
     });
   }
   watch(visibleHeadings, (val, oldVal) => {
-    activeHeadings.value = val.length === 0 ? oldVal : val;
-  });
-  onBeforeMount(() => {
-    observer.value = new IntersectionObserver(observerCallback);
-  });
-  onBeforeUnmount(() => {
-    observer.value?.disconnect();
+    if (val.length === 0) {
+      activeHeadings.value = oldVal;
+    } else {
+      activeHeadings.value = val;
+    }
   });
+  onBeforeMount(() => observer.value = new IntersectionObserver(observerCallback));
+  onBeforeUnmount(() => observer.value?.disconnect());
   return {
     visibleHeadings,
     activeHeadings,

package/dist/runtime/index.css

@@ -1 +1 @@
-@import "#build/ui.css";@import "./keyframes.css";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{body{@apply antialiased text-default bg-default scheme-light dark:scheme-dark}.light,:root{--ui-text-dimmed:var(--ui-color-neutral-400);--ui-text-muted:var(--ui-color-neutral-500);--ui-text-toned:var(--ui-color-neutral-600);--ui-text:var(--ui-color-neutral-700);--ui-text-highlighted:var(--ui-color-neutral-900);--ui-text-inverted:var(--color-white);--ui-bg:var(--color-white);--ui-bg-muted:var(--ui-color-neutral-50);--ui-bg-elevated:var(--ui-color-neutral-100);--ui-bg-accented:var(--ui-color-neutral-200);--ui-bg-inverted:var(--ui-color-neutral-900);--ui-border:var(--ui-color-neutral-200);--ui-border-muted:var(--ui-color-neutral-200);--ui-border-accented:var(--ui-color-neutral-300);--ui-border-inverted:var(--ui-color-neutral-900);--ui-radius:0.25rem;--ui-container:var(--container-7xl)}.dark{--ui-text-dimmed:var(--ui-color-neutral-500);--ui-text-muted:var(--ui-color-neutral-400);--ui-text-toned:var(--ui-color-neutral-300);--ui-text:var(--ui-color-neutral-200);--ui-text-highlighted:var(--color-white);--ui-text-inverted:var(--ui-color-neutral-900);--ui-bg:var(--ui-color-neutral-900);--ui-bg-muted:var(--ui-color-neutral-800);--ui-bg-elevated:var(--ui-color-neutral-800);--ui-bg-accented:var(--ui-color-neutral-700);--ui-bg-inverted:var(--color-white);--ui-border:var(--ui-color-neutral-800);--ui-border-muted:var(--ui-color-neutral-700);--ui-border-accented:var(--ui-color-neutral-700);--ui-border-inverted:var(--color-white)}}
+@import "#build/ui.css";@import "./keyframes.css";@source "./components";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{body{@apply antialiased text-default bg-default scheme-light dark:scheme-dark}:root{--ui-header-height:--spacing(16)}.light,:root{--ui-text-dimmed:var(--ui-color-neutral-400);--ui-text-muted:var(--ui-color-neutral-500);--ui-text-toned:var(--ui-color-neutral-600);--ui-text:var(--ui-color-neutral-700);--ui-text-highlighted:var(--ui-color-neutral-900);--ui-text-inverted:var(--color-white);--ui-bg:var(--color-white);--ui-bg-muted:var(--ui-color-neutral-50);--ui-bg-elevated:var(--ui-color-neutral-100);--ui-bg-accented:var(--ui-color-neutral-200);--ui-bg-inverted:var(--ui-color-neutral-900);--ui-border:var(--ui-color-neutral-200);--ui-border-muted:var(--ui-color-neutral-200);--ui-border-accented:var(--ui-color-neutral-300);--ui-border-inverted:var(--ui-color-neutral-900);--ui-radius:0.25rem;--ui-container:var(--container-7xl)}.dark{--ui-text-dimmed:var(--ui-color-neutral-500);--ui-text-muted:var(--ui-color-neutral-400);--ui-text-toned:var(--ui-color-neutral-300);--ui-text:var(--ui-color-neutral-200);--ui-text-highlighted:var(--color-white);--ui-text-inverted:var(--ui-color-neutral-900);--ui-bg:var(--ui-color-neutral-900);--ui-bg-muted:var(--ui-color-neutral-800);--ui-bg-elevated:var(--ui-color-neutral-800);--ui-bg-accented:var(--ui-color-neutral-700);--ui-bg-inverted:var(--color-white);--ui-border:var(--ui-color-neutral-800);--ui-border-muted:var(--ui-color-neutral-700);--ui-border-accented:var(--ui-color-neutral-700);--ui-border-inverted:var(--color-white)}}

package/dist/runtime/inertia/components/Link.d.vue.ts

@@ -0,0 +1,63 @@
+import type { ButtonHTMLAttributes } from 'vue';
+import type { InertiaLinkProps } from '@inertiajs/vue3';
+interface NuxtLinkProps extends Omit<InertiaLinkProps, 'href' | 'onClick'> {
+    activeClass?: string;
+    /**
+     * Route Location the link should navigate to when clicked on.
+     */
+    to?: string;
+    /**
+     * An alias for `to`. If used with `to`, `href` will be ignored
+     */
+    href?: NuxtLinkProps['to'];
+    /**
+     * Forces the link to be considered as external (true) or internal (false). This is helpful to handle edge-cases
+     */
+    external?: boolean;
+    /**
+     * Where to display the linked URL, as the name for a browsing context.
+     */
+    target?: '_blank' | '_parent' | '_self' | '_top' | (string & {}) | null;
+    ariaCurrentValue?: string;
+}
+export interface LinkProps extends NuxtLinkProps {
+    /**
+     * The element or component this component should render as when not a link.
+     * @defaultValue 'button'
+     */
+    as?: any;
+    /**
+     * The type of the button when not a link.
+     * @defaultValue 'button'
+     */
+    type?: ButtonHTMLAttributes['type'];
+    disabled?: boolean;
+    /** Force the link to be active independent of the current route. */
+    active?: boolean;
+    /** Will only be active if the current route is an exact match. */
+    exact?: boolean;
+    /** The class to apply when the link is inactive. */
+    inactiveClass?: string;
+    custom?: boolean;
+    /** When `true`, only styles from `class`, `activeClass`, and `inactiveClass` will be applied. */
+    raw?: boolean;
+    class?: any;
+}
+export interface LinkSlots {
+    default(props: {
+        active: boolean;
+    }): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    type: "reset" | "submit" | "button";
+    as: any;
+    activeClass: string;
+    active: boolean;
+    inactiveClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/inertia/components/Link.vue

@@ -67,6 +67,9 @@ const ui = computed(() => tv({
 }));
 const href = computed(() => props.to ?? props.href);
 const isExternal = computed(() => {
+  if (props.target === "_blank") {
+    return true;
+  }
   if (props.external) {
     return true;
   }

package/dist/runtime/inertia/components/Link.vue.d.ts

@@ -48,7 +48,7 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
     type: "reset" | "submit" | "button";
     as: any;
     activeClass: string;

package/dist/runtime/inertia/components/LinkBase.d.vue.ts

@@ -0,0 +1,25 @@
+import type { LinkProps } from '../../types';
+export interface LinkBaseProps {
+    as?: string;
+    type?: string;
+    disabled?: boolean;
+    onClick?: ((e: MouseEvent) => void | Promise<void>) | Array<((e: MouseEvent) => void | Promise<void>)>;
+    href?: string;
+    target?: LinkProps['target'];
+    active?: boolean;
+    isExternal?: boolean;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
+    type: string;
+    as: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/inertia/components/LinkBase.vue.d.ts

@@ -9,7 +9,7 @@ export interface LinkBaseProps {
     active?: boolean;
     isExternal?: boolean;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
     type: string;
     as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/runtime/inertia/stubs.d.ts

@@ -15,7 +15,7 @@ export declare const useColorMode: () => {
     preference?: undefined;
     readonly value?: undefined;
 } | {
-    preference: "system" | "light" | "dark";
+    preference: "dark" | "light" | "system";
     readonly value: import("@vueuse/core").BasicColorMode;
     forced: boolean;
 };

package/dist/runtime/locale/ar.js

@@ -4,54 +4,127 @@ export default defineLocale({
   code: "ar",
   dir: "rtl",
   messages: {
-    inputMenu: {
-      noMatch: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0646\u062A\u0627\u0626\u062C \u0645\u0637\u0627\u0628\u0642\u0629",
-      noData: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A",
-      create: '\u0625\u0646\u0634\u0627\u0621 "{label}"'
+    alert: {
+      close: "\u0625\u063A\u0644\u0627\u0642"
+    },
+    authForm: {
+      hidePassword: "\u0625\u062E\u0641\u0627\u0621 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631",
+      showPassword: "\u0625\u0638\u0647\u0627\u0631 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631",
+      submit: "\u0645\u062A\u0627\u0628\u0639\u0629"
+    },
+    banner: {
+      close: "\u0625\u063A\u0644\u0627\u0642"
     },
     calendar: {
-      prevYear: "\u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629",
+      nextMonth: "\u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0645\u0642\u0628\u0644",
       nextYear: "\u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0645\u0642\u0628\u0644\u0629",
       prevMonth: "\u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0633\u0627\u0628\u0642",
-      nextMonth: "\u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0645\u0642\u0628\u0644"
+      prevYear: "\u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629"
     },
-    inputNumber: {
-      increment: "\u0632\u064A\u0627\u062F\u0629",
-      decrement: "\u062A\u0642\u0644\u064A\u0644"
+    carousel: {
+      dots: "\u0627\u062E\u062A\u0631 \u0627\u0644\u0634\u0631\u064A\u062D\u0629 \u0627\u0644\u0645\u0631\u0627\u062F \u0639\u0631\u0636\u0647\u0627",
+      goto: "\u0627\u0644\u0630\u0647\u0627\u0628 \u0625\u0644\u0649 \u0634\u0631\u064A\u062D\u0629 {slide}",
+      next: "\u0627\u0644\u062A\u0627\u0644\u064A",
+      prev: "\u0627\u0644\u0633\u0627\u0628\u0642"
+    },
+    chatPrompt: {
+      placeholder: "\u0627\u0643\u062A\u0628 \u0631\u0633\u0627\u0644\u062A\u0643 \u0647\u0646\u0627..."
+    },
+    chatPromptSubmit: {
+      label: "\u0625\u0631\u0633\u0627\u0644"
+    },
+    colorMode: {
+      dark: "\u062F\u0627\u0643\u0646",
+      light: "\u0641\u0627\u062A\u062D",
+      switchToDark: "\u0627\u0644\u062A\u0628\u062F\u064A\u0644 \u0625\u0644\u0649 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062F\u0627\u0643\u0646",
+      switchToLight: "\u0627\u0644\u062A\u0628\u062F\u064A\u0644 \u0625\u0644\u0649 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0641\u0627\u062A\u062D",
+      system: "\u0627\u0644\u0646\u0638\u0627\u0645"
     },
     commandPalette: {
-      placeholder: "\u0627\u0643\u062A\u0628 \u0623\u0645\u0631\u064B\u0627 \u0623\u0648 \u0627\u0628\u062D\u062B...",
-      noMatch: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0646\u062A\u0627\u0626\u062C \u0645\u0637\u0627\u0628\u0642\u0629",
-      noData: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A",
+      back: "\u0631\u062C\u0648\u0639",
       close: "\u0625\u063A\u0644\u0627\u0642",
-      back: "\u0631\u062C\u0648\u0639"
-    },
-    selectMenu: {
-      noMatch: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0646\u062A\u0627\u0626\u062C \u0645\u0637\u0627\u0628\u0642\u0629",
       noData: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A",
-      create: '\u0625\u0646\u0634\u0627\u0621 "{label}"',
-      search: "\u0628\u062D\u062B..."
+      noMatch: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0646\u062A\u0627\u0626\u062C \u0645\u0637\u0627\u0628\u0642\u0629",
+      placeholder: "\u0627\u0643\u062A\u0628 \u0623\u0645\u0631\u064B\u0627 \u0623\u0648 \u0627\u0628\u062D\u062B..."
     },
-    toast: {
-      close: "\u0625\u063A\u0644\u0627\u0642"
+    contentSearch: {
+      links: "\u0627\u0644\u0631\u0648\u0627\u0628\u0637",
+      theme: "\u0627\u0644\u0633\u0645\u0629"
     },
-    carousel: {
-      prev: "\u0627\u0644\u0633\u0627\u0628\u0642",
-      next: "\u0627\u0644\u062A\u0627\u0644\u064A",
-      dots: "\u0627\u062E\u062A\u0631 \u0627\u0644\u0634\u0631\u064A\u062D\u0629 \u0627\u0644\u0645\u0631\u0627\u062F \u0639\u0631\u0636\u0647\u0627",
-      goto: "\u0627\u0644\u0630\u0647\u0627\u0628 \u0625\u0644\u0649 \u0634\u0631\u064A\u062D\u0629 {slide}"
+    contentSearchButton: {
+      label: "\u0628\u062D\u062B..."
+    },
+    contentToc: {
+      title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629"
+    },
+    dashboardSearch: {
+      theme: "\u0627\u0644\u0633\u0645\u0629"
+    },
+    dashboardSearchButton: {
+      label: "\u0628\u062D\u062B..."
+    },
+    dashboardSidebarCollapse: {
+      collapse: "\u0637\u064A \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A",
+      expand: "\u062A\u0648\u0633\u064A\u0639 \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A"
+    },
+    dashboardSidebarToggle: {
+      close: "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A",
+      open: "\u0641\u062A\u062D \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A"
+    },
+    error: {
+      clear: "\u0627\u0644\u0639\u0648\u062F\u0629 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u0631\u0626\u064A\u0633\u064A\u0629"
+    },
+    fileUpload: {
+      removeFile: "\u0625\u0632\u0627\u0644\u0629 {filename}"
+    },
+    header: {
+      close: "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629",
+      open: "\u0641\u062A\u062D \u0627\u0644\u0642\u0627\u0626\u0645\u0629"
+    },
+    inputMenu: {
+      create: '\u0625\u0646\u0634\u0627\u0621 "{label}"',
+      noData: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A",
+      noMatch: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0646\u062A\u0627\u0626\u062C \u0645\u0637\u0627\u0628\u0642\u0629"
+    },
+    inputNumber: {
+      decrement: "\u062A\u0642\u0644\u064A\u0644",
+      increment: "\u0632\u064A\u0627\u062F\u0629"
     },
     modal: {
       close: "\u0625\u063A\u0644\u0627\u0642"
     },
-    slideover: {
-      close: "\u0625\u063A\u0644\u0627\u0642"
+    pricingTable: {
+      caption: "\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062E\u0637\u0637 \u0627\u0644\u0633\u0639\u0631\u064A\u0629"
     },
-    alert: {
+    prose: {
+      codeCollapse: {
+        closeText: "\u0637\u064A",
+        name: "\u0643\u0648\u062F",
+        openText: "\u062A\u0648\u0633\u064A\u0639"
+      },
+      collapsible: {
+        closeText: "\u0625\u062E\u0641\u0627\u0621",
+        name: "\u062E\u0635\u0627\u0626\u0635",
+        openText: "\u0625\u0638\u0647\u0627\u0631"
+      },
+      pre: {
+        copy: "\u0646\u0633\u062E \u0627\u0644\u0643\u0648\u062F \u0625\u0644\u0649 \u0627\u0644\u062D\u0627\u0641\u0638\u0629"
+      }
+    },
+    selectMenu: {
+      create: '\u0625\u0646\u0634\u0627\u0621 "{label}"',
+      noData: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A",
+      noMatch: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0646\u062A\u0627\u0626\u062C \u0645\u0637\u0627\u0628\u0642\u0629",
+      search: "\u0628\u062D\u062B..."
+    },
+    slideover: {
       close: "\u0625\u063A\u0644\u0627\u0642"
     },
     table: {
       noData: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A"
+    },
+    toast: {
+      close: "\u0625\u063A\u0644\u0627\u0642"
     }
   }
 });