gd-design-library 0.7.0 → 0.7.2

package/components/core/Scroll/ScrollBar.js

@@ -1,68 +0,0 @@
-"use client";
-import { jsx as T } from "@emotion/react/jsx-runtime";
-import { useRef as z, useEffect as A } from "react";
-import { getThumbPosition as H } from "./utils.js";
-import { SCROLL_BAR_ANIMATION_THROTTLE as x, COMPONENT_NAME as $ } from "./constants.js";
-import { ScrollBarStyled as C, ScrollBarThumbStyled as M } from "./ScrollStyled.js";
-import { useTheme as D } from "../../../hooks/useTheme/useTheme.js";
-import { useAnimationFrame as I } from "../../../utils/animationFrame.js";
-const Y = (v) => {
-  const {
-    direction: o,
-    containerRef: t
-  } = v, s = z(null), {
-    theme: i
-  } = D();
-  return I(() => {
-    const r = t != null && t.current ? H(t.current, o) : {
-      position: 0,
-      size: 0
-    };
-    s.current && (o === "vertical" ? (s.current.style.top = `${r.position}%`, s.current.style.height = `${r.size}%`) : (s.current.style.left = `${r.position}%`, s.current.style.width = `${r.size}%`));
-  }, x), A(() => {
-    const r = s.current;
-    if (!r)
-      return;
-    let u = 0, m = 0;
-    const E = ({
-      clientY: e
-    }, {
-      top: n,
-      height: l
-    }) => (e - n) / l, _ = ({
-      clientX: e
-    }, {
-      left: n,
-      width: l
-    }) => (e - n) / l, N = (e, n, l) => {
-      const a = r.parentElement, c = t == null ? void 0 : t.current;
-      if (!a || !c)
-        return [0, 0];
-      const {
-        offsetHeight: h,
-        offsetWidth: g
-      } = r, {
-        top: O,
-        left: S,
-        height: b,
-        width: L
-      } = a.getBoundingClientRect(), w = c.scrollHeight - b, y = c.scrollWidth - L, B = (e.clientY - O - h * n) / (b - h), P = (e.clientX - S - g * l) / (L - g);
-      return [w * B, y * P];
-    }, d = (e) => {
-      const [n, l] = N(e, u, m);
-      t != null && t.current && (o === "vertical" ? t.current.scrollTop = n : t.current.scrollLeft = l);
-    }, p = () => {
-      document.removeEventListener("pointermove", d), document.removeEventListener("pointerup", p);
-    }, f = (e) => {
-      e.stopPropagation(), e.preventDefault();
-      const n = r.getBoundingClientRect();
-      u = E(e, n), m = _(e, n), document.addEventListener("pointermove", d), document.addEventListener("pointerup", p);
-    };
-    return r.addEventListener("pointerdown", f), () => {
-      r.removeEventListener("pointerdown", f);
-    };
-  }, [t, s, o]), /* @__PURE__ */ T(C, { className: `gd-scroll--scrollbar gd-scroll--scrollbar__${o}`, $direction: o, theme: i, "data-testid": `${$}-scrollbar_${o}`, children: /* @__PURE__ */ T(M, { className: `gd-scroll--scrollbar-thumb gd-scroll--scrollbar-thumb__${o}`, ref: s, $direction: o, theme: i, "data-testid": `${$}-scrollbar-thumb_${o}` }) });
-};
-export {
-  Y as ScrollBar
-};

package/components/core/Scroll/ScrollStyled.d.ts

@@ -1,6 +0,0 @@
-import { ScrollBarStyledProps, ScrollStyledProps } from './Scroll.types';
-export declare const ScrollStyled: import('react').ForwardRefExoticComponent<Omit<ScrollStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const ScrollContentStyled: import('react').ForwardRefExoticComponent<Omit<ScrollStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const ScrollBarsStyled: (props: ScrollStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const ScrollBarStyled: (props: ScrollBarStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const ScrollBarThumbStyled: import('react').ForwardRefExoticComponent<Omit<ScrollBarStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/Scroll/ScrollStyled.js

@@ -1,56 +0,0 @@
-"use client";
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { get as l } from "../../../utils/helpers.js";
-const i = d((e, r) => {
-  const {
-    theme: {
-      scroll: t
-    } = {},
-    styles: s = {},
-    ...o
-  } = e, c = [l(t, "container.default", {}), s];
-  return /* @__PURE__ */ n("div", { css: c, ...o, ref: r });
-}), p = d((e, r) => {
-  const {
-    theme: {
-      scroll: t
-    } = {},
-    styles: s = {},
-    ...o
-  } = e, c = [l(t, "content.default", {}), s];
-  return /* @__PURE__ */ n("div", { css: c, ...o, ref: r });
-}), a = (e) => {
-  const {
-    theme: {
-      scroll: r
-    } = {},
-    ...t
-  } = e, s = l(r, "scrollbars.default", {});
-  return /* @__PURE__ */ n("div", { css: s, ...t });
-}, f = (e) => {
-  const {
-    $direction: r,
-    theme: {
-      scroll: t
-    } = {},
-    ...s
-  } = e, o = [l(t, "scrollbar.default", {}), l(t, `scrollbar.${r}`, {})];
-  return /* @__PURE__ */ n("div", { css: o, ...s });
-}, y = d((e, r) => {
-  const {
-    $direction: t,
-    theme: {
-      scroll: s
-    } = {},
-    ...o
-  } = e, c = [l(s, "thumb.default", {}), l(s, `thumb.${t}`, {})];
-  return /* @__PURE__ */ n("div", { css: c, ...o, ref: r });
-});
-export {
-  f as ScrollBarStyled,
-  y as ScrollBarThumbStyled,
-  a as ScrollBarsStyled,
-  p as ScrollContentStyled,
-  i as ScrollStyled
-};

package/components/core/Scroll/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const COMPONENT_NAME = "Scroll";
-export declare const MIN_WIDTH = 24;
-export declare const SCROLL_BAR_ANIMATION_THROTTLE = 50;

package/components/core/Scroll/constants.js

@@ -1,6 +0,0 @@
-const N = "Scroll", T = 24, o = 50;
-export {
-  N as COMPONENT_NAME,
-  T as MIN_WIDTH,
-  o as SCROLL_BAR_ANIMATION_THROTTLE
-};

package/components/core/Scroll/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Scroll';
-export * from './Scroll.types';

package/components/core/Scroll/utils.d.ts

@@ -1,5 +0,0 @@
-import { ScrollDirection } from './Scroll.types';
-export declare const getThumbPosition: (container: HTMLElement, orientation?: ScrollDirection) => {
-    position: number;
-    size: number;
-};

package/components/core/Scroll/utils.js

@@ -1,41 +0,0 @@
-import { MIN_WIDTH as c } from "./constants.js";
-function m(e) {
-  const {
-    clientHeight: t,
-    scrollHeight: i
-  } = e;
-  return t * t / i > c ? 0 : c / t;
-}
-function H(e) {
-  const {
-    clientWidth: t,
-    scrollWidth: i
-  } = e;
-  return t * t / i > c ? 0 : c / t;
-}
-function d(e, t) {
-  const {
-    clientHeight: i,
-    scrollHeight: o,
-    clientWidth: l,
-    scrollWidth: n
-  } = e, r = t === "vertical" ? i / o : l / n;
-  return Math.ceil(r * 100) / 100;
-}
-const W = (e, t) => {
-  const {
-    scrollTop: i,
-    scrollHeight: o,
-    clientHeight: l,
-    scrollLeft: n,
-    scrollWidth: r,
-    clientWidth: h
-  } = e, u = t === "vertical" ? i / (o - l) : n / (r - h), s = d(e, t), g = (t === "vertical" ? m(e) : H(e)) || s;
-  return {
-    position: u * (1 - g) * 100,
-    size: s * 100
-  };
-};
-export {
-  W as getThumbPosition
-};

package/components/core/Select/Select.d.ts

@@ -1,2 +0,0 @@
-import { SelectProps, SelectRef } from '../..';
-export declare const Select: import('react').ForwardRefExoticComponent<SelectProps<HTMLDivElement> & import('react').RefAttributes<SelectRef>>;

package/components/core/Select/Select.js

@@ -1,192 +0,0 @@
-"use client";
-import { jsx as l, jsxs as Y, Fragment as Re } from "@emotion/react/jsx-runtime";
-import { forwardRef as Ae, useRef as x, useState as p, useEffect as E, useCallback as q, useImperativeHandle as ke, isValidElement as Ie } from "react";
-import { KEYBOARD_KEYS as w } from "../../../constants/keyboard.js";
-import { DropdownItem as Le } from "../DropdownItem/DropdownItem.js";
-import { Dropdown as Oe } from "../Dropdown/Dropdown.js";
-import { DEFAULT_SELECTED_VALUE as We, COMPONENT_NAME as g } from "./constants.js";
-import { SelectWrapperStyled as xe, InitiatorWrapperStyled as Me, DropdownButtonStyled as Ce, SelectAdornmentStyled as M, ArrowIconWrapperStyled as Ne, DropdownIconStyled as Be } from "./SelectStyled.js";
-import { getClosestFocusable as C } from "../../../utils/focus.js";
-import { get as He, toNumber as G } from "../../../utils/helpers.js";
-import { useTheme as Te } from "../../../hooks/useTheme/useTheme.js";
-import { SelectContext as $e } from "./hooks/useSelectContext.js";
-import { Portal as Pe } from "../Portal/Portal.js";
-const _e = Ae((J, Q) => {
-  const {
-    onSelect: S,
-    children: b,
-    initiator: X,
-    onInitiatorClick: N,
-    renderOption: B,
-    emptyItemsResult: Z,
-    autoOpen: ee = !0,
-    width: R = "100%",
-    minWidth: H,
-    maxWidth: T = "initial",
-    styles: te,
-    activeIndex: A,
-    value: k,
-    onChange: I,
-    placeholder: oe = We,
-    itemStringifier: ne = (e) => He(e, "name", String(e)),
-    itemIdentifier: re = (e, t) => (e == null ? void 0 : e.value) === (t == null ? void 0 : t.value),
-    disabled: o = !1,
-    items: u,
-    adornmentStart: $,
-    adornmentEnd: P,
-    dropdownMaxHeight: L = "240px"
-  } = J, {
-    theme: a
-  } = Te(), i = x(null), O = x(null), y = x(null), [s, d] = p(!1), [f, _] = p(k), [ie, se] = p(R), [ce, le] = p("bottom"), [de, ae] = p(L), [pe, me] = p(-9999), [ue, K] = p(void 0), [fe, F] = p(void 0), we = 1;
-  E(() => {
-    if (s && (y.current || i.current)) {
-      const e = y.current || i.current;
-      se(`${e.getBoundingClientRect().width}px`);
-    }
-  }, [s, R]);
-  const D = q(() => {
-    const e = y.current || i.current;
-    if (!e) return;
-    const t = e.getBoundingClientRect(), r = window.innerHeight || document.documentElement.clientHeight, c = r - t.bottom, n = t.top, h = parseFloat(String(L)), m = we, z = c >= h + m, j = n >= h + m;
-    let v = "bottom";
-    !z && j ? v = "top" : !z && !j && (v = c >= n ? "bottom" : "top"), le(v);
-    const Se = (v === "bottom" ? c : n) - m, be = Math.max(0, Math.min(h, Se));
-    ae(`${Math.floor(be)}px`), me(Math.floor(t.left)), v === "bottom" ? (K(Math.floor(t.bottom + m)), F(void 0)) : (K(void 0), F(Math.floor(r - t.top + m)));
-  }, [L]);
-  E(() => {
-    if (!s) return;
-    D();
-    const e = () => D(), t = () => D();
-    return window.addEventListener("resize", e), window.addEventListener("scroll", t, !0), () => {
-      window.removeEventListener("resize", e), window.removeEventListener("scroll", t, !0);
-    };
-  }, [s, D]);
-  const W = q(() => {
-    if (i.current && !o) {
-      const e = C({
-        initial: i.current,
-        root: i.current,
-        keyboard: !0
-      });
-      e == null || e.focus();
-    }
-  }, [o]), he = () => u != null && u.length ? De() : Z, U = ({
-    event: e,
-    data: t
-  }) => {
-    o || (e.preventDefault(), _(t), I == null || I(t), S == null || S({
-      event: e,
-      data: t
-    }), d(!1), setTimeout(() => {
-      W();
-    }));
-  }, ve = {
-    onSelect: U,
-    value: f,
-    itemIdentifier: re
-  }, Ee = (e) => {
-    if (!(o || ![w.ARROW_DOWN, w.ARROW_UP].includes(e.key)))
-      switch (e.preventDefault(), e.key) {
-        case w.ARROW_DOWN:
-          V(e, !1);
-          break;
-        case w.ARROW_UP:
-          V(e, !0);
-          break;
-      }
-  }, V = (e, t) => {
-    if (o)
-      return;
-    e.preventDefault();
-    const r = O.current;
-    if (!r) {
-      d(!0);
-      return;
-    }
-    const c = t ? r.appendChild(document.createElement("div")) : r, n = C({
-      initial: c,
-      previous: t,
-      root: r
-    });
-    n == null || n.focus();
-  }, ge = () => {
-    !o && ee && d(!s);
-  }, ye = (e) => {
-    o || (N ? N(e) : ge());
-  }, De = () => /* @__PURE__ */ l(Re, { children: u == null ? void 0 : u.map((e, t) => B ? B({
-    item: e,
-    index: t,
-    isActiveItem: A == t,
-    className: G(A) === t ? "active" : ""
-  }) : /* @__PURE__ */ l(Le, { value: e.value, name: e.name, className: `${G(A) === t ? "active" : ""}` }, `dropdown-item-${e.value}-${t}`)) });
-  return E(() => {
-    _(k);
-  }, [k]), E(() => {
-    if (!s) return;
-    const e = (t) => {
-      const r = t.target, c = i.current, n = O.current, h = !!c && c.contains(r), m = !!n && n.contains(r);
-      !h && !m && d(!1);
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [s]), E(() => {
-    const e = (t) => {
-      var r;
-      if (!(!s || o)) {
-        if (t.key === w.ESCAPE)
-          t.preventDefault(), d(!1), W();
-        else if (t.key === w.TAB && (t.preventDefault(), d(!1), i.current)) {
-          const c = document.createElement("div");
-          (r = i.current.parentNode) == null || r.insertBefore(c, i.current.nextSibling);
-          const n = C({
-            initial: c,
-            root: document.body,
-            keyboard: !0
-          });
-          c.remove(), n == null || n.focus();
-        }
-      }
-    };
-    return document.addEventListener("keydown", e), () => {
-      document.removeEventListener("keydown", e);
-    };
-  }, [s, o, W]), ke(Q, () => ({
-    ref: i,
-    isOpen: s,
-    selectedValue: f,
-    onSelect: U,
-    open: () => {
-      o || d(!0);
-    },
-    close: () => d(!1),
-    toggle: () => {
-      o || d((e) => !e);
-    }
-  })), /* @__PURE__ */ l($e.Provider, { value: ve, children: /* @__PURE__ */ Y(xe, { ref: i, theme: a, "data-testid": g, styles: {
-    ...te,
-    width: R,
-    maxWidth: T,
-    minWidth: H
-  }, $disabled: o, children: [
-    /* @__PURE__ */ l(Me, { ref: y, theme: a, onClick: ye, onKeyDown: Ee, "data-testid": `${g}-initiator-wrapper`, children: X ?? /* @__PURE__ */ l(Ce, { theme: a, disabled: o, iconStart: $ && /* @__PURE__ */ l(M, { theme: a, children: $ }), iconEnd: /* @__PURE__ */ Y(M, { theme: a, children: [
-      P && /* @__PURE__ */ l(M, { theme: a, children: P }),
-      /* @__PURE__ */ l(Ne, { theme: a, $isOpen: s, children: /* @__PURE__ */ l(Be, { theme: a }) })
-    ] }), "data-testid": `${g}-initiator`, children: f != null && f.value ? ne(f) : oe }) }),
-    s && !o && /* @__PURE__ */ l(Pe, { withWrapper: !1, blocksScroll: !0, children: /* @__PURE__ */ l(Oe, { "data-testid": `${g}-dropdown`, styles: {
-      position: "fixed",
-      width: ie,
-      maxWidth: T,
-      minWidth: H,
-      maxHeight: de,
-      left: pe,
-      ...ce === "bottom" ? {
-        top: ue
-      } : {
-        bottom: fe
-      }
-    }, ref: O, children: Array.isArray(b) || Ie(b) ? b : he() }) })
-  ] }) });
-});
-_e.displayName = g;
-export {
-  _e as Select
-};

package/components/core/Select/Select.types.d.ts

@@ -1,69 +0,0 @@
-import { PropsWithChildren, ReactNode, MouseEvent, ReactEventHandler, Ref } from 'react';
-import { Theme } from '../../../hooks/useTheme';
-import { ButtonProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
-import { OnSelectProps } from '../types/index.types';
-export type ItemIdentifier = (selected: Option | null, current: Option) => boolean;
-export type SelectOnSelect = (props: OnSelectProps) => void;
-export interface Option<V = unknown> {
-    name: string;
-    value?: V;
-}
-export type renderOptionType = {
-    item: Option;
-    index: number;
-    isActiveItem: boolean;
-    className: string;
-};
-export interface SelectProps<T = HTMLDivElement> extends Omit<CommonCssComponentProps<T>, 'onSelect' | 'onChange'>, PropsWithChildren {
-    items?: (never | Option)[];
-    onSelect?: SelectOnSelect;
-    onKeyDown?: ReactEventHandler<T>;
-    onInitiatorClick?: (event: MouseEvent<T>) => void;
-    children?: ReactNode;
-    itemsCount?: number;
-    initiator?: ReactNode;
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    emptyItemsResult?: ReactNode;
-    renderOption?: (data: renderOptionType) => ReactNode;
-    autoOpen?: boolean;
-    activeIndex?: string | number;
-    value?: Option | null;
-    onChange?: (data: Option) => void;
-    itemStringifier?: (data: Option) => string;
-    itemIdentifier?: ItemIdentifier;
-    disabled?: boolean;
-    placeholder?: string;
-    dropdownMaxHeight?: string;
-    adornmentStart?: ReactNode;
-    adornmentEnd?: ReactNode;
-}
-export interface SelectRef {
-    ref: Ref<HTMLDivElement>;
-    selectedValue?: Option | null;
-    isOpen: boolean;
-    onSelect: SelectOnSelect;
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-}
-export interface SelectContextType {
-    onSelect?: SelectOnSelect;
-    value?: Option | null;
-    itemIdentifier?: ItemIdentifier;
-}
-export interface SelectWrapperStyledProps extends CommonCssComponentStyledProps {
-    $disabled?: boolean;
-}
-export interface ArrowIconWrapperStyledProps extends CommonCssComponentStyledProps {
-    $isOpen?: boolean;
-}
-export interface SelectInitiatorWrapperStyledProps extends CommonCssComponentStyledProps {
-    width?: string;
-}
-export type DropdownIconStyledProps = CommonCssComponentStyledProps;
-export type SelectAdornmentStyledProps = PropsWithChildren<CommonCssComponentStyledProps>;
-export interface DropdownButtonStyledProps extends ButtonProps {
-    theme?: Theme;
-}

package/components/core/Select/SelectStyled.d.ts

@@ -1,8 +0,0 @@
-import { DropdownButtonStyledProps, DropdownIconStyledProps } from '../..';
-import { SelectWrapperStyledProps, SelectInitiatorWrapperStyledProps, ArrowIconWrapperStyledProps, SelectAdornmentStyledProps } from './Select.types';
-export declare const SelectWrapperStyled: import('react').ForwardRefExoticComponent<Omit<SelectWrapperStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const InitiatorWrapperStyled: import('react').ForwardRefExoticComponent<Omit<SelectInitiatorWrapperStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const ArrowIconWrapperStyled: (props: ArrowIconWrapperStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const DropdownIconStyled: (props: DropdownIconStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const DropdownButtonStyled: (props: DropdownButtonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const SelectAdornmentStyled: (props: SelectAdornmentStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/core/Select/SelectStyled.js

@@ -1,67 +0,0 @@
-"use client";
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { get as o } from "../../../utils/helpers.js";
-import { Button as l } from "../Button/Button.js";
-import { Icon as d } from "../Icon/Icon.js";
-const I = c((t, r) => {
-  const {
-    theme: {
-      select: e
-    } = {},
-    styles: n = {},
-    $disabled: p,
-    ...a
-  } = t;
-  return /* @__PURE__ */ s("div", { css: [o(e, "default", {}), p ? o(e, "disabled", {}) : {}, n], ...a, ref: r });
-}), S = c((t, r) => {
-  const {
-    theme: {
-      select: e
-    } = {},
-    ...n
-  } = t;
-  return /* @__PURE__ */ s("div", { css: o(e, "initiatorWrapper", {}), ...n, ref: r });
-}), y = (t) => {
-  const {
-    theme: {
-      select: r
-    } = {},
-    $isOpen: e,
-    ...n
-  } = t;
-  return /* @__PURE__ */ s("span", { css: [o(r, "arrowIconWrapper.default", {}), e ? o(r, "arrowIconWrapper.transform.open", {}) : o(r, "arrowIconWrapper.transform.close", {})], ...n });
-}, W = (t) => {
-  const {
-    theme: {
-      select: r
-    } = {}
-  } = t;
-  return /* @__PURE__ */ s(d, { ...o(r, "arrowIcon", {
-    name: "arrowDown"
-  }) });
-}, h = (t) => {
-  const {
-    theme: {
-      select: r
-    } = {},
-    ...e
-  } = t;
-  return /* @__PURE__ */ s(l, { css: [o(r, "button.default", {})], ...o(r, "button.attrs", {}), ...e });
-}, P = (t) => {
-  const {
-    theme: {
-      select: r
-    } = {},
-    ...e
-  } = t;
-  return /* @__PURE__ */ s("span", { css: [o(r, "adornment.default", {})], ...e });
-};
-export {
-  y as ArrowIconWrapperStyled,
-  h as DropdownButtonStyled,
-  W as DropdownIconStyled,
-  S as InitiatorWrapperStyled,
-  P as SelectAdornmentStyled,
-  I as SelectWrapperStyled
-};

package/components/core/Select/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const COMPONENT_NAME = "Select";
-export declare const DEFAULT_SELECTED_VALUE = "Select";

package/components/core/Select/constants.js

@@ -1,5 +0,0 @@
-const E = "Select", e = "Select";
-export {
-  E as COMPONENT_NAME,
-  e as DEFAULT_SELECTED_VALUE
-};

package/components/core/Select/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './useSelectContext';

package/components/core/Select/hooks/useSelectContext.d.ts

@@ -1,3 +0,0 @@
-import { SelectContextType } from '..';
-export declare const SelectContext: import('react').Context<SelectContextType | undefined>;
-export declare const useSelectContext: () => SelectContextType;

package/components/core/Select/hooks/useSelectContext.js

@@ -1,12 +0,0 @@
-"use client";
-import { createContext as t, useContext as o } from "react";
-const n = t(void 0), r = () => {
-  const e = o(n);
-  if (!e)
-    throw new Error("useSelectContext must be used within a Select component or children");
-  return e;
-};
-export {
-  n as SelectContext,
-  r as useSelectContext
-};

package/components/core/Select/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Select';
-export * from './hooks';
-export * from './Select.types';

package/components/core/Separator/Separator.d.ts

@@ -1,2 +0,0 @@
-import { SeparatorProps } from './Separator.types';
-export declare const Separator: import('react').ForwardRefExoticComponent<SeparatorProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/Separator/Separator.js

@@ -1,36 +0,0 @@
-"use client";
-import { jsxs as $, jsx as t, Fragment as N } from "@emotion/react/jsx-runtime";
-import { forwardRef as P } from "react";
-import { COMPONENT_NAME as h } from "./constants.js";
-import { SeparatorWrapperStyled as g, SeparatorLabelStyled as c, SeparatorLineStyled as d } from "./SeparatorStyled.js";
-import { SeparatorLabelPosition as a } from "../../../types/separator.js";
-import { useTheme as u } from "../../../hooks/useTheme/useTheme.js";
-const v = P((b, S) => {
-  const {
-    styles: f = {},
-    label: o,
-    labelPosition: l = a.Center,
-    size: r,
-    variant: m,
-    orientation: i,
-    length: C,
-    color: p,
-    labelColor: n,
-    ...L
-  } = b, {
-    theme: e
-  } = u(), s = !!o, z = s && l === a.Start, y = s && l === a.Center, E = s && l === a.End;
-  return /* @__PURE__ */ $(g, { theme: e, styles: f, ref: S, "data-testid": h, $orientation: i, $length: C, ...L, children: [
-    z && /* @__PURE__ */ t(c, { theme: e, $size: r, $labelColor: n, children: o }),
-    /* @__PURE__ */ t(d, { theme: e, $color: p, $size: r, $variant: m, $orientation: i }),
-    y && /* @__PURE__ */ $(N, { children: [
-      /* @__PURE__ */ t(c, { theme: e, $size: r, $labelColor: n, children: o }),
-      /* @__PURE__ */ t(d, { theme: e, $color: p, $size: r, $variant: m, $orientation: i })
-    ] }),
-    E && /* @__PURE__ */ t(c, { theme: e, $size: r, $labelColor: n, children: o })
-  ] });
-});
-v.displayName = h;
-export {
-  v as Separator
-};

package/components/core/Separator/Separator.types.d.ts

@@ -1,31 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentProps, CommonCssComponentStyledProps, TypographyStyledProps } from '../..';
-import { EnumOrPrimitive, KeysByPrefix, Orientation, SeparatorLabelPosition, SeparatorVariant, SizeVariant } from '../../../types';
-import { Unit } from '../../../tokens';
-type SpacingKeys = KeysByPrefix<BoxCssComponentProps, 'margin'> | KeysByPrefix<BoxCssComponentProps, 'padding'>;
-export interface SeparatorProps extends CommonCssComponentProps, Pick<BoxCssComponentProps, SpacingKeys> {
-    orientation?: EnumOrPrimitive<Orientation>;
-    length?: `${number}${Unit}`;
-    color?: string;
-    size?: SizeVariant;
-    variant?: EnumOrPrimitive<SeparatorVariant>;
-    as?: 'div' | 'hr' | 'span';
-    label?: string;
-    labelPosition?: EnumOrPrimitive<SeparatorLabelPosition>;
-    labelColor?: string;
-}
-export interface SeparatorWrapperStyledProps extends CommonCssComponentStyledProps, BoxCssComponentStyledProps, PropsWithChildren {
-    $orientation?: EnumOrPrimitive<Orientation>;
-    $length?: `${number}${Unit}`;
-}
-export interface SeparatorLineStyledProps extends Omit<CommonCssComponentStyledProps, 'ref'>, PropsWithChildren {
-    $as?: 'div' | 'hr' | 'span';
-    $orientation?: EnumOrPrimitive<Orientation>;
-    $color?: string;
-    $size?: EnumOrPrimitive<SizeVariant>;
-    $variant?: EnumOrPrimitive<SeparatorVariant>;
-}
-export interface SeparatorLabelStyledProps extends TypographyStyledProps {
-    $labelColor?: string;
-}
-export {};

package/components/core/Separator/SeparatorStyled.d.ts

@@ -1,4 +0,0 @@
-import { SeparatorLabelStyledProps, SeparatorLineStyledProps, SeparatorWrapperStyledProps } from './Separator.types';
-export declare const SeparatorWrapperStyled: import('react').ForwardRefExoticComponent<Omit<SeparatorWrapperStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const SeparatorLineStyled: (props: SeparatorLineStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const SeparatorLabelStyled: (props: SeparatorLabelStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;