@namuna-nur/ui-kit 1.3.4 → 1.4.1

package/lib/shared/TabDots.tokens.js

@@ -92,8 +92,8 @@ var Rt = G, Nt = "ToastProvider", [je, jt, At] = et("Toast"), [Ae, jr] = Ce("Toa
               (C = i.current) == null || C.focus();
               return;
             }
-            const _ = f({ tabbingDirection: O ? "backwards" : "forwards" }), $ = _.findIndex((v) => v === F);
-            te(_.slice($ + 1)) ? h.preventDefault() : O ? (N = i.current) == null || N.focus() : (A = p.current) == null || A.focus();
+            const _ = f({ tabbingDirection: O ? "backwards" : "forwards" }), H = _.findIndex((v) => v === F);
+            te(_.slice(H + 1)) ? h.preventDefault() : O ? (N = i.current) == null || N.focus() : (A = p.current) == null || A.focus();
           }
         };
         return d.addEventListener("keydown", b), () => d.removeEventListener("keydown", b);
@@ -238,16 +238,16 @@ var [Lt, It] = Ae(Y, {
     }, [f.viewport, C, u, i, _]), n.useEffect(() => {
       c && !f.isClosePausedRef.current && _(C);
     }, [c, C, f.isClosePausedRef, _]), n.useEffect(() => (O(), () => Z()), [O, Z]);
-    const $ = n.useMemo(() => d ? He(d) : null, [d]);
+    const H = n.useMemo(() => d ? $e(d) : null, [d]);
     return f.viewport ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      $ && /* @__PURE__ */ s.jsx(
+      H && /* @__PURE__ */ s.jsx(
         Mt,
         {
           __scopeToast: t,
           role: "status",
           "aria-live": o === "foreground" ? "assertive" : "polite",
           "aria-atomic": !0,
-          children: $
+          children: H
         }
       ),
       /* @__PURE__ */ s.jsx(Lt, { scope: t, onClose: L, children: ht.createPortal(
@@ -313,7 +313,7 @@ var [Lt, It] = Ae(Y, {
   }
 ), Mt = (e) => {
   const { __scopeToast: r, children: t, ...o } = e, a = X(Y, r), [c, l] = n.useState(!1), [m, u] = n.useState(!1);
-  return $t(() => l(!0)), n.useEffect(() => {
+  return Ht(() => l(!0)), n.useEffect(() => {
     const i = window.setTimeout(() => u(!0), 1e3);
     return () => window.clearTimeout(i);
   }, []), m ? null : /* @__PURE__ */ s.jsx(Re, { asChild: !0, children: /* @__PURE__ */ s.jsx(G, { ...o, children: c && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
@@ -328,13 +328,13 @@ var [Lt, It] = Ae(Y, {
   }
 );
 Oe.displayName = Vt;
-var Ht = "ToastDescription", Le = n.forwardRef(
+var $t = "ToastDescription", Le = n.forwardRef(
   (e, r) => {
     const { __scopeToast: t, ...o } = e;
     return /* @__PURE__ */ s.jsx(S.div, { ...o, ref: r });
   }
 );
-Le.displayName = Ht;
+Le.displayName = $t;
 var Ie = "ToastAction", Fe = n.forwardRef(
   (e, r) => {
     const { altText: t, ...o } = e;
@@ -371,7 +371,7 @@ var Ve = n.forwardRef((e, r) => {
     }
   );
 });
-function He(e) {
+function $e(e) {
   const r = [];
   return Array.from(e.childNodes).forEach((o) => {
     if (o.nodeType === o.TEXT_NODE && o.textContent && r.push(o.textContent), Kt(o)) {
@@ -381,7 +381,7 @@ function He(e) {
           const l = o.dataset.radixToastAnnounceAlt;
           l && r.push(l);
         } else
-          r.push(...He(o));
+          r.push(...$e(o));
     }
   }), r;
 }
@@ -393,7 +393,7 @@ var ge = (e, r, t = 0) => {
   const o = Math.abs(e.x), a = Math.abs(e.y), c = o > a;
   return r === "left" || r === "right" ? c && o > t : !c && a > t;
 };
-function $t(e = () => {
+function Ht(e = () => {
 }) {
   const r = q(e);
   nt(() => {
@@ -420,7 +420,7 @@ function te(e) {
   const r = document.activeElement;
   return e.some((t) => t === r ? !0 : (t.focus(), document.activeElement !== r));
 }
-var $e = Se, Ke = De, We = Oe, ze = Le, qe = Fe, Ue = le;
+var He = Se, Ke = De, We = Oe, ze = Le, qe = Fe, Ue = le;
 const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, be = wt, zt = (e, r) => (t) => {
   var o;
   if ((r == null ? void 0 : r.variants) == null) return be(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
@@ -451,19 +451,19 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, be = wt, z
   }, []);
   return be(e, l, u, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
 }, qt = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
-  $e,
+  He,
   {
     ref: t,
     className: P(
-      "fixed top-0 z-[100] flex max-h-screen flex-col-reverse sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col min-w-64 max-w-[420px]",
+      "fixed top-0 z-[100] flex flex-col-reverse sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col m-5 max-h-screen min-w-[250px]",
       e
     ),
     ...r
   }
 ));
-qt.displayName = $e.displayName;
+qt.displayName = He.displayName;
 const Ut = zt(
-  "group pointer-events-auto rounded-[10px] relative border-l-2 flex w-full items-center justify-between space-x-2 overflow-hidden  py-3 px-5 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full dark:border-neutral-800",
+  "group pointer-events-auto rounded-[10px] relative border-l-2 flex w-full items-center justify-between space-x-2 overflow-hidden py-3 px-[15px] transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full dark:border-neutral-800",
   {
     variants: {
       variant: {
@@ -499,17 +499,17 @@ const Xt = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
   }
 ));
 Xt.displayName = qe.displayName;
-const Yt = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+const Yt = n.forwardRef(({ className: e, variant: r, ...t }, o) => /* @__PURE__ */ s.jsx(
   Ue,
   {
-    ref: t,
+    ref: o,
     className: P(
       "absolute right-3 top-2 rounded-md p-1 text-neutral-950/50 opacity-0 transition-opacity hover:text-neutral-950 focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 dark:text-neutral-50/50 dark:hover:text-neutral-50",
       e
     ),
     "toast-close": "",
-    ...r,
-    children: /* @__PURE__ */ s.jsx(st, { className: "h-4 w-4" })
+    ...t,
+    children: /* @__PURE__ */ s.jsx(st, { className: P(`size-4 text-${r}-10`) })
   }
 ));
 Yt.displayName = Ue.displayName;
@@ -638,7 +638,7 @@ var [B, Qt] = Ce("Tooltip", [
   );
 };
 ue.displayName = Ye;
-var Q = "Tooltip", [tr, H] = B(Q), pe = (e) => {
+var Q = "Tooltip", [tr, $] = B(Q), pe = (e) => {
   const {
     __scopeTooltip: r,
     children: t,
@@ -689,7 +689,7 @@ var Q = "Tooltip", [tr, H] = B(Q), pe = (e) => {
 pe.displayName = Q;
 var ie = "TooltipTrigger", fe = n.forwardRef(
   (e, r) => {
-    const { __scopeTooltip: t, ...o } = e, a = H(ie, t), c = de(ie, t), l = J(t), m = n.useRef(null), u = U(r, m, a.onTriggerChange), i = n.useRef(!1), p = n.useRef(!1), x = n.useCallback(() => i.current = !1, []);
+    const { __scopeTooltip: t, ...o } = e, a = $(ie, t), c = de(ie, t), l = J(t), m = n.useRef(null), u = U(r, m, a.onTriggerChange), i = n.useRef(!1), p = n.useRef(!1), x = n.useCallback(() => i.current = !1, []);
     return n.useEffect(() => () => document.removeEventListener("pointerup", x), [x]), /* @__PURE__ */ s.jsx(dt, { asChild: !0, ...l, children: /* @__PURE__ */ s.jsx(
       S.button,
       {
@@ -719,17 +719,17 @@ fe.displayName = ie;
 var ve = "TooltipPortal", [rr, or] = B(ve, {
   forceMount: void 0
 }), me = (e) => {
-  const { __scopeTooltip: r, forceMount: t, children: o, container: a } = e, c = H(ve, r);
+  const { __scopeTooltip: r, forceMount: t, children: o, container: a } = e, c = $(ve, r);
   return /* @__PURE__ */ s.jsx(rr, { scope: r, forceMount: t, children: /* @__PURE__ */ s.jsx(ce, { present: t || c.open, children: /* @__PURE__ */ s.jsx(Re, { asChild: !0, container: a, children: o }) }) });
 };
 me.displayName = ve;
 var I = "TooltipContent", xe = n.forwardRef(
   (e, r) => {
-    const t = or(I, e.__scopeTooltip), { forceMount: o = t.forceMount, side: a = "top", ...c } = e, l = H(I, e.__scopeTooltip);
+    const t = or(I, e.__scopeTooltip), { forceMount: o = t.forceMount, side: a = "top", ...c } = e, l = $(I, e.__scopeTooltip);
     return /* @__PURE__ */ s.jsx(ce, { present: o || l.open, children: l.disableHoverableContent ? /* @__PURE__ */ s.jsx(Be, { side: a, ...c, ref: r }) : /* @__PURE__ */ s.jsx(nr, { side: a, ...c, ref: r }) });
   }
 ), nr = n.forwardRef((e, r) => {
-  const t = H(I, e.__scopeTooltip), o = de(I, e.__scopeTooltip), a = n.useRef(null), c = U(r, a), [l, m] = n.useState(null), { trigger: u, onClose: i } = t, p = a.current, { onPointerInTransitChange: x } = o, g = n.useCallback(() => {
+  const t = $(I, e.__scopeTooltip), o = de(I, e.__scopeTooltip), a = n.useRef(null), c = U(r, a), [l, m] = n.useState(null), { trigger: u, onClose: i } = t, p = a.current, { onPointerInTransitChange: x } = o, g = n.useCallback(() => {
     m(null), x(!1);
   }, [x]), w = n.useCallback(
     (y, f) => {
@@ -763,7 +763,7 @@ var I = "TooltipContent", xe = n.forwardRef(
       onEscapeKeyDown: c,
       onPointerDownOutside: l,
       ...m
-    } = e, u = H(I, t), i = J(t), { onClose: p } = u;
+    } = e, u = $(I, t), i = J(t), { onClose: p } = u;
     return n.useEffect(() => (document.addEventListener(ae, p), () => document.removeEventListener(ae, p)), [p]), n.useEffect(() => {
       if (u.trigger) {
         const x = (g) => {

package/lib/src/{atoms/Notification → _shared}/Notification.utils.d.ts

@@ -9,7 +9,9 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<Omit<ToastPrimitives.T
     withIcon?: boolean;
 } & React.RefAttributes<HTMLLIElement>>;
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "success" | "danger" | "info" | "default" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;

package/lib/src/_shared/index.d.ts

@@ -3,3 +3,4 @@ export * from './Popover.utils';
 export * from './Dropdown.utils';
 export * from './Tab.utils';
 export * from './Modal.utils';
+export * from './Notification.utils';

package/lib/src/atoms/Notification/index.d.ts

@@ -1,3 +1,2 @@
 export { Notification } from './Notification';
 export type * from './Notification.types';
-export type { ToastProps, ToastActionElement } from './Notification.utils.tsx';

package/lib/src/hooks/use-toast.types.d.ts

@@ -1,4 +1,4 @@
-import { ToastActionElement, ToastProps } from '../atoms/Notification/Notification.utils';
+import { ToastActionElement, ToastProps } from '../_shared';
 export declare const TOAST_LIMIT = 1;
 export declare const TOAST_REMOVE_DELAY = 1000000;
 export type ToastNotification = ToastProps & {

package/lib/src/molecules/ChatSidebar/ChatSidebar.data.d.ts

@@ -1,4 +1,4 @@
-import { OptionsProps } from '../../_shared/types';
 import { SidebarTabItem } from '..';
+import { OptionsProps } from '../../types';
 export declare const CHATSIDEBAR_TABLIST: SidebarTabItem[];
 export declare const POPOVER_OPTIONS: OptionsProps[];

package/lib/src/molecules/ChatSidebar/ChatSidebar.stories.d.ts

@@ -5,7 +5,7 @@ export declare const Default: {
     render: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ChatSidebarProps>;
     args: {
         tabs: import('..').SidebarTabItem[];
-        popoverOptions: import('../../_shared/types').OptionsProps[];
+        popoverOptions: import('../../types').OptionsProps[];
         actions: ({
             id: string;
             icon: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {

package/lib/src/molecules/ChatSidebar/ChatSidebar.types.d.ts

@@ -1,5 +1,5 @@
-import { OptionsProps } from '../../_shared/types';
 import { ChatButtonItem } from '..';
+import { OptionsProps } from '../../types';
 export type SidebarTabItem = ChatButtonItem & {
     id: number;
 };

package/lib/src/molecules/DatePicker/DatePicker.tokens.d.ts

@@ -1,4 +1,4 @@
-export declare const datePickerClasses: {
+export declare const datePickerTokens: {
     base: string;
     container: string;
     inputContainer: string;

package/lib/src/molecules/DatePicker/DatePicker.utils.d.ts

@@ -0,0 +1,15 @@
+declare const formatDate: (date: Date) => string;
+declare const getDaysInMonth: (date: Date) => {
+    date: Date;
+    isCurrentMonth: boolean;
+}[];
+declare const isToday: (date: Date) => boolean;
+declare const isWeekend: (date: Date) => boolean;
+declare const isSelected: (date: Date, value: Date | undefined) => boolean | undefined;
+declare const yearOptions: {
+    label: string;
+    value: string;
+}[];
+declare const weekDays: string[];
+declare const monthNames: string[];
+export { formatDate, getDaysInMonth, isToday, isWeekend, isSelected, yearOptions, weekDays, monthNames, };

package/lib/src/molecules/FloorItem/FloorItem.d.ts

@@ -0,0 +1,2 @@
+import { FloorItemProps } from '..';
+export declare const FloorItem: ({ floorId, floorName, selectedFloorId, onSelect, onEdit: EditModal, onDelete: DeleteModal, setOpenStatusModal, setOpenEditModal, }: FloorItemProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/FloorItem/FloorItem.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-vite';
+import { FloorItem, FloorItemStory } from '..';
+declare const meta: Meta<typeof FloorItem>;
+export declare const Default: FloorItemStory;
+export default meta;

package/lib/src/molecules/FloorItem/FloorItem.tests.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/FloorItem/FloorItem.tokens.d.ts

@@ -0,0 +1,4 @@
+export declare const floorItemTokens: {
+    select: string;
+    floor: string;
+};

package/lib/src/molecules/FloorItem/FloorItem.types.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { FloorItem, LangValue } from '..';
+export type FloorItemStory = StoryObj<typeof FloorItem>;
+export type FloorItemProps = {
+    floorId: string;
+    floorName: LangValue;
+    selectedFloorId: string;
+    onSelect: (e: React.MouseEvent, floorId: string) => void;
+    onEdit: () => React.ReactNode;
+    onDelete: () => React.ReactNode;
+    setOpenEditModal: (value: boolean) => void;
+    setOpenStatusModal: (value: boolean) => void;
+};

package/lib/src/molecules/FloorItem/index.d.ts

@@ -0,0 +1,3 @@
+export { FloorItem } from './FloorItem';
+export type * from './FloorItem.types';
+export * from './FloorItem.tokens';

package/lib/src/molecules/FloorSelect/FloorSelect.d.ts

@@ -0,0 +1,2 @@
+import { FloorSelectProps } from '..';
+export declare const FloorSelect: ({ options, value, placeholder, onChange, floorModal, statusModal, onFloorDelete, }: FloorSelectProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/FloorSelect/FloorSelect.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-vite';
+import { FloorSelect, FloorSelectStory } from '..';
+declare const meta: Meta<typeof FloorSelect>;
+export declare const Default: FloorSelectStory;
+export default meta;

package/lib/src/molecules/FloorSelect/FloorSelect.tests.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/FloorSelect/FloorSelect.tokens.d.ts

@@ -0,0 +1,7 @@
+export declare const floorSelectTokens: {
+    icon: string;
+    trigger: string;
+    focus: string;
+    hover: string;
+    content: string;
+};

package/lib/src/molecules/FloorSelect/FloorSelect.types.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+import { FloorSelect } from '..';
+export type FloorSelectStory = StoryObj<typeof FloorSelect>;
+export type LangValue = {
+    uz: string;
+    ru: string;
+    en: string;
+};
+export type FloorOptions = {
+    id: string;
+    section_id?: string;
+    name: LangValue;
+    created_at?: Date;
+    updated_at?: Date;
+};
+export type FloorSelectProps = {
+    options: FloorOptions[] | undefined;
+    onChange: (value: string) => void;
+    value: string;
+    placeholder?: string;
+    onFloorDelete: (floorId: string) => void;
+    floorModal: (isOpen: boolean, onClose: () => void, mode: string, id?: string, name?: LangValue) => React.ReactNode;
+    statusModal: (isOpen: boolean, onClose: () => void, onSubmit: () => void) => React.ReactNode;
+};

package/lib/src/molecules/FloorSelect/index.d.ts

@@ -0,0 +1,3 @@
+export { FloorSelect } from './FloorSelect';
+export type * from './FloorSelect.types';
+export * from './FloorSelect.tokens';

package/lib/src/molecules/SelectGroup/SelectGroup.types.d.ts

@@ -1,5 +1,5 @@
-import { OptionsProps } from '../../_shared/types';
 import { SelectProps } from '../../atoms';
+import { OptionsProps } from '../../types';
 export type SelectGroupClassNames = {
     label?: string;
     container?: string;

package/lib/src/molecules/index.d.ts

@@ -48,3 +48,5 @@ export * from './ChatMessage';
 export * from './DeleteMessage';
 export * from './MessageSettings';
 export * from './TabList';
+export * from './FloorSelect';
+export * from './FloorItem';