omigar-ui 1.0.0

package/dist/index.mjs

@@ -0,0 +1,944 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/shared/ui/display/Typography/Typography.tsx
+import classnames from "classnames";
+import { forwardRef } from "react";
+
+// src/shared/ui/display/Typography/typography.module.css
+var typography_exports = {};
+__export(typography_exports, {
+  default: () => typography_default
+});
+var typography_default = {};
+
+// src/shared/ui/display/Typography/Typography.tsx
+import { jsx } from "react/jsx-runtime";
+var Typography = forwardRef(function Typography2(_a, propRef) {
+  var _b = _a, { variant = "body1", component, children, className } = _b, typographyProps = __objRest(_b, ["variant", "component", "children", "className"]);
+  let componentByVariant = "span";
+  switch (variant) {
+    case "h1":
+      componentByVariant = "h1";
+      break;
+    case "h2":
+      componentByVariant = "h2";
+      break;
+    case "h3":
+      componentByVariant = "h3";
+      break;
+    case "h4":
+      componentByVariant = "h4";
+      break;
+    case "h5":
+      componentByVariant = "h5";
+      break;
+    case "h6":
+    case "subtitle1":
+    case "subtitle2":
+      componentByVariant = "h6";
+      break;
+    case "body1":
+    case "body2":
+      componentByVariant = "p";
+      break;
+    case "button":
+    case "caption":
+    case "overline":
+    default:
+      componentByVariant = "span";
+      break;
+  }
+  const Component = component || componentByVariant;
+  return /* @__PURE__ */ jsx(
+    Component,
+    __spreadProps(__spreadValues({
+      className: classnames(typography_exports[variant], className)
+    }, typographyProps), {
+      ref: propRef,
+      children
+    })
+  );
+});
+
+// src/shared/ui/display/Popover/Popover.tsx
+import classnames3 from "classnames";
+
+// src/shared/ui/display/Popover/ui/PopoverContent/PopoverContent.tsx
+import { FloatingFocusManager, FloatingPortal, useMergeRefs } from "@floating-ui/react";
+import classnames2 from "classnames";
+import { forwardRef as forwardRef2, useContext } from "react";
+
+// src/shared/ui/display/Popover/ui/PopoverProvider/constants/PopoverContext.ts
+import { createContext } from "react";
+var PopoverContext = createContext(null);
+
+// src/shared/ui/display/Popover/ui/PopoverContent/PopoverContent.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PopoverContent = forwardRef2(function PopoverContent2(_a, propRef) {
+  var _b = _a, { style, children, className } = _b, props = __objRest(_b, ["style", "children", "className"]);
+  const context = useContext(PopoverContext);
+  if (!context) {
+    return null;
+  }
+  const _a2 = context, { context: floatingContext } = _a2, otherContext = __objRest(_a2, ["context"]);
+  const ref = useMergeRefs([otherContext.refs.setFloating, propRef]);
+  if (!floatingContext.open) return null;
+  const floatingProps = otherContext.getFloatingProps(props);
+  const _b2 = floatingProps, { className: floatingClassName } = _b2, restFloatingProps = __objRest(_b2, ["className"]);
+  const mergedClassName = classnames2(className, floatingClassName);
+  return /* @__PURE__ */ jsx2(FloatingPortal, { root: otherContext.root, children: /* @__PURE__ */ jsx2(
+    FloatingFocusManager,
+    {
+      context: floatingContext,
+      modal: otherContext.modal,
+      initialFocus: otherContext.initialFocus,
+      children: /* @__PURE__ */ jsx2(
+        "div",
+        __spreadProps(__spreadValues({
+          ref,
+          className: mergedClassName,
+          style: __spreadValues(__spreadValues({}, otherContext.floatingStyles), style)
+        }, restFloatingProps), {
+          children
+        })
+      )
+    }
+  ) });
+});
+
+// src/shared/ui/display/Popover/ui/PopoverProvider/hooks/usePopover.ts
+import {
+  autoUpdate,
+  flip,
+  offset,
+  shift,
+  useClick,
+  useDismiss,
+  useFloating,
+  useHover,
+  useInteractions,
+  useRole
+} from "@floating-ui/react";
+import { useMemo, useState } from "react";
+function usePopover(props = {}) {
+  const {
+    initialOpen = false,
+    placement = "bottom",
+    modal,
+    initialFocus,
+    root: root6,
+    open: controlledOpen,
+    onOpenChange: setControlledOpen,
+    containerOffset = 12,
+    showOnHover = false
+  } = props;
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(initialOpen);
+  const open = controlledOpen != null ? controlledOpen : uncontrolledOpen;
+  const setOpen = setControlledOpen != null ? setControlledOpen : setUncontrolledOpen;
+  const data = useFloating({
+    placement,
+    open,
+    onOpenChange: setOpen,
+    whileElementsMounted: autoUpdate,
+    middleware: [
+      offset(containerOffset),
+      flip({
+        crossAxis: placement.includes("-"),
+        fallbackAxisSideDirection: "end",
+        padding: 5
+      }),
+      shift({ padding: 5 })
+    ]
+  });
+  const { context } = data;
+  const hover = useHover(context, {
+    enabled: showOnHover && controlledOpen === void 0
+  });
+  const click = useClick(context, {
+    enabled: !showOnHover
+  });
+  const dismiss = useDismiss(context);
+  const role = useRole(context);
+  const interactions = useInteractions([hover, click, dismiss, role]);
+  return useMemo(
+    () => __spreadProps(__spreadValues(__spreadValues({
+      open,
+      setOpen
+    }, interactions), data), {
+      modal,
+      initialFocus,
+      root: root6
+    }),
+    [open, setOpen, interactions, data, modal, root6, initialFocus]
+  );
+}
+
+// src/shared/ui/display/Popover/ui/PopoverProvider/PopoverProvider.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PopoverProvider = (props) => {
+  const _a = props, { children, modal, initialFocus } = _a, options = __objRest(_a, ["children", "modal", "initialFocus"]);
+  const popover = usePopover(__spreadValues({ modal, initialFocus }, options));
+  return /* @__PURE__ */ jsx3(PopoverContext.Provider, { value: popover, children });
+};
+
+// src/shared/ui/display/Popover/ui/PopoverTrigger/PopoverTrigger.tsx
+import { useMergeRefs as useMergeRefs2 } from "@floating-ui/react";
+import { cloneElement, forwardRef as forwardRef3, isValidElement, useContext as useContext2 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var PopoverTrigger = forwardRef3(
+  function PopoverTrigger2(_a, propRef) {
+    var _b = _a, { children, wrapTrigger = false, className } = _b, props = __objRest(_b, ["children", "wrapTrigger", "className"]);
+    const context = useContext2(PopoverContext);
+    const childrenRef = children.ref;
+    const ref = useMergeRefs2([context == null ? void 0 : context.refs.setReference, propRef, childrenRef]);
+    if (!context) {
+      return null;
+    }
+    if (!wrapTrigger && isValidElement(children)) {
+      return cloneElement(
+        children,
+        context.getReferenceProps(__spreadProps(__spreadValues(__spreadValues({
+          ref,
+          className
+        }, props), children.props), {
+          "data-state": context.open ? "open" : "closed"
+        }))
+      );
+    }
+    return /* @__PURE__ */ jsx4(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        className,
+        "data-state": context.open ? "open" : "closed"
+      }, context.getReferenceProps(props)), {
+        children
+      })
+    );
+  }
+);
+
+// src/shared/ui/display/Popover/Popover.tsx
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+function Popover(props) {
+  const {
+    description,
+    initialOpen,
+    placement,
+    wrapTrigger,
+    containerOffset,
+    root: root6,
+    modal = false,
+    initialFocus = -1,
+    open,
+    onOpenChange,
+    showOnHover,
+    children,
+    classes
+  } = props;
+  if (!children) {
+    return null;
+  }
+  if (!description) {
+    return children;
+  }
+  return /* @__PURE__ */ jsxs(
+    PopoverProvider,
+    {
+      placement,
+      initialOpen,
+      open,
+      onOpenChange,
+      containerOffset,
+      root: root6,
+      modal,
+      initialFocus,
+      showOnHover,
+      children: [
+        /* @__PURE__ */ jsx5(
+          PopoverTrigger,
+          {
+            wrapTrigger,
+            className: classnames3(wrapTrigger ? void 0 : void 0, classes == null ? void 0 : classes.trigger),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx5(PopoverContent, { className: classnames3(void 0, classes == null ? void 0 : classes.content), children: description })
+      ]
+    }
+  );
+}
+
+// src/shared/ui/display/Popover/ui/Arrow/Arrow.tsx
+import { useContext as useContext3 } from "react";
+
+// src/shared/ui/icons/index.ts
+var icons_exports = {};
+__export(icons_exports, {
+  ArrowDropDownIcon: () => ArrowDropDownIcon,
+  ArrowDropUpIcon: () => ArrowDropUpIcon,
+  ArrowLeft: () => ArrowLeft,
+  ArrowRight: () => ArrowRight,
+  BookmarkIcon: () => BookmarkIcon,
+  ButtonsIcon: () => ButtonsIcon,
+  CheckboxDeselectedIcon: () => CheckboxDeselectedIcon,
+  CheckboxIcon: () => CheckboxIcon,
+  CheckboxSeveralIcon: () => CheckboxSeveralIcon,
+  CheckboxesIcon: () => CheckboxesIcon,
+  DarkModeIcon: () => DarkModeIcon,
+  DeleteIcon: () => DeleteIcon,
+  DoneIcon: () => DoneIcon,
+  EditIcon: () => EditIcon,
+  FilterIcon: () => FilterIcon,
+  IconsIcon: () => IconsIcon,
+  InfoIcon: () => InfoIcon,
+  LightModeIcon: () => LightModeIcon,
+  ListIcon: () => ListIcon,
+  MenuIcon: () => MenuIcon,
+  PaperIcon: () => PaperIcon,
+  PopoverIcon: () => PopoverIcon,
+  SaveIcon: () => SaveIcon,
+  SearchIcon: () => SearchIcon,
+  SettingsIcon: () => SettingsIcon,
+  TypographyIcon: () => TypographyIcon
+});
+
+// src/shared/ui/icons/ui/Icon.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Icon = (props) => {
+  const { componentSize = "medium", className, children } = props;
+  let size = 24;
+  switch (componentSize) {
+    case "small":
+      size = 16;
+      break;
+    case "large":
+      size = 32;
+      break;
+  }
+  return /* @__PURE__ */ jsx6(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      className,
+      xmlns: "http://www.w3.org/2000/svg",
+      children
+    }
+  );
+};
+
+// src/shared/ui/icons/ArrowDropDownIcon.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var ArrowDropDownIcon = (props) => /* @__PURE__ */ jsx7(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx7("path", { d: "M7 10l5 5 5-5z" }) }));
+
+// src/shared/ui/icons/ArrowDropUpIcon.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var ArrowDropUpIcon = (props) => /* @__PURE__ */ jsx8(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx8("path", { d: "M7 14l5-5 5 5z" }) }));
+
+// src/shared/ui/icons/ArrowLeft.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+var ArrowLeft = (props) => /* @__PURE__ */ jsx9(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx9("path", { d: "m14 7-5 5 5 5z" }) }));
+
+// src/shared/ui/icons/ArrowRight.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var ArrowRight = (props) => /* @__PURE__ */ jsx10(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx10("path", { d: "m10 17 5-5-5-5z" }) }));
+
+// src/shared/ui/icons/CheckboxIcon.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var CheckboxIcon = (props) => /* @__PURE__ */ jsx11(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx11("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }));
+
+// src/shared/ui/icons/CheckboxSeveralIcon.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+var CheckboxSeveralIcon = (props) => /* @__PURE__ */ jsx12(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx12(
+  "path",
+  {
+    d: `M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0
+      2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2zm0-4H7V7h10v2z`
+  }
+) }));
+
+// src/shared/ui/icons/CheckboxDeselectedIcon.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var CheckboxDeselectedIcon = (props) => /* @__PURE__ */ jsx13(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx13("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z" }) }));
+
+// src/shared/ui/icons/ButtonsIcon.tsx
+import { jsx as jsx14, jsxs as jsxs2 } from "react/jsx-runtime";
+var ButtonsIcon = (props) => /* @__PURE__ */ jsxs2(Icon, __spreadProps(__spreadValues({}, props), { children: [
+  /* @__PURE__ */ jsx14("rect", { x: "3.5", y: "7", width: "11", height: "4", rx: "2", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }),
+  /* @__PURE__ */ jsx14("rect", { x: "9.5", y: "13", width: "11", height: "4", rx: "2", fill: "none", stroke: "currentColor", strokeWidth: "1.6" })
+] }));
+
+// src/shared/ui/icons/DeleteIcon.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+var DeleteIcon = (props) => /* @__PURE__ */ jsx15(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx15("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }) }));
+
+// src/shared/ui/icons/DoneIcon.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var DoneIcon = (props) => /* @__PURE__ */ jsx16(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx16("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) }));
+
+// src/shared/ui/icons/FilterIcon.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+var FilterIcon = (props) => /* @__PURE__ */ jsx17(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx17("path", { d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z" }) }));
+
+// src/shared/ui/icons/InfoIcon.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var InfoIcon = (props) => /* @__PURE__ */ jsx18(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx18(
+  "path",
+  {
+    d: `M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10
+      10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z`
+  }
+) }));
+
+// src/shared/ui/icons/IconsIcon.tsx
+import { jsx as jsx19, jsxs as jsxs3 } from "react/jsx-runtime";
+var IconsIcon = (props) => /* @__PURE__ */ jsxs3(Icon, __spreadProps(__spreadValues({}, props), { children: [
+  /* @__PURE__ */ jsx19("rect", { x: "4", y: "4", width: "6", height: "6", rx: "1.5", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }),
+  /* @__PURE__ */ jsx19("rect", { x: "14", y: "4", width: "6", height: "6", rx: "1.5", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }),
+  /* @__PURE__ */ jsx19("rect", { x: "4", y: "14", width: "6", height: "6", rx: "1.5", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }),
+  /* @__PURE__ */ jsx19("rect", { x: "14", y: "14", width: "6", height: "6", rx: "1.5", fill: "none", stroke: "currentColor", strokeWidth: "1.6" })
+] }));
+
+// src/shared/ui/icons/ListIcon.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+var ListIcon = (props) => /* @__PURE__ */ jsx20(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx20("path", { d: "M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z" }) }));
+
+// src/shared/ui/icons/MenuIcon.tsx
+import { jsx as jsx21, jsxs as jsxs4 } from "react/jsx-runtime";
+var MenuIcon = (props) => /* @__PURE__ */ jsxs4(Icon, __spreadProps(__spreadValues({}, props), { children: [
+  /* @__PURE__ */ jsx21("line", { x1: "4", y1: "7", x2: "20", y2: "7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx21("line", { x1: "4", y1: "12", x2: "20", y2: "12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx21("line", { x1: "4", y1: "17", x2: "20", y2: "17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+] }));
+
+// src/shared/ui/icons/PaperIcon.tsx
+import { jsx as jsx22, jsxs as jsxs5 } from "react/jsx-runtime";
+var PaperIcon = (props) => /* @__PURE__ */ jsxs5(Icon, __spreadProps(__spreadValues({}, props), { children: [
+  /* @__PURE__ */ jsx22("rect", { x: "5", y: "3", width: "12", height: "18", rx: "2", ry: "2", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }),
+  /* @__PURE__ */ jsx22("line", { x1: "8", y1: "8", x2: "14", y2: "8", stroke: "currentColor", strokeWidth: "1.4" }),
+  /* @__PURE__ */ jsx22("line", { x1: "8", y1: "11", x2: "14", y2: "11", stroke: "currentColor", strokeWidth: "1.4" }),
+  /* @__PURE__ */ jsx22("line", { x1: "8", y1: "14", x2: "12.5", y2: "14", stroke: "currentColor", strokeWidth: "1.4" })
+] }));
+
+// src/shared/ui/icons/PopoverIcon.tsx
+import { jsx as jsx23, jsxs as jsxs6 } from "react/jsx-runtime";
+var PopoverIcon = (props) => /* @__PURE__ */ jsxs6(Icon, __spreadProps(__spreadValues({}, props), { children: [
+  /* @__PURE__ */ jsx23("rect", { x: "4", y: "5", width: "16", height: "10", rx: "2", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }),
+  /* @__PURE__ */ jsx23(
+    "path",
+    {
+      d: "M10 15.5 12 19l2-3.5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.6",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+] }));
+
+// src/shared/ui/icons/TypographyIcon.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+var TypographyIcon = (props) => /* @__PURE__ */ jsx24(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx24("path", { d: "M6 7V5h12v2h-5v12h-2V7H6Z", fill: "currentColor" }) }));
+
+// src/shared/ui/icons/CheckboxesIcon.tsx
+import { jsx as jsx25, jsxs as jsxs7 } from "react/jsx-runtime";
+var CheckboxesIcon = (props) => /* @__PURE__ */ jsxs7(Icon, __spreadProps(__spreadValues({}, props), { children: [
+  /* @__PURE__ */ jsx25("rect", { x: "5", y: "5", width: "6", height: "6", rx: "1.2", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }),
+  /* @__PURE__ */ jsx25("rect", { x: "5", y: "13", width: "6", height: "6", rx: "1.2", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }),
+  /* @__PURE__ */ jsx25(
+    "path",
+    {
+      d: "M15 7.5 16.8 9.3 20 6",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.7",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ jsx25("rect", { x: "14", y: "13", width: "6", height: "6", rx: "1.2", fill: "none", stroke: "currentColor", strokeWidth: "1.6" })
+] }));
+
+// src/shared/ui/icons/SearchIcon.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+var SearchIcon = (props) => /* @__PURE__ */ jsx26(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx26(
+  "path",
+  {
+    d: `M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5
+          6.5 6.5 0 1 0 9.5 16
+          c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5
+          zm-6 0C7.01 14 5 11.99 5 9.5
+          S7.01 5 9.5 5 14 7.01 14 9.5
+          11.99 14 9.5 14z`
+  }
+) }));
+
+// src/shared/ui/icons/SettingsIcon.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+var SettingsIcon = (props) => /* @__PURE__ */ jsx27(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx27("path", { d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" }) }));
+
+// src/shared/ui/icons/EditIcon.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+var EditIcon = (props) => /* @__PURE__ */ jsx28(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx28("path", { d: "M18.3688 3.29L20.7088 5.63C21.0988 6.02 21.0988 6.65 20.7088 7.04L18.8788 8.87L15.1288 5.12L16.9588 3.29C17.1488 3.1 17.3988 3 17.6588 3C17.9188 3 18.1688 3.09 18.3688 3.29ZM2.99878 17.25V21H6.74878L17.8088 9.94L14.0588 6.19L2.99878 17.25ZM5.91878 19H4.99878V18.08L14.0588 9.02L14.9788 9.94L5.91878 19Z" }) }));
+
+// src/shared/ui/icons/BookmarkIcon.tsx
+import { jsx as jsx29 } from "react/jsx-runtime";
+var BookmarkIcon = (props) => /* @__PURE__ */ jsx29(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx29("path", { d: "M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15-5-2.18L7 18V5h10v13z" }) }));
+
+// src/shared/ui/icons/SaveIcon.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+var SaveIcon = (props) => /* @__PURE__ */ jsx30(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx30(
+  "path",
+  {
+    d: `M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9
+        2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3
+        1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z`
+  }
+) }));
+
+// src/shared/ui/icons/DarkModeIcon.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+var DarkModeIcon = (props) => /* @__PURE__ */ jsx31(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx31(
+  "path",
+  {
+    d: `M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98
+      1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1`
+  }
+) }));
+
+// src/shared/ui/icons/LightModeIcon.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+var LightModeIcon = (props) => /* @__PURE__ */ jsx32(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx32(
+  "path",
+  {
+    d: `M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5M2
+      13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1m18
+      0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M11
+      2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1m0
+      18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1M5.99
+      4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39
+      1.03.39 1.41 0s.39-1.03 0-1.41zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39
+      1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41zm1.06-10.96c.39-.39.39-1.03
+      0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39
+      1.41 0zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06
+      1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0z`
+  }
+) }));
+
+// src/shared/ui/display/Popover/ui/Arrow/Arrow.tsx
+import { Fragment, jsx as jsx33, jsxs as jsxs8 } from "react/jsx-runtime";
+function Arrow() {
+  const popoverContext = useContext3(PopoverContext);
+  return /* @__PURE__ */ jsxs8(Fragment, { children: [
+    (popoverContext == null ? void 0 : popoverContext.placement.startsWith("bottom")) && (popoverContext.open ? /* @__PURE__ */ jsx33(ArrowDropUpIcon, {}) : /* @__PURE__ */ jsx33(ArrowDropDownIcon, {})),
+    (popoverContext == null ? void 0 : popoverContext.placement.startsWith("top")) && (popoverContext.open ? /* @__PURE__ */ jsx33(ArrowDropDownIcon, {}) : /* @__PURE__ */ jsx33(ArrowDropUpIcon, {})),
+    (popoverContext == null ? void 0 : popoverContext.placement.startsWith("right")) && (popoverContext.open ? /* @__PURE__ */ jsx33(ArrowLeft, {}) : /* @__PURE__ */ jsx33(ArrowRight, {})),
+    (popoverContext == null ? void 0 : popoverContext.placement.startsWith("left")) && (popoverContext.open ? /* @__PURE__ */ jsx33(ArrowRight, {}) : /* @__PURE__ */ jsx33(ArrowLeft, {}))
+  ] });
+}
+
+// src/shared/ui/controls/Button/Button.tsx
+import classnames4 from "classnames";
+import { forwardRef as forwardRef4 } from "react";
+
+// src/shared/ui/controls/Button/button.module.css
+var button_exports = {};
+__export(button_exports, {
+  default: () => button_default
+});
+var button_default = {};
+
+// src/shared/ui/controls/Button/Button.tsx
+import { Fragment as Fragment2, jsx as jsx34, jsxs as jsxs9 } from "react/jsx-runtime";
+var Button = forwardRef4(function Button2(_a, propRef) {
+  var _b = _a, {
+    variant = "filled",
+    componentSize = "medium",
+    icon,
+    isActive,
+    isLoading = false,
+    loadingText,
+    className,
+    children,
+    classes,
+    disabled
+  } = _b, buttonProps = __objRest(_b, [
+    "variant",
+    "componentSize",
+    "icon",
+    "isActive",
+    "isLoading",
+    "loadingText",
+    "className",
+    "children",
+    "classes",
+    "disabled"
+  ]);
+  const isDisabled = disabled || isLoading;
+  return /* @__PURE__ */ jsx34(
+    "button",
+    __spreadProps(__spreadValues({
+      className: classnames4(
+        void 0,
+        button_exports[variant],
+        button_exports[componentSize],
+        !icon ? void 0 : !children ? void 0 : void 0,
+        isActive ? void 0 : void 0,
+        isLoading ? void 0 : void 0,
+        className,
+        classes == null ? void 0 : classes.root
+      ),
+      disabled: isDisabled
+    }, buttonProps), {
+      ref: propRef,
+      children: /* @__PURE__ */ jsx34("span", { className: classnames4(void 0, classes == null ? void 0 : classes.stateLayer), children: isLoading ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
+        /* @__PURE__ */ jsx34("span", { className: void 0, "aria-hidden": "true" }),
+        loadingText || "Loading..."
+      ] }) : /* @__PURE__ */ jsxs9(Fragment2, { children: [
+        icon,
+        children
+      ] }) })
+    })
+  );
+});
+
+// src/shared/ui/controls/ButtonsGroup/ButtonsGroup.tsx
+import classNames from "classnames";
+import { cloneElement as cloneElement2, isValidElement as isValidElement2, useRef } from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var ButtonsGroup = (props) => {
+  const {
+    children,
+    fillEvenly: fillEvenly2 = false,
+    orientation = "horizontal",
+    wrap: wrap2 = false,
+    overflow: overflow2 = false,
+    noGap: noGap2 = false,
+    merged: merged2 = false,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    disabled = false,
+    classes
+  } = props;
+  const groupRef = useRef(null);
+  const handleKeyDown = (event) => {
+    var _a, _b;
+    if (disabled) return;
+    const { key } = event;
+    const isVertical = orientation === "vertical";
+    const isHorizontal = orientation === "horizontal";
+    if (isVertical && (key === "ArrowUp" || key === "ArrowDown") || isHorizontal && (key === "ArrowLeft" || key === "ArrowRight")) {
+      event.preventDefault();
+      const buttons = Array.from(
+        ((_a = groupRef.current) == null ? void 0 : _a.querySelectorAll("button:not([disabled])")) || []
+      );
+      const activeButton = document.activeElement;
+      const currentIndex = buttons.indexOf(activeButton);
+      if (currentIndex === -1) return;
+      let nextIndex = currentIndex;
+      if (isVertical && key === "ArrowUp" || isHorizontal && key === "ArrowLeft") {
+        nextIndex = currentIndex > 0 ? currentIndex - 1 : buttons.length - 1;
+      } else if (isVertical && key === "ArrowDown" || isHorizontal && key === "ArrowRight") {
+        nextIndex = currentIndex < buttons.length - 1 ? currentIndex + 1 : 0;
+      }
+      (_b = buttons[nextIndex]) == null ? void 0 : _b.focus();
+    }
+  };
+  const enhancedChildren = Array.isArray(children) ? children.map((child, index) => {
+    var _a;
+    if (isValidElement2(child)) {
+      return cloneElement2(child, {
+        key: child.key || index,
+        "aria-posinset": index + 1,
+        "aria-setsize": children.length,
+        disabled: disabled || ((_a = child.props) == null ? void 0 : _a.disabled)
+      });
+    }
+    return child;
+  }) : children;
+  return /* @__PURE__ */ jsx35(
+    "div",
+    {
+      ref: groupRef,
+      className: classNames(
+        void 0,
+        {
+          [void 0]: fillEvenly2,
+          [void 0]: orientation === "vertical",
+          [void 0]: wrap2,
+          [void 0]: overflow2,
+          ["styledScroll"]: overflow2,
+          [void 0]: noGap2,
+          [void 0]: merged2
+        },
+        classes == null ? void 0 : classes.root
+      ),
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      onKeyDown: handleKeyDown,
+      tabIndex: -1,
+      children: enhancedChildren
+    }
+  );
+};
+
+// src/shared/ui/controls/Checkbox/Checkbox.tsx
+import classnames5 from "classnames";
+import { useEffect, useRef as useRef2 } from "react";
+import { mergeRefs } from "react-merge-refs";
+import { v4 as uuidv4 } from "uuid";
+
+// src/shared/ui/controls/Checkbox/checkbox.module.css
+var checkbox_exports = {};
+__export(checkbox_exports, {
+  default: () => checkbox_default
+});
+var checkbox_default = {};
+
+// src/shared/ui/controls/Checkbox/Checkbox.tsx
+import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs10 } from "react/jsx-runtime";
+function Checkbox(props) {
+  const _a = props, { label: label2, several: several2, componentSize = "medium", classes, id, ref } = _a, inputProps = __objRest(_a, ["label", "several", "componentSize", "classes", "id", "ref"]);
+  const inputRef = useRef2(null);
+  const inputId = id != null ? id : uuidv4();
+  useEffect(() => {
+    const mouseupListener = function() {
+      this.classList.remove(void 0);
+    };
+    const mousedownListener = function() {
+      this.classList.add(void 0);
+    };
+    if (inputRef == null ? void 0 : inputRef.current) {
+      inputRef.current.addEventListener("mousedown", mousedownListener);
+      inputRef.current.addEventListener("mouseup", mouseupListener);
+    }
+    return () => {
+      if (inputRef == null ? void 0 : inputRef.current) {
+        inputRef.current.removeEventListener("mousedown", mousedownListener);
+        inputRef.current.removeEventListener("mouseup", mouseupListener);
+      }
+    };
+  }, [inputRef]);
+  useEffect(() => {
+    if (inputRef == null ? void 0 : inputRef.current) {
+      inputRef.current.indeterminate = Boolean(several2) && !Boolean(inputProps.checked);
+    }
+  }, [several2, inputProps.checked]);
+  return /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      className: classnames5(
+        void 0,
+        { [void 0]: !label2 },
+        checkbox_exports[componentSize],
+        classes == null ? void 0 : classes.root
+      ),
+      children: [
+        /* @__PURE__ */ jsx36(
+          "input",
+          __spreadValues({
+            ref: mergeRefs([inputRef, ref]),
+            type: "checkbox",
+            className: classnames5(void 0, classes == null ? void 0 : classes.input),
+            id: inputId,
+            title: label2
+          }, inputProps)
+        ),
+        /* @__PURE__ */ jsxs10("label", { htmlFor: inputId, className: classnames5(void 0, classes == null ? void 0 : classes.label), title: label2, children: [
+          several2 ? /* @__PURE__ */ jsx36("span", { className: classnames5(void 0, void 0, classes == null ? void 0 : classes.checkbox), children: /* @__PURE__ */ jsx36(CheckboxSeveralIcon, {}) }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
+            /* @__PURE__ */ jsx36("span", { className: classnames5(void 0, void 0, classes == null ? void 0 : classes.checkbox), children: /* @__PURE__ */ jsx36(CheckboxDeselectedIcon, {}) }),
+            /* @__PURE__ */ jsx36("span", { className: classnames5(void 0, void 0, classes == null ? void 0 : classes.checkbox), children: /* @__PURE__ */ jsx36(CheckboxIcon, {}) })
+          ] }),
+          !!label2 && /* @__PURE__ */ jsx36(Fragment3, { children: componentSize === "large" ? /* @__PURE__ */ jsx36(Typography, { variant: "subtitle1", className: classnames5(void 0, classes == null ? void 0 : classes.labelText), children: label2 }) : /* @__PURE__ */ jsx36(Typography, { variant: "subtitle2", className: classnames5(void 0, classes == null ? void 0 : classes.labelText), children: label2 }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/shared/ui/surfaces/Paper/Paper.tsx
+import classnames6 from "classnames";
+
+// src/shared/ui/surfaces/Paper/paper.module.css
+var paper_exports = {};
+__export(paper_exports, {
+  default: () => paper_default
+});
+var paper_default = {};
+
+// src/shared/ui/surfaces/Paper/Paper.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+var Paper = (props) => {
+  const { shadow = "none", overlay = "none", children, classes } = props;
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      className: classnames6(
+        void 0,
+        shadow !== "none" && paper_exports[`shadow${shadow}`],
+        overlay !== "none" && paper_exports[`overlay${overlay}`],
+        classes == null ? void 0 : classes.root
+      ),
+      children
+    }
+  );
+};
+
+// src/shared/ui/surfaces/Card/Card.tsx
+import classNames2 from "classnames";
+import { jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
+function Card(props) {
+  const { shadow, overlay, header: header2, media: media2, mediaPosition = "top", footer: footer2, children, classes } = props;
+  return /* @__PURE__ */ jsxs11(Paper, { shadow, overlay, classes: { root: classNames2(void 0, classes == null ? void 0 : classes.root) }, children: [
+    !!header2 && /* @__PURE__ */ jsx38("div", { className: void 0, children: header2 }),
+    mediaPosition === "top" && !!media2 && /* @__PURE__ */ jsx38("div", { className: void 0, children: media2 }),
+    /* @__PURE__ */ jsx38("div", { className: classNames2(void 0, classes == null ? void 0 : classes.body), children }),
+    mediaPosition === "bottom" && !!media2 && /* @__PURE__ */ jsx38("div", { className: void 0, children: media2 }),
+    !!footer2 && /* @__PURE__ */ jsx38("div", { className: classNames2(void 0, classes == null ? void 0 : classes.footer), children: footer2 })
+  ] });
+}
+
+// src/shared/providers/ThemeProvider/ThemeProvider.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+
+// src/shared/contexts/ThemeContext/ThemeContext.ts
+import { createContext as createContext2 } from "react";
+var ThemeContext = createContext2(void 0);
+
+// raw-css:C:\Users\omi\Documents\projects\omigar-ui\src\shared\styles\dark.css
+var dark_default = {};
+
+// raw-css:C:\Users\omi\Documents\projects\omigar-ui\src\shared\styles\light.css
+var light_default = {};
+
+// src/shared/providers/ThemeProvider/ThemeProvider.tsx
+import { jsx as jsx39 } from "react/jsx-runtime";
+var themes = [
+  { name: "light", css: light_default },
+  { name: "dark", css: dark_default }
+];
+var ThemeProvider = ({ children }) => {
+  const [theme, setThemeState] = useState2(() => {
+    const savedTheme = localStorage.getItem("theme");
+    if (savedTheme) {
+      return savedTheme;
+    }
+    if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+      return "dark";
+    }
+    return "light";
+  });
+  const setTheme = (newTheme) => {
+    setThemeState(newTheme);
+    localStorage.setItem("theme", newTheme);
+  };
+  const toggleTheme = () => {
+    setTheme(theme === "light" ? "dark" : "light");
+  };
+  useEffect2(() => {
+    const applyTheme = (themeName) => {
+      let style = document.getElementById("theme-style");
+      if (!style) {
+        style = document.createElement("style");
+        style.id = "theme-style";
+        document.head.appendChild(style);
+      }
+      const matchedTheme = themes == null ? void 0 : themes.find((t) => t.name === themeName);
+      style.textContent = (matchedTheme == null ? void 0 : matchedTheme.css) || themes[0].css;
+    };
+    applyTheme(theme);
+  }, [theme]);
+  useEffect2(() => {
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = (e) => {
+      if (!localStorage.getItem("theme")) {
+        setThemeState(e.matches ? "dark" : "light");
+      }
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, []);
+  const value = {
+    theme,
+    toggleTheme,
+    setTheme
+  };
+  return /* @__PURE__ */ jsx39(ThemeContext.Provider, { value, children });
+};
+
+// src/shared/hooks/useTheme.ts
+import { useContext as useContext4 } from "react";
+function useTheme() {
+  const context = useContext4(ThemeContext);
+  return context || null;
+}
+
+// src/shared/hooks/useThemeWithFallback.ts
+import { useContext as useContext5 } from "react";
+function useThemeWithFallback() {
+  const context = useContext5(ThemeContext);
+  if (context) {
+    return context;
+  }
+  return {
+    theme: "light",
+    toggleTheme: () => {
+    },
+    setTheme: () => {
+    }
+  };
+}
+export {
+  Button,
+  ButtonsGroup,
+  Card,
+  Checkbox,
+  Paper,
+  Popover,
+  Arrow as PopoverArrow,
+  ThemeProvider,
+  Typography,
+  icons_exports as icons,
+  useTheme,
+  useThemeWithFallback
+};
+//# sourceMappingURL=index.mjs.map